@import "https://fonts.googleapis.com/css2?family=Gayathri:wght@400;700&family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500;700&display=swap";:root{--color-bg:#0d1017;--color-surface-rgb:26, 32, 48;--color-surface:rgba(var(--color-surface-rgb), .65);--color-surface-solid:#171c26;--color-border:#47526b59;--color-border-glow:#26d9a34d;--color-primary:#1fad83;--color-primary-light:#30e8b1;--color-primary-glow:#1fad8373;--color-gold:#eeb32b;--color-gold-light:#fbc851;--color-gold-glow:#eeb32b66;--color-coral:#f5683d;--color-coral-light:#ff8a66;--color-text:#f9fafb;--color-text-muted:#b8bdc7;--font-main:"Outfit", "Inter", sans-serif;--font-malayalam:"Gayathri", "Manjari", sans-serif;--sidebar-width:280px;--header-height:70px;--bottom-nav-height:75px;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-image .5s;overflow-x:hidden}body.theme-forest{--color-primary:#1fad83;--color-primary-light:#30e8b1;--color-primary-glow:#1fad8373;--color-border-glow:#26d9a34d;background-image:radial-gradient(at 0% 0%, #136c5226 0px, transparent 50%), radial-gradient(at 100% 100%, #5c430a1a 0px, transparent 50%), radial-gradient(at 50% 50%, #090b1080 0px, var(--color-bg) 100%)}body.theme-indigo{--color-primary:#493cdd;--color-primary-light:#8075f0;--color-primary-glow:#493cdd73;--color-border-glow:#493cdd4d;background-image:radial-gradient(at 0% 0%, #1b136c2e 0px, transparent 50%), radial-gradient(at 100% 100%, #410a5c1f 0px, transparent 50%), radial-gradient(at 50% 50%, #090b1080 0px, var(--color-bg) 100%)}body.theme-gold{--color-primary:#f29e0d;--color-primary-light:#ffbe4c;--color-primary-glow:#f29e0d73;--color-border-glow:#f29e0d4d;background-image:radial-gradient(at 0% 0%, #613f0526 0px, transparent 50%), radial-gradient(at 100% 100%, #5c1f0a1a 0px, transparent 50%), radial-gradient(at 50% 50%, #090b1080 0px, var(--color-bg) 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#47526b80}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}#app{min-height:100vh;display:grid}.sidebar{background:rgba(var(--color-surface-rgb), .8);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-border);z-index:100;width:var(--sidebar-width);flex-direction:column;padding:2rem 1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.brand-logo{filter:drop-shadow(0 0 10px var(--color-primary-glow));font-size:2.2rem}.brand-name{letter-spacing:-1px;background:linear-gradient(135deg, var(--color-text) 30%, var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.nav-menu{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--color-text-muted);border-radius:var(--border-radius-md);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-text);background:#ffffff0d}.nav-item.active{color:var(--color-text);border-color:var(--color-border-glow);background:linear-gradient(135deg,#a2462826,#a2462808);box-shadow:0 4px 20px -2px #a2462826}.nav-icon{font-size:1.3rem}.bottom-nav{height:var(--bottom-nav-height);background:rgba(var(--color-surface-rgb), .95);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;align-items:center;padding:0 1rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.5rem 0;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--color-primary-light)}.mobile-nav-icon{font-size:1.5rem}.main-layout{padding-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.stats-header{height:var(--header-height);border-bottom:1px solid var(--color-border);background:rgba(var(--color-surface-rgb), .2);-webkit-backdrop-filter:blur(10px);z-index:90;justify-content:flex-end;align-items:center;padding:0 2.5rem;display:flex;position:sticky;top:0}.stats-container{align-items:center;gap:1.5rem;display:flex}.stat-pill{border:1px solid var(--color-border);transition:var(--transition-fast);background:#ffffff0d;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;font-weight:700;display:flex}.stat-pill.heart-pill{border-color:#0e5a3c33}.stat-pill.heart-pill.critical{animation:1.5s infinite alternate pulse-border}.stat-pill.streak-pill{border-color:#2a553733}.stat-icon{font-size:1.1rem}.content-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2.5rem 5rem}.glass-card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:var(--transition-normal);padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card.interactive:hover{border-color:var(--color-border-glow);transform:translateY(-4px);box-shadow:0 12px 40px #a2462826}.welcome-section{background:linear-gradient(135deg, rgba(var(--color-surface-rgb), .8), #1a203066);align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.mascot-container{flex-shrink:0;width:140px;height:140px;position:relative}.mascot-img{object-fit:contain;filter:drop-shadow(0 8px 16px #0006);width:100%;height:100%;animation:4s ease-in-out infinite gentle-bob}.welcome-text h1{margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.welcome-text p{color:var(--color-text-muted);font-size:1.1rem}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:2rem;display:grid}.learning-path{flex-direction:column;gap:1.5rem;display:flex}.section-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:800;display:flex}.section-title:after{content:"";background:var(--color-border);flex:1;height:1px}.path-node{border-radius:var(--border-radius-md);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.path-node:hover{border-color:var(--color-border-glow);background:#ffffff0d}.node-status{border:1px solid var(--color-border);width:48px;height:48px;transition:var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.path-node.completed .node-status{border-color:var(--color-primary-light);color:var(--color-primary-light);background:#a2462833}.node-details{flex:1}.node-details h3{margin-bottom:.25rem;font-size:1.1rem}.node-details p{color:var(--color-text-muted);font-size:.85rem}.node-action{color:var(--color-primary-light);font-size:.9rem;font-weight:700}.leaderboard-panel{flex-direction:column;gap:1.25rem;display:flex}.leaderboard-list{flex-direction:column;gap:.75rem;display:flex}.leaderboard-row{border-radius:var(--border-radius-md);background:#ffffff05;border:1px solid #0000;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.leaderboard-row.user-row{background:linear-gradient(90deg,#a246281a,#0000);border-color:#a246284d}.leaderboard-rank{width:24px;font-size:1.1rem;font-weight:800}.leaderboard-avatar{font-size:1.4rem}.leaderboard-name{flex:1;font-weight:600}.leaderboard-xp{color:var(--color-gold-light);font-weight:700}.dev-controls{z-index:101;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:24px;right:24px}.dev-btn{background:rgba(var(--color-surface-rgb), .95);border:1px solid var(--color-border);color:var(--color-text-muted);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-fast);border-radius:50px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000004d}.dev-btn:hover{border-color:var(--color-primary-light);color:var(--color-text);box-shadow:0 4px 16px #a246284d}.tracing-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.tracing-header{text-align:center;width:100%}.tracing-letter-big{font-family:var(--font-malayalam);color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow);margin-bottom:.5rem;font-size:6rem;font-weight:700;line-height:1}.canvas-wrapper{border:2px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:crosshair;background:#131720;position:relative;overflow:hidden;box-shadow:inset 0 4px 20px #0009}#tracingCanvas{display:block}.canvas-instruction{pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-sm);text-align:center;color:var(--color-text-muted);background:#0009;padding:.5rem 1rem;font-size:.85rem;position:absolute;top:1rem;left:1rem;right:1rem}.tracing-actions{gap:1rem;width:100%;max-width:400px;display:flex}.btn{border-radius:var(--border-radius-md);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);text-align:center;background:#ffffff0a;flex:1;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700}.btn:hover{background:#ffffff14}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 14px var(--color-primary-glow)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.matchgrid-container{flex-direction:column;gap:1.5rem;display:flex}.time-attack-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.timer-bar-container{background:#ffffff0d;border-radius:10px;width:100%;height:6px;margin-bottom:1rem;overflow:hidden}.timer-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-gold));width:100%;height:100%;transition:width .1s linear}.match-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.match-card{aspect-ratio:1.3;border-radius:var(--border-radius-md);border:1px solid var(--color-border);text-align:center;cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-weight:700;display:flex}.match-card:hover{border-color:var(--color-border-glow);background:#ffffff0d}.match-card.malayalam-card{font-family:var(--font-malayalam);letter-spacing:.5px;font-size:1.8rem}.match-card.selected{border-color:var(--color-primary-light);box-shadow:0 0 15px var(--color-primary-glow);background:#a2462826}.match-card.matched{opacity:.6;pointer-events:none;transform:scale(.95);border-color:var(--color-primary-light)!important;color:var(--color-primary-light)!important;background:#2a553726!important}.match-card.incorrect{animation:.4s ease-in-out shake;border-color:var(--color-coral)!important;color:var(--color-coral-light)!important;background:#e64b281a!important}.assembler-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.assembler-question{text-align:center}.target-sentence{color:var(--color-gold);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.placed-chips-area{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);background:#11151c;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:80px;padding:1.25rem;display:flex}.word-pool{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding:1rem 0;display:flex}.word-chip{color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-malayalam);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:50px;padding:.75rem 1.25rem;font-size:1.3rem;font-weight:700}.word-chip:hover{border-color:var(--color-primary-light);background:#ffffff14}.word-chip.selected{opacity:.3;pointer-events:none}.assembler-actions{gap:1rem;width:100%;max-width:400px;display:flex}.flashcards-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.card-scene{perspective:800px;width:320px;height:420px}.card-element{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.card-element.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:var(--border-radius-lg);border:2px solid var(--color-border);background:linear-gradient(135deg, var(--color-surface-solid), rgba(var(--color-surface-rgb), .95));text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2.5rem;display:flex;position:absolute;box-shadow:0 10px 30px #00000080}.card-face-back{border-color:var(--color-gold);transform:rotateY(180deg)}.card-face-front{border-color:var(--color-border)}.card-word-malayalam{font-family:var(--font-malayalam);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.card-word-phonetic{color:var(--color-primary-light);font-size:1.2rem;font-weight:600}.card-word-english{color:var(--color-gold-light);margin-bottom:1rem;font-size:2rem;font-weight:700}.card-word-example{color:var(--color-text-muted);font-size:.95rem}.leitner-boxes{gap:.5rem;margin-top:1rem;display:flex}.leitner-dot{border:1px solid var(--color-border);background:#ffffff1a;border-radius:50%;width:8px;height:8px}.leitner-dot.active{background:var(--color-gold)}.speaking-container{flex-direction:column;gap:1.5rem;display:flex}.chat-window{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:#11151c;flex-direction:column;gap:1rem;min-height:250px;max-height:380px;margin-bottom:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--border-radius-md);flex-direction:column;gap:.25rem;max-width:75%;padding:1rem 1.25rem;font-size:.95rem;display:flex}.chat-bubble.appu-bubble{background:rgba(var(--color-surface-rgb), .85);border:1px solid var(--color-border);border-bottom-left-radius:0;align-self:flex-start}.chat-bubble.user-bubble{background:var(--color-primary-glow);border:1px solid var(--color-primary);border-bottom-right-radius:0;align-self:flex-end}.bubble-speaker{color:var(--color-gold);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.bubble-malayalam{font-family:var(--font-malayalam);font-size:1.4rem;font-weight:700}.bubble-phonetic{color:var(--color-text-muted);font-size:.8rem}.bubble-translation{color:var(--color-text-muted);border-top:1px dashed #ffffff14;margin-top:.25rem;padding-top:.25rem;font-size:.85rem}.bubble-audio-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:2px;font-size:.8rem}.bubble-audio-btn:hover{color:var(--color-text)}.dialog-options{grid-template-columns:1fr;gap:.75rem;display:grid}.dialog-option-btn{text-align:left;border-radius:var(--border-radius-md);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;flex-direction:column;gap:.2rem;padding:1rem 1.25rem;font-size:.95rem;display:flex}.dialog-option-btn:hover{border-color:var(--color-primary-light);background:#a246280d}.option-malayalam{font-family:var(--font-malayalam);color:var(--color-primary-light);font-size:1.25rem;font-weight:700}.option-details{color:var(--color-text-muted);font-size:.8rem}.cultural-container{flex-direction:column;gap:2rem;display:flex}.cultural-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.cultural-card{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background:var(--color-surface);min-height:200px;transition:var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.cultural-card.locked{background:#0000004d}.cultural-card.locked:after{content:"";-webkit-backdrop-filter:blur(6px);z-index:10;background:#0006;position:absolute;inset:0}.lock-overlay{z-index:20;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.lock-icon{filter:drop-shadow(0 0 10px #00000080);font-size:3rem;animation:3s ease-in-out infinite gentle-wobble}.lock-hint{color:var(--color-text-muted);max-width:250px;font-size:.9rem}.cultural-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.cultural-icon{font-size:2.5rem}.cultural-title{color:var(--color-gold);font-size:1.3rem;font-weight:800}.cultural-description{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.badges-container{flex-direction:column;gap:1.25rem;display:flex}.badges-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.badge-item{border-radius:var(--border-radius-md);border:1px solid var(--color-border);text-align:center;filter:grayscale();opacity:.4;transition:var(--transition-fast);cursor:help;background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;padding:1rem .5rem;display:flex}.badge-item.unlocked{filter:grayscale(0%);opacity:1;background:#2a55370d;border-color:#2a55374d}.badge-icon{margin-bottom:.5rem;font-size:2rem}.badge-title{font-size:.8rem;font-weight:700}.toast-container{z-index:200;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(15px);border:1px solid var(--color-primary-light);color:var(--color-text);opacity:0;background:#1a2030f2;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(-20px)scale(.9);box-shadow:0 10px 30px #a2462866}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast.success{border-color:var(--color-primary-light)}.toast.badge-unlock{border-color:var(--color-gold-light);box-shadow:0 10px 30px var(--color-gold-glow)}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentle-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pulse-border{0%{box-shadow:none;border-color:#0e5a3c33}to{border-color:var(--color-coral);box-shadow:0 0 10px #e64b284d}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=767px){.sidebar{display:none}.bottom-nav{display:flex}.main-layout{padding-left:0;padding-bottom:var(--bottom-nav-height)}.stats-header{justify-content:space-between;padding:0 1.5rem}.brand-logo-mobile{font-size:1.8rem}.content-body{padding:1.5rem 1.5rem 3rem}.glass-card{padding:1.25rem}.welcome-section{text-align:center;flex-direction:column;gap:1rem}.mascot-container{width:100px;height:100px}.match-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.match-card{aspect-ratio:1.5;padding:.75rem}.match-card.malayalam-card{font-size:1.4rem}.cultural-grid{grid-template-columns:1fr}.card-scene{width:280px;height:380px}.tracing-letter-big{font-size:4.5rem}}.login-card-wrapper{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:6vh auto;padding:0 1.5rem;display:flex}.login-header{text-align:center;margin-bottom:2rem}.login-mascot{width:90px;height:auto;filter:drop-shadow(0 8px 16px var(--color-primary-glow));animation:4s ease-in-out infinite float}.login-logo{letter-spacing:-1px;background:linear-gradient(135deg, #fff, var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0 .25rem;font-size:3rem;font-weight:800}.login-tagline{color:var(--color-text-muted);font-size:.95rem}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:1.75rem;width:100%;padding:2.5rem 2rem;display:flex;box-shadow:0 20px 40px #0006}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.input-group input{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);color:#fff;width:100%;transition:var(--transition-fast);background:#ffffff0d;padding:.85rem 1.2rem;font-family:inherit;font-size:1rem}.input-group input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 4px var(--color-primary-glow);background:#ffffff14;outline:none}.error-msg{color:var(--color-coral-light);min-height:1rem;margin-top:.25rem;font-size:.8rem}.avatar-select-group{flex-direction:column;gap:.75rem;display:flex}.avatar-select-group label{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.avatar-options{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.avatar-option{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);cursor:pointer;min-width:50px;height:50px;transition:var(--transition-fast);background:#ffffff08;flex:1;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.avatar-option:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.avatar-option.active{background:var(--color-primary-glow);border-color:var(--color-primary-light);box-shadow:0 0 12px var(--color-primary-glow);transform:scale(1.1)}.login-btn{letter-spacing:.5px;width:100%;padding:1rem;font-size:1.1rem;font-weight:700}.profile-settings-layout{grid-template-columns:1fr 1.25fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=768px){.profile-settings-layout{grid-template-columns:1fr}}.settings-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.profile-preview-large{border-radius:var(--border-radius-md);border:1px solid var(--color-border);background:#ffffff05;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.preview-avatar{filter:drop-shadow(0 8px 16px #0000004d);font-size:3.5rem;animation:5s ease-in-out infinite float}.preview-name{color:#fff;word-break:break-word;font-size:1.5rem;font-weight:800}.settings-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding-bottom:1.5rem;display:flex}.settings-section:last-of-type{border-bottom:none;padding-bottom:0}.settings-section>label{color:var(--color-primary-light);font-size:.95rem;font-weight:700}.theme-options-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.theme-select-btn{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;display:flex}.theme-select-btn:hover{background:#ffffff14;border-color:#ffffff26}.theme-select-btn.active{background:var(--color-primary-glow);border-color:var(--color-primary-light);color:#fff;box-shadow:0 0 10px var(--color-primary-glow)}.theme-dot{border:1px solid #fff3;border-radius:50%;width:16px;height:16px}.toggle-control-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.switch-toggle{width:50px;height:26px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;border:1px solid var(--color-border);background-color:#ffffff1a;border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(24px)}.voice-speed-controls{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.speed-btn{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;padding:.6rem .5rem;font-size:.85rem;font-weight:600}.speed-btn:hover{background:#ffffff14}.speed-btn.active{background:var(--color-primary-glow);border-color:var(--color-primary-light);color:#fff}.shake-error{animation:.5s ease-in-out shake}.loading-dot{background-color:var(--color-primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s linear infinite flash;display:inline-block}@keyframes flash{0%,to{opacity:.2}50%{opacity:1}}