:root,[data-accent=violet]{--accent-h: 258;--accent-s: 86%;--accent2-h: 162;--accent2-s: 68%}[data-accent=ocean]{--accent-h: 201;--accent-s: 90%;--accent2-h: 174;--accent2-s: 72%}[data-accent=sunset]{--accent-h: 22;--accent-s: 92%;--accent2-h: 336;--accent2-s: 82%}[data-accent=emerald]{--accent-h: 152;--accent-s: 60%;--accent2-h: 42;--accent2-s: 88%}[data-accent=rose]{--accent-h: 336;--accent-s: 78%;--accent2-h: 258;--accent2-s: 70%}:root,[data-mode=dark]{--mode-bg-l: 8%;--mode-surface-l: 18%;--mode-surface-l2: 24%;--mode-text-l: 94%;--mode-text2-l: 70%;--mode-text3-l: 50%;--mode-border-l: 55%;--mode-accent-l: 62%;--mode-accent-l-hover: 54%;--mode-accent2-l: 58%;--glass-bg-alpha: .5;--glass-bg-alpha-2: .38;--glass-bg-alpha-hover: .62;--glass-border-alpha: .16;--glass-highlight-alpha: .07;--btn-tint-pct: 60%;--btn-rim-alpha: .32;--btn-sheen-alpha: .2;--btn-shade-alpha: .24;--shadow: 0 12px 40px -14px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .3);--shadow-glass: 0 16px 44px -16px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);--scrim: rgba(6, 6, 12, .55);--input-bg-alpha: .4;color-scheme:dark}[data-mode=light]{--mode-bg-l: 96%;--mode-surface-l: 99%;--mode-surface-l2: 96%;--mode-text-l: 16%;--mode-text2-l: 36%;--mode-text3-l: 50%;--mode-border-l: 68%;--mode-accent-l: 48%;--mode-accent-l-hover: 40%;--mode-accent2-l: 44%;--glass-bg-alpha: .62;--glass-bg-alpha-2: .5;--glass-bg-alpha-hover: .85;--glass-border-alpha: .5;--glass-highlight-alpha: .8;--btn-tint-pct: 78%;--btn-rim-alpha: .5;--btn-sheen-alpha: .42;--btn-shade-alpha: .12;--shadow: 0 12px 34px -16px rgba(40, 30, 70, .22), 0 2px 8px rgba(40, 30, 70, .08);--shadow-glass: 0 16px 40px -18px rgba(40, 30, 70, .18), inset 0 1px 0 rgba(255, 255, 255, .75);--scrim: rgba(255, 255, 255, .55);--input-bg-alpha: .75;color-scheme:light}:root{--bg-primary: hsl(var(--accent-h) 28% var(--mode-bg-l));--bg-secondary: hsla(var(--accent-h) 26% var(--mode-surface-l) / var(--glass-bg-alpha-2));--bg-card: hsla(var(--accent-h) 30% var(--mode-surface-l) / var(--glass-bg-alpha));--bg-hover: hsla(var(--accent-h) 38% var(--mode-surface-l2) / var(--glass-bg-alpha-hover));--bg-input: hsla(var(--accent-h) 24% var(--mode-surface-l) / var(--input-bg-alpha));--text-primary: hsl(var(--accent-h) 14% var(--mode-text-l));--text-secondary: hsl(var(--accent-h) 10% var(--mode-text2-l));--text-muted: hsl(var(--accent-h) 8% var(--mode-text3-l));--border: hsla(var(--accent-h) 30% var(--mode-border-l) / var(--glass-border-alpha));--border-strong: hsla(var(--accent-h) 30% var(--mode-border-l) / calc(var(--glass-border-alpha) * 2));--accent: hsl(var(--accent-h) var(--accent-s) var(--mode-accent-l));--accent-hover: hsl(var(--accent-h) var(--accent-s) var(--mode-accent-l-hover));--accent-2: hsl(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l));--accent-soft: hsla(var(--accent-h) var(--accent-s) var(--mode-accent-l) / .16);--accent-glow: 0 0 0 1px hsla(var(--accent-h) var(--accent-s) 60% / .3), 0 8px 30px -6px hsla(var(--accent-h) var(--accent-s) 55% / .55);--accent-gradient: linear-gradient(135deg, hsl(var(--accent-h) var(--accent-s) var(--mode-accent-l)), hsl(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l)));--green: #43c96e;--green-dim: #2a9451;--red: #ff5d6c;--red-dim: #d43e4d;--yellow: #ffc93c;--orange: #ff9f43;--amber: #d97706;--amber-dim: #b45309;--bronze: #cd7f32;--silver: #c7ccd6;--gold: #ffd75e;--radius: 18px;--radius-sm: 12px;--radius-lg: 26px;--radius-pill: 999px;--glass-blur: blur(22px) saturate(160%);--glass-blur-sm: blur(14px) saturate(150%);--glass-blur-btn: blur(16px) saturate(180%);--btn-sheen: linear-gradient( 180deg, hsla(0 0% 100% / var(--btn-sheen-alpha)) 0%, hsla(0 0% 100% / calc(var(--btn-sheen-alpha) * .28)) 40%, hsla(0 0% 100% / 0) 56%, hsla(0 0% 0% / calc(var(--btn-shade-alpha) * .45)) 100% );--btn-glass-ring: inset 0 0 0 1px hsla(0 0% 100% / var(--btn-rim-alpha)), inset 0 1px 1px -.5px hsla(0 0% 100% / calc(var(--btn-rim-alpha) * 1.25)), inset 0 -3px 4px -3px hsla(0 0% 0% / var(--btn-shade-alpha));--accent-gradient-glass: linear-gradient( 135deg, color-mix(in srgb, var(--accent) var(--btn-tint-pct), transparent), color-mix(in srgb, var(--accent-2) var(--btn-tint-pct), transparent) );--success-gradient-glass: linear-gradient( 135deg, color-mix(in srgb, var(--green) var(--btn-tint-pct), transparent), color-mix(in srgb, var(--green-dim) var(--btn-tint-pct), transparent) );--danger-gradient-glass: linear-gradient( 135deg, color-mix(in srgb, var(--red) var(--btn-tint-pct), transparent), color-mix(in srgb, var(--red-dim) var(--btn-tint-pct), transparent) );--warning-gradient-glass: linear-gradient( 135deg, color-mix(in srgb, var(--amber) var(--btn-tint-pct), transparent), color-mix(in srgb, var(--amber-dim) var(--btn-tint-pct), transparent) );--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Lexend", var(--font-sans);--tabbar-h: 58px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;transition:background-color .4s ease,color .4s ease}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--accent-h) 20% var(--mode-border-l) / .4);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsla(var(--accent-h) 30% var(--mode-border-l) / .6);background-clip:padding-box}.bg-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(95px);opacity:.32;will-change:transform}[data-mode=light] .bg-blob{opacity:.22}.bg-blob-1{width:46vmax;height:46vmax;top:-18vmax;left:-12vmax;background:hsl(var(--accent-h) var(--accent-s) 55%);animation:driftA 26s ease-in-out infinite}.bg-blob-2{width:40vmax;height:40vmax;bottom:-16vmax;right:-10vmax;background:hsl(var(--accent2-h) var(--accent2-s) 55%);animation:driftB 32s ease-in-out infinite}.bg-blob-3{width:30vmax;height:30vmax;top:40%;left:55%;background:hsl(calc(var(--accent-h) + 40) 70% 60%);opacity:.16;animation:driftC 22s ease-in-out infinite}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(hsla(0,0%,100%,.035) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay}@keyframes driftA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vmax,8vmax) scale(1.12)}}@keyframes driftB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7vmax,-5vmax) scale(1.08)}}@keyframes driftC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vmax,6vmax) scale(1.18)}}@media(prefers-reduced-motion:reduce){.bg-blob{animation:none!important}}.navbar,.deck-card,.card-list-item,.card-list-item-edit,.stat-card,.tier-item,.trend-item,.filter-option,.end-screen,.deck-form,.card-form,.import-area,.theme-popover,.history-table-wrap{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass)}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(.75rem,var(--safe-t)) max(1.5rem,var(--safe-r)) .75rem max(1.5rem,var(--safe-l));background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-brand{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.55rem;letter-spacing:-.01em}.navbar-brand-icon{flex-shrink:0;filter:drop-shadow(0 2px 8px hsla(var(--accent-h) var(--accent-s) 55% / .5))}.navbar-links{display:flex;gap:.25rem;flex:1}.nav-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-pill);cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:500;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{background:var(--btn-sheen),var(--accent-gradient-glass);backdrop-filter:var(--glass-blur-btn);-webkit-backdrop-filter:var(--glass-blur-btn);color:#fff;text-shadow:0 1px 2px hsla(0 0% 0% / .28);box-shadow:var(--btn-glass-ring),0 6px 16px -8px hsla(var(--accent-h) var(--accent-s) 50% / .55)}.tabbar{display:none;position:fixed;bottom:0;inset-inline:0;z-index:120;background:var(--bg-secondary);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border);padding-bottom:var(--safe-b);padding-inline:var(--safe-l) var(--safe-r)}.tabbar-btn{flex:1;min-width:0;min-height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .15rem;background:none;border:none;color:var(--text-muted);font-family:inherit;cursor:pointer;transition:color .2s ease}.tabbar-btn.active{color:var(--accent)}.tabbar-icon{position:relative;display:flex}.tabbar-icon .nav-badge{position:absolute;top:-5px;left:100%;margin-left:-8px}.tabbar-label{font-size:.66rem;font-weight:600;letter-spacing:.01em;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-switcher{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.theme-btn:hover{color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.theme-btn.active{color:var(--accent);border-color:hsla(var(--accent-h) var(--accent-s) 60% / .5);box-shadow:var(--accent-glow)}.theme-popover-anchor{position:relative}.theme-popover{position:absolute;top:calc(100% + .6rem);right:0;min-width:190px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;z-index:200;animation:popIn .16s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-popover-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.theme-swatch-grid{display:flex;flex-direction:column;gap:.15rem}.theme-swatch{display:flex;align-items:center;gap:.6rem;background:none;border:none;border-radius:var(--radius-sm);padding:.45rem .5rem;cursor:pointer;color:var(--text-secondary);font-family:inherit;font-size:.85rem;text-align:left;transition:background-color .15s ease,color .15s ease}.theme-swatch:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-swatch.selected{color:var(--text-primary);font-weight:600}.theme-swatch-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff40}.theme-swatch.selected .theme-swatch-dot{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px currentColor}.theme-swatch-violet .theme-swatch-dot{background:linear-gradient(135deg,#7d4bf1,#3edaab);color:#7d4bf1}.theme-swatch-ocean .theme-swatch-dot{background:linear-gradient(135deg,#25abf4,#24dbc9);color:#25abf4}.theme-swatch-sunset .theme-swatch-dot{background:linear-gradient(135deg,#f67a31,#ed4588);color:#f67a31}.theme-swatch-emerald .theme-swatch-dot{background:linear-gradient(135deg,#2fbc7a,#f2ba36);color:#29a36a}.theme-swatch-rose .theme-swatch-dot{background:linear-gradient(135deg,#e94989,#7c52e0);color:#e6337a}.main-content{flex:1;padding:1.75rem max(1.75rem,var(--safe-r)) 1.75rem max(1.75rem,var(--safe-l));max-width:1100px;width:100%;margin:0 auto}.view-transition{animation:viewFadeIn .35s cubic-bezier(.16,1,.3,1)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.view-transition{animation:none}}.btn{--btn-lift: 0px;--btn-press: 1;--btn-ambient: 0 8px 22px -10px hsla(0 0% 0% / .45);display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:600;backdrop-filter:var(--glass-blur-btn);-webkit-backdrop-filter:var(--glass-blur-btn);box-shadow:var(--btn-glass-ring),var(--btn-ambient);transform:translateY(var(--btn-lift)) scale(var(--btn-press));transition:transform .15s ease,box-shadow .2s ease,background .2s ease,filter .2s ease,opacity .2s ease}.btn:hover:not(:disabled){--btn-lift: -1px;filter:brightness(1.06) saturate(1.05)}.btn:active:not(:disabled){--btn-lift: 0px;--btn-press: .97;filter:brightness(.98)}.btn-primary,.btn-success,.btn-danger{color:#fff;text-shadow:0 1px 2px hsla(0 0% 0% / .28)}.btn-primary{background:var(--btn-sheen),var(--accent-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(var(--accent-h) var(--accent-s) 50% / .6)}.btn-primary:hover:not(:disabled){--btn-ambient: 0 13px 28px -10px hsla(var(--accent-h) var(--accent-s) 55% / .72)}.btn-success{background:var(--btn-sheen),var(--success-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(142 55% 38% / .55)}.btn-success:hover:not(:disabled){--btn-ambient: 0 13px 28px -10px hsla(142 55% 38% / .68)}.btn-danger{background:var(--btn-sheen),var(--danger-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(354 75% 52% / .55)}.btn-danger:hover:not(:disabled){--btn-ambient: 0 13px 28px -10px hsla(354 75% 52% / .68)}.btn-outline{background:var(--btn-sheen),var(--bg-card);color:var(--text-primary);--btn-ambient: 0 6px 18px -10px hsla(0 0% 0% / .4)}.btn-outline:hover:not(:disabled){background:var(--btn-sheen),var(--bg-hover);--btn-ambient: 0 11px 24px -10px hsla(0 0% 0% / .5)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem}.deck-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease,background-color .25s ease;position:relative;overflow:hidden}.deck-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .25s ease;pointer-events:none}.deck-card:hover{border-color:hsla(var(--accent-h) var(--accent-s) 60% / .45);transform:translateY(-4px);box-shadow:var(--shadow),var(--accent-glow)}.deck-card:hover:before{opacity:.05}.deck-card h3{margin-bottom:.4rem;font-size:1.1rem;font-family:var(--font-display);font-weight:700;position:relative}.deck-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem;position:relative}.deck-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);position:relative}.difficulty-dots{display:flex;gap:.35rem}.diff-dot{padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700}.diff-easy{background:#43c96e29;color:var(--green)}.diff-medium{background:#ff9f4329;color:var(--orange)}.diff-hard{background:#ff5d6c29;color:var(--red)}.tier-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative}.tier-unstarted{background:hsla(var(--accent-h) 10% var(--mode-border-l) / .18);color:var(--text-muted)}.tier-bronze{background:#cd7f322e;color:var(--bronze)}.tier-silver{background:#c7ccd633;color:var(--silver)}.tier-gold{background:#ffd75e33;color:var(--gold);box-shadow:0 0 16px -4px #ffd75e73}.confidence-badge,.provenance-badge,.signal-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.confidence-exact{background:#43c96e29;color:var(--green)}.confidence-inferred{background:#ffc93c2e;color:var(--yellow)}.confidence-general{background:hsla(var(--accent-h) 10% var(--mode-border-l) / .18);color:var(--text-muted)}.provenance-badge{font-size:.65rem;padding:.1rem .45rem;text-transform:none;letter-spacing:normal;font-weight:600}.provenance-stated_in_jd{background:#43c96e29;color:var(--green)}.provenance-from_resume{background:var(--accent-soft);color:var(--accent)}.provenance-general_expectation{background:hsla(var(--accent-h) 10% var(--mode-border-l) / .18);color:var(--text-muted)}.signal-strong-positive{background:#43c96e38;color:var(--green)}.signal-positive{background:#43c96e21;color:var(--green)}.signal-mixed{background:#ffc93c2e;color:var(--yellow)}.signal-concerning{background:#ff9f432e;color:var(--orange)}.signal-strong-negative{background:#ff5d6c2e;color:var(--red)}.flashcard-container{perspective:1200px;width:100%;max-width:500px;height:300px;margin:0 auto;cursor:pointer;touch-action:pan-y}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;font-size:1.15rem;line-height:1.55;font-weight:500;box-shadow:var(--shadow-glass)}.flashcard-front{background:hsl(var(--accent-h) 30% var(--mode-surface-l))}.flashcard-back{background:hsl(var(--accent-h) 26% var(--mode-surface-l2));transform:rotateY(180deg)}.flashcard-face .difficulty-badge{position:absolute;top:.85rem;left:.85rem}.flashcard-face .favorite-btn{position:absolute;top:.85rem;right:.85rem;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted);transition:color .2s ease,transform .2s ease}.flashcard-face .favorite-btn:hover{transform:scale(1.15)}.flashcard-face .favorite-btn.is-fav{color:var(--yellow);filter:drop-shadow(0 0 8px rgba(255,201,60,.6))}.flashcard-face .flip-hint{position:absolute;bottom:.85rem;font-size:.75rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.section-header h1{font-size:1.55rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}.section-header h2{font-size:1.3rem;font-family:var(--font-display);font-weight:700}.detail-header{margin-bottom:1.5rem}.detail-header h1{font-size:1.8rem;font-family:var(--font-display);font-weight:800;margin-bottom:.3rem;letter-spacing:-.01em}.detail-header p{color:var(--text-secondary);margin-bottom:.75rem}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-actions-primary,.detail-actions-modes,.detail-actions-more{display:contents}.detail-more-toggle,.label-narrow{display:none}.detail-delete{margin-left:auto}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-bottom:1.5rem}.card-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;transition:border-color .2s ease,transform .2s ease}.card-list-item:hover{border-color:var(--border-strong)}.card-list-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.card-list-item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-list-item .card-front-text{font-size:.9rem;font-weight:600;word-break:break-word}.card-list-item .card-back-text{font-size:.85rem;color:var(--text-secondary);word-break:break-word}.card-list-item-actions{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.card-list-item-edit{grid-column:1 / -1;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.card-list-item .fav-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-muted);flex-shrink:0;transition:color .2s ease,transform .2s ease}.card-list-item .fav-toggle:hover{transform:scale(1.15)}.card-list-item .fav-toggle.is-fav{color:var(--yellow)}.history-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.85rem}.history-table th,.history-table td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border)}.history-table th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.mode-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.mode-header{text-align:center;width:100%}.mode-controls{display:flex;gap:.75rem;align-items:center}.card-counter{font-size:.9rem;color:var(--text-secondary)}.progress-bar-track{width:100%;max-width:500px;height:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-pill);transition:width .35s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px hsla(var(--accent-h) var(--accent-s) 60% / .6)}.quiz-actions{display:flex;gap:1rem}.quiz-actions .btn{min-width:120px;justify-content:center;font-size:1rem;padding:.75rem 1.5rem}.score-display{font-size:1rem;color:var(--text-secondary)}.score-display strong{color:var(--text-primary)}.end-screen{text-align:center;padding:2.25rem 2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:500px;margin:0 auto}.end-screen h2{font-size:1.5rem;font-family:var(--font-display);margin-bottom:1rem}.end-screen .final-score{font-size:3.2rem;font-weight:800;font-family:var(--font-display);margin-bottom:.25rem;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.end-screen .final-pct{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem}.end-screen .end-details{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary)}.end-actions{display:flex;gap:.75rem;justify-content:center}.setup-container{max-width:480px;margin:0 auto}.setup-container h2{margin-bottom:1rem;font-family:var(--font-display)}.filter-group{margin-bottom:1.25rem}.filter-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.65rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.filter-option:hover{background:var(--bg-hover)}.filter-option.selected{border-color:hsla(var(--accent-h) var(--accent-s) 60% / .6);background:var(--accent-soft)}.filter-option input[type=radio]{accent-color:var(--accent)}.grade-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.grade-btn{flex-direction:column;gap:.1rem;min-width:92px;padding:.55rem 1rem;justify-content:center}.grade-label{font-size:.95rem;font-weight:700;line-height:1.2}.grade-interval{font-size:.72rem;font-weight:600;opacity:.8;line-height:1.2}.grade-again,.grade-hard,.grade-good,.grade-easy{color:#fff;text-shadow:0 1px 2px hsla(0 0% 0% / .28)}.grade-again{background:var(--btn-sheen),var(--danger-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(354 75% 52% / .55)}.grade-hard{background:var(--btn-sheen),var(--warning-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(28 78% 45% / .55)}.grade-good{background:var(--btn-sheen),var(--success-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(142 55% 38% / .55)}.grade-easy{background:var(--btn-sheen),var(--accent-gradient-glass);--btn-ambient: 0 8px 22px -10px hsla(var(--accent-h) var(--accent-s) 50% / .6)}.shortcut-hint{font-size:.75rem;color:var(--text-muted);margin-top:-.5rem}.shortcut-hint kbd{display:inline-block;padding:.05rem .35rem;margin:0 .1rem;border-radius:5px;background:var(--bg-secondary);box-shadow:inset 0 0 0 1px var(--border-strong);font-family:inherit;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.review-new-pill{display:inline-block;margin-left:.4rem;padding:.1rem .5rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:700}.review-tally{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.review-tally-item{flex:1;max-width:88px;padding:.55rem .35rem;border-radius:var(--radius-sm);background:var(--bg-secondary);background-image:none;text-shadow:none}.review-tally-item.grade-again{color:var(--red)}.review-tally-item.grade-hard{color:var(--orange)}.review-tally-item.grade-good{color:var(--green)}.review-tally-item.grade-easy{color:var(--accent)}.review-tally-value{display:block;font-size:1.35rem;font-weight:800;font-family:var(--font-display);line-height:1.1}.review-tally-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-muted)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:.35rem;padding:0 .3rem;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;line-height:1}.nav-btn.active .nav-badge{background:#ffffff47}.deck-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;position:relative}.due-pill{padding:.22rem .65rem;border:none;border-radius:var(--radius-pill);background:var(--accent-soft);box-shadow:inset 0 0 0 1px hsla(var(--accent-h) var(--accent-s) 60% / .35);color:var(--accent);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.due-pill:hover{background:hsla(var(--accent-h) var(--accent-s) var(--mode-accent-l) / .28);transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;text-align:center;transition:transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat-card .stat-value{font-size:2rem;font-weight:800;font-family:var(--font-display);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card .stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.tier-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tier-item span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-item .tier-badge{flex-shrink:0}.trend-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:.5rem}.trend-item h4{font-size:.9rem;margin-bottom:.4rem}.trend-scores{display:flex;gap:.5rem;align-items:center;font-size:.85rem}.trend-scores span{padding:.15rem .4rem;border-radius:var(--radius-sm);background:var(--bg-hover)}.trend-indicator{font-weight:700;margin-left:.5rem}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.trend-flat{color:var(--text-muted)}.import-area{background:var(--bg-card);border:2px dashed var(--border-strong);border-radius:var(--radius);padding:2rem;text-align:center;margin-top:1rem;margin-bottom:1.5rem;transition:border-color .2s ease,background-color .2s ease}.import-area:hover{border-color:hsla(var(--accent-h) var(--accent-s) 60% / .6)}.import-area input[type=file]{display:none}.import-area .import-label{cursor:pointer;color:var(--accent);font-weight:600}.import-area .import-label:hover{text-decoration:underline}.deck-form,.card-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;margin-top:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.85rem}.card-form{margin-top:0;width:100%}.deck-form label,.card-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.deck-form input,.deck-form textarea,.deck-form select,.card-form input,.card-form textarea,.card-form select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.6rem .8rem;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.deck-form input:focus,.deck-form textarea:focus,.deck-form select:focus,.card-form input:focus,.card-form textarea:focus,.card-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-hint{color:var(--text-muted);font-weight:400}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem}.import-area-inline{margin-top:-.4rem;font-size:.8rem}.import-error{color:var(--red);margin-top:.75rem;font-size:.85rem}.import-success{color:var(--green);margin-top:.75rem;font-size:.85rem}.pre-app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(.9rem,var(--safe-t)) max(1.75rem,var(--safe-r)) .9rem max(1.75rem,var(--safe-l));background:var(--bg-secondary);border-bottom:1px solid var(--border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:100}.pre-app-header .navbar-brand{cursor:pointer}.pre-app-header-actions{display:flex;align-items:center;gap:.6rem}.main-content-pre-app{max-width:1180px}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.marketing{display:flex;flex-direction:column;gap:5rem;padding-bottom:3rem}.hero-section{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;padding-top:2.5rem}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;max-width:46ch;margin-bottom:1.75rem}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}.hero-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.hero-visual{display:flex;flex-direction:column;gap:1.25rem}.hero-visual-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass)}.hero-visual-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:.85rem}.hero-visual-flashcard .flashcard-container{max-width:100%;height:200px}.hero-preview-row{display:flex;gap:.5rem;flex-wrap:wrap}.hero-preview-tag{padding:.25rem .6rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700}.hero-queue-list{list-style:none;margin:0 0 .9rem;padding:0}.hero-queue-list li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.hero-queue-list li:last-child{border-bottom:none}.hero-queue-list span{color:var(--text-secondary);font-size:.9rem}.hero-queue-list strong{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.section-intro{text-align:center;max-width:560px;margin:0 auto 2.25rem}.section-intro h2{font-family:var(--font-display);font-size:1.9rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.01em}.section-intro p{color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass);transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;margin-bottom:1rem}.feature-card h3{font-size:1.05rem;margin-bottom:.4rem;font-family:var(--font-display)}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.step-card{text-align:center;padding:0 .5rem}.step-number{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;font-weight:800;font-family:var(--font-display);margin:0 auto .85rem;box-shadow:var(--accent-glow)}.step-card h3{font-size:1rem;margin-bottom:.4rem}.step-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.cta-band{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem 2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass)}.cta-band h2{font-family:var(--font-display);font-size:1.7rem;margin-bottom:.5rem}.cta-band p{color:var(--text-secondary);margin-bottom:1.5rem}.auth-shell{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass);display:flex;flex-direction:column}.auth-tabs{display:flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.25rem;margin-bottom:1.5rem}.auth-tab{flex:1;background:none;border:none;color:var(--text-secondary);padding:.5rem;border-radius:var(--radius-pill);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.auth-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.auth-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin-bottom:.35rem}.auth-subtitle{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.25rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-secondary);font-weight:500}.auth-form input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.65rem .85rem;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-optional{color:var(--text-muted);font-weight:400}.auth-hint{font-size:.74rem;color:var(--text-muted)}.auth-error{font-size:.8rem;line-height:1.45;color:#e7555a;background:#e2363c1f;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #e2363c4d;padding:.6rem .75rem}[data-mode=light] .auth-error{color:#b42227}.auth-notice{font-size:.8rem;line-height:1.5;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border);padding:.7rem .8rem;margin-bottom:1.1rem}.auth-notice code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:var(--text-primary)}.auth-form input:disabled{opacity:.55;cursor:not-allowed}.auth-submit{justify-content:center;width:100%;margin-top:.25rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.78rem;margin:1.1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-guest{justify-content:center;width:100%}.auth-demo-note{font-size:.76rem;color:var(--text-muted);line-height:1.5;text-align:center;margin-top:1.1rem}.auth-back{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.82rem;margin:1.25rem auto 0;font-family:inherit;transition:color .2s ease}.auth-back:hover{color:var(--text-primary)}.navbar-actions{display:flex;align-items:center;gap:.5rem}.account-menu{position:relative;flex-shrink:0}.account-trigger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.account-trigger:hover{border-color:var(--border-strong);transform:translateY(-1px)}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:700;line-height:1}.account-popover{position:absolute;top:calc(100% + .6rem);right:0;min-width:232px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;z-index:200;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-glass);animation:popIn .16s cubic-bezier(.16,1,.3,1)}.account-identity{margin-bottom:.5rem}.account-name{font-weight:600;font-size:.88rem;color:var(--text-primary)}.account-email{font-size:.78rem;color:var(--text-secondary);overflow-wrap:anywhere}.account-note{font-size:.72rem;line-height:1.45;color:var(--text-muted);padding-bottom:.6rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.account-action{display:block;width:100%;background:none;border:none;border-radius:var(--radius-sm);padding:.5rem;color:var(--text-secondary);font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.account-action:hover{background:var(--bg-hover);color:var(--text-primary)}.palette-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:none;border-radius:var(--radius-pill);background:var(--btn-sheen),var(--bg-card);box-shadow:var(--btn-glass-ring);backdrop-filter:var(--glass-blur-btn);-webkit-backdrop-filter:var(--glass-blur-btn);color:var(--text-secondary);font-family:inherit;font-size:.82rem;cursor:pointer;transition:color .2s ease,background .2s ease}.palette-trigger:hover{background:var(--btn-sheen),var(--bg-hover);color:var(--text-primary)}.palette-trigger-icon{font-size:1rem;line-height:1}.palette-trigger kbd,.palette-footer kbd,.palette-esc{font-family:inherit;font-size:.68rem;font-weight:700;padding:.1rem .35rem;border-radius:6px;background:var(--accent-soft);color:var(--text-secondary)}.streak-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .25rem;border:none;border-radius:var(--radius-pill);background:var(--btn-sheen),var(--bg-card);box-shadow:var(--btn-glass-ring);backdrop-filter:var(--glass-blur-btn);-webkit-backdrop-filter:var(--glass-blur-btn);cursor:pointer;font-family:inherit;transition:box-shadow .25s ease,background .2s ease}.streak-chip:hover{background:var(--btn-sheen),var(--bg-hover)}.streak-ring{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:conic-gradient(var(--accent) var(--goal-pct, 0%),hsla(var(--accent-h) 20% var(--mode-border-l) / .3) var(--goal-pct, 0%));transition:background .4s ease}.streak-ring:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--bg-primary)}.streak-flame{position:relative;z-index:1;font-size:.8rem;line-height:1}.streak-count{font-weight:800;font-size:.85rem;font-family:var(--font-display);color:var(--text-primary)}.streak-chip.is-cold .streak-count{color:var(--text-muted)}.streak-chip.is-met{box-shadow:var(--btn-glass-ring),0 0 0 1px #f5c73d80,0 6px 20px -8px #f4c02599}.streak-chip.is-met .streak-count{color:var(--gold)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,7rem) 1rem 2rem;padding:min(14dvh,7rem) 1rem 2rem;background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:palette-fade .16s ease}.palette{width:min(680px,100%);max-height:min(70vh,620px);max-height:min(70dvh,620px);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass),var(--shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;animation:palette-rise .2s cubic-bezier(.16,1,.3,1)}@keyframes palette-fade{0%{opacity:0}}@keyframes palette-rise{0%{opacity:0;transform:translateY(-10px) scale(.985)}}.palette-input-row{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.palette-search-icon{color:var(--accent);font-size:1rem}.palette-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:1rem}.palette-input::placeholder{color:var(--text-muted)}.palette-results{overflow-y:auto;padding:.4rem .4rem .6rem}.palette-group-label{padding:.6rem .75rem .3rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.palette-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius-sm);cursor:pointer}.palette-row.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px hsla(var(--accent-h) var(--accent-s) 60% / .28)}.palette-row-icon{width:1.5rem;text-align:center;font-size:.95rem;flex-shrink:0}.palette-row-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.palette-row-title{font-size:.92rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-row-title mark{background:none;color:var(--accent);font-weight:800}.palette-row-subtitle{font-size:.76rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-row-modes{display:flex;gap:.25rem;flex-shrink:0}.palette-mode-btn{border:none;border-radius:var(--radius-pill);padding:.2rem .55rem;background:var(--bg-hover);color:var(--text-secondary);font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer}.palette-mode-btn:hover{background:var(--accent);color:#fff}.palette-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.palette-footer{display:flex;gap:1rem;padding:.55rem 1.1rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.palette-footer span{display:inline-flex;align-items:center;gap:.25rem}.streak-banner{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.25rem 1.5rem;margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-glass)}.streak-banner-main{display:flex;align-items:center;gap:.85rem}.streak-banner-flame{font-size:2.2rem;line-height:1}.streak-banner-value{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.streak-banner-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.streak-banner-divider{width:1px;align-self:stretch;background:var(--border)}.streak-banner-goal{flex:1;min-width:240px}.goal-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem}.goal-track{height:8px;border-radius:var(--radius-pill);background:hsla(var(--accent-h) 20% var(--mode-border-l) / .25);overflow:hidden}.goal-fill{height:100%;border-radius:inherit;background:var(--accent-gradient);transition:width .5s cubic-bezier(.16,1,.3,1)}.goal-picker{display:flex;align-items:center;gap:.35rem;margin-top:.7rem;flex-wrap:wrap}.goal-chip{border:none;border-radius:var(--radius-pill);padding:.2rem .6rem;background:var(--bg-hover);color:var(--text-secondary);font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.goal-chip.is-active{background:var(--accent);color:#fff}.heatmap{margin-bottom:2rem;padding:1.1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.heatmap-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem;font-size:.8rem;color:var(--text-secondary)}.heatmap-legend{display:flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.72rem}.heatmap-scroll{overflow-x:auto;padding-bottom:.25rem}.heatmap-body{display:flex;gap:.4rem;min-width:min-content}.heatmap-days{display:grid;grid-template-rows:repeat(7,13px);gap:3px;padding-top:1.1rem;font-size:.62rem;color:var(--text-muted);line-height:13px}.heatmap-cols{flex:1}.heatmap-months{display:grid;grid-template-columns:repeat(var(--cols),13px);gap:3px;height:1.1rem;font-size:.62rem;color:var(--text-muted)}.heatmap-grid{display:grid;grid-template-rows:repeat(7,13px);grid-auto-flow:column;grid-auto-columns:13px;gap:3px}.heat-cell{width:13px;height:13px;border-radius:3px;background:hsla(var(--accent-h) 18% var(--mode-border-l) / .18)}.heat-1{background:hsla(var(--accent-h) var(--accent-s) var(--mode-accent-l) / .3)}.heat-2{background:hsla(var(--accent-h) var(--accent-s) var(--mode-accent-l) / .52)}.heat-3{background:hsla(var(--accent-h) var(--accent-s) var(--mode-accent-l) / .76)}.heat-4{background:var(--accent);box-shadow:0 0 8px -1px hsla(var(--accent-h) var(--accent-s) 55% / .6)}.heat-future{opacity:.25}.trophy-shelf{margin-bottom:2rem}.trophy-count{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-left:.4rem}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem}.trophy{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform .2s ease,box-shadow .2s ease}.trophy.is-unlocked{background:var(--bg-card)}.trophy.is-unlocked:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.trophy.is-locked{opacity:.5}.trophy.is-locked .trophy-icon{filter:grayscale(1)}.trophy-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.trophy-text{display:flex;flex-direction:column;min-width:0}.trophy-name{font-weight:700;font-size:.88rem;color:var(--text-primary)}.trophy-desc{font-size:.74rem;color:var(--text-muted)}.trophy-date{margin-left:auto;font-size:.68rem;color:var(--text-muted);white-space:nowrap}.trophy-bronze.is-unlocked{box-shadow:inset 3px 0 0 var(--bronze)}.trophy-silver.is-unlocked{box-shadow:inset 3px 0 0 var(--silver)}.trophy-gold.is-unlocked{box-shadow:inset 3px 0 0 var(--gold)}.match-record{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:700;color:var(--accent)}.match-flawless-dot{color:var(--gold)}.toast-stack{position:fixed;right:1.25rem;bottom:1.25rem;z-index:300;display:flex;flex-direction:column-reverse;gap:.6rem;pointer-events:none}.toast{position:relative;pointer-events:auto;display:flex;align-items:center;gap:.75rem;width:min(340px,calc(100vw - 2.5rem));padding:.8rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-glass),var(--shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);cursor:pointer;font-family:inherit;text-align:left;overflow:hidden;animation:toast-in .35s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.96)}}.toast-achievement{box-shadow:var(--shadow-glass),var(--shadow),inset 0 0 0 1px #f5c73d59}.toast-icon{font-size:1.5rem;line-height:1}.toast-body{display:flex;flex-direction:column;min-width:0}.toast-title{font-weight:700;font-size:.9rem;color:var(--text-primary)}.toast-detail{font-size:.76rem;color:var(--text-muted)}.toast-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;background:var(--accent-gradient);animation:toast-drain var(--toast-ms) linear forwards}@keyframes toast-drain{to{transform:scaleX(0)}}.match-container{position:relative}.match-back{margin-bottom:.75rem}.match-hud{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.9rem}.match-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm)}.match-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.match-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.match-combo.is-hot .match-stat-value{color:var(--accent);text-shadow:0 0 16px hsla(var(--accent-h) var(--accent-s) 60% / .6)}.match-combo.is-hot{border-color:hsla(var(--accent-h) var(--accent-s) 60% / .5)}.match-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.match-tile{position:relative;min-height:92px;display:grid;place-items:center;padding:.8rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:.85rem;line-height:1.35;text-align:center;cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .35s ease}.match-side-front .match-tile-text{font-weight:700}.match-side-back .match-tile-text{color:var(--text-secondary)}.match-tile:hover:not(:disabled){transform:translateY(-3px);border-color:hsla(var(--accent-h) var(--accent-s) 60% / .4);box-shadow:var(--shadow)}.match-tile.is-selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--accent-glow);transform:translateY(-3px)}.match-tile.is-wrong{border-color:var(--red);background:#e8304324;animation:match-shake .4s ease}@keyframes match-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.match-tile.is-matched{opacity:0;pointer-events:none;transform:scale(.85);animation:match-pop .35s ease}@keyframes match-pop{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.06);box-shadow:var(--accent-glow)}to{opacity:0;transform:scale(.85)}}.match-floaters{position:absolute;top:6.5rem;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.match-floater{font-family:var(--font-display);font-size:1.3rem;font-weight:800;animation:match-float .9s ease-out forwards}.match-floater-good{color:var(--green)}.match-floater-bad{color:var(--red)}@keyframes match-float{0%{opacity:1;transform:translateY(0) scale(.9)}to{opacity:0;transform:translateY(-38px) scale(1.15)}}.match-record-flag{margin-bottom:1rem;font-weight:700;color:var(--gold)}.audio-stage{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:260px;padding:2rem 1.5rem;margin:1rem 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);text-align:center}.audio-viz{display:flex;align-items:flex-end;gap:4px;height:34px}.audio-viz span{width:5px;height:20%;border-radius:var(--radius-pill);background:var(--accent-gradient);opacity:.35;transition:height .3s ease,opacity .3s ease}.audio-stage.is-playing .audio-viz span{opacity:1;animation:audio-bounce 1.05s ease-in-out infinite;animation-delay:calc(var(--bar) * .11s)}@keyframes audio-bounce{0%,to{height:22%}50%{height:100%}}.audio-line{max-width:34ch;transition:opacity .3s ease,transform .3s ease,color .3s ease}.audio-line-front{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.audio-line-back{font-size:1.05rem;color:var(--text-secondary)}.audio-line-back.is-hidden{opacity:.18;filter:blur(3px)}.audio-line.is-speaking{color:var(--accent);transform:scale(1.02)}.audio-live-pill{margin-left:.5rem;padding:.1rem .5rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:700}.audio-transport{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.25rem}.audio-play{min-width:130px;justify-content:center}.audio-settings{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;padding:1rem 1.1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.audio-field{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--text-secondary)}.audio-field select,.audio-field input[type=range]{width:100%;font-family:inherit;accent-color:var(--accent)}.audio-field select{padding:.4rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.8rem}.audio-toggles{display:flex;align-items:center;gap:1rem;align-self:end;padding-bottom:.3rem}.audio-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.audio-toggle input{accent-color:var(--accent)}.audio-unsupported{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);line-height:1.6}.audio-unsupported p+p{margin-top:.6rem;font-size:.9rem}.interview-answer-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;font-size:1rem;font-family:inherit;line-height:1.55;resize:vertical;margin-bottom:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.interview-answer-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.interview-danger-row{display:flex;justify-content:flex-end;margin-top:.75rem}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(pointer:coarse){.btn{min-height:44px}.nav-btn{min-height:44px;padding:.5rem .75rem}.theme-btn{width:44px;height:44px}.card-list-item .fav-toggle,.flashcard-face .favorite-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.filter-option{min-height:48px}.match-tile{min-height:84px}.goal-chip,.palette-mode-btn{min-height:36px}.palette-row{padding:.75rem}.palette-trigger,.streak-chip,.auth-tab,.auth-back{min-height:44px}.auth-back{display:inline-flex;align-items:center}.due-pill{display:inline-flex;align-items:center;min-height:34px;padding-inline:.9rem}.audio-field select{font-size:1rem}.deck-form input,.deck-form textarea,.deck-form select,.card-form input,.card-form textarea,.card-form select,.auth-form input{min-height:44px}}@media(hover:none){.keys-hint,.palette-footer{display:none}}.library-status,.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;padding:3.5rem 1.5rem;min-height:40vh;color:var(--text-secondary)}.library-status h2,.library-empty h2{font-family:var(--font-display);font-size:1.35rem;color:var(--text)}.library-status p,.library-empty p{max-width:46ch;font-size:.92rem;line-height:1.6}.library-status code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;padding:.15em .45em;border-radius:var(--radius-sm);background:hsla(var(--accent-h) 30% 50% / .14)}.library-status-detail{font-size:.82rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.library-spinner{width:34px;height:34px;border-radius:50%;border:3px solid hsla(var(--accent-h) 30% 50% / .22);border-top-color:var(--accent);animation:library-spin .8s linear infinite}@keyframes library-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.library-spinner{animation-duration:2.4s}}.library-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);min-height:0;margin-bottom:1.5rem}.guest-banner{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:var(--radius);background:hsla(var(--accent-h) var(--accent-s) 55% / .1);box-shadow:inset 0 0 0 1px hsla(var(--accent-h) var(--accent-s) 60% / .28)}.guest-banner-icon{font-size:1.15rem;flex-shrink:0}.guest-banner-text{flex:1;font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.guest-banner-text strong{color:var(--text)}.guest-banner .btn{flex-shrink:0}.section-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem;max-width:60ch}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-chip{padding:.42rem .9rem;border-radius:var(--radius-pill);font-size:.84rem;font-weight:600;color:var(--text-secondary);background:hsla(var(--accent-h) 30% 50% / .1);box-shadow:inset 0 0 0 1px hsla(var(--accent-h) 30% 55% / .2);cursor:pointer;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.category-chip:hover{color:var(--text);background:hsla(var(--accent-h) 40% 55% / .16)}.category-chip.active{color:#fff;background:var(--accent);box-shadow:inset 0 0 0 1px #ffffff40}.deck-card-public{cursor:default;display:flex;flex-direction:column}.deck-card-public:hover{transform:none;box-shadow:none;border-color:var(--border)}.deck-card-public .deck-card-footer{margin-top:auto}.deck-category{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem;position:relative}.plan-badge{display:inline-flex;align-items:center;padding:.16rem .5rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l));background:hsla(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l) / .16);box-shadow:inset 0 0 0 1px hsla(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l) / .35);white-space:nowrap}.deck-card-tags{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}.deck-card-tags .deck-category{margin-bottom:0}.deck-card-locked h3,.deck-card-locked p,.deck-card-locked .deck-meta{opacity:.62}.nav-btn-pro{color:hsl(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l))}.plan-limit-notice{margin-bottom:1.25rem;padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-secondary);font-size:.88rem}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--accent-hover)}.import-hint{color:var(--text-secondary);margin-top:.75rem;font-size:.85rem}.generate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.generate-head .form-hint{display:block;margin-top:.25rem}.generate-quota{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.upgrade-current{margin-bottom:1.5rem;padding:.85rem 1.1rem;border-radius:var(--radius-sm);background:hsla(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l) / .12);box-shadow:inset 0 0 0 1px hsla(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l) / .28);color:var(--text-secondary);font-size:.9rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.plan-card{padding:1.25rem;border-radius:var(--radius);background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border),var(--shadow-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.plan-card-pro{box-shadow:inset 0 0 0 1px hsla(var(--accent2-h) var(--accent2-s) var(--mode-accent2-l) / .45),var(--shadow-glass)}.plan-card-head{display:flex;align-items:center;gap:.6rem}.plan-card-head h2{font-size:1.15rem;margin:0}.plan-price{margin:.6rem 0 .5rem}.plan-price-amount{font-size:1.9rem;font-weight:700;color:var(--text-primary)}.plan-price-period{color:var(--text-muted);font-size:.9rem}.plan-blurb{color:var(--text-secondary);font-size:.9rem;margin:0}.plan-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:2rem}.plan-table th,.plan-table td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.plan-table th{color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.plan-table th:not(:first-child),.plan-table td:not(:first-child){width:26%;color:var(--text-secondary)}.plan-detail{display:block;margin-top:.2rem;color:var(--text-muted);font-size:.82rem;font-weight:400}.upgrade-cta{padding:1.5rem;border-radius:var(--radius);background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border),var(--shadow-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.upgrade-cta h2{font-size:1.2rem;margin:0 0 .6rem}.upgrade-cta p{color:var(--text-secondary);font-size:.92rem;margin:0 0 .7rem;max-width:62ch}.upgrade-cta-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}@media(max-width:768px){.tabbar{display:flex}.navbar-links{display:none}.main-content{padding:1rem max(1rem,var(--safe-r)) calc(var(--tabbar-h) + var(--safe-b) + 1rem) max(1rem,var(--safe-l))}.toast-stack{bottom:calc(var(--tabbar-h) + var(--safe-b) + .75rem)}.stats-grid{grid-template-columns:repeat(2,1fr)}.tier-grid{grid-template-columns:1fr}.detail-header h1{font-size:1.4rem}.history-table,.history-table tbody,.history-table tr,.history-table td{display:block}.history-table thead{display:none}.history-table tr{margin-bottom:.6rem;padding:.25rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.history-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0;text-align:right}.history-table tr td:last-child{border-bottom:none}.history-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left}.history-cell-action{justify-content:flex-end}.hero-section{grid-template-columns:1fr;padding-top:1rem;gap:2rem}.hero-copy{align-items:center;text-align:center}.hero-subtitle{max-width:60ch}.hero-actions{justify-content:center}.marketing{gap:3.5rem}.streak-banner{gap:1rem}.streak-banner-divider{display:none}.match-grid{grid-template-columns:repeat(3,1fr)}.audio-settings{grid-template-columns:1fr}.palette-trigger-label,.palette-trigger kbd{display:none}}@media(max-width:500px){.plan-table,.plan-table tbody,.plan-table tr,.plan-table td{display:block}.plan-table thead{display:none}.plan-table tr{margin-bottom:.6rem;padding:.25rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.plan-table td{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.45rem 0;text-align:right;border-bottom:1px solid var(--border)}.plan-table tr td:last-child{border-bottom:none}.plan-table td:first-child{display:block;text-align:left}.plan-table td:not(:first-child):before{content:attr(data-label);color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left}.guest-banner{flex-wrap:wrap;gap:.6rem}.guest-banner-text{flex-basis:calc(100% - 2.2rem);font-size:.84rem}.guest-banner .btn{width:100%}.library-status,.library-empty{padding:2.5rem 1rem}.navbar{padding:max(.5rem,var(--safe-t)) max(.75rem,var(--safe-r)) .5rem max(.75rem,var(--safe-l))}.navbar-brand{font-size:1.1rem}.navbar .theme-popover-anchor{display:none}.navbar{gap:.5rem}.main-content{padding:.75rem max(.75rem,var(--safe-r)) calc(var(--tabbar-h) + var(--safe-b) + .75rem) max(.75rem,var(--safe-l))}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header .btn{width:100%;justify-content:center}.deck-grid,.card-list{grid-template-columns:1fr}.flashcard-container{height:240px}.flashcard-face{font-size:.95rem;padding:1.5rem 1rem}.quiz-actions{flex-direction:row;width:100%}.quiz-actions .btn{flex:1;min-width:0;padding:.75rem .5rem;font-size:.9rem}.mode-controls{width:100%}.mode-controls .btn{flex:1}.grade-actions{width:100%;flex-wrap:nowrap;gap:.4rem}.grade-btn{flex:1;min-width:0;padding:.5rem .25rem}.grade-label{font-size:.85rem}.review-tally{gap:.35rem}.end-screen{padding:1.25rem}.end-screen .final-score{font-size:2.25rem}.end-screen .end-details{flex-direction:column;gap:.25rem}.end-actions{flex-direction:column}.end-actions .btn{width:100%;justify-content:center}.detail-actions{flex-direction:column;gap:.45rem}.detail-actions-primary,.detail-actions-modes{display:grid;gap:.45rem}.detail-actions-primary{grid-template-columns:repeat(2,1fr)}.detail-actions-modes{grid-template-columns:repeat(3,1fr)}.detail-actions-more{display:none;gap:.45rem}.detail-actions-more.is-open{display:grid;grid-template-columns:repeat(2,1fr)}.detail-more-toggle{display:inline-flex}.detail-actions .btn{width:100%;justify-content:center;min-width:0;padding-inline:.5rem}.detail-delete{margin-left:0}.detail-action-note,.label-wide{display:none}.label-narrow{display:inline}.form-actions .btn{flex:1;min-width:0;justify-content:center}.interview-answer-input{min-height:7.5rem;height:7.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card .stat-value{font-size:1.5rem}.trend-scores{flex-wrap:wrap}.import-area{padding:1.25rem}.setup-container{padding:0}.theme-popover{right:auto;left:0}.pre-app-header{padding:max(.65rem,var(--safe-t)) max(.85rem,var(--safe-r)) .65rem max(.85rem,var(--safe-l))}.pre-app-header .theme-popover-anchor{display:none}.pre-app-header-actions{gap:.4rem}.pre-app-header-actions .btn{white-space:nowrap;padding-inline:.7rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.cta-band{padding:2rem 1.25rem}.auth-card{padding:1.5rem 1.25rem}.match-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;margin:.6rem 0}.match-tile{min-height:62px;font-size:.76rem;padding:.45rem .35rem}.match-hud{gap:.35rem;margin-bottom:.6rem}.match-stat{padding:.4rem .2rem}.match-stat-value{font-size:1rem}.match-stat-label{font-size:.58rem;letter-spacing:.03em}.match-container .mode-header h2{font-size:1.1rem}.match-back{margin-bottom:.4rem}.match-container{gap:.5rem}.streak-banner{padding:1rem}.trophy-grid{grid-template-columns:1fr}.audio-line-front{font-size:1.2rem}.audio-stage{padding:1.5rem 1rem;min-height:200px}.palette-overlay{padding:4vh .6rem 1rem;padding:4dvh .6rem 1rem}.palette-row-modes{display:none}.toast-stack{right:.75rem;left:.75rem}.toast{width:100%}}@media(prefers-reduced-motion:reduce){.audio-stage.is-playing .audio-viz span,.match-tile.is-matched,.match-tile.is-wrong,.toast,.palette,.palette-overlay{animation:none}.toast-progress{animation:none;transform:scaleX(0)}.match-floater{animation:match-float .9s linear forwards}}