*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #c67b3c}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #267363}.app{--bg:#f6f5f0;--surface:#fffefa;--text:#263e37;--muted:#758079;--line:#dce2d9;--accent:#236653;--soft:#eaf0e8;background:var(--bg);color:var(--text);min-height:100dvh;font-family:Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.7}.app.dark{--bg:#14211d;--surface:#1d2d27;--text:#edf2e9;--muted:#a4b3a8;--line:#3b4c42;--accent:#92c6ae;--soft:#2c4136}.shell{max-width:760px;margin:auto;padding:0 36px}header{align-items:center;gap:18px;height:100px;display:flex}.brand{color:var(--text);letter-spacing:-1.2px;align-items:center;gap:10px;font-size:27px;font-weight:700;text-decoration:none;display:flex}.brand-icon{width:33px;height:36px;color:var(--surface);background:var(--accent);border-radius:10px 3px;place-items:center;font-size:16px;display:grid}.brand-dot{color:#c18a54}.header-note{color:var(--muted);letter-spacing:.08em;margin-left:auto;font-size:13px}.theme-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:40px;height:40px;font-size:24px}nav{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}nav button{min-height:44px;color:var(--muted);background:0 0;border:none;border-radius:8px;font-size:14px;font-weight:500}nav button[aria-current]{color:var(--text);background:var(--surface);box-shadow:0 2px 6px #14211d09}main{padding:15px 0 0}.status-message{color:var(--accent);min-height:24px;margin-bottom:10px;font-size:13px}.status-message:empty{min-height:6px}.notice{border-radius:8px;align-items:start;gap:12px;padding:12px 16px;font-size:14px;display:flex}.error{color:#80381e;background:#f9e6df}.notice button{background:0 0;border:none;margin-left:auto;font-size:22px}.eyebrow{color:var(--muted);letter-spacing:.17em;font-size:11px;font-weight:600}h1{letter-spacing:.01em;overflow-wrap:anywhere;margin:8px 0 16px;font-size:24px;line-height:1.5}h2{margin:0 0 8px;font-size:16px;font-weight:600}.reading-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.reading-heading h1{margin:5px 0 20px;font-size:21px}.tag{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:11px}.reader-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #203e3203}.reader-top,.reader-bottom{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 26px;font-size:12px;display:flex}.reader-top i{background:#b3bdb3;border-radius:50%;width:6px;height:6px;margin:0 8px 2px 0;display:inline-block}.reader-top i.live{background:#4d9e7b}.reading-stage{flex-direction:column;justify-content:center;align-items:center;gap:22px;height:225px;padding:0 16px;display:flex}.focus-mark{background:#c59b70;flex-shrink:0;width:1px;height:15px}.reading-line{justify-content:center;align-items:center;width:100%;min-width:0;min-height:58px;max-height:155px;display:flex;overflow-y:auto}.reading-word{white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;letter-spacing:.06em;max-width:100%;font-weight:500;line-height:1.6;display:block}.countdown{color:#bd8a53}.heading-text{color:#955018;font-weight:700}.dark .heading-text{color:#f1be78}.reader-bottom{padding-top:18px;padding-bottom:20px}.progress-track{background:var(--soft);height:3px}.progress-track>div{background:var(--accent);height:100%;transition:width .15s}.progress-label{color:var(--muted);justify-content:space-between;margin:10px 2px 24px;font-size:12px;display:flex}.playback{justify-content:center;align-items:center;gap:24px;display:flex}.primary{background:var(--accent);color:var(--surface);border:none;border-radius:11px;min-height:52px;padding:16px 24px;font-weight:600}.play{min-width:210px;font-size:16px;box-shadow:0 5px 10px #23665312}.play span{margin-right:12px;font-size:13px}.step{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-content:center;width:48px;height:48px;padding-bottom:3px;font-size:28px;display:grid}.secondary-actions{justify-content:center;gap:28px;margin:12px 0 24px;display:flex}.secondary-actions button{min-height:44px;color:var(--muted);background:0 0;border:none;font-size:13px}.speed-control{border-top:1px solid var(--line);padding:22px 4px 24px}.speed-control label{justify-content:space-between;align-items:center;font-size:14px;display:flex}.speed-control strong{font-size:20px;font-weight:500}small{font-size:12px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:32px}.range-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.disclosure{border-top:1px solid var(--line);padding:17px 4px;font-size:14px}summary{min-height:30px}.disclosure>summary span{background:var(--soft);border-radius:20px;margin-left:8px;padding:1px 8px;font-size:11px}.muted{color:var(--muted)}.bookmarks{padding:0;list-style:none}.bookmarks li{border-bottom:1px solid var(--line);padding:5px 0;display:flex}.bookmarks button{text-align:left;background:0 0;border:none;min-height:44px;padding:8px}.bookmarks button:first-child{overflow-wrap:anywhere;flex:1}.bookmarks small{color:var(--muted);display:block}.bookmarks button:last-child{width:44px;font-size:20px}.chunk-preview{flex-wrap:wrap;gap:6px;max-height:290px;padding:4px;display:flex;overflow:auto}.chunk-preview button{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:5px;max-width:100%;min-height:44px;padding:8px}.chunk-preview button.current{border-color:var(--accent);background:var(--soft)}.position-label{margin:18px 0;display:block}.full-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;line-height:2;overflow:auto}.intro{color:var(--muted);margin:-6px 0 26px;font-size:14px}.upload-box{text-align:center;background:var(--surface);border:1px dashed #a4b7a6;border-radius:15px;padding:28px}.upload-symbol{background:var(--soft);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:12px;font-size:28px;display:inline-grid}.upload-box p{color:var(--muted);font-size:12px}input[type=file]{max-width:100%;font-size:13px}input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--text);cursor:pointer;border-radius:7px;margin-right:12px;padding:8px 14px}.import-form{margin:28px 0 35px}.import-form label{margin-bottom:8px;font-size:14px;display:block}input:not([type]),textarea,select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:12px}.import-form>input,textarea{width:100%}textarea{resize:vertical;font-size:16px;line-height:1.8}.form-row{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 8px;display:flex}.form-row label{margin:0}select{padding:8px;font-size:13px}.import-form .primary{width:100%;margin-top:12px}.library-heading{margin-top:30px}.library-list>button{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:18px 4px;display:flex}.library-list strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.library-list small{color:var(--muted);margin-top:4px;display:block}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px}.settings-card p{color:var(--muted);font-size:13px}.segmented{gap:6px;margin:16px 0 28px;display:flex}.segmented button{border:1px solid var(--line);background:0 0;border-radius:8px;flex:1;min-height:46px;padding:4px;font-size:14px}.segmented button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--soft)}.font-preview{background:var(--bg);text-align:center;overflow-wrap:anywhere;border-radius:8px;margin-bottom:24px;padding:20px 10px}.setting-slider{margin-bottom:25px;font-size:14px;display:block}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:14px;display:flex}.toggle-row small{color:var(--muted);margin-top:5px;display:block}.toggle-row input{appearance:none;background:var(--line);cursor:pointer;border-radius:20px;flex-shrink:0;width:42px;height:25px;position:relative}.toggle-row input:checked{background:var(--accent)}.toggle-row input:before{content:"";background:var(--surface);border-radius:50%;width:19px;height:19px;position:absolute;top:3px;left:3px}.toggle-row input:checked:before{left:20px}footer{text-align:center;color:var(--muted);padding:35px 0 max(30px, env(safe-area-inset-bottom));font-size:11px;line-height:2}footer>span:last-child{opacity:.8;font-size:10px}.privacy-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin:0 7px 2px 0;display:inline-block}@media (width<=520px){.shell{padding:0 20px}header{gap:10px;height:78px}.brand{font-size:25px}.header-note{display:none}.theme-button{margin-left:auto}.reading-heading h1{font-size:18px}.reading-stage{height:200px}.reader-top,.reader-bottom{padding-left:17px;padding-right:17px;font-size:11px}.reader-top{padding-top:18px}.playback{gap:18px}.play{min-width:180px}.settings-card{padding:20px 16px}h1{font-size:22px}}@media (width<=360px){.shell{padding:0 12px}.playback{gap:12px}.play{min-width:158px}.tag{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}