:root{color-scheme:light;--font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, system-ui, sans-serif;--font-serif: "Iowan Old Style", "Charter", "Georgia", "Cambria", serif;--font-mono: "Cascadia Code", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--lh-tight: 1.25;--lh-body: 1.55;--lh-read: 1.7;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--bg: #F7F6F3;--bg-sunken: #EFEDE8;--surface: #FFFFFF;--surface-2: #FBFAF8;--surface-hover: #F3F2EE;--border: #E6E3DC;--border-strong: #D3CFC6;--text: #1B1A17;--text-2: #57534B;--text-3: #8A857A;--text-on-accent: #FFFFFF;--accent: #4D57C8;--accent-hover: #3F48B0;--accent-soft: #ECEDFA;--accent-text: #3B44A6;--focus: #6C76E0;--ok: #1F7A55;--ok-soft: #E5F3EC;--bad: #B4372F;--bad-soft: #FBEAE8;--warn: #9A6200;--warn-soft: #FBF1DE;--info: #2C6CB0;--info-soft: #E6F0FA;--book-kumar: #3E6FA8;--book-kumar-soft: #E8EFF8;--book-lawrence: #2F8F7A;--book-lawrence-soft: #E4F3EF;--book-sinopsis: #9A6B3F;--book-sinopsis-soft: #F6EEE5;--again: #B4372F;--hard: #9A6200;--good: #1F7A55;--easy: #2C6CB0;--shadow-1: 0 1px 2px rgba(27, 26, 23, .05), 0 1px 1px rgba(27, 26, 23, .03);--shadow-2: 0 6px 20px -8px rgba(27, 26, 23, .18), 0 2px 6px rgba(27, 26, 23, .05);--shadow-3: 0 24px 60px -20px rgba(27, 26, 23, .35);--ease: cubic-bezier(.2, .7, .2, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--sidebar-w: 248px;--topbar-h: 56px;--bottombar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #121211;--bg-sunken: #0C0C0B;--surface: #1A1A18;--surface-2: #1F1F1C;--surface-hover: #252522;--border: #2D2C29;--border-strong: #3D3B37;--text: #EDEBE6;--text-2: #B3AEA4;--text-3: #7F7A70;--accent: #8C94F0;--accent-hover: #A3AAF5;--accent-soft: #23253D;--accent-text: #AEB4F7;--text-on-accent: #10112A;--focus: #A3AAF5;--ok: #5BC495;--ok-soft: #16271F;--bad: #EE7D73;--bad-soft: #2E1816;--warn: #E2B25A;--warn-soft: #2B2213;--info: #78AEEA;--info-soft: #16222F;--book-kumar: #7FA6D8;--book-kumar-soft: #182230;--book-lawrence: #67C2AD;--book-lawrence-soft: #14261F;--book-sinopsis: #D2A375;--book-sinopsis-soft: #2A2016;--again: #EE7D73;--hard: #E2B25A;--good: #5BC495;--easy: #78AEEA;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .8)}}:root[data-theme=dark]{color-scheme:dark;--bg: #121211;--bg-sunken: #0C0C0B;--surface: #1A1A18;--surface-2: #1F1F1C;--surface-hover: #252522;--border: #2D2C29;--border-strong: #3D3B37;--text: #EDEBE6;--text-2: #B3AEA4;--text-3: #7F7A70;--accent: #8C94F0;--accent-hover: #A3AAF5;--accent-soft: #23253D;--accent-text: #AEB4F7;--text-on-accent: #10112A;--focus: #A3AAF5;--ok: #5BC495;--ok-soft: #16271F;--bad: #EE7D73;--bad-soft: #2E1816;--warn: #E2B25A;--warn-soft: #2B2213;--info: #78AEEA;--info-soft: #16222F;--book-kumar: #7FA6D8;--book-kumar-soft: #182230;--book-lawrence: #67C2AD;--book-lawrence-soft: #14261F;--book-sinopsis: #D2A375;--book-sinopsis-soft: #2A2016;--again: #EE7D73;--hard: #E2B25A;--good: #5BC495;--easy: #78AEEA;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .8)}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;height:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","tnum" 0;overscroll-behavior-y:none}#app{min-height:100%}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);letter-spacing:-.012em;font-weight:650}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.row{display:flex;align-items:center;gap:var(--s-2)}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.stack.lg{gap:var(--s-6)}.grow{flex:1 1 auto;min-width:0}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}hr{border:0;border-top:1px solid var(--border);margin:var(--s-4) 0}.shell{display:flex;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;width:var(--sidebar-w);flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;gap:var(--s-1);padding:calc(var(--s-4) + var(--safe-top)) var(--s-3) var(--s-4);border-right:1px solid var(--border);background:var(--surface-2)}.brand{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3) var(--s-4);font-weight:700;letter-spacing:-.02em;font-size:var(--fs-lg)}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:var(--text-on-accent)}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:9px var(--s-3);border-radius:var(--r-sm);color:var(--text-2);font-weight:520;border:0;background:none;width:100%;text-align:left;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-item:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.nav-item .kbd{margin-left:auto}.nav-section{margin-top:var(--s-4);padding:0 var(--s-3) var(--s-1);font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-2)}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) var(--s-6) 0;display:flex;align-items:center;gap:var(--s-3);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent}.topbar.scrolled{border-bottom-color:var(--border)}.topbar h1{font-size:var(--fs-lg)}.content{width:100%;max-width:1180px;margin:0 auto;padding:var(--s-6) var(--s-6) var(--s-12)}.content.wide{max-width:none}.content.narrow{max-width:760px}.bottombar{display:none}@media (max-width: 1100px) and (min-width: 768px){.sidebar{width:76px;flex-basis:76px;padding-inline:var(--s-2);align-items:center}.brand>span:not(.brand-mark),.nav-item span,.nav-section,.sidebar-foot .hide-rail,.nav-item .kbd{display:none}.nav-item{justify-content:center;padding:10px;flex-direction:column;gap:2px}.nav-item small{display:block;font-size:10px;line-height:1.1}}.nav-item small{display:none}@media (max-width: 767px){.sidebar{display:none}.topbar{padding-inline:var(--s-4)}.content{padding:var(--s-4) var(--s-4) calc(var(--bottombar-h) + var(--safe-bottom) + var(--s-6))}.bottombar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--bottombar-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottombar button,.bottombar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--text-3);font-size:11px;font-weight:560;min-height:48px}.bottombar [aria-current=page]{color:var(--accent-text)}.hide-mobile{display:none!important}}@media (min-width: 768px){.only-mobile{display:none!important}}.kb-open .bottombar{display:none}.offline-banner{display:flex;align-items:center;gap:var(--s-2);justify-content:center;font-size:var(--fs-sm);padding:6px var(--s-4);background:var(--warn-soft);color:var(--warn);border-bottom:1px solid color-mix(in srgb,var(--warn) 20%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:580;font-size:var(--fs-md);white-space:nowrap;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);-webkit-tap-highlight-color:transparent;user-select:none}.btn:hover{background:var(--surface-hover);text-decoration:none}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:0 1px #ffffff1f inset,var(--shadow-1)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-hover);color:var(--text)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--border))}.btn.danger.solid{background:var(--bad);color:#fff;border-color:var(--bad)}.btn.lg{min-height:52px;padding:0 var(--s-6);font-size:var(--fs-lg);border-radius:var(--r-md)}.btn.sm{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-sm)}.btn.block{width:100%}.btn.icon{width:40px;padding:0}.btn.sm.icon{width:32px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;font-size:11px;font-family:var(--font-mono);color:var(--text-3);background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card.pad{padding:var(--s-5)}.card.flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border)}.card-body{padding:var(--s-5)}.grid{display:grid;gap:var(--s-4)}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid.c2,.grid.c3{grid-template-columns:minmax(0,1fr)}}.stat{display:flex;flex-direction:column;gap:2px;padding:var(--s-4) var(--s-5)}.stat .label{font-size:var(--fs-sm);color:var(--text-2)}.stat .value{font-size:var(--fs-2xl);font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .hint{font-size:var(--fs-xs);color:var(--text-3)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;background:var(--bg-sunken);color:var(--text-2);white-space:nowrap}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.accent{background:var(--accent-soft);color:var(--accent-text)}.chip.kumar{background:var(--book-kumar-soft);color:var(--book-kumar)}.chip.lawrence{background:var(--book-lawrence-soft);color:var(--book-lawrence)}.chip.sinopsis{background:var(--book-sinopsis-soft);color:var(--book-sinopsis)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:16px;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.textarea{min-height:120px;resize:vertical;line-height:var(--lh-body)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}.field .err{color:var(--bad);font-size:var(--fs-sm)}.check{display:flex;align-items:center;gap:var(--s-2);min-height:40px}.check input{width:18px;height:18px;accent-color:var(--accent)}.segmented{display:inline-flex;padding:3px;border-radius:var(--r-md);background:var(--bg-sunken);gap:2px;flex-wrap:wrap}.segmented button{border:0;background:transparent;padding:7px 12px;border-radius:9px;font-weight:580;font-size:var(--fs-sm);color:var(--text-2);min-height:34px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);min-height:56px}.list-item:first-child{border-top:0}button.list-item,a.list-item{background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;color:inherit}button.list-item:hover,a.list-item:hover{background:var(--surface-hover);text-decoration:none}.progress{height:6px;border-radius:var(--r-full);background:var(--bg-sunken);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-3) var(--ease)}.progress.ok>span{background:var(--ok)}.ring{--p: 0;width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--bg-sunken) 0);display:grid;place-items:center}.ring:after{content:attr(data-label);width:44px;height:44px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}.q-stem{font-size:var(--fs-lg);line-height:1.5;font-weight:560}.options{display:flex;flex-direction:column;gap:var(--s-2)}.option{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:var(--s-3);width:100%;text-align:left;padding:12px 14px;min-height:56px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--fs-md);line-height:1.45;transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.option:hover{border-color:var(--border-strong)}.option .letter{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:720;font-size:var(--fs-sm);background:var(--bg-sunken);color:var(--text-2);transition:inherit}.option.multi .letter{border-radius:9px}.option.single .letter{border-radius:50%}.option[aria-pressed=true],.option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.option[aria-pressed=true] .letter,.option[aria-checked=true] .letter{background:var(--accent);color:var(--text-on-accent)}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.correct .letter{background:var(--ok);color:#fff}.option.wrong{border-color:var(--bad);background:var(--bad-soft)}.option.wrong .letter{background:var(--bad);color:#fff}.option.missed{border-style:dashed;border-color:var(--ok)}.option[disabled]{cursor:default}.option .verdict{font-size:var(--fs-xs);font-weight:650;padding-top:6px}.justif{margin:6px 0 0 48px;font-size:var(--fs-sm);color:var(--text-2);line-height:1.5}.sticky-action{position:sticky;bottom:0;z-index:10;margin:var(--s-4) calc(-1 * var(--s-4)) 0;padding:var(--s-3) var(--s-4) calc(var(--s-3) + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent);display:flex;gap:var(--s-2)}@media (max-width: 767px){.sticky-action{bottom:calc(var(--bottombar-h) + var(--safe-bottom));padding-bottom:var(--s-3)}.focus-mode .sticky-action{bottom:0;padding-bottom:calc(var(--s-3) + var(--safe-bottom))}}.flash-stage{perspective:1400px}.flash{position:relative;min-height:min(56vh,460px);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);display:flex;flex-direction:column;padding:var(--s-8) var(--s-6);transform-style:preserve-3d;transition:transform var(--dur-3) var(--ease)}.flash.flipped{transform:rotateY(0);animation:flipIn var(--dur-3) var(--ease)}@keyframes flipIn{0%{transform:rotateY(-8deg) scale(.985);opacity:.6}to{transform:none;opacity:1}}.flash .front{font-size:var(--fs-xl);line-height:1.45;font-weight:600}.flash .back{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px dashed var(--border-strong);font-size:var(--fs-lg);line-height:1.6}.rate{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.rate button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:60px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);font-weight:650}.rate button small{font-weight:500;color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.rate .again{color:var(--again)}.rate .hard{color:var(--hard)}.rate .good{color:var(--good)}.rate .easy{color:var(--easy)}.rate button:hover{background:var(--surface-hover)}.scrim{position:fixed;inset:0;z-index:60;background:#0f0e0c61;animation:fade var(--dur-2) var(--ease)}.sheet{position:fixed;z-index:61;left:0;right:0;bottom:0;max-height:88dvh;overflow:auto;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-3);padding:var(--s-2) var(--s-5) calc(var(--s-6) + var(--safe-bottom));animation:up var(--dur-3) var(--ease)}.sheet .grabber{width:40px;height:4px;border-radius:4px;background:var(--border-strong);margin:6px auto var(--s-3)}@media (min-width: 768px){.sheet{left:auto;top:0;bottom:0;width:min(480px,92vw);max-height:none;border-radius:var(--r-xl) 0 0 var(--r-xl);padding:var(--s-6);animation:left var(--dur-3) var(--ease)}.sheet .grabber{display:none}}.dialog{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);padding:var(--s-6);animation:pop var(--dur-2) var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(24px);opacity:0}}@keyframes left{0%{transform:translate(24px);opacity:0}}@keyframes pop{0%{transform:translate(-50%,-48%) scale(.98);opacity:0}}.toasts{position:fixed;z-index:80;left:50%;transform:translate(-50%);bottom:calc(var(--s-6) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--s-2);width:min(420px,calc(100vw - 32px));pointer-events:none}@media (max-width: 767px){.toasts{bottom:calc(var(--bottombar-h) + var(--safe-bottom) + var(--s-3))}}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--s-3);padding:12px 14px;border-radius:var(--r-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-3);font-size:var(--fs-sm);animation:up var(--dur-2) var(--ease)}.toast.bad{background:var(--bad);color:#fff}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-10) var(--s-6);color:var(--text-2)}.empty .icon-wrap{width:52px;height:52px;border-radius:16px;background:var(--bg-sunken);display:grid;place-items:center;color:var(--text-3)}.skeleton{background:linear-gradient(90deg,var(--bg-sunken),var(--surface-hover),var(--bg-sunken));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.callout{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--info-soft);color:var(--text);font-size:var(--fs-sm);line-height:1.5}.callout.warn{background:var(--warn-soft)}.callout.bad{background:var(--bad-soft)}.callout.ok{background:var(--ok-soft)}.callout svg{flex:none;margin-top:2px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-weight:600;color:var(--text-2);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--surface)}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:hover td{background:var(--surface-2)}.source{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-2)}.hero{padding:var(--s-6);border-radius:var(--r-xl);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 16%,var(--surface)) 0%,var(--surface) 55%);border:1px solid var(--border);box-shadow:var(--shadow-1)}.hero h1{font-size:var(--fs-3xl);letter-spacing:-.025em}@media (max-width: 767px){.hero{padding:var(--s-5)}.hero h1{font-size:var(--fs-2xl)}}.task{display:grid;grid-template-columns:36px 1fr auto;gap:var(--s-3);align-items:start;padding:var(--s-3) 0;border-top:1px solid var(--border)}.task:first-child{border-top:0}.task .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg-sunken);color:var(--text-2)}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:var(--s-6) var(--s-4) calc(var(--s-6) + var(--safe-bottom));background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 10%,var(--bg)),var(--bg))}.auth-card{width:min(420px,100%)}.reader{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}@media (min-width: 1024px){.reader.split{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}}.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--bg-sunken);border-radius:var(--r-lg);min-height:60vh}.pdf-pages canvas{max-width:100%;height:auto;background:#fff;box-shadow:var(--shadow-2);border-radius:4px}.reading-text{font-family:var(--font-serif);font-size:1.0625rem;line-height:var(--lh-read);white-space:pre-wrap}.mark-errata{background:var(--warn-soft);border-bottom:2px solid var(--warn)}.icon-box{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg-sunken);color:var(--text-2)}.icon-box.accent{background:var(--accent-soft);color:var(--accent-text)}.qnav{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}.qnav button{height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-size:var(--fs-xs);font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-2)}.qnav button.answered{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.qnav button.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.qnav button.ko{background:var(--bad-soft);color:var(--bad);border-color:transparent}.qnav button.partial{background:var(--warn-soft);color:var(--warn);border-color:transparent}.qnav button[aria-current=true]{outline:2px solid var(--accent);outline-offset:1px}.timer{font-variant-numeric:tabular-nums;font-weight:650}.timer.low{color:var(--bad)}.bars{display:flex;align-items:flex-end;gap:4px;height:120px}.bars>div{flex:1;min-width:6px;border-radius:4px 4px 0 0;background:var(--accent);opacity:.85;position:relative}.bars>div:hover{opacity:1}.stack-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--bg-sunken)}.stack-bar>span{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:var(--s-3);font-size:var(--fs-xs);color:var(--text-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.section-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);color:inherit;text-decoration:none}.section-row:hover{background:var(--surface-2);text-decoration:none}.section-row .code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.status-dot.reading{background:var(--info)}.status-dot.read{background:var(--ok)}.steps{display:flex;gap:var(--s-2);flex-wrap:wrap}.steps span{font-size:var(--fs-xs);font-weight:600;padding:4px 10px;border-radius:var(--r-full);background:var(--bg-sunken);color:var(--text-3)}.steps span.on{background:var(--accent-soft);color:var(--accent-text)}.steps span.done{background:var(--ok-soft);color:var(--ok)}.note-item{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);white-space:pre-wrap;font-size:var(--fs-sm)}.errata-item{padding:var(--s-3);border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-sm)}.pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--bg-sunken);padding:var(--s-3);border-radius:var(--r-sm);max-height:320px;overflow:auto}@media (max-width: 767px){.section-row{grid-template-columns:40px minmax(0,1fr) auto;padding:var(--s-3) var(--s-4)}}