@font-face{font-family:ReaderSerif;src:url(/fonts/reader-serif.woff2)format("woff2");font-display:swap}@font-face{font-family:Iansui;src:url(/fonts/iansui.woff2)format("woff2");font-display:swap}@font-face{font-family:Utsumi;src:url(/fonts/utsumi-light.woff2)format("woff2");font-display:swap}:root{font-synthesis:none;text-rendering:optimizelegibility;--page:#f5f3ee;--ink:#25241f;--muted:#77736b;--soft:#938d83;--line:#34312a1f;--surface:#faf9f5;--surface-2:#efede7;--surface-3:#e8e4dc;--accent:#2d2b27;--accent-ink:#fff;--danger:#8f4c43;--shadow:0 18px 60px #3a342b14;--shadow-lg:0 28px 90px #302b2421;background:var(--page);color:var(--ink);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}:root[data-ui-theme=dark]{--page:#171816;--ink:#e6e3db;--muted:#aaa69d;--soft:#88847b;--line:#ebe8df1c;--surface:#20211e;--surface-2:#292a26;--surface-3:#30312c;--accent:#ece8df;--accent-ink:#1a1b18;--danger:#d38b81;--shadow:0 18px 60px #0000002e;--shadow-lg:0 28px 90px #00000040}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);scrollbar-gutter:stable}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}mark{color:inherit;background:#e6cf83;border-radius:3px;padding:0 .08em}:root[data-motion=reduced] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;justify-content:space-between;align-items:center;width:100%;max-width:1240px;height:72px;margin:auto;padding:0 30px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:680;display:flex}.header-actions{gap:2px;display:flex}.icon-button{border-radius:999px;place-items:center;width:40px;height:40px;transition:background .18s,transform .18s;display:grid}.icon-button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.icon-button:active{transform:scale(.96)}main{flex:1}.page{width:100%;max-width:1180px;margin:auto;padding:34px 30px 88px}.hero-heading{padding:26px 0 44px}.hero-heading h1,.marks-hero h1,.settings-hero h1,.diagnostics-head h1{letter-spacing:-.055em;margin:0;font-family:ReaderSerif,Noto Serif TC,serif;font-size:clamp(38px,6vw,64px);font-weight:520}.hero-heading>p:last-child,.marks-hero>div>p:last-child,.diagnostics-head>div>p:last-child{color:var(--muted);margin:12px 0 0;line-height:1.7}.eyebrow{letter-spacing:.2em;color:var(--soft);margin:0 0 13px;font-size:10px;font-weight:650}.section-title{justify-content:space-between;align-items:center;margin:0 0 17px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:690}.section-title>span{color:var(--soft);align-items:center;gap:6px;font-size:12px;display:flex}.back-link{color:var(--muted);align-items:center;gap:7px;margin:2px 0 28px;padding:4px 0;font-size:13px;display:flex}.primary-button,.secondary-button,.quiet-button,.primary-link{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 18px;font-size:13px;font-weight:670;transition:all .18s;display:inline-flex}.primary-button,.primary-link{background:var(--accent);color:var(--accent-ink)}.primary-button:hover,.primary-link:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.42;cursor:default;transform:none}.secondary-button{background:var(--surface-2);border:1px solid var(--line)}.quiet-button{border:1px solid var(--line);color:var(--muted)}.primary-button.full,.secondary-button.full{width:100%;margin-top:10px}.text-link{text-underline-offset:3px;text-decoration:underline}.muted{color:var(--muted);font-size:13px}.subtle-label{letter-spacing:.12em;color:var(--soft);text-transform:uppercase;font-size:10px}.app-footer{width:100%;max-width:1180px;padding:24px 30px calc(34px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;color:var(--soft);letter-spacing:.02em;margin:0 auto;font-size:11px}.app-footer a{color:var(--ink);font-weight:680}.app-footer a:hover{text-underline-offset:3px;text-decoration:underline}.system-error{border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger);border-radius:16px;gap:5px;margin-bottom:26px;padding:20px;display:grid}.system-error span{opacity:.84;font-size:12px;line-height:1.6}.system-error.compact{margin-top:16px}.global-toast{z-index:200;background:color-mix(in srgb,var(--ink) 94%,transparent);color:var(--page);box-shadow:var(--shadow-lg);text-align:center;border-radius:999px;max-width:min(88vw,620px);padding:10px 15px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.skeleton-card,.detail-skeleton{background:var(--surface-3);animation:1.4s ease-in-out infinite alternate pulse}.detail-skeleton{border-radius:24px;height:420px}.detail-skeleton.small{height:180px}@keyframes pulse{to{opacity:.55}}.library-page section{margin-bottom:46px}.library-hero{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.continue-card{background:var(--surface-3);min-height:284px;box-shadow:var(--shadow);border-radius:26px;grid-template-columns:190px 1fr;gap:30px;padding:22px;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden}.continue-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.continue-cover{width:100%;height:240px}.continue-copy{flex-direction:column;min-width:0;padding:14px 12px 10px 0;display:flex}.continue-copy h3{letter-spacing:-.04em;margin:7px 0;font-family:ReaderSerif,Noto Serif TC,serif;font-size:32px;font-weight:560}.continue-copy p{color:var(--muted);margin:0}.progress-wrap{align-items:center;gap:12px;margin-top:auto;display:flex}.progress-line{background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:8px;flex:1;height:4px;overflow:hidden}.progress-line span,.mini-progress span{background:color-mix(in srgb,var(--ink) 65%,transparent);border-radius:inherit;height:100%;display:block}.progress-wrap small{font-variant-numeric:tabular-nums;color:var(--muted)}.continue-action{align-items:center;gap:8px;margin-top:22px;font-size:13px;font-weight:650;display:flex}.cover-image,.cover-fallback{aspect-ratio:2/3;object-fit:cover;border-radius:14px;width:100%;display:block;box-shadow:0 10px 26px #2a262021}.cover-fallback{color:#25231e;isolation:isolate;background:linear-gradient(145deg,#d9d3c8,#a69c8c);padding:18px;position:relative;overflow:hidden}.cover-fallback:before,.cover-fallback:after{content:"";z-index:-1;position:absolute}.cover-fallback:before{border:1px solid #26231e38;border-radius:8px;inset:11px}.cover-fallback:after{background:#ffffff2e;border-radius:50%;width:120px;height:120px;bottom:20%;right:-35px}.cover-fallback strong{letter-spacing:.04em;font-family:ReaderSerif,Noto Serif TC,serif;font-size:clamp(16px,2vw,23px);font-weight:580;line-height:1.35;position:absolute;top:42%;left:18px;right:18px}.cover-mark{letter-spacing:.18em;font-size:8px}.cover-index{font-size:11px;position:absolute;bottom:18px;right:18px}.cover-v1{background:linear-gradient(160deg,#d8d7cf,#8f968a)}.cover-v2{background:linear-gradient(145deg,#ddd1cb,#9e7d78)}.cover-v3{background:linear-gradient(150deg,#d9d2c2,#9b8c73)}.cover-v4{background:linear-gradient(155deg,#d0d5d5,#87949a)}.cover-v5{background:linear-gradient(145deg,#d6d0dc,#958a9b)}.recent-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.book-card{min-width:0;display:block}.book-card .cover-fallback,.book-card .cover-image{transition:transform .25s,box-shadow .25s}.book-card:hover .cover-fallback,.book-card:hover .cover-image{transform:translateY(-4px);box-shadow:0 18px 35px #2a26202b}.book-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.book-card span{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.book-meta{padding-top:12px}.mini-progress{background:var(--surface-3);border-radius:8px;height:3px;margin-top:10px;overflow:hidden}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px;display:grid}.book-card-wrap{min-width:0;position:relative}.card-more{color:#37342e;opacity:0;background:#faf9f5e6;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .18s;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 5px 18px #0000001a}.book-card-wrap:hover .card-more,.card-more:focus{opacity:1}.card-quick-menu{z-index:30;background:var(--surface);border:1px solid var(--line);width:150px;box-shadow:var(--shadow-lg);border-radius:14px;padding:6px;position:absolute;top:45px;right:2px}.card-quick-menu button{text-align:left;border-radius:9px;width:100%;padding:9px 10px;font-size:11px}.card-quick-menu button:hover{background:var(--surface-2)}.library-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.filter-pills{flex-wrap:wrap;gap:5px;display:flex}.filter-pills button{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:11px}.filter-pills button.active{background:var(--ink);color:var(--page)}.filter-pills.small button{padding:7px 10px}.toolbar-actions{align-items:center;gap:6px;display:flex}.sort-control{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex}.sort-control select{color:var(--muted);background:0 0;border:0;outline:0;font-size:11px}.library-count{margin-top:4px}.book-list-view{border-top:1px solid var(--line);display:grid}.book-list-row{border-bottom:1px solid var(--line);grid-template-columns:66px 1fr 58px;align-items:center;gap:16px;padding:12px 4px;display:grid}.book-list-row .cover-image,.book-list-row .cover-fallback{width:66px;box-shadow:none;border-radius:8px}.book-list-row>div{min-width:0}.book-list-row strong{font-size:14px;display:block}.book-list-row span{color:var(--muted);margin:5px 0 9px;font-size:11px;display:block}.book-list-row em{color:var(--soft);text-align:right;font-size:12px;font-style:normal}.work-hero{grid-template-columns:250px 1fr;align-items:end;gap:52px;max-width:900px;margin:20px auto 64px;display:grid}.work-cover{width:250px}.work-copy{padding-bottom:10px}.work-copy h1{letter-spacing:-.05em;margin:10px 0;font-family:ReaderSerif,Noto Serif TC,serif;font-size:clamp(36px,5vw,58px);font-weight:540}.work-copy>p{color:var(--muted)}.work-stats{color:var(--muted);flex-wrap:wrap;gap:18px;margin:28px 0 12px;font-size:12px;display:flex}.progress-line.large{max-width:430px;height:5px}.work-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.work-actions .primary-button,.work-actions .secondary-button{margin:0}.chapter-section{max-width:900px;margin:auto}.chapter-tools{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.chapter-search,.inline-search{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:flex}.chapter-search input,.inline-search input{background:0 0;border:0;outline:0;width:190px;min-width:0}.inline-search.full{border-radius:13px;width:100%}.inline-search.full input{width:100%}.chapter-list{border-top:1px solid var(--line)}.chapter-row-wrap{border-bottom:1px solid var(--line);position:relative}.chapter-row-wrap.current{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.chapter-row{text-align:left;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:8px;width:calc(100% - 42px);min-height:58px;padding:0 6px;transition:all .15s;display:grid}.chapter-row:hover{padding-left:10px}.chapter-number{color:var(--soft);font-variant-numeric:tabular-nums;font-size:11px}.chapter-name{font-size:13px}.chapter-name small{color:var(--soft);margin-top:3px;font-size:9px;display:block}.read-state{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.chapter-chevron{color:var(--soft)}.chapter-status-button{width:34px;height:34px;color:var(--soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.chapter-status-button:hover{background:var(--surface-2);color:var(--ink)}.chapter-bulk-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.chapter-bulk-actions button{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.search-page{max-width:920px;min-height:calc(100vh - 72px);margin:auto;padding:22px 28px 86px}.search-bar{border:1px solid var(--line);background:var(--surface);height:58px;box-shadow:var(--shadow);z-index:10;border-radius:18px;align-items:center;gap:8px;padding:0 8px;display:flex;position:sticky;top:12px}.search-bar>svg{color:var(--soft)}.search-bar input{background:0 0;border:0;outline:0;flex:1;font-size:17px}.search-content{padding:42px 10px}.search-hint{text-align:center;color:var(--soft);margin-top:60px}.search-hint kbd{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:5px 8px}.search-hint span{margin:0 7px}.search-hint p{margin-top:18px;font-size:13px}.search-results{gap:7px;display:grid}.search-result{text-align:left;border-radius:15px;padding:16px 18px;transition:all .15s}.search-result:hover{background:var(--surface-2)}.search-result strong{font-size:14px;display:block}.search-result p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.65}.search-result mark{background:#d5ad4a59}.result-kind{color:var(--soft);letter-spacing:.1em;margin-bottom:5px;font-size:9px;display:block}.search-filter-row{gap:5px;margin-bottom:18px;display:flex}.search-filter-row button{color:var(--muted);border-radius:999px;padding:7px 11px;font-size:11px}.search-filter-row button.active{background:var(--ink);color:var(--page)}.search-history{max-width:620px;margin:60px auto 0}.search-history .section-title button{color:var(--soft);align-items:center;gap:5px;font-size:10px;display:flex}.search-history>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.search-history>div:last-child button{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.marks-hero,.settings-hero,.diagnostics-head{justify-content:space-between;align-items:flex-end;gap:28px;padding:12px 0 30px;display:flex}.marks-count{gap:8px;display:flex}.marks-count span,.connection-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:10px}.marks-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.settings-tabs{background:var(--surface-2);border-radius:14px;gap:5px;padding:4px;display:flex;overflow-x:auto}.settings-tabs button{color:var(--muted);white-space:nowrap;border-radius:10px;padding:9px 13px;font-size:11px}.settings-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 9px #0000000f}.settings-tabs.compact-tabs button{align-items:center;gap:6px;display:flex}.bookmark-list{gap:10px;max-width:850px;display:grid}.bookmark-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:6px;padding:6px 8px 6px 16px;display:flex}.bookmark-open{text-align:left;flex:1;padding:10px 0}.bookmark-open>span{color:var(--muted);font-size:11px}.bookmark-open p{margin:7px 0 6px;font-family:ReaderSerif,Noto Serif TC,serif;font-size:15px;line-height:1.65}.bookmark-open small{color:var(--soft);font-size:10px}.highlight-card mark{background:#d9b84e52}.empty-state{text-align:center;color:var(--soft);padding:76px 0}.empty-state.compact{padding:38px 0}.empty-state h2{color:var(--ink);font-size:20px}.empty-state p{font-size:13px}.compact-hero{padding-bottom:20px}.history-groups{max-width:820px}.history-groups section{margin-bottom:28px}.history-groups h2{color:var(--soft);letter-spacing:.08em;font-size:11px;font-weight:600}.history-groups section>div{border-top:1px solid var(--line)}.history-groups button{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;padding:14px 4px;display:flex}.history-groups button span{gap:3px;display:grid}.history-groups strong{font-size:13px}.history-groups small,.history-groups time{color:var(--soft);font-size:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:8px;padding:22px;display:grid}.stat-card i{background:var(--surface-2);border-radius:12px;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.stat-card span{color:var(--muted);margin-top:10px;font-size:11px}.stat-card strong{font-family:ReaderSerif,Noto Serif TC,serif;font-size:24px;font-weight:560}.stats-detail{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:22px;overflow:hidden}.stats-detail>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:16px 20px;display:flex}.stats-detail>div:last-child{border-bottom:0}.stats-detail span{color:var(--muted);font-size:12px}.stats-detail strong{text-align:right;font-size:12px}.settings-page{max-width:1040px}.connection-pill{align-items:center;gap:6px;display:flex}.connection-pill.online{color:#53735e}.connection-pill.offline{color:var(--danger)}.settings-page>.settings-tabs{z-index:15;box-shadow:var(--shadow);width:max-content;max-width:100%;margin-bottom:22px;position:sticky;top:8px}.settings-sections{gap:14px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.settings-card-title{margin-bottom:18px}.settings-card-title h2{margin:0;font-size:17px}.settings-card-title p,.settings-note{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.65}.option-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:13px 0;font-size:12px;display:flex}.compact-segmented{background:var(--surface-2);border-radius:10px;padding:3px;display:flex}.compact-segmented button{color:var(--muted);border-radius:8px;padding:7px 10px;font-size:10px}.compact-segmented button.active{background:var(--surface);color:var(--ink)}.settings-range{border-top:1px solid var(--line);gap:8px;padding:13px 0;display:grid}.settings-range>span{justify-content:space-between;align-items:center;display:flex}.settings-range strong{font-size:12px;font-weight:560}.settings-range em{color:var(--soft);font-variant-numeric:tabular-nums;font-size:10px;font-style:normal}.settings-range input{width:100%;accent-color:var(--ink)}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex;position:relative}.toggle-row>span{gap:4px;display:grid}.toggle-row strong{font-size:12px}.toggle-row small{color:var(--muted);font-size:10px;line-height:1.5}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:var(--surface-3);border-radius:999px;flex:none;width:42px;height:24px;transition:all .2s;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 5px #00000026}.toggle-row input:checked+i{background:#555249}.toggle-row input:checked+i:after{transform:translate(18px)}.large-choice-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.large-choice-row button{border:1px solid var(--line);color:var(--muted);border-radius:13px;align-items:center;gap:8px;padding:13px;font-size:11px;display:flex}.large-choice-row button.active{background:var(--ink);color:var(--page);border-color:#0000}.theme-palette{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.theme-palette button{text-align:center;color:var(--muted);gap:6px;font-size:9px;display:grid}.theme-palette i{border:2px solid #0000;border-radius:11px;height:50px;display:block}.theme-palette button.active i{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface)}.palette-paper i{background:#f4efe5}.palette-ivory i{background:#faf7ef}.palette-warm i{background:#f3ece0}.palette-sepia i{background:#eee2cb}.palette-mist i{background:#eef0ee}.palette-sage i{background:#e8ede4}.palette-dim i{background:#292a26}.palette-charcoal i{background:#1c1d1b}.palette-night i{background:#10110f}.palette-oled i{background:#000}.dual-range{grid-template-columns:1fr 1fr;gap:18px;display:grid}.color-row{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:12px;display:flex}.color-row label{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.color-row input{background:0 0;border:0;width:42px;height:30px;padding:0}.contrast-good,.contrast-bad{margin-left:auto;font-size:10px}.contrast-good{color:#53735e}.contrast-bad{color:var(--danger)}.app-status-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.app-status-grid>div{background:var(--surface-2);border-radius:13px;gap:4px;padding:13px;display:grid}.app-status-grid span{color:var(--soft);font-size:9px}.app-status-grid strong{font-size:12px}.offline-summary{color:var(--muted);align-items:center;gap:9px;padding:12px 0;font-size:12px;display:flex}.offline-list{border-top:1px solid var(--line)}.offline-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.offline-list span{gap:3px;display:grid}.offline-list strong{font-size:12px}.offline-list small{color:var(--soft);font-size:9px}.danger-quiet{color:var(--danger);margin-top:12px;padding:8px 0;font-size:11px}.data-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.data-actions button{text-align:left;border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.data-actions span{gap:3px;display:grid}.data-actions strong{font-size:12px}.data-actions small{color:var(--muted);font-size:9px}.info-table{border-top:1px solid var(--line);margin-bottom:12px}.info-table>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.info-table span{color:var(--muted);font-size:11px}.info-table strong{text-align:right;font-size:11px}.diagnostics-head{padding-bottom:28px}.diagnostic-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.diagnostic-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:17px;display:flex}.diagnostic-card>i{background:var(--surface-2);border-radius:12px;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.diagnostic-card.ok>i{color:#55705c}.diagnostic-card.warn>i{color:var(--danger)}.diagnostic-card span{gap:4px;display:grid}.diagnostic-card strong{font-size:12px}.diagnostic-card small{color:var(--muted);font-size:10px}.diagnostics-meta{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:18px;overflow:hidden}.diagnostics-meta>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 18px;display:flex}.diagnostics-meta>div:last-child{border-bottom:0}.diagnostics-meta span,.diagnostics-meta strong{font-size:11px}.diagnostics-meta span{color:var(--muted)}.menu-backdrop,.sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12121057;position:fixed;inset:0}.menu-backdrop{justify-content:flex-end;align-items:flex-start;padding:66px max(18px,50vw - 566px) 18px;display:flex}.more-menu{background:var(--surface);border:1px solid var(--line);width:310px;box-shadow:var(--shadow-lg);border-radius:22px;padding:16px}.menu-head,.sheet-head{justify-content:space-between;align-items:flex-start;display:flex}.menu-head{padding:5px 4px 12px}.menu-head div{gap:4px;display:grid}.menu-head small,.sheet-head small{letter-spacing:.14em;color:var(--soft);font-size:9px}.menu-head strong{font-size:17px}.menu-list{gap:3px;display:grid}.menu-list>button{text-align:left;border-radius:13px;align-items:center;gap:12px;padding:12px;display:flex}.menu-list>button:hover{background:var(--surface-2)}.menu-list>button>span{gap:2px;display:grid}.menu-list strong{font-size:12px}.menu-list small{color:var(--muted);font-size:9px}.setup-page{place-items:center;min-height:calc(100vh - 92px);padding-top:48px;padding-bottom:72px;display:grid}.setup-card{border:1px solid var(--line);background:var(--surface);width:min(100%,580px);box-shadow:var(--shadow-lg);border-radius:28px;padding:40px}.setup-icon{background:var(--surface-2);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:22px;display:grid}.setup-card h1{margin:6px 0 12px;font-size:clamp(30px,5vw,44px)}.setup-intro{color:var(--muted);margin:0 0 28px;line-height:1.75}.setup-state,.setup-complete{background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;margin:8px 0 20px;padding:16px 18px;display:flex}.setup-complete div{flex-direction:column;gap:3px;display:flex}.setup-complete span{color:var(--muted);font-size:13px}.setup-button{justify-content:center;width:100%;margin:8px 0 20px}.setup-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.setup-diagnostic{align-items:flex-start;gap:12px;display:flex}.setup-diagnostic>div{gap:5px;display:grid}.setup-warning{background:color-mix(in srgb,#c89b50 11%,var(--surface));color:color-mix(in srgb,#8a632d 78%,var(--ink));border:1px solid #815e2b33;border-radius:16px;align-items:flex-start;gap:12px;margin:8px 0 12px;padding:16px 18px;display:flex}.setup-warning>div{gap:5px;display:grid}.setup-warning span{opacity:.82;font-size:12px;line-height:1.6}.spin{animation:.9s linear infinite reader-spin}@keyframes reader-spin{to{transform:rotate(360deg)}}.reader{--reader-bg:#f4efe5;--reader-ink:#302e29;--reader-muted:#817b70;--reader-mark:#dfc96f;background:var(--reader-bg);min-height:100vh;color:var(--reader-ink);overscroll-behavior-y:none;transition:background .2s,color .2s}.reader-paper{--reader-bg:#f4efe5;--reader-ink:#302e29;--reader-muted:#817b70;--reader-mark:#dfc96f}.reader-ivory{--reader-bg:#faf7ef;--reader-ink:#302f2a;--reader-muted:#858077;--reader-mark:#e2ca6b}.reader-warm{--reader-bg:#f3ece0;--reader-ink:#352f28;--reader-muted:#887b6f;--reader-mark:#ddb967}.reader-sepia{--reader-bg:#eee2cb;--reader-ink:#3b3329;--reader-muted:#81705b;--reader-mark:#d6b05e}.reader-mist{--reader-bg:#eef0ee;--reader-ink:#2c312f;--reader-muted:#747d79;--reader-mark:#cbd17c}.reader-sage{--reader-bg:#e8ede4;--reader-ink:#2e342c;--reader-muted:#758071;--reader-mark:#c7cf76}.reader-dim{--reader-bg:#292a26;--reader-ink:#ddd9d0;--reader-muted:#99968e;--reader-mark:#706c36}.reader-charcoal{--reader-bg:#1c1d1b;--reader-ink:#dcd9d1;--reader-muted:#98958c;--reader-mark:#646031}.reader-night{--reader-bg:#10110f;--reader-ink:#d9d7d1;--reader-muted:#8d8d86;--reader-mark:#5f5c2d}.reader-oled{--reader-bg:#000;--reader-ink:#d7d7d4;--reader-muted:#81817d;--reader-mark:#565328}.font-serif{font-family:ReaderSerif,Noto Serif TC,Songti TC,PMingLiU,serif}.font-iansui{font-family:Iansui,DFKai-SB,serif}.font-utsumi{font-family:Utsumi,Noto Sans TC,sans-serif}.reader-topbar,.reader-bottombar{z-index:40;height:62px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:color-mix(in srgb,var(--reader-bg) 87%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--reader-ink) 10%,transparent);align-items:center;transition:all .25s;display:flex;position:fixed;left:0;right:0}.reader-topbar{border-bottom:1px solid;top:0}.reader-bottombar{border-top:1px solid;gap:4px;bottom:0}.controls-hidden .reader-topbar{opacity:0;pointer-events:none;transform:translateY(-105%)}.controls-hidden .reader-bottombar{opacity:0;pointer-events:none;transform:translateY(105%)}.reader-icon{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.reader-icon:hover{background:color-mix(in srgb,var(--reader-ink) 7%,transparent)}.reader-title{text-align:center;min-width:0;margin:auto;padding:0 12px}.reader-title strong,.reader-title span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.reader-title strong{font-size:12px}.reader-title span{color:var(--reader-muted);margin-top:3px;font-size:10px}.reader-actions{display:flex}.novel-scroll-content,.novel-page-content{font-size:var(--reader-font-size);font-weight:var(--reader-font-weight);line-height:var(--reader-line-height);letter-spacing:var(--reader-letter-spacing)}.novel-scroll-content{width:min(calc(100% - var(--reader-page-margin) * 2),var(--reader-width));min-height:100vh;margin:auto;padding:132px 0 140px}.chapter-heading{text-align:center;margin-bottom:84px}.chapter-heading span{letter-spacing:.2em;color:var(--reader-muted);font-family:Inter,Noto Sans TC,sans-serif;font-size:9px}.chapter-heading h1{letter-spacing:.02em;margin:15px 0 0;font-size:1.45em;font-weight:520}.chapter-heading.compact{margin-bottom:2.2em}.novel-scroll-content p,.novel-page-content p{margin:0 0 var(--reader-paragraph-gap);text-align:justify;overflow-wrap:anywhere;text-indent:var(--reader-indent)}.novel-scroll-content p:first-of-type,.novel-page-content p:first-of-type{text-indent:0}.reader-highlight{background:color-mix(in srgb,var(--reader-mark) 58%,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;padding:.04em .02em}.chapter-end{text-align:center;color:var(--reader-muted);padding:90px 0 30px;font-family:Inter,Noto Sans TC,sans-serif}.chapter-end>span{letter-spacing:.2em;font-size:9px}.chapter-end>div{justify-content:center;gap:10px;margin-top:28px;display:flex}.chapter-end button{color:inherit;border:1px solid color-mix(in srgb,var(--reader-ink) 14%,transparent);border-radius:999px;align-items:center;gap:4px;padding:9px 13px;font-size:11px;display:flex}.reader-progress-control{flex:1;align-items:center;gap:10px;max-width:560px;margin:auto;display:flex}.reader-progress-control input{width:100%;accent-color:var(--reader-ink);height:4px}.reader-progress-control span{color:var(--reader-muted);text-align:right;min-width:33px;font-family:Inter,Noto Sans TC,sans-serif;font-size:10px}.reader-mode-label{background:color-mix(in srgb,var(--reader-ink) 7%,transparent);border-radius:999px;flex:none;margin-right:7px;padding:8px 11px;font-family:Inter,Noto Sans TC,sans-serif;font-size:11px}.novel-page-stage{height:100vh;padding:82px var(--reader-page-margin) 78px;place-items:center;display:grid;position:relative;overflow:hidden}.novel-page-content{width:var(--reader-page-width);column-width:var(--reader-page-width);column-gap:var(--reader-page-gap);column-fill:auto;scroll-behavior:auto;height:100%;padding-top:clamp(14px,4vh,42px);display:block;overflow:hidden}.novel-page-content .chapter-heading{break-inside:avoid-column}.page-counter{color:var(--reader-muted);font-family:Inter,Noto Sans TC,sans-serif;font-size:10px;position:absolute;bottom:72px}.page-hit{z-index:3;width:27%;position:absolute;top:65px;bottom:65px}.page-hit.left{left:0}.page-hit.right{right:0}.reader-loading{color:#888;place-items:center;height:100vh;font-family:Inter,sans-serif;font-size:12px;display:grid}.reader-toast{z-index:130;color:#fff;background:#262420eb;border-radius:999px;padding:9px 14px;font-family:Inter,Noto Sans TC,sans-serif;font-size:11px;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000024}.selection-toolbar{z-index:150;color:#fff;background:#23221ff5;border-radius:14px;gap:3px;padding:5px;display:flex;position:fixed;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #00000038}.selection-toolbar button{color:inherit;border-radius:10px;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.selection-toolbar button:hover{background:#ffffff1a}.selection-toolbar button:disabled{opacity:.35}.selection-toolbar .selection-close{padding:8px}.undo-button{color:var(--reader-muted)}.sheet-backdrop{justify-content:flex-end;align-items:stretch;display:flex}.settings-sheet,.chapter-sheet{background:var(--surface);width:min(460px,100%);height:100%;color:var(--ink);border-left:1px solid var(--line);padding:28px 28px calc(30px + env(safe-area-inset-bottom));overflow:auto;box-shadow:-20px 0 80px #00000021}.sheet-head{margin-bottom:24px}.sheet-head h2{margin:4px 0 0;font-size:24px}.settings-group{margin:20px 0}.settings-group>label{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.segmented{background:var(--surface-2);border-radius:13px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{color:var(--muted);border-radius:10px;padding:9px;font-size:12px}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #00000017}.range-row input{width:100%;accent-color:var(--ink)}.theme-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.theme-grid.expanded{grid-template-columns:repeat(5,1fr)}.theme-chip{border:2px solid #0000;border-radius:11px;height:47px;font-size:9px}.theme-chip.active{border-color:var(--ink)}.theme-paper{color:#302e29;background:#f4efe5}.theme-ivory{color:#302e29;background:#faf7ef}.theme-warm{color:#352f28;background:#f3ece0}.theme-sepia{color:#3b3329;background:#eee2cb}.theme-mist{color:#2c312f;background:#eef0ee}.theme-sage{color:#2e342c;background:#e8ede4}.theme-dim{color:#eee;background:#292a26}.theme-charcoal{color:#eee;background:#1c1d1b}.theme-night{color:#eee;background:#10110f}.theme-oled{color:#eee;background:#000}.advanced-settings-link{border:1px solid var(--line);border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:22px;padding:11px;font-size:11px;display:flex}.chapter-sheet .inline-search{margin-bottom:14px}.sheet-chapter-list{border-top:1px solid var(--line)}.sheet-chapter-list button{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:38px 1fr 18px;align-items:center;gap:8px;width:100%;padding:13px 4px;display:grid}.sheet-chapter-list button.current{background:var(--surface-2);padding-left:10px;padding-right:10px}.sheet-chapter-list span{color:var(--soft);font-size:10px}.sheet-chapter-list strong{font-size:12px;font-weight:560}@media (width<=980px){.recent-row{grid-template-columns:repeat(5,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.site-header{height:64px;padding:0 18px}.page{padding:20px 18px 68px}.app-footer{padding-left:18px;padding-right:18px}.hero-heading{padding:20px 0 34px}.library-hero{align-items:flex-start}.hero-search{display:none}.continue-card{border-radius:21px;grid-template-columns:118px 1fr;gap:18px;min-height:200px;padding:15px}.continue-cover{height:174px}.continue-copy{padding:5px 2px 3px 0}.continue-copy h3{font-size:24px}.continue-action{margin-top:14px}.recent-row{scrollbar-width:none;gap:13px;padding-bottom:8px;display:flex;overflow-x:auto}.recent-row .book-card{width:126px;min-width:126px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 13px}.card-more{opacity:1}.library-toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{justify-content:flex-end;width:100%}.work-hero{grid-template-columns:135px 1fr;align-items:center;gap:22px;margin:12px 0 44px}.work-cover{width:135px}.work-copy h1{font-size:31px}.work-stats,.work-actions{margin-top:18px}.chapter-row{grid-template-columns:38px 1fr auto 18px}.search-page{padding:12px 14px 68px}.marks-hero,.settings-hero,.diagnostics-head{flex-direction:column;align-items:flex-start}.marks-toolbar{flex-direction:column;align-items:stretch}.inline-search,.inline-search input{width:100%}.settings-page>.settings-tabs{top:6px}.theme-palette{grid-template-columns:repeat(5,1fr)}.diagnostic-grid{grid-template-columns:1fr}.menu-backdrop{padding:64px 12px 12px}.more-menu{width:min(100%,360px)}.reader-topbar,.reader-bottombar{height:56px}.novel-scroll-content{padding-top:110px}.novel-page-stage{padding-top:68px;padding-bottom:68px}.settings-sheet,.chapter-sheet{width:100%;height:auto;max-height:88vh;padding:23px 18px calc(24px + env(safe-area-inset-bottom));border-left:0;border-radius:24px 24px 0 0;align-self:flex-end}.sheet-backdrop{align-items:flex-end}.theme-grid.expanded{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.reader-progress-control{max-width:none}.selection-toolbar{bottom:68px}.page-counter{bottom:64px}}@media (width<=620px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{grid-template-columns:100px 1fr}.continue-cover{height:150px}.continue-copy h3{font-size:21px}.continue-copy p{font-size:12px}.progress-wrap{margin-top:10px}.work-hero{grid-template-columns:110px 1fr}.work-cover{width:110px}.work-copy h1{font-size:27px}.work-stats{gap:8px}.work-actions{grid-column:1/-1}.work-actions .primary-button,.work-actions .secondary-button{flex:1}.chapter-tools{flex-direction:column;align-items:stretch}.chapter-search input{width:100%}.read-state{display:none}.chapter-bulk-actions{justify-content:flex-start;overflow-x:auto}.book-list-row{grid-template-columns:54px 1fr 48px}.book-list-row .cover-image,.book-list-row .cover-fallback{width:54px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:16px}.stat-card strong{font-size:19px}.settings-card{border-radius:18px;padding:20px 16px}.large-choice-row{grid-template-columns:1fr}.theme-palette{grid-template-columns:repeat(5,minmax(50px,1fr));overflow-x:auto}.dual-range,.data-actions,.app-status-grid{grid-template-columns:1fr}.color-row{flex-wrap:wrap}.contrast-good,.contrast-bad{margin-left:0}.novel-scroll-content{width:min(calc(100% - var(--reader-page-margin) * 2),var(--reader-width));font-size:clamp(15px,var(--reader-font-size),30px)}.novel-page-content{font-size:clamp(15px,var(--reader-font-size),30px)}.chapter-heading{margin-bottom:62px}.reader-title{max-width:45vw}.reader-actions .reader-icon:nth-child(3){display:none}.reader-bottombar{padding-left:8px;padding-right:8px}.reader-progress-control{gap:6px}.reader-progress-control span{min-width:28px}.reader-mode-label{margin-right:0}.selection-toolbar{justify-content:center;width:calc(100% - 24px)}.selection-toolbar button{flex:1;justify-content:center}.setup-page{padding-top:24px}.setup-card{border-radius:22px;padding:28px 22px}.setup-actions{flex-direction:column;align-items:stretch}.quiet-button,.primary-link{width:100%}}.reader .settings-sheet,.reader .chapter-sheet{--surface:color-mix(in srgb,var(--reader-bg) 96%,var(--reader-ink) 4%);--surface-2:color-mix(in srgb,var(--reader-bg) 88%,var(--reader-ink) 12%);--line:color-mix(in srgb,var(--reader-ink) 14%,transparent);--ink:var(--reader-ink);--muted:var(--reader-muted);--soft:var(--reader-muted);background:var(--surface);color:var(--reader-ink)}.book-scope-toggle{text-align:left;border:1px solid var(--line);width:100%;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:12px;display:flex}.book-scope-toggle.active{background:var(--surface-2);color:var(--ink)}.book-scope-toggle span{gap:3px;display:grid}.book-scope-toggle strong{font-size:11px}.book-scope-toggle small{color:var(--muted);font-size:9px;line-height:1.45}.marks-filters{align-items:center;gap:7px;display:flex}.marks-filters select{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--muted);border-radius:999px;outline:0;padding:0 11px;font-size:10px}@media (width<=820px){.marks-filters{flex-wrap:wrap}.marks-filters select{flex:1}.marks-filters .inline-search{flex-basis:100%}}.history-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.history-head>div{min-width:0}@media (width<=620px){.history-head{flex-direction:column;align-items:flex-start}.history-head .secondary-button{width:100%}}