: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}.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:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-lake-blue)}.brand:hover{color:var(--color-lake-blue)}.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)}.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)}.rate.again:before{background:var(--color-coral)}.rate.hard:before{background:var(--color-gold)}.rate.good:before{background:var(--color-mint)}.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)}.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-main p{margin:2px 0 0;color:var(--color-graphite)}.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.rate:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-ash)}.summary .badge.rate.again:before{background:var(--color-coral)}.summary .badge.rate.hard:before{background:var(--color-gold)}.summary .badge.rate.good:before{background:var(--color-mint)}.summary .badge.rate.easy:before{background:var(--color-lake-blue)}.deck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.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-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}.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}.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}.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}.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%}.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)}.type-form{max-width:640px;width:100%;margin:0 auto}.type-form input,.card-form input,.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)}.type-form input{padding:14px 26px}.type-form input::placeholder,.card-form input::placeholder,.deck-form input::placeholder{color:var(--color-smoke)}input:focus{outline:none;border-color:var(--color-lake-blue);box-shadow:0 0 0 3px var(--lake-soft)}.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)}.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}.session{display:flex;flex-direction:column;gap:22px}.center{text-align:center}.row-center{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.row-end{margin-top:28px}.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)}.row-center .muted,.center.muted{color:var(--color-smoke)}