:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d252d;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--line:#d8dee5;--text:#1d252d;--muted:#667380;--accent:#1f6feb;--accent-strong:#1557bd;--danger:#b42318;--success:#137333;--warning-bg:#fff7db;--warning-line:#e1bd48;--shadow:0 14px 40px #1d252d14;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}button:hover:not(:disabled){border-color:#b8c2cc}button:disabled{cursor:not-allowed;opacity:.5}button.primary{border-color:var(--accent);background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-strong)}button.danger{color:var(--danger)}button.solidDanger{border-color:var(--danger);background:var(--danger);color:#fff}button.solidDanger:hover:not(:disabled){background:#8c1d12;border-color:#8c1d12}button.success{color:var(--success);background:#edf8f0;border-color:#9ad4ad}button.success:hover:not(:disabled){border-color:var(--success)}button.hard{color:#7a5200;background:#fff7db;border-color:#d8a308}button.hard:hover:not(:disabled){border-color:#a86f00}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:9px 10px}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1f6feb38}label{color:var(--muted);gap:6px;font-weight:500;display:grid}h1,h2,p{margin:0}h1{font-size:1.85rem;line-height:1.2}h2{font-size:1.1rem;line-height:1.3}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fff;justify-content:flex-start;align-items:center;gap:16px;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0}.accountBar{color:var(--muted);align-items:center;gap:10px;margin-left:auto;display:flex}.brand,.linkButton{background:0 0;border:0;min-height:0;padding:0}.brand{white-space:nowrap;font-size:1.05rem;font-weight:800}.app{width:min(1180px,100vw - 32px);margin:24px auto 48px}.authScreen{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:24px;display:grid}.alert{color:var(--danger);background:#fff0ee;border:1px solid #ef9a92;border-radius:8px;margin-bottom:16px;padding:12px 14px}.deckLayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.stack{gap:20px;display:grid}.workSurface,.sidePanel,.learnCard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:20px}.surfaceHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.deckHeaderActions{justify-items:stretch;gap:10px;width:min(320px,100%);display:grid}.deckLearningControls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.learningActionGroup{align-items:center;gap:6px;display:inline-flex}.hiddenControl{visibility:hidden;pointer-events:none}.muted{color:var(--muted);margin-top:4px}.form,.draftList,.deckGrid{gap:12px;display:grid}.deckGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.deckItem,.draftItem{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid}.deckItem p,.draftItem p,.answerBlock p{overflow-wrap:anywhere}.selectLine{align-items:center;gap:10px;font-size:1.05rem;display:flex}.selectLine input,.checkPill input{width:auto}.rowBetween,.buttonRow,.learnControls,.learnTopline,.ratingControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{min-height:28px;color:var(--muted);background:#eef2f6;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.badgeRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge.subtle{background:#f7f9fb}.searchField{min-width:min(320px,100%);font-weight:400;position:relative}.searchField svg{color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.searchField input{padding-left:36px}.countField{grid-template-columns:auto 64px;align-items:center;gap:8px}.countField input{width:64px;min-width:64px}.editGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:12px;display:grid}.cardTable{gap:10px;display:grid}.cardRow{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(140px,auto) auto;align-items:start;gap:12px;padding:12px;display:grid}.cardRow.editing{grid-template-columns:minmax(0,1fr) auto}.cardText{gap:8px;min-width:0;display:grid}.cardWord{color:var(--text);font-weight:700;line-height:1.35}.cardTranslation{color:var(--text);margin-top:4px;line-height:1.4}.cardCollocations{color:var(--muted);border-left:3px solid #dce7f4;padding-left:10px;line-height:1.35}.cardWord,.cardTranslation,.cardCollocations{overflow-wrap:anywhere}.cardEditGrid{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px;display:grid}.cardEditGrid textarea{resize:vertical;min-height:64px;line-height:1.35}.deckTags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.selectedDeckList{flex-wrap:wrap;gap:6px;display:flex}.deckTag{min-height:24px;color:var(--muted);background:#eef2f6;border-radius:999px;align-items:center;padding:3px 8px;font-size:.82rem;display:inline-flex}.deckChecks{flex-wrap:wrap;gap:6px;display:flex}.checkPill{border:1px solid var(--line);width:fit-content;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.88rem;font-weight:500;display:inline-flex}.iconButtonRow{justify-content:flex-end;gap:6px;display:inline-flex}.iconButton{width:34px;min-width:34px;min-height:34px;padding:6px}.warnings{gap:8px;margin-bottom:12px;display:grid}.warning{border:1px solid var(--warning-line);background:var(--warning-bg);border-radius:6px;padding:8px 10px}.sharePanel{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.compactForm{gap:8px}.shareList{gap:8px;display:grid}.shareItem{border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.emptyState{color:var(--muted);text-align:center;border:1px dashed #b8c2cc;border-radius:8px;padding:28px}.learnView{gap:16px;max-width:920px;margin:0 auto;display:grid}.learnTopline{align-items:center}.learnTopActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.segmentedControl{border:1px solid var(--line);background:#eef2f6;border-radius:6px;padding:2px;display:inline-flex;overflow:hidden}.segmentedControl button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 10px}.segmentedControl button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #1d252d1f}.learnCard{align-content:stretch;gap:24px;min-height:min(560px,100vh - 180px);display:grid}.studyPrompt{width:100%;min-height:180px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-self:center;gap:10px;padding:0;display:grid}.studyPrompt span{color:var(--muted);text-transform:uppercase;font-size:.9rem;font-weight:700}.studyPrompt h1{letter-spacing:0;overflow-wrap:anywhere;align-self:center;font-size:clamp(2rem,6vw,4.2rem)}.answerBlock{border-top:1px solid var(--line);gap:16px;padding-top:18px;display:grid}.progressHeader,.studyStats{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.progressHeader{margin-top:12px;font-weight:700}.progressTrack{background:#eef2f6;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.progressTrack span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.studyStats{margin-top:8px;font-size:.95rem}.ratingControls{border-top:1px solid var(--line);justify-content:flex-end;align-self:end;padding-top:18px}.sessionSummary{gap:18px;display:grid}.sessionSummary h1{font-size:clamp(2rem,5vw,3.5rem)}.scoreGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.scoreGrid div{border:1px solid var(--line);border-radius:8px;gap:4px;padding:14px;display:grid}.scoreGrid strong{font-size:2rem;line-height:1}.scoreGrid span{color:var(--muted)}.dialogBackdrop{z-index:50;background:#1d252d61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 22px 70px #1d252d33}.dialog p{color:var(--muted);line-height:1.45}.dialogActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.deckLayout,.editGrid{grid-template-columns:1fr}.cardTable{gap:10px}.cardRow,.cardRow.editing{grid-template-columns:minmax(0,1fr);gap:8px}.cardEditGrid{grid-template-columns:1fr}.deckTags,.iconButtonRow{justify-content:flex-start}.surfaceHeader{display:grid}.learnTopline,.learnTopActions{justify-content:stretch}.learnTopActions,.learnTopActions>button,.segmentedControl{width:100%}.deckLearningControls{align-items:stretch}.deckLearningControls,.learningActionGroup{width:100%}.learningActionGroup button.primary,.segmentedControl button{flex:1}.topbar{padding:0 16px}}@media (width<=560px){.topbar{flex-wrap:wrap;align-items:stretch;min-height:auto;padding:12px}.brand{font-size:1rem}.app{width:min(100% - 20px,1180px);margin:12px auto 32px}.workSurface,.sidePanel,.learnCard{padding:14px}.surfaceHeader,.learnTopline,.rowBetween,.buttonRow{grid-template-columns:1fr;display:grid}.cardEditGrid textarea{min-height:40px}.searchField{min-width:100%}.learnControls,.ratingControls{grid-template-columns:1fr;display:grid}.learnControls button,.ratingControls button{width:100%}.scoreGrid{grid-template-columns:1fr}.learnCard{gap:18px;min-height:calc(100vh - 154px)}.learnCard h1{font-size:clamp(1.85rem,12vw,3.1rem)}.progressHeader,.studyStats{grid-template-columns:1fr;gap:4px;display:grid}.dialogActions{grid-template-columns:1fr;display:grid}}