:root{color-scheme:light dark;--bg: oklch(.972 .004 270);--surface: oklch(1 0 0);--surface-2: oklch(.948 .006 270);--surface-3: oklch(.912 .007 270);--text: oklch(.18 .006 270);--text-2: oklch(.48 .006 270);--text-3: oklch(.62 .006 270);--line: oklch(.855 .007 270);--accent: oklch(.55 .19 255);--accent-soft: oklch(.95 .035 255);--success: oklch(.53 .15 150);--success-soft: oklch(.95 .04 150);--warn: oklch(.59 .14 73);--warn-soft: oklch(.96 .045 82);--danger: oklch(.55 .18 28);--danger-soft: oklch(.96 .045 28);--shadow-sm: 0 1px 2px oklch(0 0 0 / .06);--shadow-md: 0 12px 28px oklch(0 0 0 / .1);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--pill: 999px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg: oklch(.185 .008 270);--surface: oklch(.23 .01 270);--surface-2: oklch(.285 .01 270);--surface-3: oklch(.335 .012 270);--text: oklch(.93 .005 270);--text-2: oklch(.72 .008 270);--text-3: oklch(.56 .01 270);--line: oklch(.35 .012 270);--accent: oklch(.67 .155 255);--accent-soft: oklch(.31 .06 255);--success: oklch(.68 .14 150);--success-soft: oklch(.3 .05 150);--warn: oklch(.76 .13 80);--warn-soft: oklch(.33 .05 82);--danger: oklch(.67 .17 25);--danger-soft: oklch(.31 .06 28);--shadow-sm: 0 1px 2px oklch(0 0 0 / .35);--shadow-md: 0 12px 28px oklch(0 0 0 / .45)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,var(--surface) 0,var(--bg) 170px);padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow-x:clip}.app-main{width:min(100%,720px);margin:0 auto}.screen{min-height:calc(100vh - 84px);padding:calc(18px + env(safe-area-inset-top)) 16px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.topbar-center{flex:1;text-align:center}.eyebrow,.panel-label{margin:0;color:var(--text-2);font-size:12px;font-weight:750;line-height:1.25}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:2px 0 0;color:var(--text);font-size:28px;line-height:1.08;letter-spacing:0}h2{margin:0;color:var(--text);font-size:18px;line-height:1.2;letter-spacing:0}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:var(--pill);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow-sm)}.icon-button svg,.bottom-tabs svg,.dark-action svg,.reader-search svg,.source-jump svg,.result-mark svg,.secondary-action svg{width:19px;height:19px;stroke-width:2.25}.secondary-action svg{width:16px;height:16px}.bottom-tabs{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,720px);min-height:calc(74px + env(safe-area-inset-bottom));padding:7px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-tabs button{display:grid;place-items:center;align-content:center;gap:4px;min-width:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-size:10px;font-weight:780}.bottom-tabs button.active{background:var(--accent-soft);color:var(--accent)}.hero-panel,.card,.question-card,.metric,.answer{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-sm)}.card{margin-top:13px;padding:15px;border-radius:var(--radius-lg)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.badge,.chip{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:var(--pill);font-size:11px;font-weight:780;white-space:nowrap}.chip{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.neutral{background:var(--surface-2);color:var(--text-2)}.primary-action,.secondary-action,.dark-action{min-height:46px;border-radius:var(--radius-md);font-weight:780;border:0;white-space:nowrap}.primary-action{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff59,0 10px 22px color-mix(in srgb,var(--accent) 26%,transparent)}.primary-action:disabled{opacity:.45;cursor:default;box-shadow:none}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;border:1px solid var(--line);background:var(--surface);color:var(--accent)}.secondary-action:disabled{opacity:.45;cursor:default}.dark-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--text);color:var(--bg)}.button-row{display:grid;grid-column:1 / -1;grid-template-columns:1fr auto;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.metric{min-height:76px;padding:11px;border-radius:var(--radius-md)}.metric span{display:block;color:var(--text-2);font-size:12px;font-weight:700}.metric strong{display:block;margin-top:8px;font-size:22px;line-height:1}.subject-list{display:grid;gap:12px}.subject-row{display:grid;grid-template-columns:1fr auto;gap:9px 10px;align-items:center}.subject-row strong,.subject-row span{display:block}.subject-row strong{font-size:14px}.subject-row div span{margin-top:2px;color:var(--text-2);font-size:12px;font-weight:680}.bar{grid-column:1 / -1;height:7px;border-radius:var(--pill);background:var(--surface-3);overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:13px;padding:4px;border-radius:var(--radius-md);background:var(--surface-3)}.segmented button{min-height:34px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:13px;font-weight:780}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.hero-panel{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:17px;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--surface),var(--accent-soft));box-shadow:var(--shadow-md)}.hero-number{margin:7px 0 0;font-size:38px;font-weight:820;line-height:1}.hero-number span{color:var(--text-2);font-size:15px;font-weight:760}.hero-note{margin:7px 0 0;color:var(--text-2);font-size:12px;font-weight:740}.ring{display:grid;place-items:center;align-content:center;width:74px;height:74px;border-radius:var(--pill);background:conic-gradient(var(--accent) 0 var(--value),var(--surface-3) var(--value) 100%);color:var(--text);font-weight:820;position:relative}.ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:var(--surface)}.ring span{position:relative;font-size:15px;line-height:1}.ring small{position:relative;margin-top:3px;color:var(--text-2);font-size:9px;font-weight:760;line-height:1}.subject-chips{display:flex;flex-wrap:wrap;gap:7px;margin:-3px 0 13px}.subject-chips button{min-height:34px;padding:5px 13px;border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:780}.subject-chips button.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent)}.pool-status{margin:0 2px 9px;color:var(--text-2);font-size:12.5px;font-weight:760}.question-card{padding:17px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-2);font-size:12px;font-weight:760;margin-bottom:13px}.question-text{margin:0;font-size:19px;font-weight:800;line-height:1.58}.question-hint{margin:11px 0 0;color:var(--text-3);font-size:12px;font-weight:720}.answer-list{display:grid;gap:9px;margin-top:13px}.answer{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;min-height:58px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text);text-align:left}.answer span{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--pill);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:850}.answer strong{font-size:14px;line-height:1.38}.answer.selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft)}.answer.selected span{background:var(--accent);color:#fff}.answer.correct{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:var(--success-soft)}.answer.correct span{background:var(--success);color:#fff}.answer.missed{border:1.5px dashed color-mix(in srgb,var(--success) 55%,var(--line));background:color-mix(in srgb,var(--success-soft) 45%,var(--surface))}.answer.missed span{background:var(--surface);border:1.5px solid var(--success);color:var(--success)}.answer.wrong{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger-soft)}.answer.wrong span{background:var(--danger);color:#fff}.answer.muted{opacity:.55}.answer-glyph{width:20px;height:20px;stroke-width:3}.answer-glyph.ok{color:var(--success)}.answer-glyph.ng{color:var(--danger)}.answer-flag{color:var(--success);border:1px solid color-mix(in srgb,var(--success) 45%,var(--line));border-radius:var(--pill);padding:3px 8px;background:var(--surface);font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}.quiz-reveal{width:100%;margin-top:13px}.quiz-reveal:disabled{opacity:.42;cursor:default}.explanation{padding-bottom:16px}.result-line{display:flex;align-items:center;gap:11px;margin-bottom:12px}.result-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--pill);color:#fff;flex:0 0 44px}.result-mark.ok{background:var(--success)}.result-mark.ng{background:var(--danger)}.result-mark.warn{background:var(--warn)}.explanation p{margin:0;color:var(--text);font-size:14px;line-height:1.72}.source-box{margin-top:12px;padding:12px;border-radius:var(--radius-md);background:var(--surface-2)}blockquote{margin:8px 0 0;padding-left:10px;border-left:3px solid var(--accent);color:var(--text-2);font-size:13px;line-height:1.62}.explanation .button-row{margin-top:14px}.quiz-complete{display:grid;gap:10px;justify-items:center;padding:28px 18px 18px;text-align:center}.quiz-complete h2{font-size:21px}.quiz-complete p{margin:0;color:var(--text-2);font-size:14px;line-height:1.6}.quiz-complete .button-row{width:100%;margin-top:10px}.book-screen{padding-left:0;padding-right:0;overflow-x:clip;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),var(--bg) 38%),var(--bg)}.book-screen .reader-topbar{width:calc(100% - 32px);max-width:760px;margin-left:auto;margin-right:auto;margin-bottom:12px;justify-content:flex-start}.reader-topbar-title h1{font-size:22px}.reader-access-bar{position:sticky;top:0;z-index:34;display:grid;gap:8px;margin-bottom:12px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--bg) 86%,transparent));-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 10px 22px #0000000e;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.reader-access-bar.is-hidden{transform:translateY(calc(-100% - 14px))}.reader-access-row,.reader-chapter-strip,.reader-search-row,.search-results{width:100%;max-width:760px;margin:0 auto}.reader-access-row{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center}.book-subject-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.book-subject-tabs button{min-width:0;min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--text-2);font-size:15px;font-weight:800}.book-subject-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.search-toggle{width:42px;height:42px;box-shadow:none;background:var(--surface-2);border-color:var(--line);color:var(--text-2)}.reader-chapter-strip{display:flex;gap:9px;padding:1px 0 3px;overflow-x:auto;scrollbar-width:none}.reader-chapter-strip::-webkit-scrollbar{display:none}.reader-chapter-strip button{flex:0 0 auto;min-height:38px;max-width:min(72vw,310px);padding:8px 13px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-2);box-shadow:var(--shadow-sm);font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.reader-chapter-strip button.active{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--accent-soft);color:var(--accent)}.reader-search-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.reader-search{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-3)}.reader-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-cancel{min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--accent);font-size:14px;font-weight:780}.search-results{display:grid;gap:2px;max-height:54vh;padding:2px 0 6px;overflow-y:auto}.search-results button{display:grid;gap:3px;padding:10px 12px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.search-results button:hover,.search-results button:active{background:var(--surface-2)}.search-results button span{font-size:14px;font-weight:800;line-height:1.3}.search-results button small{color:var(--text-3);font-size:11px;font-weight:720}.search-results button p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--text-2);font-size:12px;line-height:1.5}.search-empty{margin:0;padding:8px 12px;color:var(--text-3);font-size:12px;font-weight:720}.reader-scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2.5px;margin:0;max-width:none}.reader-scroll-progress span{display:block;width:0;height:100%;border-radius:0 var(--pill) var(--pill) 0;background:var(--accent)}.source-jump{display:grid;grid-template-columns:20px 1fr 18px;align-items:center;gap:8px;width:calc(100% - 32px);max-width:760px;min-height:42px;margin:0 auto 12px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:820;text-align:left}.reader-layout{display:block;width:calc(100% - 32px);max-width:760px;margin:0 auto}.reader-card{width:100%;max-width:43rem;margin:0 auto;padding:4px 16px 56px 2px;overflow-x:clip}.reader-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;max-width:100%}.reader-section{min-width:0;max-width:100%;padding:30px 0 8px;scroll-margin-top:calc(126px + env(safe-area-inset-top,0px))}.reader-section:first-child{padding-top:10px}.reader-section+.reader-section{border-top:1px solid var(--line)}.reader-section h3{margin:0 0 16px;color:var(--text);font-size:clamp(21px,5.6vw,27px);font-weight:820;line-height:1.34;letter-spacing:0}.reader-section.is-current h3{color:color-mix(in srgb,var(--text) 86%,var(--accent))}.reader-chapter-head{padding-top:46px}.reader-chapter-head:first-child{padding-top:14px}.chapter-kicker{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:820;letter-spacing:.05em}.reader-chapter-head h2{margin:0;font-size:clamp(26px,7.2vw,38px);font-weight:830;line-height:1.22}.reader-chapter-head h2:after{content:"";display:block;width:46px;height:4px;margin-top:14px;border-radius:var(--pill);background:var(--accent)}.reader-body p,.reader-body pre,.reader-body ul,.reader-body ol{margin:0;min-width:0;max-width:100%;color:var(--text);font-size:16.8px;font-weight:430;line-height:1.96;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.reader-body p{white-space:pre-wrap}.reader-body pre{padding:13px;border-radius:var(--radius-md);background:var(--surface-2);white-space:pre-wrap;overflow-x:auto}.reader-body ul{display:grid;gap:8px;padding:0;list-style:none}.reader-body ol{display:grid;gap:8px;margin:0;padding-left:1.6em;list-style:decimal}.reader-body ol li::marker{color:var(--accent);font-weight:780}.reader-body li{position:relative;padding-left:18px}.reader-body li:before{content:"";position:absolute;left:0;top:.78em;width:6px;height:6px;border-radius:var(--pill);background:var(--accent)}.reader-label{width:fit-content;margin:6px 0 -6px;padding:4px 10px;border-radius:var(--pill);font-size:12px;font-weight:850;letter-spacing:.06em}.point-label{background:var(--accent-soft);color:var(--accent)}.note-label{background:var(--surface-2);color:var(--text-2)}.reader-body .point-block,.reader-body .case-block,.reader-body .note-block,.reader-body .figure-block,.reader-body .highlight{padding:14px 15px;border-radius:var(--radius-md)}.reader-body .point-block,.reader-body .highlight{border-left:4px solid var(--accent);border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-right:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface))}.reader-body .case-block{border-left:4px solid var(--warn);border-top:1px solid color-mix(in srgb,var(--warn) 22%,var(--line));border-right:1px solid color-mix(in srgb,var(--warn) 22%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--warn) 22%,var(--line));background:color-mix(in srgb,var(--warn-soft) 70%,var(--surface))}.reader-body .note-block,.reader-body .figure-block{border:1px solid var(--line);background:var(--surface-2)}.reader-table-wrap{margin:4px 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-sm)}.reader-table-wrap.highlight{border-color:color-mix(in srgb,var(--accent) 46%,var(--line))}.reader-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.55}.reader-table th,.reader-table td{padding:11px 13px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);text-align:left;vertical-align:top}.reader-table th{background:var(--surface-2);color:var(--text-2);font-weight:820}.reader-table tr:last-child td{border-bottom:0}.reader-scrub-index{position:fixed;top:var(--rail-top, 120px);right:0;z-index:58;width:44px;height:calc(100svh - var(--rail-top, 120px) - 84px - env(safe-area-inset-bottom,0px));min-height:200px;touch-action:none;-webkit-user-select:none;user-select:none;--scrub-y: 50%;--scrub-page-y: 50svh}.reader-scrub-zone{position:absolute;top:0;right:0;bottom:0;left:0}.reader-scrub-number-rail{position:absolute;inset:4px 4px 4px auto;width:24px;border-radius:var(--pill);background:color-mix(in srgb,var(--text) 11%,transparent);opacity:.55;transition:opacity .13s ease,background .13s ease,width .13s ease}.reader-scrub-number-rail span{position:absolute;right:50%;width:24px;color:color-mix(in srgb,var(--text) 52%,transparent);font-size:9px;font-weight:860;line-height:1;text-align:center;transform:translate(50%,-50%) scale(.88);opacity:0;transition:opacity .1s ease,transform .1s ease,color .1s ease}.reader-scrub-number-rail span.active{color:#fff;transform:translate(50%,-50%) scale(1.18)}.reader-scrub-tracker{position:absolute;top:var(--scrub-y);right:4px;display:grid;place-items:center;width:35px;height:35px;border-radius:var(--pill);background:var(--accent);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 34%,transparent);font-size:13px;font-weight:900;opacity:0;transform:translateY(-50%) scale(.78);transition:opacity .12s ease,transform .12s ease}.reader-scrub-panel{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:calc(20px + env(safe-area-inset-top,0px)) 58px calc(96px + env(safe-area-inset-bottom,0px)) 20px;border:0;border-radius:0;background:radial-gradient(circle at 84% var(--scrub-page-y),color-mix(in srgb,var(--accent) 20%,transparent),transparent 170px),color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(30px) saturate(1.25);backdrop-filter:blur(30px) saturate(1.25);opacity:0;pointer-events:none;transform:none;transition:opacity .14s ease}.reader-scrub-index.is-open .reader-scrub-panel,.reader-scrub-index.is-scrubbing .reader-scrub-panel{opacity:1}.reader-scrub-index.is-open .reader-scrub-panel{pointer-events:auto}.reader-scrub-index.is-scrubbing .reader-scrub-panel{pointer-events:none}.reader-scrub-index.is-open .reader-scrub-number-rail,.reader-scrub-index.is-scrubbing .reader-scrub-number-rail{width:30px;background:color-mix(in srgb,var(--text) 18%,transparent);opacity:1}.reader-scrub-index.is-open .reader-scrub-number-rail span,.reader-scrub-index.is-scrubbing .reader-scrub-number-rail span{opacity:.72}.reader-scrub-index.is-open .reader-scrub-number-rail span.active,.reader-scrub-index.is-scrubbing .reader-scrub-number-rail span.active{opacity:1}@media(hover:hover)and (pointer:fine){.reader-scrub-index:hover .reader-scrub-panel{opacity:1}.reader-scrub-index:hover .reader-scrub-number-rail{width:30px;background:color-mix(in srgb,var(--text) 18%,transparent);opacity:1}.reader-scrub-index:hover .reader-scrub-number-rail span{opacity:.72}.reader-scrub-index:hover .reader-scrub-number-rail span.active{opacity:1}}.reader-scrub-index.is-scrubbing{width:52px}.reader-scrub-index.is-scrubbing .reader-scrub-tracker{opacity:1;transform:translateY(-50%) scale(1)}.reader-scrub-title{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:22px;right:68px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;color:var(--text-2);font-size:12px;font-weight:850;letter-spacing:.06em}.reader-scrub-list{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.reader-scrub-index.is-open:not(.is-scrubbing) .reader-scrub-list{pointer-events:auto}.reader-scrub-item{position:absolute;top:var(--scrub-page-y);right:62px;display:grid;gap:2px;width:min(332px,calc(100vw - 92px));min-height:50px;padding:9px 12px;border:0;border-radius:14px;background:transparent;color:var(--text-2);cursor:pointer;text-align:left;opacity:var(--scrub-item-opacity);transform:translateY(calc(-50% + var(--scrub-item-y))) translate(var(--scrub-item-shift)) scale(var(--scrub-item-scale));transform-origin:right center;transition:background 90ms ease,color 90ms ease,opacity 90ms ease,transform 90ms ease}.reader-scrub-item.active,.reader-scrub-item:hover,.reader-scrub-item:focus-visible{background:color-mix(in srgb,var(--accent-soft) 92%,var(--surface));color:var(--accent);outline:none;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 18%,transparent)}.reader-scrub-item span,.reader-scrub-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-scrub-item span{font-size:15px;font-weight:820;line-height:1.25}.reader-scrub-item small{color:var(--text-3);font-size:12px;font-weight:720;line-height:1.25}.reader-scrub-item.active small,.reader-scrub-item:hover small{color:color-mix(in srgb,var(--accent) 72%,var(--text-3))}@media(min-width:760px){.app-shell{padding-top:24px}.app-main{border:1px solid var(--line);border-radius:28px;background:var(--bg);box-shadow:var(--shadow-md);overflow:hidden}.reader-card{max-width:42rem;padding-top:0}.reader-section h3{font-size:24px}.reader-chapter-head h2{font-size:34px}.reader-scrub-index{right:calc((100vw - min(100vw,720px))/2)}}