:root{--color-parchment: #f6f3f1;--color-lake-blue: #2b59d1;--color-periwinkle-mist: #cfdaf5;--color-sky-blue: #a0b5eb;--color-mint: #a7fccd;--color-coral: #ff9473;--color-gold: #ecda98;--color-crimson: #f37a0a;--color-off-black: #242424;--color-ink: #000000;--color-graphite: #4e4d4d;--color-smoke: #797776;--color-ash: #cecac8;--font-mono: "ABC Diatype Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-serif: "Untitled Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--mint-soft: #e6f8ec;--coral-soft: #ffede4;--gold-soft: #f8f0d7;--lake-soft: #e9eefc;--radius-card: 24px;--radius-card-lg: 40px;--radius-pill: 100px;--radius-tag: 9999px;--pad-card: 30px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-parchment);color:var(--color-off-black);font-family:var(--font-mono);font-size:16px;line-height:1.35;letter-spacing:-.4px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}a{color:inherit}button{font-family:inherit}h1,h2{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:0}.page h1{font-size:40px;letter-spacing:-.8px;margin-bottom:28px}.session h1{font-size:32px;letter-spacing:-.64px}.deck-name{font-size:24px;letter-spacing:-.48px}.caption{font-size:12px;letter-spacing:-.4px}.small{font-size:13px;letter-spacing:-.26px}.topbar{border-bottom:1px solid var(--color-ash);position:sticky;top:0;background:#f6f3f1eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.topbar-inner{max-width:960px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px;height:64px}.topbar-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.brand{font-family:var(--font-serif);font-weight:400;font-size:26px;letter-spacing:-.52px;color:var(--color-off-black);text-decoration:none;display:inline-flex;align-items:center;gap:10px}.brand:hover{color:var(--color-lake-blue)}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--color-lake-blue);flex:none}.back-btn{font-size:13px;padding:8px 18px;margin-right:6px}.container{max-width:960px;margin:0 auto;padding:48px 24px 96px}.page{position:relative;isolation:isolate}.wash{position:absolute;top:-80px;left:-10%;width:90%;height:380px;z-index:-1;pointer-events:none;background:radial-gradient(40% 60% at 20% 40%,rgba(167,252,205,.55),transparent 70%),radial-gradient(45% 60% at 70% 45%,rgba(160,181,235,.55),transparent 70%),radial-gradient(35% 55% at 45% 70%,rgba(255,148,115,.4),transparent 70%);filter:blur(48px)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:var(--radius-pill);border:1px solid var(--color-ash);background:transparent;color:var(--color-off-black);font-family:var(--font-mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.btn:hover{border-color:var(--color-off-black)}.btn.primary{background:var(--color-lake-blue);border-color:var(--color-lake-blue);color:#fff}.btn.primary:hover{background:#2449ae;border-color:#2449ae}.btn.secondary{background:var(--color-off-black);border-color:var(--color-off-black);color:#f6f3f1}.btn.secondary:hover{background:#000;border-color:#000}.btn.ghost{border-color:var(--color-off-black);background:transparent}.btn.ghost:hover{background:var(--color-off-black);color:#f6f3f1}.btn.danger{border-color:transparent;color:var(--color-smoke)}.btn.danger:hover{border-color:var(--color-coral);color:var(--color-crimson)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{border-color:var(--color-ash)}.btn.small-btn{padding:8px 16px;font-size:11px}.link{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-mono);font-size:14px;color:var(--color-off-black);text-transform:uppercase;letter-spacing:.04em}.link:hover{color:var(--color-lake-blue)}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn.rate{padding:14px 12px}.btn.rate:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.rate.again{border-color:var(--color-off-black);background:var(--coral-soft)}.rate.again:before{background:var(--color-coral)}.rate.hard{background:var(--gold-soft)}.rate.hard:before{background:var(--color-gold)}.rate.good{background:var(--mint-soft)}.rate.good:before{background:var(--color-mint)}.rate.easy{background:var(--lake-soft)}.rate.easy:before{background:var(--color-lake-blue)}.rate.again:hover{border-color:var(--color-coral)}.rate.hard:hover{border-color:var(--color-gold)}.rate.good:hover{border-color:var(--color-mint)}.rate.easy:hover{border-color:var(--color-lake-blue)}.rate-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rate-label{text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--color-smoke)}.deck-list,.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.deck-card{border:1px solid var(--color-ash);border-radius:var(--radius-card);padding:30px 32px;background:#ffffff59;display:flex;flex-direction:column;gap:22px}.deck-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.deck-main p{margin:2px 0 0;color:var(--color-graphite);min-height:1.45em}.deck-name{cursor:pointer}.deck-name:hover{color:var(--color-lake-blue)}.deck-stats{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-tag);border:1px solid var(--color-ash);background:var(--color-parchment);font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-graphite)}.badge b{color:var(--color-off-black);font-weight:500}.badge.zero{opacity:.45}.badge.rate:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-ash)}.badge.rate.new-c:before{background:var(--color-sky-blue)}.badge.rate.lrn:before{background:var(--color-coral)}.badge.rate.due:before{background:var(--color-mint)}.badge.due-hot{background:var(--lake-soft);border-color:var(--color-lake-blue);color:var(--color-lake-blue)}.badge.due-hot b{color:var(--color-lake-blue)}.badge-sub{opacity:.7;text-transform:none;letter-spacing:0}.badge.clickable{cursor:pointer}.deck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.menu-wrap{position:relative}.menu-btn{border:none;background:transparent;cursor:pointer;color:var(--color-smoke);font-size:16px;padding:4px 8px;line-height:1}.menu-btn:hover{color:var(--color-off-black)}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;padding:6px;border:1px solid var(--color-ash);border-radius:var(--radius-card);background:var(--color-parchment);display:flex;flex-direction:column;gap:2px;z-index:30}.menu button{text-align:left;border:none;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:13px;letter-spacing:-.2px;color:var(--color-off-black);padding:10px 14px;border-radius:var(--radius-tag)}.menu button:hover{background:var(--lake-soft)}.menu button.danger-item{color:var(--color-crimson)}.menu button.danger-item:hover{background:var(--coral-soft)}.rename-input{width:100%;padding:6px 14px;border:1px solid var(--color-lake-blue);border-radius:var(--radius-tag);background:#fff;font-family:var(--font-serif);font-size:24px;letter-spacing:-.48px;color:var(--color-off-black)}.caps-form{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}.caps-field{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-graphite)}.caps-field input{width:72px}.card-row{border:1px solid var(--color-ash);border-radius:var(--radius-card);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff4d}.card-text{display:flex;flex-direction:column;gap:4px;min-width:0}.card-front{font-family:var(--font-serif);font-size:20px;letter-spacing:-.4px}.card-text .muted{font-size:13px;color:var(--color-graphite)}.card-meta{display:flex;align-items:center;gap:14px;flex-shrink:0}.meta-item{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-smoke)}.card-row.suspended{opacity:.55}.card-face{border:1px solid var(--color-ash);border-radius:var(--radius-card-lg);padding:40px;background:var(--color-parchment);display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;text-align:center}.flash-card{background:var(--color-periwinkle-mist)}.flash-label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-graphite)}.flash-text{font-family:var(--font-serif);font-weight:400;font-size:34px;letter-spacing:-.68px;line-height:1.2;overflow-wrap:anywhere}.flash-front,.flash-back{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.flash-back{background:var(--color-parchment);border:1px solid var(--color-ash);border-radius:var(--radius-card);padding:26px 20px}.session .flash-text{font-size:30px;letter-spacing:-.6px}.session-data{width:100%;max-width:640px;margin:0 auto}.session{display:flex;flex-direction:column;gap:22px}.page.session{min-height:calc(100dvh - 208px);justify-content:center}.session-progress{font-size:13px;letter-spacing:-.26px;color:var(--color-graphite)}.countdown{font-family:var(--font-serif);font-weight:400;font-size:56px;letter-spacing:-1.12px;line-height:1.1;margin:0}.seg{display:flex;width:max-content;gap:6px;padding:4px;border:1px solid var(--color-ash);border-radius:9999px;background:var(--color-parchment);margin:0 auto 26px}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:9999px;padding:9px 20px;background:transparent;font-family:var(--font-mono);font-size:12px;letter-spacing:-.24px;text-transform:uppercase;color:var(--color-graphite);cursor:pointer;transition:background .12s ease,color .12s ease}.seg-btn:hover:not(:disabled){color:var(--color-off-black)}.seg-btn.active{background:var(--color-off-black);color:var(--color-parchment)}.seg-btn:disabled{cursor:default;opacity:.4}.seg-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.options{display:flex;flex-direction:column;gap:10px;width:100%}.option{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;padding:16px 26px;border:1px solid var(--color-ash);border-radius:var(--radius-tag);background:var(--color-parchment);font-family:var(--font-mono);font-size:15px;color:var(--color-off-black);cursor:pointer;transition:border-color .12s ease,background .12s ease;overflow-wrap:anywhere}.option:hover:not(:disabled){border-color:var(--color-off-black)}.option:disabled{cursor:default;opacity:1}.option.correct{border-color:var(--color-mint);background:var(--mint-soft)}.option.wrong{border-color:var(--color-coral);background:var(--coral-soft)}.type-form,.card-form,.deck-form{display:flex;gap:10px;flex-wrap:wrap}.add-cluster{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.type-form{max-width:640px;width:100%;margin:0 auto}.type-form input,.card-form input,.card-form textarea,.deck-form input{flex:1;min-width:180px;padding:12px 24px;border:1px solid var(--color-ash);border-radius:var(--radius-pill);background:var(--color-parchment);font-family:var(--font-mono);font-size:15px;color:var(--color-off-black)}.card-form textarea{flex:2;min-width:220px;min-height:48px;resize:vertical;border-radius:var(--radius-card);padding:14px 24px;line-height:1.4}.type-form input{padding:14px 26px}.type-form input::placeholder,.card-form input::placeholder,.card-form textarea::placeholder,.deck-form input::placeholder{color:var(--color-smoke)}input:focus,textarea:focus{outline:none;border-color:var(--color-lake-blue);box-shadow:0 0 0 3px var(--lake-soft)}textarea{font-family:var(--font-mono);font-size:15px;border:1px solid var(--color-ash);border-radius:var(--radius-card);background:var(--color-parchment);padding:14px 24px;color:var(--color-off-black)}.import-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.import-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.import-status{font-family:var(--font-mono);font-size:13px;letter-spacing:-.26px;color:var(--color-graphite)}.ok,.err{color:var(--color-graphite)}.feedback{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-tag);border:1px solid transparent;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em}.feedback:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.feedback-ok{background:var(--mint-soft);border-color:var(--color-mint)}.feedback-ok:before{background:var(--color-mint)}.feedback-err{background:var(--coral-soft);border-color:var(--color-coral)}.feedback-err:before{background:var(--color-coral)}.feedback-info{background:var(--lake-soft);border-color:var(--color-sky-blue)}.feedback-info:before{background:var(--color-lake-blue)}.banner{max-width:960px;margin:16px auto 0;padding:14px 24px;border:1px solid var(--color-ash);border-radius:var(--radius-tag);background:var(--gold-soft);color:var(--color-off-black);font-family:var(--font-mono);font-size:13px}.banner.error{background:var(--coral-soft);border-color:var(--color-coral)}.deck-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.count-lines{display:flex;flex-direction:column;gap:8px;font-size:15px}.count-line{display:flex;gap:14px;align-items:baseline}.count-line .label{color:var(--color-graphite);min-width:110px}.count-line b{font-weight:500;font-size:18px}.count-new b{color:var(--color-lake-blue)}.count-lrn b{color:var(--color-crimson)}.count-due b{color:#1d8a4e}.hero-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.hero-actions .btn{justify-content:center;padding:14px 34px}.add-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.deck-pick-btn{min-width:200px;justify-content:space-between}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#24242440;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:420px;background:var(--color-parchment);border:1px solid var(--color-ash);border-radius:var(--radius-card-lg);padding:30px;display:flex;flex-direction:column;gap:16px}.modal h2{font-size:24px;letter-spacing:-.48px}.modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.big-number{font-family:var(--font-serif);font-weight:400;font-size:56px;letter-spacing:-1.12px;line-height:1.1;margin:0}.summary{gap:10px}.summary h2{font-size:28px;letter-spacing:-.56px}.empty{border:1px dashed var(--color-ash);border-radius:var(--radius-card-lg);padding:40px;text-align:center;color:var(--color-graphite);display:flex;flex-direction:column;gap:18px;align-items:center;background:#ffffff4d}.empty-text{margin:0;font-size:15px}.muted{color:var(--color-graphite)}.center{text-align:center}.row-center{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.row-end{margin-top:28px}.stack{display:flex;flex-direction:column;gap:14px}@media (max-width: 640px){.container{padding:32px 16px 80px}.page h1{font-size:32px;letter-spacing:-.64px}.deck-card{padding:22px 20px}.flash-text{font-size:26px}.session .flash-text{font-size:24px}.card-face{padding:28px 20px}.rating-row,.rate-labels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.btn.rate{padding:14px 4px;font-size:11px;letter-spacing:0}.rate-label{font-size:10px}.count-line .label{min-width:90px}}