:root{color:#26163d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:radial-gradient(circle at top left, #a778ff2e, transparent 26%), radial-gradient(circle at right, #e1d0ff8c, transparent 24%), linear-gradient(180deg, #fff 0%, #fbf7ff 54%, #f5efff 100%);--panel:#ffffffd6;--panel-strong:#fffffff5;--line:#6c2bd91f;--accent:#7c3aed;--accent-strong:#a855f7;--secondary:#eadbff;--secondary-strong:#dbc4ff;--text-soft:#432867bd;--text-strong:#26163d;--shadow:0 22px 60px #5e3f9624;--button-soft:#7c3aed14;--button-soft-strong:#7c3aed24;--progress-track:#7c3aed1a;--card-glow-start:#a855f72e;--card-glow-end:#c4b5fd33;background:radial-gradient(circle at 0 0,#a778ff2e,#0000 26%),radial-gradient(circle at 100%,#e1d0ff8c,#0000 24%),linear-gradient(#fff 0%,#fbf7ff 54%,#f5efff 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[data-theme=dark]{color:#f7f4ff;--page-bg:radial-gradient(circle at top left, #7c3aed42, transparent 24%), radial-gradient(circle at right, #604cc842, transparent 24%), linear-gradient(160deg, #140f21 0%, #1c1630 45%, #120f1d 100%);--panel:#1c1630d6;--panel-strong:#161225f5;--line:#ffffff1a;--accent:#a855f7;--accent-strong:#d8b4fe;--secondary:#7c3aed33;--secondary-strong:#7c3aed4d;--text-soft:#f1ebffc2;--text-strong:#f7f4ff;--shadow:0 24px 70px #00000057;--button-soft:#ffffff0f;--button-soft-strong:#a855f738;--progress-track:#ffffff1a;--card-glow-start:#a855f72e;--card-glow-end:#4c1d9533;background:radial-gradient(circle at 0 0,#7c3aed42,#0000 24%),radial-gradient(circle at 100%,#604cc842,#0000 24%),linear-gradient(160deg,#140f21 0%,#1c1630 45%,#120f1d 100%)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--page-bg);min-height:100vh;color:var(--text-strong);transition:background .18s,color .18s;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.hero{margin-bottom:1.5rem;display:block}.hero-copy,.hero-panel,.deck-sidebar,.study-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:24px}.hero-copy{padding:2rem;position:relative}.hero-topbar{align-items:center;gap:1rem;display:flex}.brand-block{gap:.3rem;display:grid}.brand-subtitle{color:var(--text-soft);font-size:.95rem;font-weight:600}.hero-copy h1{letter-spacing:-.05em;max-width:10ch;margin:.5rem 0 1rem;font-size:clamp(2.4rem,5vw,4.3rem);line-height:.95}.hero-text,.deck-tile p,.progress-copy span,.empty-state p,.card-face p{color:var(--text-soft)}.eyebrow,.face-label,.deck-label{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-strong);font-size:.76rem}.theme-toggle{background:color-mix(in srgb, var(--panel-strong) 72%, var(--secondary) 28%);color:var(--text-strong);border:none;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .55rem .45rem .7rem;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;position:absolute;top:1.35rem;right:1.35rem;box-shadow:inset 0 1px #ffffff59}.theme-toggle:hover{background:color-mix(in srgb, var(--panel-strong) 58%, var(--secondary-strong) 42%);transform:translateY(-1px)}.theme-toggle-track{background:#7c3aed38;border-radius:999px;align-items:center;width:2.9rem;height:1.65rem;padding:.14rem;transition:background .18s;display:flex}.theme-toggle-thumb{background:#fff;border-radius:50%;width:1.35rem;height:1.35rem;transition:transform .18s,background .18s;transform:translate(0);box-shadow:0 4px 12px #4d347a38}.theme-toggle.active .theme-toggle-track{background:linear-gradient(90deg, var(--accent), var(--accent-strong))}.theme-toggle.active .theme-toggle-thumb{background:#f8f4ff;transform:translate(1.2rem)}.theme-toggle-label{white-space:nowrap;font-size:.92rem;font-weight:600}.layout{grid-template-columns:360px 1fr;gap:1.25rem;min-width:0;display:grid}.deck-sidebar,.study-panel{padding:1.25rem}.panel-heading,.study-toolbar,.controls,.progress-strip,.action-row,.study-actions,.deck-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading{margin-bottom:1rem}.deck-sidebar .panel-heading span{color:var(--text-soft);font-size:.95rem}.panel-heading h2,.study-toolbar h2,.card-face h3,.empty-state h3{margin:0}.deck-rail{border:1px solid var(--line);background:#ffffff08;border-radius:20px;width:100%;max-width:100%;padding-inline:.35rem;position:relative;overflow:hidden}.deck-edge-button{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:1rem;color:var(--accent-strong);opacity:.72;background:0 0;border:none;border-radius:0;place-items:center;padding:0;font-size:1.15rem;line-height:1;transition:color .18s,opacity .18s;display:grid;position:absolute;top:.4rem;bottom:.4rem}.deck-edge-button.left{background:linear-gradient(90deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), transparent);left:0}.deck-edge-button.right{background:linear-gradient(270deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), transparent);right:0}.deck-edge-button:hover{color:var(--accent-strong);opacity:1}.deck-grid{gap:.75rem;width:100%;max-width:100%;max-height:70vh;padding:.55rem 1.2rem;scroll-padding-inline:1.2rem;display:grid;overflow:auto}.deck-tile{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 78%, var(--secondary) 22%);color:inherit;border-radius:20px;align-content:start;gap:.45rem;min-width:0;min-height:124px;padding:.9rem 1rem .95rem;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.deck-tile:before{content:"";background:0 0;width:4px;transition:background .18s;position:absolute;top:0;bottom:0;left:0}.deck-tile:hover,.deck-tile.active{background:color-mix(in srgb, var(--secondary) 56%, var(--panel-strong) 44%);border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed29}.deck-tile:hover:before,.deck-tile.active:before{background:linear-gradient(180deg, var(--accent), var(--accent-strong))}.deck-tile strong{max-width:18ch;margin:0;font-size:1.1rem;line-height:1.18;display:block}.deck-tile p,.progress-copy,.answer-copy p{overflow-wrap:anywhere}.deck-meta{color:var(--text-soft);flex-wrap:wrap;justify-content:flex-start;gap:.45rem;margin-top:.15rem;font-size:.82rem}.deck-meta span{border:1px solid var(--line);background:#ffffff2e;border-radius:999px;padding:.28rem .58rem}.study-panel{gap:1rem;display:grid}.study-toolbar,.controls{flex-wrap:wrap}.search-wrap,.select-wrap{gap:.45rem;display:grid}.search-wrap{flex:1}.search-wrap span,.select-wrap span{color:var(--text-soft);font-size:.88rem}.search-wrap input,.select-wrap select{border:1px solid var(--line);width:100%;color:inherit;background:#04090c73;border-radius:14px;padding:.85rem 1rem}.progress-strip{flex-wrap:wrap}.progress-copy{gap:.2rem;display:grid}.mobile-pile-summary{scrollbar-width:none;gap:.6rem;padding-bottom:.1rem;display:none;overflow-x:auto}.mobile-pile-summary::-webkit-scrollbar{display:none}.summary-pill{white-space:nowrap;border:1px solid var(--line);background:var(--button-soft);color:var(--text-soft);border-radius:999px;padding:.65rem .9rem;font-size:.9rem}.known-pill{border-color:#77d8cb59}.review-pill{border-color:#f0a45e59}.unseen-pill{border-color:var(--line)}.progress-bar{background:var(--progress-track);border-radius:999px;width:min(280px,100%);height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:inherit;height:100%}.flashcard{perspective:1200px;border:1px solid var(--line);background:linear-gradient(135deg, #ffffff73, #ffffff24), var(--panel-strong);border-radius:28px;min-height:420px;position:relative;overflow:hidden}.flashcard:before{content:"";background:linear-gradient(130deg, var(--card-glow-start), transparent 35%), linear-gradient(330deg, var(--card-glow-end), transparent 42%);pointer-events:none;position:absolute;inset:0}.card-face,.empty-state{backface-visibility:hidden;align-content:space-between;gap:1rem;padding:1.5rem 1.5rem 2.25rem;transition:transform .45s;display:grid;position:absolute;inset:0;overflow-y:auto}.card-face h3{max-width:28ch;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.28}.answer-copy{align-content:start;gap:.8rem;display:grid}.answer-copy p{color:var(--text-strong);margin:0;font-size:clamp(.98rem,1.35vw,1.12rem);line-height:1.55}.front{transform:rotateY(0)}.back{transform:rotateY(180deg)}.flashcard.revealed .front{transform:rotateY(-180deg)}.flashcard.revealed .back{transform:rotateY(0)}.flashcard.empty{place-items:center;display:grid}.empty-state{text-align:center;max-width:38ch;margin:auto;position:static}.action-row,.study-actions{flex-wrap:wrap}.ghost-button,.review-button,.known-button{border:1px solid var(--line);color:inherit;border-radius:999px;padding:.85rem 1.2rem;transition:transform .18s,border-color .18s,background .18s}.ghost-button{background:var(--button-soft)}.review-button{background:#a855f71f;border-color:#a855f742}.known-button{background:#ddccff73;border-color:#7c3aed38}.ghost-button:hover,.review-button:hover,.known-button:hover{transform:translateY(-1px)}.ghost-button:disabled,.review-button:disabled,.known-button:disabled{cursor:not-allowed;opacity:.45;transform:none}@media (width<=980px){.hero,.layout{grid-template-columns:1fr;min-width:0}.hero-panel{display:none}.deck-sidebar{padding-bottom:1rem;overflow-x:clip}.deck-rail{min-width:0}.deck-grid{scroll-snap-type:x proximity;gap:.7rem;width:100%;max-width:100%;max-height:none;padding:.55rem 1rem .7rem;scroll-padding-inline:1rem;display:flex;overflow:auto hidden}.deck-grid>*{flex:0 0 min(228px,62vw);min-width:0}.deck-tile{scroll-snap-align:start;min-height:118px}.deck-edge-button{width:.95rem;top:.35rem;bottom:.35rem}.study-toolbar>div,.select-wrap,.search-wrap,.progress-bar{width:100%}.action-row button,.study-actions button{flex:calc(50% - .5rem)}}@media (width<=720px){.app-shell{padding:.75rem .5rem 1.25rem;overflow-x:clip}.hero{gap:.85rem;margin-bottom:.85rem}.hero-copy,.hero-panel,.deck-sidebar,.study-panel{border-radius:20px}.hero-copy{padding:1.25rem}.hero-topbar{flex-direction:column;align-items:flex-start}.theme-toggle{justify-content:space-between;align-self:stretch;position:static}.hero-copy h1{max-width:12ch}.deck-sidebar,.study-panel{padding:1rem;overflow-x:clip}.panel-heading,.study-toolbar,.controls,.progress-strip,.action-row,.study-actions,.deck-meta{gap:.75rem}.panel-heading{flex-direction:column;align-items:flex-start}.deck-grid{gap:.65rem;padding-left:.9rem;padding-right:.9rem}.deck-rail{min-width:0;overflow:clip}.deck-tile{flex-basis:min(198px,64vw);min-height:110px;padding:.82rem .9rem .88rem}.deck-edge-button{width:.85rem;font-size:1.05rem;display:none}.deck-edge-button.left{left:0}.deck-edge-button.right{right:0}.deck-tile strong{max-width:14ch;font-size:.98rem}.deck-meta{font-size:.76rem}.deck-meta span{padding:.22rem .5rem}.study-toolbar,.controls,.progress-strip,.action-row,.study-actions{flex-direction:column;align-items:stretch;overflow-x:clip}.progress-copy strong,.progress-copy span{line-height:1.4}.mobile-pile-summary{display:flex}.flashcard{border-radius:24px;min-height:460px}.card-face,.empty-state{padding:1.15rem 1.15rem 1.85rem}.card-face h3{max-width:100%;font-size:1.12rem}.answer-copy p{font-size:.96rem;line-height:1.5}.ghost-button,.review-button,.known-button{width:100%;min-height:38px;padding:.68rem .85rem;font-size:.92rem}.progress-strip .progress-bar{order:3}}@media (width<=480px){.deck-grid>*{flex-basis:78vw}.hero-copy h1{font-size:clamp(2rem,11vw,2.7rem)}.eyebrow,.face-label,.deck-label{letter-spacing:.14em}.flashcard{min-height:500px}.card-face h3{font-size:1.02rem;line-height:1.25}.answer-copy p{font-size:.93rem}}