:root{--bg: #f7f6f3;--ink: #1c1b19;--muted: #6b6a66;--accent: #b3543a;--line: #e2e0da;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.centered{min-height:100vh;display:grid;place-items:center;padding:24px;align-content:center;gap:24px}.sitefoot{margin-top:40px;padding:16px 0;text-align:center;font-size:12px;color:var(--muted, #6b6a66)}.sitefoot a{color:inherit}.sitefoot-sep{margin:0 8px;opacity:.5}.card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 1px 2px #0000000a}.brand{margin:0 0 4px;font-size:28px;letter-spacing:-.02em}.muted{color:var(--muted)}.form{display:flex;flex-direction:column;gap:8px;margin-top:20px}label{font-size:13px;font-weight:600;color:var(--muted)}input{padding:10px 12px;font-size:15px;border:1px solid var(--line);border-radius:8px;background:#fff}input:focus{outline:none;border-color:var(--accent)}button{margin-top:8px;padding:10px 14px;font-size:15px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secondary{margin-top:16px;color:var(--ink);background:transparent;border:1px solid var(--line)}.notice{margin-top:20px;padding:12px;background:#f3f6f3;border-radius:8px}.error{color:#b00020}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#f0efec;padding:1px 4px;border-radius:4px;word-break:break-all}.small{font-size:13px}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:#fff}.topbar .brand{margin:0}.topbar .muted{margin-left:auto}button.link{margin:0;padding:6px 10px;font-size:13px}.gate-wrap{display:grid;place-items:start center;padding:40px 24px}.card.gate{max-width:560px}.field{display:block;margin:20px 0 8px}.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.field input{width:100%}.checks{border:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:14px}.check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.4;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px}.check-hint{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.reminder-callout{margin:16px 0;padding:12px 14px;background:#faf6f4;border-left:3px solid var(--accent);border-radius:6px;font-style:italic;font-size:15px}.rec-reminder{font-size:11px;line-height:1.35;color:var(--accent);font-style:italic;text-align:right;margin-bottom:2px}.optional-divider{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0}.kv dt{font-size:13px;color:var(--muted)}.kv dd{margin:0}button.linkish{background:none;border:none;color:var(--ink);cursor:pointer;padding:0;font-weight:700}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.head-actions{display:flex;gap:8px;align-items:center}.book-list{list-style:none;padding:0;margin:20px 0 0}.book-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.book-title{font-weight:600}.book-actions{display:flex;gap:8px;flex-shrink:0}.book-actions button{margin:0;padding:6px 12px;font-size:14px}.tabs{display:flex;gap:8px;margin:20px 0 12px}.tab{margin:0;padding:6px 12px;font-size:14px;color:var(--ink);background:transparent;border:1px solid var(--line)}.tab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.import-body{display:flex;flex-direction:column;gap:10px}textarea{width:100%;padding:12px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line);border-radius:8px;resize:vertical}textarea:focus{outline:none;border-color:var(--accent)}.import-body button,.preview button{align-self:flex-start}.preview{margin-top:20px}.chapter-list{list-style:none;padding:0;margin:8px 0 16px}.chapter-list li{padding:4px 0}.reader{max-width:720px;margin:0 auto;padding:32px 24px 80px}.reader-head{margin-bottom:24px}.chapter{margin:32px 0}.chapter-title{font-size:20px;display:flex;align-items:baseline;gap:10px}.para-row{display:grid;grid-template-columns:172px 1fr;gap:12px;align-items:start}.para{margin:0 0 16px;line-height:1.6}.margin{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-height:28px;padding-top:3px}.addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#a7a5a0;-webkit-user-select:none;user-select:none}.para-addr{text-align:right}.chapter-addr{font-size:13px}.icon-btn{margin:0;padding:4px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);cursor:pointer}.icon-btn.mic{opacity:0;transition:opacity .12s}.para-row:hover .icon-btn.mic,.icon-btn.mic:focus{opacity:1}.icon-btn.saved{color:var(--accent);border-color:var(--accent)}.rec-panel{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:100%}.rec-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink)}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d1453b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.meter{width:100%;height:5px;background:var(--line);border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:var(--accent);transition:width .06s linear}.mini{margin:0;padding:4px 8px;font-size:12px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer;width:100%}.mini.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.mini.danger{color:#b00020}.mini.ghost{border:none;color:var(--muted)}.mini:disabled{opacity:.6;cursor:default}.saved-wrap{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%}.saved-controls{display:flex;justify-content:flex-end;gap:4px}.icon-btn.more{font-size:16px;line-height:1;color:var(--muted)}.label-input{width:100%;padding:5px 7px;font-size:12px;border:1px solid var(--line);border-radius:6px}.label-input:focus{outline:none;border-color:var(--accent)}.menu{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:96px}.row-error{font-size:12px;color:#b00020;text-align:right;max-width:120px}.icon-btn.saved.is-public{background:var(--accent);color:#fff}.icon-btn.saved.playing{background:var(--accent);color:#fff;border-color:var(--accent)}.pub-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);cursor:pointer;padding:2px 0}.pub-toggle input{width:14px;height:14px}.book-settings{margin:12px 0 8px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.book-settings summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--muted)}.book-settings .field{margin:12px 0 0}.book-settings input{width:100%}