.sound-toggle-container{padding:12px 16px;background:#ffffff08;border-radius:12px;margin-bottom:16px}.sound-toggle{display:flex;flex-direction:column;gap:12px}.sound-toggle-main{display:flex;align-items:center;gap:8px}.sound-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color, #f59e0b);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.sound-toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.sound-toggle-button.disabled{background:#ffffff1a;color:#ffffff80}.sound-toggle-button.disabled:hover{transform:none;box-shadow:none}.sound-icon{font-size:18px;transition:transform .3s ease}.sound-toggle-button.enabled .sound-icon{animation:speakerPulse 2s ease-in-out infinite}.settings-button{padding:8px;background:#ffffff1a;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}.settings-button:hover{background:#fff3;transform:rotate(90deg)}.sound-settings{padding:12px;background:#0003;border-radius:8px;animation:slideDown .3s ease-out}.volume-label{display:flex;flex-direction:column;gap:8px;color:#fffc;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.volume-control{display:flex;align-items:center;gap:8px}.volume-icon{font-size:16px}.volume-slider{flex:1;height:4px;background:#fff3;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary-color, #f59e0b);border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--primary-color, #f59e0b);border-radius:50%;cursor:pointer;border:none;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-value{font-size:11px;color:var(--primary-color, #f59e0b);font-weight:600;min-width:32px;text-align:right}.sound-tooltip{margin:8px 0 0;font-size:11px;color:#ffffff80;text-align:center}.sound-toggle.unsupported{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff00001a;border-radius:8px;color:#ff6464cc;font-size:12px}@keyframes speakerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes messageBounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@keyframes floatParticle{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--float-x, 100px),var(--float-y, -800px)) rotate(360deg);opacity:0}}@keyframes floatParticle2{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(var(--float-x, -80px),var(--float-y, -700px)) scale(.5);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--primary-color);opacity:.6}50%{box-shadow:0 0 40px var(--primary-color);opacity:1}}@keyframes backgroundPulse{0%,to{opacity:.15}50%{opacity:.25}}.enter-animation{animation:fadeInUp .6s ease-out forwards}.exit-animation{animation:fadeOutDown .4s ease-in forwards}.scale-in{animation:scaleIn .5s ease-out forwards}.slide-in{animation:slideIn .5s ease-out forwards}.message-enter{animation:messageSlideIn .4s ease-out forwards}.message-bounce{animation:messageBounceIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes cardHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}to{transform:translateY(-8px) scale(1.03)}}.card-hover{transition:all .3s ease}.card-hover:hover{animation:cardHover .6s ease forwards;box-shadow:0 20px 60px #0000004d}.typing-indicator{display:flex;gap:4px;padding:10px 15px}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:typingDot 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--primary-color);opacity:0;animation:floatParticle 15s linear infinite}.particle:nth-child(2n){animation-name:floatParticle2;animation-duration:18s}.particle.large{width:8px;height:8px;animation-duration:20s}.avatar{position:relative;border-radius:50%;overflow:hidden;transition:all .3s ease}.avatar--small{width:50px;height:50px}.avatar--medium{width:80px;height:80px}.avatar--large{width:120px;height:120px}.avatar-wrapper{position:relative;width:100%;height:100%}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-mood-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--primary-color, #f59e0b);transform:scale(1)}50%{box-shadow:0 0 40px var(--primary-color, #f59e0b);transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes softFade{0%,to{opacity:1}50%{opacity:.7}}@keyframes sharinganRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparks{0%{box-shadow:0 0 10px #ffc80080,0 0 20px #ffc8004d}50%{box-shadow:0 0 30px #ffc800cc,0 0 50px #ffc80080,0 0 70px #ffc8004d}to{box-shadow:0 0 10px #ffc80080,0 0 20px #ffc8004d}}.goku-powerup{animation:sparks 1.5s ease-in-out;box-shadow:0 0 40px #fab41499}.goku-powerup .avatar-mood-overlay{opacity:.3;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:pulseGlow 1.2s infinite}.goku-happy{animation:pulseGlow 2s ease-in-out}.goku-happy .avatar-mood-overlay{opacity:.2;background:radial-gradient(circle,rgba(255,200,100,.3) 0%,transparent 70%)}.goku-concerned .avatar-mood-overlay{opacity:.2;background:#64649633}.goku-intense{animation:shake .5s;box-shadow:0 0 30px #ff640080}.goku-quiet{animation:softFade 3s ease-in-out}.goku-quiet .avatar-mood-overlay{opacity:.3;background:#6496c833}.vegeta-pride{animation:pulseGlow 1.5s ease-in-out;box-shadow:0 0 35px #8a2be299}.vegeta-pride .avatar-mood-overlay{opacity:.25;background:radial-gradient(circle,rgba(138,43,226,.3) 0%,transparent 70%)}.vegeta-smirk{animation:pulseGlow 2.5s ease-in-out}.vegeta-disdain .avatar-mood-overlay{opacity:.15;background:#64006426}.vegeta-rage{animation:shake .4s,sparks 1s;box-shadow:0 0 40px #7800c8cc;border:2px solid rgba(138,43,226,.6)}.vegeta-rage .avatar-mood-overlay{opacity:.4;background:radial-gradient(circle,rgba(138,43,226,.5) 0%,transparent 70%);animation:pulseGlow .8s infinite}.vegeta-stern{animation:softFade 3s ease-in-out}.vegeta-stern .avatar-mood-overlay{opacity:.2;background:#50507833}.itachi-determined{animation:pulseGlow 2s ease-in-out;box-shadow:0 0 30px #dc262680}.itachi-determined .avatar-mood-overlay{opacity:.2;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%)}.itachi-calm{animation:softFade 4s ease-in-out}.itachi-concern .avatar-mood-overlay{opacity:.2;background:#64646433}.itachi-sharingan{animation:pulseGlow 1.2s infinite;box-shadow:0 0 40px #dc2626cc}.itachi-sharingan .avatar-mood-overlay{opacity:.4;background:radial-gradient(circle,rgba(220,38,38,.6) 0%,transparent 70%);animation:sharinganRotate 4s linear infinite}.itachi-sorrow{animation:softFade 4s ease-in-out}.itachi-sorrow .avatar-mood-overlay{opacity:.3;background:#3c3c504d}.itachi-sorrow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;pointer-events:none;animation:softFade 5s ease-in-out infinite}.avatar--speaking{animation:speakingPulse 1s ease-in-out infinite}.avatar-speaking-indicator{position:absolute;bottom:-5px;right:-5px;width:24px;height:24px;background:var(--primary-color, #f59e0b);border-radius:50%;border:3px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.speaking-pulse{display:block;width:12px;height:12px;border-radius:50%;background:#fff;animation:speakingDot .8s ease-in-out infinite}@keyframes speakingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes speakingDot{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}}.init-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0f;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#e0e0e0;font-family:Inter,sans-serif;transition:opacity .8s ease-out}.init-content{text-align:center;max-width:600px;padding:2rem;position:relative}.awaken-btn{background:transparent;border:2px solid #7c4dff;color:#fff;padding:1rem 3rem;font-size:1.5rem;font-weight:700;cursor:pointer;border-radius:4px;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 10px #7c4dff4d;position:relative;overflow:hidden}.awaken-btn:hover{background:#7c4dff1a;box-shadow:0 0 20px #7c4dff99;transform:scale(1.05)}.awaken-btn:active{transform:scale(.95)}.loader-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.energy-core{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff,#7c4dff);box-shadow:0 0 30px #7c4dff,0 0 60px #7c4dff inset;animation:pulse-core 2s infinite ease-in-out}.orbit-ring{position:absolute;width:120px;height:120px;border:2px solid rgba(124,77,255,.5);border-radius:50%;border-top-color:transparent;animation:spin 3s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.loading-text{font-size:1.2rem;color:#bdbdbd;min-height:1.5em;animation:fade-text .5s ease-in-out;letter-spacing:1px}.sub-text{margin-top:3rem;font-size:.8rem;color:#666;opacity:.7}.error-msg{color:#ff5252;margin-bottom:1rem;font-size:1rem}@keyframes pulse-core{0%{transform:scale(.9);opacity:.8;box-shadow:0 0 20px #7c4dff}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 50px #7c4dff}to{transform:scale(.9);opacity:.8;box-shadow:0 0 20px #7c4dff}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fade-text{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}*{transition:background-color .5s ease,color .3s ease,border-color .3s ease}:root{--primary-color: #ff8c00;--primary-light: #ffa500;--primary-dark: #ff6b00;--accent-color: #ffd700;--bg-gradient-1: #ff8c00;--bg-gradient-2: #ffa500;--message-bg: rgba(255, 140, 0, .15);--message-border: rgba(255, 140, 0, .3)}[data-theme=goku]{--primary-color: #ff8c00;--primary-light: #ffa500;--primary-dark: #ff6b00;--accent-color: #ffd700;--bg-gradient-1: #ff8c00;--bg-gradient-2: #ffa500;--message-bg: rgba(255, 140, 0, .15);--message-border: rgba(255, 140, 0, .3)}[data-theme=vegeta]{--primary-color: #4a148c;--primary-light: #6a1b9a;--primary-dark: #38006b;--accent-color: #7b1fa2;--bg-gradient-1: #1a237e;--bg-gradient-2: #4a148c;--message-bg: rgba(74, 20, 140, .15);--message-border: rgba(74, 20, 140, .3)}[data-theme=itachi]{--primary-color: #b71c1c;--primary-light: #d32f2f;--primary-dark: #8b0000;--accent-color: #c62828;--bg-gradient-1: #212121;--bg-gradient-2: #b71c1c;--message-bg: rgba(183, 28, 28, .15);--message-border: rgba(183, 28, 28, .3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .4s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden}#root{width:100vw;height:100vh}.app-container{display:grid;grid-template-columns:350px 1fr;height:100vh;gap:0}.character-selector.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;z-index:1000}.selector-title{font-size:48px;margin-bottom:60px;background:linear-gradient(90deg,#d4af37,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 5px 20px rgba(212,175,55,.3);animation:fadeInUp .8s ease-out}.character-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px}.character-card{background:#1e1e32cc;border:3px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-image{width:250px;height:250px;border-radius:15px;overflow:hidden;margin-bottom:20px;border:3px solid rgba(255,255,255,.2)}.card-image img{width:100%;height:100%;object-fit:cover}.card-content h2{font-size:32px;margin-bottom:10px;color:#fff}.card-content p{font-size:16px;color:#ffffffb3;line-height:1.6}.character-selector.minimal{background:#141428cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:2px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.selected-character-header{display:flex;align-items:center;gap:15px;padding:15px;background:#1e1e3299;border-radius:12px;border:2px solid var(--primary-color)}.selected-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color)}.selected-character-header h3{font-size:24px;color:#fff}.other-characters{display:flex;flex-direction:column;gap:10px}.mini-character-card{display:flex;align-items:center;gap:10px;padding:10px;background:#1e1e3266;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.mini-character-card:hover{transform:translate(5px);border-color:#ffffff4d}.mini-character-card img{width:40px;height:40px;border-radius:50%;object-fit:cover}.mini-character-card span{font-size:16px;color:#fff}.chat-container{display:flex;flex-direction:column;height:100vh;background:#0f0f1e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-header{background:#141428e6;padding:20px;border-bottom:2px solid rgba(255,255,255,.1);text-align:center}.chat-header h1{font-size:28px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message{display:flex;align-items:flex-start;animation:fadeIn .3s ease-out}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{max-width:60%;padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.5}.message.user .message-bubble{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff}.message.bot .message-bubble{background:var(--message-bg);border:1px solid var(--message-border);color:#fff}.loading-indicator{display:flex;gap:5px;padding:10px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:pulse 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.message-input-container{padding:20px;background:#141428e6;border-top:2px solid rgba(255,255,255,.1)}.message-input-wrapper{display:flex;gap:10px}.message-input{flex:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.message-input:focus{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.send-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;padding:12px 24px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:80px}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px var(--primary-color)}.send-button:disabled{opacity:.5;cursor:not-allowed}.chat-messages::-webkit-scrollbar,.character-selector::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.character-selector::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb,.character-selector::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,.character-selector::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media(max-width:1200px){.character-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.app-container,.character-cards-grid{grid-template-columns:1fr}.selector-title{font-size:32px}}.chat-container{position:relative!important;overflow:hidden!important;background:#0f0f1ee6!important}.chat-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;z-index:0;animation:backgroundPulse 8s ease-in-out infinite;pointer-events:none}[data-theme=goku] .chat-container:before{background-image:url(/backgrounds/goku-bg.png)}[data-theme=vegeta] .chat-container:before{background-image:url(/backgrounds/vegeta-bg.png)}[data-theme=itachi] .chat-container:before{background-image:url(/backgrounds/itachi-bg.png)}.chat-header,.chat-messages{position:relative;z-index:2}.message{animation:messageSlideIn .4s ease-out!important}.message-input-container{position:relative;z-index:2}.character-selector.minimal{display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar-top{flex:1;overflow-y:auto;padding-bottom:20px}.character-profile-card{margin-top:20px;background:#1e1e32b3;border-radius:12px;border:2px solid rgba(255,255,255,.1);overflow:hidden;transition:border-color .3s ease}.character-profile-card:hover{border-color:#fff3}.profile-card-header{background:#141428cc;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;font-weight:600}.profile-avatar-container{display:flex;justify-content:center;padding:20px;background:#14142866}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);box-shadow:0 0 20px rgba(var(--primary-color),.3)}.profile-info{padding:20px 15px}.profile-name{font-size:24px;font-weight:700;margin-bottom:5px;text-align:center;color:#fff}.profile-title{font-size:14px;text-align:center;color:var(--primary-color);font-style:italic;margin-bottom:20px}.profile-details{margin-top:15px}.profile-section{margin-bottom:15px}.profile-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#fff9;margin-bottom:8px;font-weight:600}.profile-section p{font-size:14px;color:#ffffffe6;line-height:1.5}.profile-strengths{list-style:none;padding:0;margin:0}.profile-strengths li{font-size:13px;color:#fffc;padding:6px 0 6px 18px;position:relative;line-height:1.4}.profile-strengths li:before{content:"▸";position:absolute;left:0;color:var(--primary-color);font-size:14px}.profile-quote{margin-top:15px;padding:12px;background:#14142880;border-left:3px solid var(--primary-color);border-radius:4px;position:relative}.quote-icon{position:absolute;top:-5px;left:8px;font-size:40px;color:var(--primary-color);opacity:.3;font-family:Georgia,serif}.profile-quote p{font-size:12px;color:#ffffffb3;font-style:italic;line-height:1.6;margin:0;padding-left:20px}.developer-info{margin-top:auto;padding:15px 20px;background:#14142899}.developer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:15px}.developer-content{text-align:center}.developer-name{font-size:15px;font-weight:600;color:#ffffffe6;margin-bottom:4px}.developer-title{font-size:12px;color:#fff9;margin-bottom:3px;font-style:italic}.developer-subtitle{font-size:11px;color:#fff6;margin-bottom:12px}.developer-links{display:flex;justify-content:center;gap:15px;margin-top:10px}.developer-link{color:#ffffff80;transition:all .3s ease;display:flex;align-items:center}.developer-link:hover{color:var(--primary-color);transform:translateY(-2px)}.developer-link svg{width:18px;height:18px}.sidebar-top::-webkit-scrollbar{width:6px}.sidebar-top::-webkit-scrollbar-track{background:#0003}.sidebar-top::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.sidebar-top::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}