:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#eeebe4;--text:#1d1f23;--muted:#646a73;--border:#dcd8cf;--accent:#b9791b;--accent-text:#fff;--unread:#c2410c;--locked:#6b7280;--danger:#b42318;--read-opacity:.55;--radius:10px;--shadow:0 1px 2px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14161a;--surface:#1d2026;--surface-2:#262a31;--text:#ece9e2;--muted:#9aa1ab;--border:#2f343c;--accent:#e8b04a;--accent-text:#14161a;--unread:#fb923c;--locked:#9ca3af;--danger:#f87171;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#14161a;--surface:#1d2026;--surface-2:#262a31;--text:#ece9e2;--muted:#9aa1ab;--border:#2f343c;--accent:#e8b04a;--accent-text:#14161a;--unread:#fb923c;--locked:#9ca3af;--danger:#f87171;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{margin:0 0 .5rem;font-size:1.5rem}h2{margin:1.25rem 0 .5rem;font-size:1.15rem}code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.muted{color:var(--muted)}.break{word-break:break-all}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{min-height:100dvh}.header{z-index:10;padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .5rem max(1rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:7px}.sync-indicator{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;margin-left:auto;padding:0 .75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.sync-indicator.tone-ok .sync-icon{color:#2f9e57}.sync-indicator.tone-busy{color:var(--text)}.sync-indicator.tone-warn{color:var(--accent);border-color:var(--accent)}.sync-indicator.tone-error{color:var(--danger);border-color:var(--danger)}.sync-icon{font-weight:700;display:inline-block}.sync-icon.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sync-icon.spin{animation:none}}@media (width<=420px){.sync-indicator.tone-ok .sync-label,.sync-indicator.tone-busy .sync-label,.sync-indicator.tone-muted .sync-label{display:none}.sync-indicator.tone-ok,.sync-indicator.tone-busy,.sync-indicator.tone-muted{justify-content:center;width:40px;padding:0}}.nav{order:3;gap:.25rem;width:100%;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.35rem .75rem;text-decoration:none}.nav a.active{background:var(--surface-2);color:var(--text);font-weight:600}@media (width>=720px){.nav{order:0;width:auto;margin-left:auto}.sync-indicator{order:1;margin-left:0}.theme-toggle{order:2;margin-left:0}}.main{max-width:1100px;padding:1rem max(1rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.narrow{max-width:640px}input,select,button{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;min-height:44px;padding:.5rem .65rem}input[type=radio]{width:auto;min-height:0}.btn{background:var(--accent);min-height:44px;color:var(--accent-text);cursor:pointer;border:0;border-radius:8px;padding:.55rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn-danger{background:var(--danger);color:#fff}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:1.1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form{gap:.9rem;display:grid}.form label{gap:.3rem;font-weight:500;display:grid}.form small{font-weight:400}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.radio{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 1rem;padding:1rem}.panel h2{margin-top:0}fieldset.panel legend{padding:0 .25rem;font-weight:600}.toolbar{gap:.5rem;margin-bottom:1rem;display:flex}.toolbar input{flex:1}.toolbar .sort{flex:none;width:11rem}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.badge{vertical-align:middle;border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-unread{background:var(--unread);color:#fff}.badge-locked{background:var(--surface-2);color:var(--locked)}.badge-demo{border:1px dashed var(--muted);color:var(--muted);font-weight:500}.chips{flex-wrap:wrap;gap:.35rem;margin:1rem 0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border-radius:999px;margin:0 .25rem .25rem 0;padding:.1rem .6rem;font-size:.85rem;display:inline-block}.chip-genre{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;color:inherit;box-shadow:var(--shadow);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--accent)}.card .cover{aspect-ratio:3/4;width:100%}.card-body{gap:.25rem;padding:.6rem .7rem .75rem;display:grid}.card-title{margin:0;font-size:.98rem;line-height:1.3}.card-meta{color:var(--muted);margin:0;font-size:.8rem}.card-badges{flex-wrap:wrap;gap:.3rem;display:flex}.cover{object-fit:cover;background:var(--surface-2);display:block}.cover-placeholder{color:hsl(var(--hue) 35% 30%);background:linear-gradient(160deg, hsl(var(--hue) 45% 82%), hsl(calc(var(--hue) + 40) 40% 68%));place-items:center;font-size:2rem;font-weight:700;display:grid}.detail-head{grid-template-columns:120px 1fr;align-items:start;gap:1rem;display:grid}.cover-large{aspect-ratio:3/4;border-radius:var(--radius);width:120px}@media (width>=600px){.detail-head{grid-template-columns:200px 1fr;gap:1.5rem}.cover-large{width:200px}}.facts{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:.5rem 0;font-size:.92rem;display:grid}.facts dt{color:var(--muted)}.facts dd{min-width:0;margin:0}.description{white-space:pre-line}.chapters{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.chapters li+li{border-top:1px solid var(--border)}.chapter{width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:1rem;padding:.7rem 1rem;text-decoration:none;display:flex}.chapter:hover{background:var(--surface-2)}.ch-num{white-space:nowrap;font-weight:600}.ch-meta{text-align:right;color:var(--muted);font-size:.85rem}.chapter.is-read .ch-num{color:var(--muted);font-weight:400}.chapter.is-read{opacity:var(--read-opacity)}.chapter.is-locked .ch-meta{color:var(--locked)}.toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--text);max-width:calc(100% - 2rem);color:var(--bg);border-radius:var(--radius);align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:6px;padding:.4rem .8rem;font-weight:600}.site-list{margin:1rem 0 0;padding:0;list-style:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-head h1,.page-head h2{margin:0}.site-list .page-head{margin-bottom:.5rem}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.error{color:var(--danger)}.mu-results{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.mu-hit{text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;gap:.75rem;padding:.5rem;display:flex}.mu-hit:hover{border-color:var(--accent)}.mu-hit-body{align-content:start;gap:.15rem;min-width:0;display:grid}.mu-hit-meta{font-size:.875rem}.cover-thumb{flex:none;width:48px;height:68px;font-size:.9rem}.description.clamp{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mu-refresh-all{flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.25rem 0 1rem;display:flex}.mu-refresh .btn,.mu-refresh-all .btn{min-height:36px;padding:.35rem .8rem}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.push-right{margin-left:auto}.subpanel{border:1px solid var(--border);border-radius:8px;gap:.6rem;min-width:0;margin:0;padding:.75rem;display:grid}.subpanel legend{padding:0 .25rem;font-weight:600}details.subpanel>summary,details.panel>summary{cursor:pointer;font-weight:600}details.panel[open]>summary{margin-bottom:.75rem}.domain-list,.pick-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.domain-list li{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.domain-actions{gap:.75rem;margin-left:auto;display:flex}.pick-list{margin-top:.75rem}.pick-list li{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.badge-current{background:color-mix(in srgb, var(--accent) 22%, var(--surface));font-weight:500}.link-btn.danger{color:var(--danger)}.warn{color:var(--danger);margin:0;font-size:.92rem}.small{font-size:.85rem}.mono,.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.5rem .65rem}.code-box{word-break:break-all;resize:vertical;font-size:.8rem}.bookmarklet{cursor:grab}.suggestion{justify-items:start;gap:.5rem;display:grid}.panel h3{margin:1rem 0 .25rem;font-size:1rem}.panel ol{margin:.25rem 0;padding-left:1.25rem}.pick-list .btn{white-space:nowrap;flex-shrink:0}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.form-error{color:var(--danger);margin:0}.progress-editor{margin-top:1rem}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.stat-tiles li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem;display:grid}.stat-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);font-size:.85rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-head h2{margin:0}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:2px;display:inline-flex}.segmented button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .8rem}.segmented button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.chart{min-width:0;margin:0}.chart svg{max-width:100%;display:block}.chart-readout{font-variant-numeric:tabular-nums;min-height:1.5em;margin-bottom:.25rem}.chart-bar{fill:color-mix(in srgb, var(--accent) 70%, var(--surface))}.chart-bar.is-active{fill:var(--accent)}.chart-hit{fill:#0000;cursor:pointer}.chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 3}.chart-baseline{stroke:var(--muted);stroke-width:1px}.chart-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.stats-period{align-items:center}.stats-grid{gap:0 1rem;display:grid}@media (width>=720px){.stats-grid{grid-template-columns:1fr 1fr}}.stats-grid .panel h2:not(:first-child){margin-top:1.25rem}.panel .count-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.count-row{justify-content:space-between;gap:.75rem;display:flex}.count-label{overflow-wrap:anywhere;min-width:0}.count-value{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.count-value .muted{font-weight:400}.count-track{background:var(--surface-2);border-radius:3px;height:6px;margin-top:.2rem}.count-bar{background:var(--accent);border-radius:3px;min-width:3px;height:100%}.inactive-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.inactive-list li{display:grid}
