.shelf{max-width:1024px;margin:0 auto;padding:32px 28px 64px}.shelf__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.shelf__title{display:flex;align-items:baseline;gap:12px}.shelf__title h1{margin:0;font-size:26px;letter-spacing:.02em}.shelf__count{color:var(--text-muted);font-size:13px}.shelf__toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.shelf__filters,.shelf__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shelf__divider{width:1px;align-self:stretch;min-height:22px;background:var(--border);margin:0 2px}.shelf__search,.shelf__sort,.shelf__btn{height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:0 12px;font:inherit;color:var(--text)}.shelf__search{min-width:220px}.shelf__btn{cursor:pointer;transition:transform 80ms ease,background 80ms ease}.shelf__btn:hover{background:var(--hover)}.shelf__btn:active{transform:translateY(1px)}.shelf__btn--icon{width:36px;padding:0;display:grid;place-items:center;color:var(--text-muted)}.shelf__btn--icon:hover{color:var(--text)}.shelf__btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.shelf__btn--ghost:hover{background:var(--hover);color:var(--text)}.shelf__btn--primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}.shelf__btn--primary:hover{background:var(--accent-strong)}.shelf__btn:disabled{opacity:.6;cursor:progress}.upload-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#00000075}.upload-dialog__panel{width:min(520px,100%);max-height:min(680px,calc(100vh - 48px));overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:18px}.upload-dialog__header,.upload-dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-dialog__header{margin-bottom:16px}.upload-dialog__header h2{margin:0;font-size:18px;font-weight:500}.upload-dialog__close{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.upload-dialog__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:var(--text-muted);font-size:13px}.upload-dialog__field select{height:36px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit}.upload-dialog__field input,.upload-dialog__field textarea{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 10px;font:inherit}.upload-dialog__field textarea{min-height:88px;resize:vertical}.edit-dialog__check{display:flex;align-items:center;gap:8px;margin:10px 0 14px;color:var(--text-muted);font-size:13px}.upload-dialog__drop{display:grid;place-items:center;min-height:112px;border:1px dashed var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted);cursor:pointer}.upload-dialog__drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.upload-dialog__files{list-style:none;margin:12px 0 0;padding:0;max-height:160px;overflow:auto;color:var(--text-muted);font-size:13px}.upload-dialog__files li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 0}.upload-dialog__error{margin-top:12px;color:var(--danger);font-size:13px}.upload-dialog__actions{justify-content:flex-end;margin-top:18px}.shelf__notice{padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:13px;margin-bottom:16px}.shelf__notice--error{background:var(--danger-weak);border-color:var(--danger-border);color:var(--danger)}.library-panel,.batch-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-bottom:16px}.library-panel{padding:14px 16px}.library-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.library-panel__header h2{margin:0;font-size:15px;font-weight:500}.library-panel__close,.job-list button,.batch-bar button{height:30px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer}.library-panel__empty{margin:0;color:var(--text-muted);font-size:13px}.duplicate-list,.job-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.duplicate-list li,.job-list li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:8px}.duplicate-list__hash{flex:0 0 96px;color:var(--text-muted);font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.duplicate-list__books{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.duplicate-list__books span,.book-row__tags span{border:1px solid var(--border);border-radius:999px;padding:2px 7px;color:var(--text-muted);font-size:11px}.job-list li>div{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.job-list strong{color:var(--text);font-weight:500}.batch-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;flex-wrap:wrap;color:var(--text-muted);font-size:13px}.batch-bar input{height:30px;min-width:160px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);padding:0 10px;font:inherit}.batch-bar__danger:hover{color:var(--danger);border-color:var(--danger-border);background:var(--danger-weak)}.shelf__section+.shelf__section{margin-top:32px}.shelf__section-title{margin:0 0 14px;font-size:16px;color:var(--text-muted);font-weight:500}.shelf__empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:56px 16px;text-align:center;color:var(--text-muted)}.shelf__empty p{margin:0}.shelf__empty-icon{color:var(--text-muted);opacity:.45;margin-bottom:6px}.shelf__empty-sub{font-size:13px;max-width:380px;line-height:1.6}.shelf__spinner{width:22px;height:22px;margin-bottom:8px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:shelf-spin .7s linear infinite}@keyframes shelf-spin{to{transform:rotate(360deg)}}.shelf__continue{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.continue-card{flex:0 0 260px;display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px;text-decoration:none;color:inherit;transition:transform 80ms ease,box-shadow 80ms ease,border-color 80ms ease}.continue-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.continue-card__cover{flex:0 0 40px;width:40px;height:56px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:600;background:linear-gradient(150deg,color-mix(in srgb,var(--cc, #596070),#fff 16%),var(--cc, #596070) 72%);box-shadow:inset 0 -12px 18px #0000002e}.continue-card__body{flex:1;min-width:0}.continue-card__title{font-size:15px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-card__meta{color:var(--text-muted);font-size:12px;margin-bottom:10px}.continue-card__bar{height:4px;background:var(--track);border-radius:2px;overflow:hidden}.continue-card__bar-fill{height:100%;background:var(--accent);border-radius:2px}.book-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.book-row+.book-row{border-top:1px solid var(--border)}.book-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:stretch}.book-row.is-selected{background:var(--accent-weak)}.book-row__select{display:grid;place-items:center;border-right:1px solid var(--border)}.book-row__link{display:grid;grid-template-columns:54px minmax(0,1fr) 180px 96px;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;color:inherit;transition:background 80ms ease;min-width:0}.book-row__link:hover{background:var(--hover)}.book-row__cover{width:54px;height:72px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:600;background:linear-gradient(150deg,color-mix(in srgb,var(--cc, #596070),#fff 16%),var(--cc, #596070) 72%);box-shadow:inset 0 -18px 28px #0000002e,inset 0 0 0 1px #ffffff14}.book-row__title{font-size:15px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-row__fav{color:#d4a72c;margin-right:5px}.book-row__meta{color:var(--text-muted);font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.book-row__status{padding:1px 8px;border-radius:999px;font-size:11px;background:var(--surface-2);color:var(--text-muted)}.book-row__status--reading{background:var(--accent-weak);color:var(--accent-strong)}.book-row__status--finished{color:var(--text)}.book-row__cat{border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px}.book-row__progress{display:flex;flex-direction:column;gap:6px}.book-row__pct{font-size:12px;color:var(--text-muted);text-align:right}.book-row__bar{height:4px;background:var(--track);border-radius:2px;overflow:hidden}.book-row__bar-fill{height:100%;background:var(--accent);border-radius:2px}.book-row__cta{text-align:center;font-size:13px;color:var(--accent);font-weight:500;padding:6px 10px;border:1px solid var(--accent);border-radius:8px;transition:background 80ms ease,color 80ms ease}.book-row__link:hover .book-row__cta{background:var(--accent);color:var(--bg)}.book-row__actions{display:flex;align-items:center;gap:6px;padding:0 14px 0 0}.book-row__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.book-row__action{height:30px;min-width:64px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer}.book-row__action:hover{color:var(--text);background:var(--hover)}.book-row__action--danger:hover{color:var(--danger);border-color:var(--danger-border);background:var(--danger-weak)}.book-row__action:disabled{opacity:.58;cursor:progress}.book-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.book-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:transform 80ms ease,box-shadow 80ms ease,border-color 80ms ease}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.book-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.book-card__link{display:block;text-decoration:none}.book-card__cover{aspect-ratio:3 / 4;width:100%;display:grid;place-items:center;color:#fff;font-size:44px;font-weight:600;background:linear-gradient(150deg,color-mix(in srgb,var(--cc, #596070),#fff 16%),var(--cc, #596070) 72%);box-shadow:inset 0 -40px 60px #00000038}.book-card__select{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.book-card__select input{cursor:pointer}.book-card__fav{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border:0;border-radius:6px;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#ffffffb8;font-size:14px;cursor:pointer}.book-card__fav.is-active{color:#f0c040}.book-card__fav:disabled{cursor:progress;opacity:.6}.book-card__body{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;min-width:0}.book-card__title{font-size:14px;font-weight:500;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);min-width:0}.book-card__meta .book-row__author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card__progress{display:flex;align-items:center;gap:8px}.book-card__progress .book-row__bar{flex:1}.book-card__pct{font-size:11px;color:var(--text-muted)}.book-card__actions{display:flex;flex-wrap:wrap;gap:6px}.book-card__actions .book-row__action{flex:1 1 calc(50% - 3px);min-width:0}@media (max-width: 700px){.shelf__header{flex-direction:column;align-items:stretch}.shelf__toolbar{justify-content:stretch;gap:10px}.shelf__filters{width:100%}.shelf__filters .shelf__search{flex:1 1 100%;min-width:0}.shelf__actions{width:100%}.shelf__divider{display:none}.book-grid{grid-template-columns:repeat(2,1fr);gap:12px}.book-row{grid-template-columns:1fr}.book-row__select{justify-content:flex-start;place-items:center start;padding:10px 14px 0;border-right:0}.book-row__link{grid-template-columns:48px 1fr}.book-row__cover{width:48px;height:64px;font-size:21px}.book-row__main{min-width:0}.book-row__progress,.book-row__cta{display:none}.book-row__actions{padding:0 14px 12px;justify-content:flex-start;flex-wrap:wrap}.duplicate-list li,.job-list li{flex-direction:column}}.reader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;--r-bg: #2d3033;--r-fg: #d4d6d8;--r-fg-muted: #888c91;--r-accent: #c5c7ca;--r-line: 1.9;--r-para-gap: 1.2em;--r-article-width: 720px;--r-content-x: 24px;--r-indent: 2em;--r-fs-body: 18px;background:var(--r-bg);color:var(--r-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.reader--font-system,.reader--font-songti{font-family:"Noto Serif SC","Source Han Serif SC","Source Han Serif CN",PingFang SC,Songti SC,STSong,SimSun,serif}.reader--font-wenkai{font-family:LXGW WenKai Screen,LXGW WenKai,KaiTi,STKaiti,PingFang SC,serif}.reader--theme-beige{--r-bg: #f7f3ea;--r-fg: #2a221c;--r-fg-muted: #8a7c6f;--r-accent: #78503c}.reader--theme-white{--r-bg: #ffffff;--r-fg: #1c1c1e;--r-fg-muted: #777;--r-accent: #444}.reader--theme-grey{--r-bg: #2d3033;--r-fg: #d4d6d8;--r-fg-muted: #888c91;--r-accent: #c5c7ca}.reader--theme-dark{--r-bg: #2c2c2e;--r-fg: #b8b8ba;--r-fg-muted: #7a7a7c;--r-accent: #c8c8ca}.reader--size-sm{--r-fs-body: 15px}.reader--size-md{--r-fs-body: 18px}.reader--size-lg{--r-fs-body: 21px}.reader--size-xl{--r-fs-body: 25px}.reader--line-compact{--r-line: 1.65}.reader--line-normal{--r-line: 1.9}.reader--line-loose{--r-line: 2.15}.reader--gap-compact{--r-para-gap: .85em}.reader--gap-normal{--r-para-gap: 1.2em}.reader--gap-loose{--r-para-gap: 1.65em}.reader--width-narrow{--r-article-width: 620px}.reader--width-normal{--r-article-width: 720px}.reader--width-wide{--r-article-width: 860px}.reader--margin-compact{--r-content-x: 16px}.reader--margin-normal{--r-content-x: 24px}.reader--margin-wide{--r-content-x: 42px}.reader--indent-indent{--r-indent: 2em}.reader--indent-flush{--r-indent: 0}.reader--theme-beige,.reader--theme-white{--r-overlay: rgba(0, 0, 0, .08);--r-overlay-strong: rgba(0, 0, 0, .18);--r-line-color: rgba(0, 0, 0, .1)}.reader--theme-grey,.reader--theme-dark{--r-overlay: rgba(255, 255, 255, .06);--r-overlay-strong: rgba(255, 255, 255, .14);--r-line-color: rgba(255, 255, 255, .08)}.reader__top,.reader__bottom{position:absolute;left:0;right:0;z-index:5;background:var(--r-bg);display:flex;align-items:center;gap:12px;padding:10px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader__top{top:0;border-bottom:1px solid var(--r-line-color)}.reader__bottom{bottom:0;border-top:1px solid var(--r-line-color)}.reader__top-title{flex:1;display:flex;flex-direction:column;min-width:0}.reader__book-title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__chap-title{font-size:12px;color:var(--r-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--r-fg);padding:8px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background 80ms ease,color 80ms ease;-webkit-user-select:none;user-select:none}.reader__icon-btn svg{display:block}.reader__icon-btn:hover{background:var(--r-overlay)}.reader__icon-btn:disabled{color:var(--r-fg-muted);cursor:default;opacity:.45}.reader__icon-btn:disabled:hover{background:transparent}.reader__pct{cursor:default;font-size:13px;color:var(--r-fg-muted);padding:0 4px;white-space:nowrap}.reader__progress-track{flex:1;height:4px;background:var(--r-overlay-strong);border-radius:2px;overflow:hidden}.reader__progress-fill{height:100%;background:var(--r-accent);transition:width .2s ease}.reader__content{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:80px var(--r-content-x) 96px;cursor:text;scrollbar-width:none;-ms-overflow-style:none}.reader__content::-webkit-scrollbar{display:none}.reader__content--pdf{padding:58px 0 64px;overflow:hidden;cursor:default}.reader__pdf-frame{width:100%;height:100%;border:0;display:block;background:#f6f6f6}.reader__bottom--pdf{justify-content:center}.reader__pdf-page{min-width:88px;text-align:center;color:var(--r-fg-muted);font-size:13px}.reader__article{max-width:var(--r-article-width);margin:0 auto}.reader__chapter{font-size:calc(var(--r-fs-body) * 1.4);font-weight:600;margin:56px 0 24px;padding-top:24px;border-top:1px solid var(--r-line-color);text-align:center;letter-spacing:.04em}.reader__chapter:first-child{border-top:0;margin-top:0;padding-top:0}.reader__body p{font-size:var(--r-fs-body);line-height:var(--r-line);margin:0 0 var(--r-para-gap);text-indent:var(--r-indent);text-align:justify}.reader__end{text-align:center;color:var(--r-fg-muted);margin:64px 0 24px;font-size:13px}.reader__loading,.reader__error{text-align:center;color:var(--r-fg-muted);margin-top:40vh}.reader__error{color:#e08585}.reader__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:24px;background:#00000057;animation:hint-fade .16s ease}@keyframes hint-fade{0%{opacity:0}to{opacity:1}}.reader__hint-card{max-width:280px;text-align:center;background:var(--r-bg);color:var(--r-fg);border:1px solid var(--r-line-color);border-radius:14px;padding:22px 24px;box-shadow:0 16px 44px #0006}.reader__hint-card p{margin:0 0 6px;font-size:14px;line-height:1.7}.reader__hint-card b{color:var(--r-accent);font-weight:600}.reader__hint-sub{color:var(--r-fg-muted);font-size:13px}.reader__hint-ok{margin-top:14px;padding:8px 22px;border-radius:8px;border:1px solid var(--r-accent);background:transparent;color:var(--r-accent);font:inherit;font-size:14px;cursor:pointer;transition:background 80ms ease}.reader__hint-ok:hover{background:var(--r-overlay)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0006;display:flex;justify-content:flex-end}.drawer__panel{width:min(360px,86vw);background:var(--r-bg);color:var(--r-fg);border-left:1px solid var(--r-line-color);display:flex;flex-direction:column;animation:slide-in .18s ease}.drawer__panel--narrow{width:min(280px,86vw)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--r-line-color)}.drawer__header h3{margin:0;font-size:15px;font-weight:500}.drawer__close{background:transparent;border:0;color:var(--r-fg);font-size:18px;cursor:pointer}.drawer__message{margin:12px 18px;color:var(--r-fg-muted);font-size:13px}.toc{list-style:none;margin:0;padding:8px 0;overflow-y:auto}.toc__sublist{list-style:none;margin:0;padding:0}.toc__node>button{width:100%;text-align:left;background:transparent;border:0;color:var(--r-fg);font:inherit;cursor:pointer}.toc__node>button:hover{background:var(--r-overlay)}.toc__node--container>button{font-weight:600}.toc__node--container{border-top:1px solid var(--r-divider, rgba(0, 0, 0, .08));margin-top:4px}.toc__node--container:first-child{border-top:0}.toc__node--d0>button{padding:12px 18px 8px}.toc__node--d1>button{padding:10px 18px 10px 34px}.toc__node--d2>button{padding:8px 18px 8px 50px;font-size:13px}.toc__node--d3>button{padding:6px 18px 6px 62px;font-size:13px}.toc__node--d0.toc__node--leaf>button{padding:10px 18px;font-weight:400}.toc__node--active>button{color:var(--r-accent);font-weight:500}.reader-search{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid var(--r-line-color)}.reader-search input{min-width:0;flex:1;height:36px;border-radius:8px;border:1px solid var(--r-overlay-strong);background:var(--r-overlay);color:var(--r-fg);padding:0 10px;font:inherit}.reader-search button,.bookmark-actions button,.bookmark-list__delete{height:36px;border-radius:8px;border:1px solid var(--r-overlay-strong);background:transparent;color:var(--r-fg);font:inherit;cursor:pointer}.reader-search button{padding:0 12px}.reader-search button:disabled{opacity:.6;cursor:progress}.search-results,.bookmark-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto}.search-results li+li,.bookmark-list li+li{border-top:1px solid var(--r-line-color)}.search-results button,.bookmark-list__jump{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;border:0;background:transparent;color:var(--r-fg);padding:12px 18px;font:inherit;cursor:pointer}.search-results button:hover,.bookmark-list__jump:hover,.bookmark-actions button:hover,.bookmark-list__delete:hover{background:var(--r-overlay)}.search-results__chapter,.bookmark-list__jump span{font-size:13px;color:var(--r-accent)}.search-results__snippet,.bookmark-list__jump small{color:var(--r-fg-muted);font-size:13px;line-height:1.5}.bookmark-actions{padding:14px 18px;border-bottom:1px solid var(--r-line-color)}.bookmark-actions button{width:100%}.bookmark-list li{display:grid;grid-template-columns:1fr auto;align-items:stretch}.bookmark-list__delete{align-self:center;margin-right:12px;padding:0 10px;font-size:13px;color:var(--r-fg-muted)}.settings{padding:16px 18px}.settings__row+.settings__row{margin-top:22px}.settings__label{display:block;color:var(--r-fg-muted);font-size:13px;margin-bottom:8px}.settings__themes,.settings__sizes{display:flex;gap:10px}.settings__fonts{display:flex;flex-direction:column;gap:8px}.settings__seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings__seg button{min-width:0;height:34px;border-radius:8px;border:1px solid var(--r-overlay-strong);background:transparent;color:var(--r-fg);font:inherit;font-size:13px;cursor:pointer}.settings__seg button:hover{background:var(--r-overlay)}.settings__seg button.is-active{border-color:var(--r-accent);color:var(--r-accent)}.font-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--r-overlay-strong);background:transparent;color:var(--r-fg);cursor:pointer;font-size:14px;text-align:left;transition:background 80ms ease,border-color 80ms ease}.font-btn--system{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-btn--songti{font-family:"Noto Serif SC","Source Han Serif SC",serif}.font-btn--wenkai{font-family:LXGW WenKai Screen,LXGW WenKai,serif}.font-btn:hover{background:var(--r-overlay)}.font-btn.is-active{border-color:var(--r-accent);color:var(--r-accent)}.settings__reset{width:100%;padding:10px 14px;background:transparent;border:1px solid var(--r-overlay-strong);border-radius:10px;color:var(--r-fg);font:inherit;font-size:14px;cursor:pointer;margin-top:24px;transition:background 80ms ease,border-color 80ms ease}.settings__reset:hover{background:var(--r-overlay);border-color:var(--r-accent)}.settings__reset:active{transform:translateY(1px)}.theme-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color 80ms ease}.theme-swatch.is-active{border-color:var(--r-accent)}.theme-swatch--beige{background:#f7f3ea;box-shadow:inset 0 0 0 1px #78503c33}.theme-swatch--white{background:#fff;box-shadow:inset 0 0 0 1px #00000026}.theme-swatch--grey{background:#2d3033;box-shadow:inset 0 0 0 1px #ffffff26}.theme-swatch--dark{background:#2c2c2e;box-shadow:inset 0 0 0 1px #ffffff26}.size-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--r-overlay-strong);background:transparent;color:var(--r-fg);cursor:pointer;font-family:inherit}.size-btn--sm{font-size:12px}.size-btn--md{font-size:16px}.size-btn--lg{font-size:20px}.size-btn--xl{font-size:24px}.size-btn.is-active{border-color:var(--r-accent);color:var(--r-accent)}:root{--bg: #f2f3f6;--surface: #ffffff;--surface-2: #eceef2;--text: #20242b;--text-muted: #69727e;--border: #e2e6ec;--hover: rgba(20, 30, 50, .05);--track: rgba(20, 30, 50, .1);--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .07);--shadow-hover: 0 12px 30px rgba(16, 24, 40, .16);--accent: #0f7d6e;--accent-strong: #0b5f54;--accent-fg: #ffffff;--accent-weak: rgba(15, 125, 110, .1);--danger: #c0392b;--danger-weak: #fdecea;--danger-border: #f1c4bf;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,sans-serif;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg: #1c1e22;--surface: #292c31;--surface-2: #33373d;--text: #e2e5e9;--text-muted: #949ba4;--border: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .06);--track: rgba(255, 255, 255, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 30px rgba(0, 0, 0, .55);--accent: #46b9a6;--accent-strong: #5fc7b6;--accent-fg: #11201d;--accent-weak: rgba(70, 185, 166, .16);--danger: #e88a82;--danger-weak: rgba(224, 90, 80, .14);--danger-border: rgba(224, 90, 80, .4);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg)}a{color:var(--accent)}code{font-family:JetBrains Mono,Consolas,monospace;background:var(--hover);padding:1px 6px;border-radius:4px;font-size:.92em}