:root{--bg: #f3ede2;--bg-panel: rgba(255, 251, 245, .9);--bg-strong: rgba(255, 253, 248, .96);--surface-soft: rgba(255, 255, 255, .58);--surface-raised: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .86);--surface-emphasis: rgba(255, 255, 255, .82);--topbar-button-bg: rgba(255, 251, 245, .72);--hero-gradient: linear-gradient(140deg, rgba(255, 250, 244, .96), rgba(252, 244, 235, .84)), repeating-linear-gradient( -45deg, rgba(197, 90, 47, .02), rgba(197, 90, 47, .02) 14px, transparent 14px, transparent 28px );--body-background: radial-gradient(circle at top left, rgba(197, 90, 47, .16), transparent 22%), radial-gradient(circle at top right, rgba(81, 97, 77, .18), transparent 18%), linear-gradient(180deg, #efe6d5 0%, #f7f2ea 42%, #f1eadf 100%);--card-background: linear-gradient(180deg, rgba(255, 252, 247, .92), rgba(247, 240, 230, .82)), radial-gradient(circle at top right, rgba(197, 90, 47, .08), transparent 32%);--track-bg: rgba(90, 73, 52, .12);--muted-strong-bg: rgba(90, 73, 52, .08);--success-soft: rgba(232, 243, 234, .84);--proof-ready-bg: rgba(232, 243, 234, .86);--proof-proven-bg: rgba(253, 245, 212, .88);--modal-backdrop: rgba(26, 20, 14, .38);--ink: #1f1b17;--muted: #6f665d;--line: rgba(72, 57, 41, .14);--accent: #c55a2f;--accent-strong: #9f4120;--accent-soft: #f6d4bf;--olive: #51614d;--gold: #b88a1f;--bad: #8d3a2f;--good: #38684f;--blue: #355f7a;--shadow: 0 24px 60px rgba(62, 44, 29, .12);--headline: "Rockwell", "Georgia", serif;--body: "Aptos", "Trebuchet MS", sans-serif}body[data-theme=sunrise-ledger]{--body-background: radial-gradient(circle at top left, rgba(197, 90, 47, .16), transparent 22%), radial-gradient(circle at top right, rgba(81, 97, 77, .18), transparent 18%), linear-gradient(180deg, #efe6d5 0%, #f7f2ea 42%, #f1eadf 100%)}body[data-theme=paper-grove]{--bg: #eef2ea;--bg-panel: rgba(247, 251, 245, .92);--bg-strong: rgba(249, 253, 248, .98);--surface-soft: rgba(255, 255, 255, .64);--surface-raised: rgba(252, 255, 251, .76);--surface-strong: rgba(255, 255, 255, .9);--surface-emphasis: rgba(249, 255, 251, .86);--topbar-button-bg: rgba(247, 251, 245, .8);--body-background: radial-gradient(circle at top left, rgba(83, 137, 96, .14), transparent 24%), radial-gradient(circle at top right, rgba(165, 122, 77, .14), transparent 18%), linear-gradient(180deg, #ebf2e8 0%, #f5f8f0 45%, #eaf0e6 100%);--hero-gradient: linear-gradient(140deg, rgba(249, 253, 248, .96), rgba(239, 247, 238, .88)), repeating-linear-gradient(-45deg, rgba(83, 137, 96, .03), rgba(83, 137, 96, .03) 14px, transparent 14px, transparent 28px);--card-background: linear-gradient(180deg, rgba(249, 253, 248, .94), rgba(237, 245, 233, .82)), radial-gradient(circle at top right, rgba(83, 137, 96, .08), transparent 32%);--ink: #182016;--muted: #5f6b5b;--line: rgba(57, 79, 54, .14);--accent: #4f8b5e;--accent-strong: #315d3d;--accent-soft: #d7e8d9;--olive: #6b7c4d;--gold: #b88a3c;--blue: #4d7391;--track-bg: rgba(63, 82, 59, .12);--muted-strong-bg: rgba(63, 82, 59, .08);--shadow: 0 24px 60px rgba(49, 65, 42, .11)}body[data-theme=citrus-pop]{--bg: #fff0db;--bg-panel: rgba(255, 248, 239, .9);--bg-strong: rgba(255, 250, 243, .98);--surface-soft: rgba(255, 255, 255, .62);--surface-raised: rgba(255, 252, 247, .76);--surface-strong: rgba(255, 255, 255, .9);--surface-emphasis: rgba(255, 252, 247, .84);--topbar-button-bg: rgba(255, 248, 239, .8);--body-background: radial-gradient(circle at top left, rgba(255, 135, 52, .22), transparent 24%), radial-gradient(circle at top right, rgba(255, 204, 71, .18), transparent 20%), linear-gradient(180deg, #fff1df 0%, #fff8f1 42%, #fff2e4 100%);--hero-gradient: linear-gradient(140deg, rgba(255, 250, 243, .96), rgba(255, 239, 221, .86)), repeating-linear-gradient(-45deg, rgba(255, 135, 52, .035), rgba(255, 135, 52, .035) 14px, transparent 14px, transparent 28px);--card-background: linear-gradient(180deg, rgba(255, 253, 248, .94), rgba(255, 238, 222, .84)), radial-gradient(circle at top right, rgba(255, 135, 52, .09), transparent 32%);--ink: #28180f;--muted: #7f6351;--line: rgba(102, 66, 43, .14);--accent: #f06b28;--accent-strong: #b54a16;--accent-soft: #ffe1cb;--olive: #8d7d37;--gold: #cc9a25;--blue: #547f99;--track-bg: rgba(102, 66, 43, .12);--muted-strong-bg: rgba(102, 66, 43, .08)}body[data-theme=midnight-slate]{--bg: #11151c;--bg-panel: rgba(19, 25, 34, .88);--bg-strong: rgba(24, 31, 42, .96);--surface-soft: rgba(26, 34, 46, .84);--surface-raised: rgba(30, 40, 54, .88);--surface-strong: rgba(20, 29, 39, .92);--surface-emphasis: rgba(24, 35, 48, .9);--topbar-button-bg: rgba(25, 34, 47, .84);--body-background: radial-gradient(circle at top left, rgba(87, 133, 179, .18), transparent 22%), radial-gradient(circle at top right, rgba(89, 184, 149, .14), transparent 18%), linear-gradient(180deg, #0e1319 0%, #161d26 45%, #11161d 100%);--hero-gradient: linear-gradient(140deg, rgba(20, 28, 38, .96), rgba(14, 20, 28, .9)), repeating-linear-gradient(-45deg, rgba(83, 139, 191, .04), rgba(83, 139, 191, .04) 14px, transparent 14px, transparent 28px);--card-background: linear-gradient(180deg, rgba(21, 29, 40, .95), rgba(16, 23, 32, .9)), radial-gradient(circle at top right, rgba(83, 139, 191, .12), transparent 32%);--ink: #edf2f8;--muted: #9babbf;--line: rgba(169, 192, 216, .15);--accent: #6f92b8;--accent-strong: #b9d0e6;--accent-soft: rgba(111, 146, 184, .18);--olive: #5fa087;--gold: #d5ac5f;--bad: #d37b76;--good: #67be96;--blue: #7eb5da;--track-bg: rgba(170, 191, 214, .16);--muted-strong-bg: rgba(170, 191, 214, .1);--success-soft: rgba(29, 66, 56, .86);--proof-ready-bg: rgba(28, 58, 48, .92);--proof-proven-bg: rgba(76, 65, 28, .9);--modal-backdrop: rgba(3, 6, 11, .64);--shadow: 0 28px 70px rgba(0, 0, 0, .34)}body[data-theme=aurora-night]{--bg: #151124;--bg-panel: rgba(28, 20, 46, .88);--bg-strong: rgba(34, 25, 56, .96);--surface-soft: rgba(38, 28, 62, .84);--surface-raised: rgba(44, 33, 72, .88);--surface-strong: rgba(32, 24, 53, .92);--surface-emphasis: rgba(40, 30, 67, .9);--topbar-button-bg: rgba(41, 31, 66, .82);--body-background: radial-gradient(circle at top left, rgba(70, 203, 185, .16), transparent 22%), radial-gradient(circle at top right, rgba(255, 117, 87, .18), transparent 18%), linear-gradient(180deg, #120f1d 0%, #1a1430 44%, #140f22 100%);--hero-gradient: linear-gradient(140deg, rgba(34, 24, 57, .96), rgba(22, 16, 37, .92)), repeating-linear-gradient(-45deg, rgba(96, 226, 201, .04), rgba(96, 226, 201, .04) 14px, transparent 14px, transparent 28px);--card-background: linear-gradient(180deg, rgba(34, 25, 57, .95), rgba(23, 17, 40, .9)), radial-gradient(circle at top right, rgba(255, 117, 87, .12), transparent 32%);--ink: #f4efff;--muted: #b7abd4;--line: rgba(192, 173, 231, .16);--accent: #ff8a63;--accent-strong: #ffd2c4;--accent-soft: rgba(255, 138, 99, .18);--olive: #59b59c;--gold: #e0b765;--bad: #ea867d;--good: #76d2b9;--blue: #83a3ff;--track-bg: rgba(192, 173, 231, .16);--muted-strong-bg: rgba(192, 173, 231, .1);--success-soft: rgba(26, 73, 64, .88);--proof-ready-bg: rgba(27, 66, 55, .92);--proof-proven-bg: rgba(80, 61, 24, .9);--modal-backdrop: rgba(6, 4, 12, .66);--shadow: 0 28px 70px rgba(0, 0, 0, .34)}body[data-theme=ember-circuit]{--bg: #181411;--bg-panel: rgba(31, 23, 19, .9);--bg-strong: rgba(39, 28, 22, .96);--surface-soft: rgba(44, 32, 26, .84);--surface-raised: rgba(52, 37, 28, .88);--surface-strong: rgba(34, 25, 20, .92);--surface-emphasis: rgba(46, 33, 25, .9);--topbar-button-bg: rgba(44, 31, 24, .84);--body-background: radial-gradient(circle at top left, rgba(255, 120, 80, .18), transparent 22%), radial-gradient(circle at top right, rgba(231, 187, 89, .12), transparent 18%), linear-gradient(180deg, #120e0b 0%, #1c1410 44%, #140f0c 100%);--hero-gradient: linear-gradient(140deg, rgba(39, 28, 22, .96), rgba(24, 17, 13, .92)), repeating-linear-gradient(-45deg, rgba(255, 120, 80, .04), rgba(255, 120, 80, .04) 14px, transparent 14px, transparent 28px);--card-background: linear-gradient(180deg, rgba(39, 28, 22, .95), rgba(26, 18, 14, .9)), radial-gradient(circle at top right, rgba(255, 120, 80, .12), transparent 32%);--ink: #f8efe8;--muted: #c5aea0;--line: rgba(231, 198, 177, .14);--accent: #f17d55;--accent-strong: #ffd6c7;--accent-soft: rgba(241, 125, 85, .18);--olive: #86a36d;--gold: #dfb15d;--bad: #e28a7c;--good: #8ac693;--blue: #7ba9cf;--track-bg: rgba(231, 198, 177, .16);--muted-strong-bg: rgba(231, 198, 177, .1);--success-soft: rgba(33, 66, 40, .88);--proof-ready-bg: rgba(31, 63, 39, .92);--proof-proven-bg: rgba(82, 57, 20, .9);--modal-backdrop: rgba(8, 5, 4, .66);--shadow: 0 28px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--body);color:var(--ink);background:var(--body-background)}button,input{font:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:20px 28px 28px}.hidden{display:none!important}.route-view{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-btn,.nav-btn,.mode-btn,.primary-btn,.ghost-btn,.set-chip,.overview-set-btn{border:0;border-radius:999px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}.brand-btn,.nav-btn{padding:10px 16px;background:var(--topbar-button-bg);border:1px solid var(--line);color:var(--ink)}.profile-btn{display:inline-flex;align-items:center;gap:10px}.profile-btn-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.brand-btn{font-family:var(--headline);font-size:1.1rem}.route-label{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#5a493414;color:var(--muted);font-size:.9rem}.hero,.study-hero,.panel,.chart-card,.goal-card,.achievement-badge,.achievement-card,.unlock-panel,.hero-stat,.set-card,.overview-track-card,.feedback-panel,.stat-tile{border:1px solid var(--line)}.hero,.study-hero{display:flex;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:28px;background:var(--hero-gradient);box-shadow:var(--shadow)}.study-hero{margin-bottom:20px}.study-actions{display:flex;align-items:flex-start}.eyebrow,.hero-copy,.hero-stat span,.panel-heading span,.mini-header span,.status-strip span,.feedback-panel span,.input-wrap span,.stat-label,.chart-label,.badge-copy,.overview-copy,.goal-card p,.achievement-copy,.set-card small{color:var(--muted)}h1,h2,h3{margin:0}h1,.flashcard h2,.brand-btn{font-family:var(--headline)}h1{font-size:clamp(2.3rem,5vw,4.3rem);line-height:.96}.hero-copy{max-width:62ch;margin:14px 0 0;font-size:1rem;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;min-width:min(440px,100%)}.hero-stat{display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:20px;background:var(--surface-raised)}.hero-stat strong{font-size:1.7rem}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) 360px;gap:20px;margin-top:20px}.chart-panel{grid-column:1 / span 1}.dashboard-main-panel{grid-column:2 / span 1}.achievement-panel{grid-column:1 / span 2}.dashboard-side-panel{grid-column:3;grid-row:1 / span 2}.panel{background:var(--bg-panel);border-radius:28px;box-shadow:var(--shadow);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-heading,.mini-header,.card-meta,.operation-switch,.mode-switch,.action-row,.status-strip,.overview-card-header,.mastery-row,.distribution-row,.donut-card-header,.achievement-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-stack{display:grid;gap:14px;margin-top:16px}.chart-card,.mini-section{padding:18px;border-radius:22px;background:var(--surface-soft)}.mastery-chart,.distribution-chart,.donut-grid,.overview-grid,.badge-grid,.set-grid,.session-stats,.status-strip{margin-top:14px}.mastery-chart,.distribution-chart,.badge-grid{display:grid;gap:12px}.mastery-row,.distribution-row{align-items:center}.chart-label{width:104px;flex:0 0 104px;font-weight:700}.bar-track{position:relative;flex:1;height:16px;overflow:hidden;border-radius:999px;background:var(--track-bg)}.bar-fill,.segment{display:block;height:100%;border-radius:999px}.bar-fill.multiplication{background:linear-gradient(90deg,var(--accent),#e5a06e)}.bar-fill.division{background:linear-gradient(90deg,var(--blue),#76a8c2)}.bar-value{width:52px;text-align:right;font-weight:700}.donut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.donut-card{padding:16px;border-radius:20px;background:var(--surface-raised)}.donut-visual{--progress: 0deg;--color: var(--accent);width:112px;height:112px;margin:14px auto 12px;border-radius:50%;background:radial-gradient(circle at center,var(--bg-strong) 0 48%,transparent 49%),conic-gradient(var(--color) 0deg var(--progress),var(--track-bg) var(--progress) 360deg);display:grid;place-items:center;font-weight:700;text-align:center}.donut-visual span{font-size:.86rem;line-height:1.2}.donut-meta{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.distribution-bar{display:flex;flex:1;height:16px;overflow:hidden;border-radius:999px;background:var(--track-bg)}.segment.weak{background:linear-gradient(90deg,#d37b6c,#a7463e)}.segment.learning{background:linear-gradient(90deg,#d3b560,#c58b32)}.segment.mastered{background:linear-gradient(90deg,#5d9a76,#3f7355)}.overview-grid{display:grid;gap:14px}.overview-track-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,var(--surface-emphasis),color-mix(in srgb,var(--bg-panel) 82%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28%)}.overview-track-card.multiplication{border-color:#c55a2f47}.overview-track-card.division{border-color:#355f7a47}.overview-track-card.active{box-shadow:inset 0 0 0 1px #c55a2f1f}.track-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.stat-tile{padding:12px;border-radius:16px;background:var(--surface-raised)}.stat-tile strong{display:block;margin-top:6px;font-size:1.1rem}.set-launcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.overview-set-btn,.set-chip{padding:10px 0;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink)}.overview-set-btn.ready,.set-chip.ready{border-color:#51614d52;background:var(--proof-ready-bg)}.overview-set-btn.proven,.set-chip.proven{border-color:#b88a1f52;background:var(--proof-proven-bg)}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-badge{position:relative;overflow:hidden;min-height:164px;padding:18px;border-radius:24px;background:linear-gradient(180deg,var(--surface-strong),color-mix(in srgb,var(--bg-panel) 80%,transparent)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 14%,transparent),transparent 35%)}.achievement-badge.locked{filter:grayscale(.9);opacity:.72}.achievement-badge:after{content:"";position:absolute;inset:auto -26px -26px auto;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--surface-raised) 38%,transparent)}.badge-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:#fffdf9}.badge-icon.gold{background:linear-gradient(135deg,#d0a93d,#8a6315)}.badge-icon.coral{background:linear-gradient(135deg,#db7e53,#a63d1d)}.badge-icon.olive{background:linear-gradient(135deg,#73906d,#3f5f39)}.badge-icon.blue{background:linear-gradient(135deg,#6d9ab6,#345a76)}.badge-title{margin-top:14px;font-weight:700}.badge-copy{margin-top:8px;line-height:1.5;font-size:.92rem}.badge-state{margin-top:12px;font-size:.84rem;font-weight:700;color:var(--muted)}.stack-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.goal-card,.unlock-panel,.achievement-card{padding:14px;border-radius:18px;background:var(--surface-raised)}.goal-card.complete,.achievement-card.unlocked{border-color:#51614d42;background:var(--success-soft)}.goal-progress{margin-top:8px}.unlock-panel{min-height:76px;font-weight:600;line-height:1.5}.dashboard{display:grid;grid-template-columns:320px minmax(420px,1fr) 320px;gap:20px}.panel-left,.panel-right{display:flex;flex-direction:column;gap:18px}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.set-card{padding:14px;border-radius:18px;background:var(--surface-soft);cursor:pointer}.set-card:hover,.set-card.active,.overview-set-btn:hover,.set-chip:hover,.brand-btn:hover,.nav-btn:hover,.mode-btn:hover,.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.set-card.active{border-color:#c55a2f6b;background:linear-gradient(180deg,#f6d4bfbd,#fffbf5f0)}.meter-group+.meter-group,.mini-section+.mini-section{margin-top:14px}label{display:block;margin-bottom:6px;font-size:.92rem;color:var(--muted)}progress{width:100%;height:12px;border-radius:999px;overflow:hidden}progress::-webkit-progress-bar{background:var(--track-bg);border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--olive),var(--accent));border-radius:999px}.session-stats,.status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.session-stats div,.status-strip div{padding:12px;border-radius:16px;background:var(--surface-raised)}.session-stats strong,.status-strip strong{display:block;margin-top:6px;font-size:1.15rem}.panel-center{display:flex;flex-direction:column;gap:18px}.mode-switch,.operation-switch{justify-content:flex-start;flex-wrap:wrap}.mode-btn{padding:10px 16px;background:var(--muted-strong-bg)}.mode-btn.active{background:var(--ink);color:#fff9f1}.card-area{padding:22px;border-radius:26px;background:var(--card-background)}.badge,.stage-pill,.proof-status{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--muted-strong-bg);font-size:.85rem}.badge.accent,.stage-pill{background:#c55a2f26;color:var(--accent-strong)}.proof-status.proven{background:#51614d29;color:var(--olive)}.flashcard{margin-top:18px;padding:28px;border-radius:28px;background:var(--surface-strong);text-align:center}.prompt-label{margin:0;color:var(--muted)}.flashcard h2{margin-top:12px;font-size:clamp(3rem,8vw,5rem)}.card-hint{margin:12px 0 0;min-height:24px;color:var(--muted)}.answer-form{margin-top:18px}.input-wrap{display:block;padding:18px;border-radius:22px;background:var(--surface-strong)}.input-wrap input{width:100%;margin-top:8px;border:0;outline:0;background:transparent;font-size:2.2rem;font-weight:700;color:var(--ink)}.action-row{margin-top:14px;justify-content:flex-start;flex-wrap:wrap}.primary-btn{padding:12px 18px;background:var(--accent);color:#fffaf4}.ghost-btn{padding:12px 18px;background:var(--muted-strong-bg);color:var(--ink)}.feedback-panel{margin-top:16px;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:20px;background:var(--surface-raised)}.feedback-panel.good{background:#38684f24;border-color:#38684f38}.feedback-panel.bad{background:#8d3a2f1f;border-color:#8d3a2f3d}.feedback-panel.neutral{background:#b88a1f1a;border-color:#b88a1f38}.study-badge-strip{display:grid;gap:10px;margin-top:14px}.study-badge-chip{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--surface-raised);border:1px solid var(--line)}.modal-shell{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(88vh,920px);overflow:auto;padding:24px;border-radius:30px;border:1px solid var(--line);background:var(--bg-strong);box-shadow:var(--shadow)}.modal-copy{margin-bottom:0}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.backup-section{margin-top:22px;padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--surface-soft)}.backup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-modal-panel{width:min(760px,100%)}.profile-list{display:grid;gap:12px;margin-top:20px}.profile-card{width:100%;padding:16px 18px;border-radius:22px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);text-align:left}.profile-card.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.profile-card-header,.profile-card-stats,.profile-form{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-card-stats{margin-top:12px;color:var(--muted);font-size:.92rem}.profile-form{margin-top:18px;align-items:flex-end}.profile-form .input-wrap{flex:1}.profile-feedback{margin-top:18px}.theme-card{padding:18px;border-radius:24px;border:1px solid var(--line);background:var(--surface-raised);text-align:left;color:var(--ink)}.theme-card.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.theme-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.theme-mode-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--muted-strong-bg);font-size:.78rem;color:var(--muted)}.theme-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 14px}.theme-swatch{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.theme-card-copy{font-size:.92rem;line-height:1.5;color:var(--muted)}.theme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.theme-select-btn{padding:10px 14px;border-radius:999px;border:0;background:var(--accent);color:#fffaf4;cursor:pointer}.study-badge-chip.locked{opacity:.65}.study-badge-mini{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fffdf9;font-size:.95rem;font-weight:700}.study-badge-mini.gold{background:linear-gradient(135deg,#d0a93d,#8a6315)}.study-badge-mini.coral{background:linear-gradient(135deg,#db7e53,#a63d1d)}.study-badge-mini.olive{background:linear-gradient(135deg,#73906d,#3f5f39)}.study-badge-mini.blue{background:linear-gradient(135deg,#6d9ab6,#345a76)}@media(max-width:1260px){.dashboard-layout{grid-template-columns:1fr}.chart-panel,.dashboard-main-panel,.achievement-panel,.dashboard-side-panel{grid-column:auto;grid-row:auto}.dashboard{grid-template-columns:1fr}}@media(max-width:900px){.hero,.study-hero,.topbar{flex-direction:column;align-items:flex-start}.hero-stats,.donut-grid,.badge-grid,.theme-grid,.track-stat-row,.set-launcher,.set-grid,.session-stats,.status-strip{grid-template-columns:1fr}.topbar-right{width:100%;justify-content:flex-start}.backup-actions{flex-direction:column;align-items:stretch}}@media(max-width:720px){.app-shell{padding:16px}.hero,.study-hero,.panel{padding:18px;border-radius:22px}.flashcard h2{font-size:3rem}.chart-label{width:88px;flex-basis:88px}.profile-card-header,.profile-card-stats,.profile-form{flex-direction:column;align-items:flex-start}.profile-form .primary-btn,.profile-form .input-wrap{width:100%}}.lock-screen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--body-background)}.lock-screen.hidden{display:none}.lock-panel{width:min(400px,92vw);background:var(--bg-strong);border-radius:20px;box-shadow:var(--shadow);padding:40px 36px;display:flex;flex-direction:column;gap:20px}.lock-title{font-family:var(--headline);font-size:1.75rem;color:var(--ink);text-align:center;margin:0}.lock-subtitle{color:var(--muted);text-align:center;margin:0 0 8px;font-size:.9rem}.lock-profile-list{display:flex;flex-direction:column;gap:8px}.lock-profile-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;cursor:pointer;font-family:var(--body);font-size:1rem;color:var(--ink);transition:background .14s,border-color .14s;text-align:left}.lock-profile-btn:hover,.lock-profile-btn:focus-visible{background:var(--surface-strong);border-color:var(--accent-soft);outline:none}.lock-profile-btn strong{font-size:1rem}.lock-profile-btn span{font-size:.78rem;color:var(--muted)}.lock-new-btn{width:100%;margin-top:4px}.lock-form{display:flex;flex-direction:column;gap:14px}.lock-form-actions{display:flex;gap:10px}.lock-form-actions .primary-btn{flex:1}.lock-error{color:var(--bad);font-size:.85rem;margin:0}.account-info{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.account-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-soft);border-radius:8px;font-size:.9rem;color:var(--ink)}.account-stat-row strong{color:var(--accent)}.sign-out-btn{width:100%;margin-top:4px;color:var(--bad);border-color:#8d3a2f33}.sign-out-btn:hover{background:#8d3a2f0f}.lock-switch{text-align:center;font-size:.875rem;color:var(--muted);margin:0}.text-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.text-btn:hover{color:var(--accent-strong)}.account-switch-section{border:1px solid var(--line);border-radius:10px;overflow:hidden}.account-switch-summary{padding:12px 16px;cursor:pointer;font-size:.875rem;color:var(--muted);list-style:none;-webkit-user-select:none;user-select:none}.account-switch-summary:hover{color:var(--ink);background:var(--surface-soft)}.account-switch-form{padding:14px 16px 16px;border-top:1px solid var(--line)}.card-dots{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:6px;padding:6px 0 2px}.dot-group{display:grid;grid-template-columns:repeat(5,9px);gap:4px;padding:7px 8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:.75}