:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-container:#eaddff;--md-secondary-container:#4a4458;--md-on-secondary-container:#e8def8;--md-surface:#141218;--md-surface-container-low:#1d1b20;--md-surface-container:#211f26;--md-surface-container-high:#2b2930;--md-surface-container-highest:#36343b;--md-on-surface:#e6e0e9;--md-on-surface-variant:#cac4d0;--md-outline:#938f99;--md-outline-variant:#49454f;--md-shadow:#00000075;--shape-xs:8px;--shape-sm:12px;--shape-md:16px;--shape-lg:24px;--shape-xl:28px;--touch:48px;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}html{background:var(--md-surface)}body{min-height:100dvh;color:var(--md-on-surface);background:radial-gradient(circle at 50% -20%, #d0bcff14, transparent 34rem), var(--md-surface);margin:0}body.settings-sheet-open{overflow:hidden}button,input{font:inherit}button,summary,.file-button,.navigator-paragraph{-webkit-tap-highlight-color:transparent}button{min-height:var(--touch);color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,input:focus-visible,summary:focus-visible,.file-button:focus-within,.navigator-paragraph:focus-visible{outline:3px solid color-mix(in srgb, var(--md-primary) 72%, transparent);outline-offset:2px}.app-shell{width:min(1440px,100%);min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""reader""transport""quick""status""settings""navigator""debug";gap:10px;margin:0 auto;display:grid}.topbar{z-index:20;min-height:60px;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));background:color-mix(in srgb, var(--md-surface) 94%, transparent);border-bottom:1px solid var(--md-outline-variant);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-area:topbar;justify-content:space-between;align-items:center;gap:10px;margin:-8px -8px 0;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:36px;height:36px;color:var(--md-on-primary-container);background:var(--md-primary-container);border-radius:12px;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid}.brand{letter-spacing:.08em;font-size:16px;font-weight:750;line-height:1.15}.subtle,.settings-note{color:var(--md-on-surface-variant);font-size:11px}.subtle{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;margin-top:2px;overflow:hidden}.topbar-actions{flex:none;align-items:center;gap:6px;display:flex}.icon-button{width:44px;min-height:44px;color:var(--md-on-surface-variant);background:0 0;border-radius:50%;place-items:center;padding:0;font-size:20px;display:grid}.icon-button:hover,.icon-button:active{background:#cac4d017}.file-button{min-height:44px;color:var(--md-on-secondary-container);background:var(--md-secondary-container);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:22px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.file-button:active{transform:scale(.98)}.file-button-icon{font-size:20px;line-height:1}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-scrim{display:none}.settings-panel,.text-navigator,.debug-panel{border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);background:var(--md-surface-container-low);overflow:clip;box-shadow:0 1px 2px #00000024}.settings-panel{grid-area:settings}.text-navigator{grid-area:navigator}.debug-panel{grid-area:debug}.settings-panel>summary,.text-navigator>summary{min-height:56px;color:var(--md-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:0 52px 0 18px;font-size:15px;font-weight:650;list-style:none;display:flex;position:relative}.settings-panel>summary::-webkit-details-marker{display:none}.text-navigator>summary::-webkit-details-marker{display:none}.setting-subpanel>summary::-webkit-details-marker{display:none}.settings-panel>summary:after,.text-navigator>summary:after,.setting-subpanel>summary:after{content:"⌄";color:var(--md-on-surface-variant);font-size:21px;transition:transform .16s;position:absolute;top:50%;right:18px;transform:translateY(-52%)}.settings-panel[open]>summary:after,.text-navigator[open]>summary:after,.setting-subpanel[open]>summary:after{transform:translateY(-42%)rotate(180deg)}.settings-panel[open]>summary,.text-navigator[open]>summary{border-bottom:1px solid var(--md-outline-variant)}.settings-summary-hint{color:var(--md-on-surface-variant);font-size:11px;font-weight:500}.setting-group{border-bottom:1px solid var(--md-outline-variant);gap:14px;padding:16px 16px 18px;display:grid}.setting-group-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.setting-group-title strong{color:var(--md-on-surface);font-size:14px}.setting-group-title span{color:var(--md-on-surface-variant);text-align:right;font-size:11px}.setting-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.slider-field{min-width:0;color:var(--md-on-surface);gap:4px;display:grid}.slider-label-row{min-width:0;color:var(--md-on-surface-variant);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.slider-label-row output{min-width:max-content;color:var(--md-on-primary-container);background:color-mix(in srgb, var(--md-primary-container) 78%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750}.md-slider{--slider-progress:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0;padding:0}.md-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--md-primary) 0 var(--slider-progress), var(--md-surface-container-highest) var(--slider-progress) 100%);border-radius:999px;height:8px}.md-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--md-primary);background:var(--md-primary);width:24px;height:24px;box-shadow:0 1px 3px var(--md-shadow);border-radius:50%;margin-top:-8px}.md-slider:active::-webkit-slider-thumb{box-shadow:0 0 0 10px #d0bcff24, 0 1px 3px var(--md-shadow)}.md-slider::-moz-range-track{background:var(--md-surface-container-highest);border-radius:999px;height:8px}.md-slider::-moz-range-progress{background:var(--md-primary);border-radius:999px;height:8px}.md-slider::-moz-range-thumb{border:2px solid var(--md-primary);background:var(--md-primary);width:24px;height:24px;box-shadow:0 1px 3px var(--md-shadow);border-radius:50%}.switch-row{min-height:52px;color:var(--md-on-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.switch-row>span{gap:2px;min-width:0;display:grid}.switch-row strong{font-size:13px;font-weight:600}.switch-row small{color:var(--md-on-surface-variant);font-size:11px;line-height:1.4}.switch-row input[type=checkbox]{appearance:none;border:2px solid var(--md-outline);background:var(--md-surface-container-highest);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background-color .16s,border-color .16s;position:relative}.switch-row input[type=checkbox]:after{content:"";background:var(--md-outline);border-radius:50%;width:16px;height:16px;transition:transform .16s,background-color .16s;position:absolute;top:6px;left:6px}.switch-row input[type=checkbox]:checked{border-color:var(--md-primary);background:var(--md-primary)}.switch-row input[type=checkbox]:checked:after{background:var(--md-on-primary);transform:translate(20px)}.setting-subpanel{border-bottom:1px solid var(--md-outline-variant)}.setting-subpanel>summary{min-height:52px;color:var(--md-on-surface);cursor:pointer;align-items:center;padding:0 48px 0 18px;font-size:13px;font-weight:650;list-style:none;display:flex;position:relative}.setting-subpanel-body{gap:14px;padding:0 16px 18px;display:grid}.timing-slider-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.slider-field.compact .slider-label-row{font-size:12px}.reader-stage{--reader-font-size:48px;--text-start:12%;--focus-offset:2.5em;--guide-length:18px;--guide-gap:12px;--guide-thickness:2px;border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);background:radial-gradient(circle at 50% 50%, #d0bcff08, transparent 55%), var(--md-surface-container-low);width:100%;min-height:clamp(220px,34dvh,340px);font-size:var(--reader-font-size);grid-area:reader;position:relative;overflow:hidden}.chunk{left:var(--text-start);width:calc(100% - var(--text-start) - 2%);min-width:0;color:var(--md-on-surface);font-size:inherit;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:450;line-height:1.2;position:absolute;top:50%;overflow:visible;transform:translateY(-50%)}.guide-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.guide-layer.guide-hidden{display:none}.focus-guide{left:calc(var(--text-start) + var(--focus-offset));width:var(--guide-thickness);height:var(--guide-length);background:var(--md-primary);opacity:.92;border-radius:999px;position:absolute;transform:translate(-50%)}.focus-guide-top{bottom:calc(50% + (var(--reader-font-size) * .66) + var(--guide-gap))}.focus-guide-bottom{top:calc(50% + (var(--reader-font-size) * .66) + var(--guide-gap))}.transport{border:1px solid var(--md-outline-variant);border-radius:var(--shape-xl);background:var(--md-surface-container-high);grid-area:transport;grid-template-columns:repeat(3,64px);justify-self:center;gap:4px;width:fit-content;max-width:calc(100vw - 24px);padding:4px;display:grid;box-shadow:0 2px 8px #00000038}.transport button{min-height:52px;color:var(--md-on-secondary-container);background:0 0;border-radius:22px;font-size:21px;font-weight:650}.transport button:active{transform:scale(.94)}.transport .primary{color:var(--md-on-primary);background:var(--md-primary)}.quick-controls{grid-area:quick;grid-template-columns:minmax(0,1fr);gap:8px;padding:0 4px;display:grid}.quick-speed-control{border-radius:var(--shape-md);background:var(--md-surface-container-low);gap:0;min-width:0;padding:8px 10px 4px;display:grid}.quick-speed-control .slider-label-row{padding-inline:2px}.quick-stepper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.quick-stepper,.stepper-field{gap:6px;min-width:0;display:grid}.quick-stepper{border-radius:var(--shape-md);background:var(--md-surface-container-low);padding:8px 6px}.quick-stepper-label,.stepper-label{color:var(--md-on-surface-variant);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.stepper-field{padding:2px 0}.stepper-field .stepper-label{text-align:left;font-size:13px}.stepper-control{border:1px solid var(--md-outline-variant);background:var(--md-surface-container);border-radius:18px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;min-width:0;display:grid;overflow:hidden}.stepper-control.compact{border-radius:16px;grid-template-columns:34px minmax(0,1fr) 34px}.stepper-button{min-width:0;min-height:44px;color:var(--md-primary);-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;padding:0;font-size:20px;font-weight:700;line-height:1}.stepper-button:active{background:#d0bcff24}.stepper-value{border:0;border-inline:1px solid var(--md-outline-variant);width:100%;min-width:0;height:44px;color:var(--md-on-surface);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;outline:0;padding:0 2px;font-size:13px;font-weight:750}.stepper-value::-webkit-inner-spin-button{appearance:none;margin:0}.stepper-value::-webkit-outer-spin-button{appearance:none;margin:0}.stepper-value:focus{color:var(--md-on-primary-container);background:color-mix(in srgb, var(--md-primary-container) 50%, transparent)}.field-hint{color:var(--md-on-surface-variant);margin:0;font-size:11px;line-height:1.4}.reader-status{grid-area:status;gap:6px;padding:0 4px;display:grid}.progress-seek{--progress-percent:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0;padding:0}.progress-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--md-primary) 0 var(--progress-percent), var(--md-surface-container-highest) var(--progress-percent) 100%);border-radius:999px;height:4px}.progress-seek::-webkit-slider-thumb{appearance:none;background:var(--md-primary);border:0;border-radius:50%;width:20px;height:20px;margin-top:-8px}.progress-seek::-moz-range-track{background:var(--md-surface-container-highest);border-radius:999px;height:4px}.progress-seek::-moz-range-progress{background:var(--md-primary);border-radius:999px;height:4px}.progress-seek::-moz-range-thumb{background:var(--md-primary);border:0;border-radius:50%;width:20px;height:20px}.statusbar{min-width:0;color:var(--md-on-surface-variant);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11px;line-height:1.45;display:flex}#fileName{min-width:0;max-width:100%;color:var(--md-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:100%;font-weight:650;overflow:hidden}.statusbar [hidden],.progress-seek[hidden]{display:none!important}.navigator-toolbar{color:var(--md-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:12px;display:flex}.navigator-toolbar button,.debug-controls button{min-height:40px;color:var(--md-primary);background:0 0;border-radius:20px;padding:0 16px;font-size:12px;font-weight:700}.navigator-toolbar button:hover,.debug-controls button:hover{background:#d0bcff14}.text-navigator-body{border-top:1px solid var(--md-outline-variant);overscroll-behavior:contain;max-height:min(54dvh,620px);overflow:auto}.navigator-paragraph{border-bottom:1px solid var(--md-outline-variant);min-height:48px;color:var(--md-on-surface-variant);cursor:pointer;grid-template-columns:4.6em minmax(0,1fr);align-items:start;gap:12px;padding:10px 16px;line-height:1.55;display:grid}.navigator-paragraph:hover{background:#cac4d00f}.navigator-paragraph.is-current{color:var(--md-on-secondary-container);background:var(--md-secondary-container);box-shadow:inset 4px 0 0 var(--md-primary)}.navigator-paragraph-number{color:var(--md-outline);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.navigator-paragraph-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.debug-panel{color:var(--md-on-surface-variant);font-size:12px}.debug-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.debug-header>strong{color:var(--md-on-surface);font-size:14px;font-weight:700}.debug-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.debug-controls label{gap:4px;width:112px;display:grid}.debug-controls input{border:1px solid var(--md-outline);border-radius:var(--shape-sm);width:100%;height:40px;color:var(--md-on-surface);background:0 0;padding:0 10px}.debug-current,.debug-summary{border-top:1px solid var(--md-outline-variant);padding:10px 16px}.debug-current{color:var(--md-on-surface)}.debug-paragraphs{border-top:1px solid var(--md-outline-variant);max-height:520px;overflow:auto}.debug-paragraph-block{border-bottom:1px solid var(--md-outline-variant);padding:14px 16px 16px}.debug-paragraph-block.is-current{background:var(--md-secondary-container);box-shadow:inset 4px 0 0 var(--md-primary)}.debug-paragraph-block h3{color:var(--md-on-surface-variant);margin:0 0 8px;font-size:12px;font-weight:700}.debug-paragraph-block.is-current h3{color:var(--md-on-secondary-container)}.debug-row{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:6px 0;display:grid}.debug-row strong{color:var(--md-outline);font-weight:600}.debug-row code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:var(--md-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6;display:block}@media (width<=599px){.settings-scrim{z-index:49;pointer-events:none;opacity:0;background:#00000094;width:100%;height:100%;min-height:0;padding:0;transition:opacity .16s;display:block;position:fixed;inset:0}.app-shell.settings-open .settings-scrim{pointer-events:auto;opacity:1}.settings-panel:not([open]){display:none}.settings-panel[open]{z-index:50;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:var(--shape-xl);background:var(--md-surface-container);max-height:min(82dvh,720px);position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0000006b,0 2px 8px #0000004d}.settings-panel[open]>summary{z-index:2;background:var(--md-surface-container);min-height:60px;position:sticky;top:0}.settings-panel[open]>summary:before{content:"";background:var(--md-outline);border-radius:999px;width:32px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.settings-summary-hint{display:inline}.setting-pair{grid-template-columns:minmax(0,1fr);gap:10px}.debug-row{grid-template-columns:1fr;gap:3px}}@media (width>=600px){.app-shell{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:14px}.topbar{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));margin:-16px -16px 0}.subtle{max-width:none}.reader-stage{min-height:clamp(280px,42dvh,480px)}.timing-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stepper-grid{gap:8px}.stepper-control.compact{grid-template-columns:40px minmax(0,1fr) 40px}.statusbar{flex-wrap:nowrap}#fileName{flex:auto;margin-right:auto}}@media (width>=840px){body.settings-sheet-open{overflow:auto}.app-shell{grid-template-columns:minmax(0,1fr) minmax(340px,410px);grid-template-areas:"topbar topbar""reader settings""transport settings""quick settings""status settings""navigator navigator""debug debug";align-items:start;gap:16px}.topbar{border:1px solid var(--md-outline-variant);border-radius:var(--shape-xl);background:var(--md-surface-container-low);-webkit-backdrop-filter:none;backdrop-filter:none;margin:0;position:static}.icon-button,.settings-summary-hint{display:none}.settings-panel{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow-y:auto}.reader-stage{min-height:clamp(360px,54dvh,640px)}.quick-controls{justify-self:center;width:min(760px,100%)}.setting-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.app-shell{grid-template-columns:minmax(0,1fr) 430px;padding-inline:24px}.reader-stage{min-height:min(62dvh,720px)}}@media (height<=560px) and (orientation:landscape){.settings-panel,.text-navigator,.debug-panel,.subtle,.quick-controls{display:none!important}.app-shell{min-height:100dvh;padding-top:max(6px, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""reader""transport""status";gap:6px}.topbar{min-height:48px;margin:-6px -6px 0;padding-block:4px;position:static}.reader-stage{height:auto;min-height:150px}.reader-status{padding-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}