*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--panel-2: #1c2330;--panel-3: #202938;--text: #c9d1d9;--strong: #e6edf3;--muted: #8b949e;--line: #30363d;--accent: #58a6ff;--accent-soft: rgba(88, 166, 255, .13);--success: #74d99f;--success-soft: rgba(116, 217, 159, .14);--danger: #ff7b72;--danger-soft: rgba(255, 123, 114, .15);--gold: #e3b341;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,1fr)}.deck-sidebar{position:sticky;top:0;min-width:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0a0e14}.app-mark{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.5rem;padding:0 1rem;border-bottom:1px solid var(--line);color:var(--strong);font-weight:700}.app-mark button,.toolbar button{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel);cursor:pointer}.app-mark button:hover,.toolbar button:hover{border-color:var(--accent);color:var(--accent)}.deck-list{min-width:0;display:grid;gap:.15rem;padding:.75rem;overflow-y:auto}.deck-row{width:100%;min-height:3rem;display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.6rem;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.deck-row:hover{background:var(--panel);color:var(--text)}.deck-row.active{background:var(--accent-soft);color:var(--accent)}.deck-index,.eyebrow,.panel-label,.workspace-footer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.deck-index{justify-self:end;font-size:.75rem;color:inherit}.deck-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem}.workspace{min-width:0;display:flex;flex-direction:column}.workspace-header{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:#0d1117eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{margin:0 0 .15rem;color:var(--accent);font-size:.74rem}.title-input{width:min(48rem,72vw);border:0;background:transparent;color:var(--strong);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:700;line-height:1.15}.title-input:focus{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.toolbar{display:flex;gap:.45rem}.study-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel)}.segmented-control{display:inline-grid;grid-auto-flow:column;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.segmented-control button{min-width:5rem;min-height:2rem;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font-size:.88rem;font-weight:650}.segmented-control button.selected{background:var(--accent);color:var(--bg)}.card-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line)}.editor-shell,.preview-shell{min-width:0;min-height:36rem;display:flex;flex-direction:column;background:var(--bg)}.panel-label{min-height:2.5rem;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem;text-transform:uppercase}.cm-theme{flex:1;min-height:0}.cm-editor{height:100%;font-size:.93rem}.markdown-card{flex:1;overflow:auto;padding:clamp(1rem,3vw,2rem);background:var(--panel);color:var(--text);font-size:1rem;line-height:1.7}.markdown-card>:first-child{margin-top:0}.markdown-card h1,.markdown-card h2,.markdown-card h3{color:var(--strong);line-height:1.25}.markdown-card h1{font-size:1.8rem}.markdown-card h2{font-size:1.35rem}.markdown-card h3{font-size:1.1rem}.markdown-card a{color:var(--accent)}.markdown-card code{border:1px solid var(--line);border-radius:5px;background:var(--panel-3);color:var(--strong);padding:.08rem .34rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown-card pre{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#0d1117;padding:1rem}.markdown-card pre code{border:0;background:transparent;padding:0;font-size:.84rem;line-height:1.6}.markdown-card table{width:100%;border-collapse:collapse}.markdown-card th,.markdown-card td{border:1px solid var(--line);padding:.55rem .65rem}.workspace-footer{min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.78rem}.workspace-footer button{border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit}.study-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(116,217,159,.08),transparent 38%),linear-gradient(145deg,#090d13,#111722 54%,#15120f)}.study-topbar{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(255,255,255,.08)}.study-topbar>div:first-child{min-width:0}.study-topbar h1{margin:0;color:var(--strong);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}.study-actions,.completion-actions,.answer-actions,.score-row{display:flex;align-items:center;gap:.75rem}.study-actions{flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.study-stage{width:calc(100vw - 2rem);max-width:58rem;min-height:calc(100vh - 7.5rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;align-self:center;padding:clamp(1rem,3vw,2rem) 0 2rem}.progress-track{height:.45rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--gold));transition:width .18s ease}.study-meta{min-height:2.75rem;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.study-card{width:100%;min-height:34rem;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#161b22f0;box-shadow:0 1.5rem 4rem #00000059}.study-card.showing-back{border-color:#e3b34170}.study-card .markdown-card{background:transparent;font-size:clamp(1.05rem,1.7vw,1.25rem)}.card-side-label{margin:0;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;text-transform:uppercase}.primary-action,.secondary-action,.icon-action,.grade-action{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:7px;cursor:pointer;font-weight:750}.primary-action{border:1px solid var(--accent);background:var(--accent);color:#07111f}.secondary-action,.icon-action{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--strong)}.secondary-action{padding:0 1rem}.icon-action{width:2.75rem}.reveal-action{justify-self:center;width:100%;max-width:18rem;padding:0 1.5rem}.answer-actions{justify-content:center}.grade-action{width:12rem;max-width:45vw;border:1px solid transparent;padding:0 1.25rem}.grade-action.right,.score-pill.right{background:var(--success-soft);color:var(--success)}.grade-action.right{border-color:#74d99f80}.grade-action.wrong,.score-pill.wrong{background:var(--danger-soft);color:var(--danger)}.grade-action.wrong{border-color:#ff7b7280}.score-pill{min-width:4.25rem;min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font-weight:800}.score-row.large .score-pill{min-width:6rem;min-height:3rem;font-size:1.2rem}.complete-panel,.empty-study{place-items:center}.complete-panel{min-height:34rem;display:grid;align-content:center;justify-items:center;gap:1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#161b22f0}.complete-panel h2{margin:0;color:var(--strong);font-size:clamp(2rem,4vw,3.5rem);line-height:1}.empty-study{display:grid}.primary-action:hover,.secondary-action:hover,.icon-action:hover,.grade-action:hover{transform:translateY(-1px)}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.deck-sidebar{position:static;height:auto;max-width:100vw;overflow:hidden;border-right:0;border-bottom:1px solid var(--line)}.deck-list{width:100%;max-width:100%;grid-auto-flow:column;grid-auto-columns:minmax(12rem,16rem);overflow-x:auto;overflow-y:hidden}.card-grid{grid-template-columns:1fr}.editor-shell,.preview-shell{min-height:28rem}}@media(max-width:560px){.workspace-header{align-items:flex-start;flex-direction:column}.title-input{width:calc(100vw - 2.5rem)}.toolbar{width:100%}.toolbar button{flex:1}.study-strip{display:grid}.segmented-control{grid-auto-columns:1fr}.study-topbar{align-items:flex-start;flex-direction:column}.study-actions,.completion-actions{width:100%}.study-actions .secondary-action,.completion-actions .primary-action,.completion-actions .secondary-action{flex:1}.study-meta,.answer-actions{align-items:stretch;flex-direction:column}.grade-action{width:100%}}