@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--paper: #fffcf0;--base-50: #f2f0e5;--base-100: #e6e4d9;--base-150: #dad8ce;--base-300: #b7b5ac;--base-600: #6f6e69;--base-850: #403e3c;--blue-600: #205ea6;--green-600: #66800b;--green-700: #536907;--orange-600: #bc5215;--red-600: #af3029;--surface: rgba(255, 252, 240, .88);--shadow: 0 24px 60px rgba(64, 62, 60, .08);--radius-xl: 28px;--radius-lg: 18px;--radius-md: 14px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--base-850);font-family:Manrope,PingFang SC,Noto Sans SC,sans-serif;background:radial-gradient(circle at top left,rgba(255,214,102,.18),transparent 28%),radial-gradient(circle at top right,rgba(32,94,166,.16),transparent 24%),linear-gradient(180deg,#fffef8 0%,var(--paper) 100%);overflow-x:hidden}button,input,textarea,a{font:inherit}button{border:1px solid var(--base-150);border-radius:999px;background:#ffffffd1;color:var(--base-850);padding:.8rem 1rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover{transform:translateY(-1px);border-color:var(--base-300)}button.primary,.segmented .active{border-color:var(--blue-600);color:#fff;background:linear-gradient(135deg,#4385be 0%,var(--blue-600) 100%)}textarea{width:100%;min-height:200px;resize:vertical;border:1px solid var(--base-150);border-radius:var(--radius-lg);background:#ffffffe0;padding:1rem;line-height:1.6;color:var(--base-850)}.page{min-height:100vh;padding:20px 14px 40px}.page-practice{height:100dvh;overflow:hidden;padding:10px}.shell{width:min(760px,100%);margin:0 auto;display:grid;gap:16px}.page-practice .shell{height:100%;grid-template-rows:auto auto 1fr;gap:10px}.page-focus .shell{grid-template-rows:auto 1fr;gap:8px}.topbar,.hero,.controls,.practice-card,.overview-card,.empty-state,.focus-bar{border:1px solid rgba(183,181,172,.55);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.topbar,.hero,.controls,.practice-card,.empty-state,.focus-bar{border-radius:var(--radius-xl)}.topbar,.hero,.controls,.practice-card,.empty-state,.overview-card,.focus-bar{padding:16px}.topbar{display:flex;justify-content:space-between;gap:12px}.focus-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.page-practice .topbar,.page-practice .controls,.page-practice .practice-card{padding:12px}.meta-block{display:grid;gap:4px}.meta-inline{display:flex;align-items:center;gap:8px;justify-content:flex-end}.micro-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#205ea61a;color:var(--blue-600);font-size:.84rem;font-weight:700}.meta-label,.hint-line,.eyebrow{color:var(--base-600);font-size:.92rem}.strict-note,.compare-note{margin:0;color:var(--orange-600);font-size:.94rem;line-height:1.55}.vault-link{color:var(--blue-600);text-decoration:none;font-weight:700}.hero{display:grid;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{padding:14px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff0,#f2f0e5cc);border:1px solid rgba(183,181,172,.5);display:grid;gap:6px}.stat-value{font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--base-600);font-size:.94rem}.progress-track{width:100%;height:14px;background:var(--base-100);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7bb2df 0%,var(--blue-600) 65%,#163b66 100%);transition:width .18s ease}.controls{display:grid;gap:12px}.page-practice .controls{gap:8px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.utility-row,.cta-row,.nav-row,.review-row,.practice-head,.overview-head,.arcade-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--base-600)}.toggle input{width:18px;height:18px}.practice-card{display:grid;gap:18px}.page-practice .practice-card{grid-template-rows:auto auto auto 1fr auto;min-height:0;gap:12px;overflow:hidden}.page-focus .practice-card{grid-template-rows:auto 1fr auto auto;gap:10px;padding:10px}.arcade-strip{justify-content:flex-start;gap:8px}.arcade-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#66800b1a;color:var(--green-700);font-size:.84rem;font-weight:800}.arcade-reset{margin-left:auto}.content-block{display:grid;gap:10px}.page-practice .content-block{gap:6px}.problem-title-bar{display:grid;gap:4px;padding:2px 2px 0}.problem-title-label{color:var(--base-600);font-size:.82rem;font-weight:700;letter-spacing:.04em}.problem-title{margin:0;font-size:clamp(1.05rem,2.8vw,1.3rem);line-height:1.2;font-weight:800}.page-practice .problem-title{font-size:clamp(1rem,2.6vw,1.18rem)}.flashcard-surface{width:100%;min-height:0;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:10px;align-items:start;text-align:left;border-radius:24px;border:1px solid rgba(183,181,172,.55);background:radial-gradient(circle at top right,rgba(32,94,166,.1),transparent 24%),linear-gradient(180deg,#fffffff5,#f2f0e5e6);padding:16px;overflow:auto}.page-focus .flashcard-surface{padding:18px;gap:12px}.flashcard-surface.revealed{background:radial-gradient(circle at top right,rgba(102,128,11,.12),transparent 24%),linear-gradient(180deg,#fcfcf6fa,#f2f0e5f0)}.flashcard-face,.flashcard-sub{color:var(--base-600)}.flashcard-face{font-size:.9rem;font-weight:700}.flashcard-main{white-space:pre-wrap;line-height:1.45;font-size:clamp(1.2rem,3.6vw,1.62rem);font-weight:800;letter-spacing:-.02em}.page-focus .flashcard-main{font-size:clamp(1.25rem,3.5vw,1.8rem);line-height:1.38}.flashcard-surface.revealed .flashcard-main{font-family:Iosevka SS03,SFMono-Regular,Consolas,monospace;font-size:1rem;line-height:1.55;font-weight:600;letter-spacing:0}.page-focus .flashcard-surface.revealed .flashcard-main{font-size:clamp(.96rem,2vw,1.1rem)}.flashcard-sub{font-size:.92rem;line-height:1.5}.index-pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:.9rem}.index-pill{background:#205ea61f;color:var(--blue-600);font-weight:700}.status-pill{border:1px solid transparent;font-weight:700}.status-new{background:#6f6e691f;color:var(--base-600)}.status-fuzzy{background:#bc52151f;color:var(--orange-600)}.status-known{background:#66800b1f;color:var(--green-700)}.status-mastered{background:#205ea61f;color:var(--blue-600)}.prompt-main{margin:0;font-size:clamp(1.2rem,3.8vw,1.7rem);line-height:1.35;font-weight:800;letter-spacing:-.02em}.page-practice .prompt-main{font-size:clamp(1.12rem,3.2vw,1.5rem);line-height:1.28}.answer-panel{display:grid;gap:14px;border-radius:var(--radius-lg);background:#ffffffc7;border:1px solid rgba(183,181,172,.5);padding:14px}.page-practice .answer-panel{min-height:0;overflow:auto;gap:10px;padding:12px}.answer-text,.prompt-text{margin:0;white-space:pre-wrap;line-height:1.65}.answer-text{font-family:Iosevka SS03,SFMono-Regular,Consolas,monospace;font-size:.98rem}.page-practice .answer-text{font-size:.92rem;line-height:1.55}.writer{min-height:120px}.page-practice .writer{min-height:112px;max-height:20dvh}.score-box{display:inline-flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:14px;background:#205ea614;color:var(--blue-600)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card,.missing-block{border-radius:var(--radius-md);border:1px solid rgba(183,181,172,.5);background:#ffffffb8;padding:12px}.metric-card{display:grid;gap:6px}.metric-label{color:var(--base-600);font-size:.9rem}.missing-list{margin:8px 0 0;padding-left:1.2rem;line-height:1.6}.ghost-button{padding-inline:.9rem}.flash-cta-row,.flash-review-row{grid-template-columns:repeat(3,minmax(0,1fr))}.flash-review-row{display:grid;grid-template-columns:1fr 1.4fr}.page-focus .flash-cta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.page-focus .flash-review-row{display:grid;grid-template-columns:1fr 1.2fr}.overview{display:grid;gap:12px}.overview-card{border-radius:var(--radius-lg)}.empty-state{display:grid;gap:12px;text-align:center}@media(max-width:640px){.page{padding:12px 10px 28px}.page-practice,.page-focus{padding:8px}.topbar{flex-direction:column}.page-practice .topbar{gap:8px}.focus-bar{align-items:stretch}.meta-inline{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented{grid-template-columns:1fr 1fr 1fr}.metrics-grid{grid-template-columns:1fr}.utility-row,.cta-row,.nav-row,.review-row{display:grid;grid-template-columns:1fr 1fr}.utility-row .toggle{grid-column:1 / -1}.page-practice .cta-row,.page-practice .review-row{grid-template-columns:1fr 1fr}.page-practice .flash-cta-row{grid-template-columns:1fr 1fr 1fr}.page-practice .flash-review-row,.page-focus .flash-cta-row,.page-focus .flash-review-row{grid-template-columns:1fr 1fr}.page-practice .cta-row button,.page-practice .review-row button,.page-practice .nav-row button{min-height:46px;padding:.7rem .85rem}.arcade-strip{display:grid;grid-template-columns:1fr 1fr}.arcade-reset{margin-left:0;grid-column:1 / -1}.nav-row button:last-child,.cta-row .primary{grid-column:1 / -1}.page-practice .flash-cta-row .primary,.page-practice .flash-review-row .primary{grid-column:auto}.page-focus .flash-cta-row button:last-child,.page-focus .flash-review-row .primary{grid-column:1 / -1}.page-practice .nav-row{display:none}}