/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:OPPO Sans;src:url(/fonts/OPPOSans-VF.ttf)format("truetype");font-display:swap;font-weight:100 900}:root{color:#dde3ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;font-family:OPPO Sans,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%}body{background:#0d1117;margin:0;overflow:hidden}body.reader-mode-active{overflow:hidden}button,input{font:inherit}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--bg:#0d1117;--panel:#13171feb;--panel-soft:#181d27e6;--panel-blue:#181d27;--raised:#1d2330;--line:#ffffff12;--line-strong:#ffffff24;--text:#9aa3b2;--text-soft:#6b7484;--text-strong:#dde3ec;--gold:#b8985f;--gold-bright:#d6c39b;--steel:#7a8da6;--moss:#82a08c;--plum:#9489a8;--rose:#a08089;--font-ui:"OPPO Sans", "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;--radius:7px}#root{min-height:100svh}.auth-shell{min-height:100svh;color:var(--text-strong);font-family:var(--font-ui);background:radial-gradient(circle at 50% 18%,#7a8da621,#0000 34%),linear-gradient(#0d1117fa,#080c14fa),#0d1117;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-panel{z-index:1;border:1px solid var(--line);background:linear-gradient(180deg, #13171ff2, #0d1117f5), var(--panel);border-radius:9px;width:min(100%,392px);padding:30px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #00000057}.auth-mascot{filter:drop-shadow(0 0 12px #cde4ff7a)drop-shadow(0 12px 18px #0000006b);width:78px;height:76px;margin-bottom:16px}.auth-mascot img{object-fit:contain;width:100%;height:100%;display:block}.auth-kicker{color:var(--gold-bright);letter-spacing:.06em;text-transform:uppercase;margin:0 0 7px;font-size:12px}.auth-panel h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:24px;font-weight:600}.auth-copy{color:var(--text);margin:10px 0 24px;font-size:13px;line-height:1.7}.auth-form{gap:12px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label span{color:var(--text-soft);font-size:12px}.auth-form input{width:100%;height:40px;color:var(--text-strong);border:1px solid var(--line);background:#0d1117c7;border-radius:6px;outline:none;padding:0 12px}.auth-form input:focus{border-color:#b8985f6b;box-shadow:0 0 0 3px #b8985f17}.auth-form input::placeholder{color:var(--text-soft)}.auth-error{color:#d59588;margin:-2px 0 0;font-size:12px}.auth-submit{color:#0d1117;background:linear-gradient(#d6c39b,#b8985f);border-color:#b8985f7a;justify-content:center;align-items:center;gap:8px;height:40px;font-weight:600;display:inline-flex}.auth-submit:hover{color:#0d1117;background:linear-gradient(#dfcfad,#c4a46d);border-color:#d6c39b9e}.app-shell{height:100svh;color:var(--text-strong);font-family:var(--font-ui);background:linear-gradient(#0d1117fa,#080c14fa),#0d1117;grid-template-columns:clamp(232px,15vw,270px) minmax(760px,1fr) clamp(360px,24vw,440px);gap:10px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.app-shell.reader-layout-active{grid-template-columns:clamp(232px,15vw,270px) minmax(760px,1fr)}button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:5px;transition:border-color .16s,color .16s,background .16s,box-shadow .16s,transform .16s}button:hover{color:var(--text-strong);border-color:var(--line-strong);background:#ffffff0f}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}button:active{transform:translateY(1px)}.sidebar,.workspace,.details-panel{z-index:1;min-height:0;position:relative}.sidebar{grid-template-rows:auto auto 1fr auto;gap:8px;display:grid}.brand{align-items:center;min-height:34px;padding:0 4px;display:flex}.brand h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:16px;font-weight:600}.floating-mark{pointer-events:none;filter:drop-shadow(0 0 10px #cde4ff8c)drop-shadow(0 8px 14px #0000007a);display:block}.floating-mark img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-section,.filter-panel,.library-panel,.reader-panel,.details-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #13171ff0, #0d1117f5), var(--panel);box-shadow:inset 0 1px #ffffff09,0 18px 44px #00000038}.sidebar-section{padding:8px}.section-kicker{color:var(--text-soft);margin:0 0 6px;font-size:12px}.saved-nav{gap:1px;display:grid}.saved-item{height:27px;color:var(--text-soft);text-align:left;background:0 0;border-color:#0000;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:0 8px;display:grid}.saved-item strong{color:var(--text-soft);font-size:11px;font-weight:400}.saved-item.active{color:var(--text-strong);background:#b8985f1a;border-color:#b8985f5c;box-shadow:inset 0 0 0 1px #b8985f0f}.saved-item.active strong{color:var(--gold-bright)}.filter-panel{min-height:0;padding:8px 8px 10px;overflow:hidden auto}.panel-heading{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.panel-heading p,.filter-block p,.range-filter p,.date-pair p,.select-field span{color:var(--text-soft);margin:0;font-size:12px}.panel-heading button{height:22px;color:var(--text-soft);background:0 0;border:0;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:inline-flex}.filter-summary{background:linear-gradient(135deg,#b8985f1f,#1d2330d1);border:1px solid #b8985f52;border-radius:7px;align-items:center;gap:9px;min-height:42px;margin-bottom:9px;padding:7px 10px;display:flex}.filter-summary strong{color:var(--gold-bright);font-size:18px;font-weight:500;line-height:1}.filter-summary span{color:var(--text-soft);font-size:11px}.filter-block{margin-bottom:11px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px;display:grid}.check-grid label{min-width:0;min-height:30px;color:var(--text);border:1px solid var(--line);white-space:nowrap;background:#0d111775;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-flex}input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold);margin:0}.split-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.select-field{gap:5px;margin-bottom:8px;display:grid}.select-field select,.date-input{height:26px;color:var(--text);border:1px solid var(--line);background:#13171fdb;border-radius:6px;outline:none;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;display:flex}.select-field select:focus,.date-input:focus,.top-select select:focus,.page-size select:focus{border-color:#b8985f70;box-shadow:0 0 0 3px #b8985f1a}.range-filter{margin-bottom:13px}.range-filter header,.range-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-filter header strong{border:1px solid var(--line);min-width:62px;height:24px;color:var(--text);background:#0d1117b8;border-radius:5px;justify-content:flex-end;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.range-filter input{width:100%;min-width:100%;accent-color:var(--gold);margin:7px 0 2px}.range-meta{color:var(--text-soft);font-size:10px}.date-pair{margin-bottom:12px}.date-pair>div{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.date-pair label{gap:4px;min-width:0;display:grid}.date-pair label span{color:var(--text-soft);font-size:10px}.date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;padding:0 7px}.filter-actions{grid-template-columns:1fr 1.45fr;gap:8px;margin-top:8px;display:grid}.filter-actions button{height:34px;font-size:12px}.filter-actions .primary{color:#0d1117;background:linear-gradient(#d6c39b,#b8985f);border-color:#b8985f7a;box-shadow:0 10px 24px -16px #b8985fd1}.settings-button{background:0 0;border:0;width:28px;height:28px}.workspace{grid-template-rows:44px clamp(370px,42svh,430px) minmax(0,1fr);gap:8px;min-width:0;display:grid}.topbar{grid-template-columns:minmax(330px,1fr) 134px 74px 77px auto 18px;align-items:center;gap:10px;display:grid}.search-box{height:36px;color:var(--text-soft);border:1px solid var(--line);background:#13171fe6;border-radius:7px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;font-size:12px}.search-box input::placeholder{color:var(--text-soft)}.select-button,.tool-button,.top-select{white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}.top-select{border:1px solid var(--line);background:#13171fdb;border-radius:6px;justify-content:flex-start}.top-select span{color:var(--text-soft)}.top-select select{min-width:0;color:var(--text);background:0 0;border:0;outline:none}.select-button.wide{justify-content:space-between}.capture-time{color:var(--text-soft);white-space:nowrap;font-size:12px}.capture-time.error{color:#e4a66f;text-overflow:ellipsis;max-width:260px;overflow:hidden}.time-icon{color:var(--gold)}.library-panel{grid-template-rows:1fr 36px;min-height:0;padding:0;display:grid;overflow:hidden}.table-wrap{min-height:0;overflow:auto hidden}.table-wrap.scrollable{overflow-y:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:820px;font-size:11px}thead{z-index:2;background:#13171ffa;position:sticky;top:0}th{height:36px;color:var(--text);text-align:left;border-bottom:1px solid var(--line);font-weight:500}.sort-header{height:24px;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.sort-header.active{color:var(--gold-bright)}.sort-header span{color:var(--gold)}td{height:58px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff0e;overflow:hidden}th,td{padding:0 6px}th:first-child,td:first-child{width:50px;padding-left:10px}th:nth-child(2),td:nth-child(2){width:auto}th:nth-child(3),td:nth-child(3){width:76px}th:nth-child(4),td:nth-child(4){width:72px}th:nth-child(5),td:nth-child(5){width:58px}th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7),th:nth-child(8),td:nth-child(8),th:nth-child(9),td:nth-child(9),th:nth-child(10),td:nth-child(10){width:62px}th:nth-child(11),td:nth-child(11){width:82px}tbody tr{cursor:pointer}tbody tr:hover{background:#ffffff09}tbody tr.selected{outline-offset:-2px;background:linear-gradient(90deg,#b8985f24,#b8985f0a),#ffffff04;outline:1px solid #b8985f61}.title-cell{white-space:normal}.title-cell strong,.title-cell span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.title-cell strong{color:var(--text-strong);font-family:var(--font-ui);font-size:13px;font-weight:500}.title-cell span{color:var(--text-soft);margin-top:4px;font-size:10px}.platform-badge{max-width:100%;color:var(--text);align-items:center;gap:6px;font-size:10px;display:inline-flex}.platform-badge b{color:#0d1117;background:#e2a231;border-radius:4px;place-items:center;min-width:17px;height:17px;padding:0 2px;font-size:11px;line-height:1;display:grid}.platform-badge.ao3 b{color:#fff;background:#c73333}.platform-badge.webnovel b{color:#fff;background:#4772aa}.platform-badge.royalroad b,.platform-badge.inkitt b{color:var(--text-strong);border:1px solid var(--line-strong);background:#0d1117eb;font-size:9px}.status-pill{height:24px;color:var(--text);border:1px solid var(--line-strong);background:#0d1117b3;border-radius:5px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{height:22px;color:var(--text);border:1px solid var(--line-strong);background:#13171fc2;border-radius:5px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.tags.compact{gap:4px}.tags.compact span{height:18px;padding:0 6px;font-size:9px}.pager{border-top:1px solid var(--line);color:var(--text-soft);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:0 10px;font-size:12px;display:grid}.page-buttons{align-items:center;gap:8px;display:flex}.page-buttons button,.page-size{justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:11px;display:inline-flex}.page-size{padding:0;overflow:hidden}.page-size select{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0 8px;font-size:11px}.page-buttons button.active{color:var(--gold-bright);background:#b8985f24;border-color:#b8985f6b}.empty-state{height:160px;color:var(--text-soft);grid-template-columns:90px minmax(0,auto);justify-content:center;place-items:center;gap:14px;font-size:13px;display:grid}.empty-state img{object-fit:contain;filter:drop-shadow(0 0 12px #c9e3ff5c);width:86px;height:78px}.reader-panel{grid-template-rows:34px 1fr;min-height:0;display:grid;overflow:hidden}.reader-panel.empty-reader{border-top:1px solid var(--line)}.reader-empty-state{min-height:0;color:var(--text-soft);align-content:center;place-items:center;gap:12px;font-size:13px;display:grid}.reader-empty-state img{object-fit:contain;filter:drop-shadow(0 0 16px #c9e3ff47);width:120px;height:104px}.reader-empty-state p{margin:0}.reader-panel.reader-fullscreen{z-index:40;background:radial-gradient(circle at 72% 12%,#7a8da61f,#0000 24%),linear-gradient(#13171ffa,#0d1117fc);border:1px solid #b8985f47;border-radius:8px;grid-template-rows:44px minmax(0,1fr);position:fixed;inset:10px;box-shadow:0 22px 80px #000000c2,0 0 0 9999px #05080ec2,0 0 0 1px #ffffff0a}.reader-breadcrumb{color:var(--text);border-bottom:1px solid var(--line);font-family:var(--font-ui);align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.reader-fullscreen .reader-breadcrumb{background:#0d1117e0;padding-inline:20px}.reader-breadcrumb img{object-fit:contain;filter:drop-shadow(0 0 8px #ffd75f4d);width:34px;height:30px;margin-left:auto}.reader-breadcrumb span:not(:first-child){color:var(--text-soft);font-family:inherit;font-size:12px}.reader-breadcrumb strong{color:var(--gold);font-size:12px;font-weight:500}.reader-expand-button{height:26px;color:var(--gold-bright);font-family:var(--font-ui);align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.reader-body{grid-template-columns:minmax(190px,220px) minmax(0,1fr);min-height:0;display:grid}.reader-panel.toc-collapsed .reader-body{grid-template-columns:1fr}.reader-panel.reader-fullscreen .reader-body{grid-template-columns:minmax(210px,270px) minmax(0,1fr)}.reader-panel.reader-fullscreen.toc-collapsed .reader-body{grid-template-columns:1fr}.chapter-list{border-right:1px solid var(--line);min-height:0}.chapter-list header{height:45px;color:var(--text-strong);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.chapter-list header p{margin:0;font-size:14px}.chapter-scroll{flex-direction:column;gap:4px;height:calc(100% - 45px);padding:4px 8px 14px 16px;display:flex;overflow:auto}.chapter-scroll button{width:100%;height:auto;min-height:29px;color:var(--text);text-align:left;white-space:normal;background:0 0;border-color:#0000;padding:7px 10px;font-size:12px;line-height:1.32;display:block;overflow:hidden}.chapter-scroll button span{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chapter-scroll button.active{color:var(--text-strong);background:#b8985f1a;border-color:#b8985f57;box-shadow:inset 0 0 0 1px #b8985f0d}.reading-surface{background:linear-gradient(#161b24fa,#0f131afa);grid-template-rows:auto minmax(0,1fr) 10px auto;min-width:0;min-height:0;padding:0 18px 12px;display:grid;position:relative}.reader-fullscreen .reading-surface{padding:0 clamp(18px,3vw,56px) 18px}.reader-fullscreen .chapter-header,.reader-fullscreen .chapter-text,.reader-fullscreen .read-progress,.reader-fullscreen .reader-controls{width:min(100%,1080px);margin-inline:auto}.reader-fullscreen .chapter-header{padding-top:24px}.reader-fullscreen .chapter-header h2{font-size:32px}.reader-fullscreen .chapter-text{padding-top:22px}.reader-fullscreen .chapter-text p{max-width:920px}.reading-surface.warm{background:linear-gradient(#1c1d1ffa,#131416fa)}.reading-surface.paper{background:linear-gradient(#e0dcd1fa,#c6c1b4f5)}.reading-surface.paper .chapter-header h2,.reading-surface.paper .chapter-text p{color:#21170d}.reading-surface.paper .chapter-header p,.reading-surface.paper .chapter-actions button,.reading-surface.paper .read-progress strong{color:#47361f}.chapter-header{border-bottom:1px solid #ffffff13;justify-content:space-between;gap:16px;padding:15px 0 10px;display:flex}.chapter-header h2{color:var(--text-strong);font-family:var(--font-ui);letter-spacing:0;margin:0 0 8px;font-size:25px;font-weight:500}.chapter-header p,.chapter-actions button{color:var(--text);align-items:center;gap:9px;margin:0;font-size:12px;display:inline-flex}.chapter-header p span{color:#9aa3b26b}.chapter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.chapter-actions button{white-space:nowrap;background:0 0;border:0;height:28px;padding:0 2px}.chapter-text{min-height:0;padding-top:12px;overflow:auto}.chapter-text p{color:#c7d0dc;max-width:720px;font-family:var(--font-ui);font-size:var(--reader-font,16px);line-height:var(--reader-line,1.75);margin:0 0 11px}.chapter-text .chapter-loading{color:var(--gold-bright);font-family:var(--font-ui);font-size:12px}.read-progress{opacity:.72;grid-template-columns:1fr 42px;align-items:center;gap:12px;display:grid}.read-progress span{background:#9aa3b21a;border-radius:99px;height:2px;position:relative}.read-progress span:before{content:"";width:var(--reader-progress,16%);border-radius:inherit;box-shadow:none;background:#9aa3b26b;position:absolute;inset:0 auto 0 0}.read-progress strong{color:var(--text-soft);font-size:12px;font-weight:500}.reader-controls{border-top:1px solid #ffffff0e;align-items:center;gap:8px;min-width:0;padding-top:10px;display:flex;overflow:auto hidden}.reader-controls button{background:#ffffff06;flex:none;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:12px;display:inline-flex}.reader-controls .next-chapter{color:var(--text-strong)}.details-panel{grid-template-rows:auto auto auto auto auto minmax(168px,1fr) auto;gap:8px;padding:14px 12px;display:grid;overflow:auto}.detail-empty-state{min-height:360px;color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.detail-empty-state img{object-fit:contain;filter:drop-shadow(0 0 16px #c9e3ff3d);width:118px;height:96px}.detail-empty-state p{color:var(--gold);font-family:var(--font-ui);margin:0;font-size:16px}.detail-empty-state span{max-width:220px;font-size:12px;line-height:1.6}.details-title{min-height:42px;position:relative}.details-title h2{color:var(--gold);font-family:var(--font-ui);margin:0;font-size:16px;font-weight:500}.floating-mark{width:86px;height:78px;position:absolute;top:-14px;right:4px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);gap:14px;padding-bottom:10px;display:grid}.detail-hero h3{color:var(--text-strong);font-family:var(--font-ui);margin:12px 0 7px;font-size:16px;font-weight:500}.detail-hero p{color:var(--text-strong);margin:0 0 8px;font-size:12px}.detail-platform{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.detail-rating{min-height:28px;color:var(--gold-bright);background:#c4a16214;border:1px solid #c4a1626b;border-radius:7px;align-items:center;gap:7px;margin-bottom:12px;padding:0 10px;font-size:11px;display:inline-flex}.detail-rating strong{color:var(--text-strong);font-size:13px;font-weight:500}.detail-rating.empty{color:var(--text-soft);background:#ffffff06;border-color:#9aa3b238}.detail-hero button{height:34px;color:var(--gold);align-items:center;gap:8px;padding:0 14px;font-size:13px;display:inline-flex}.stats-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-bottom:8px;display:grid}.stat{border-right:1px solid var(--line);min-height:45px;padding:7px 10px 5px}.stat:nth-child(2n){border-right:0}.stat span{color:var(--text-soft);margin-bottom:7px;font-size:11px;display:block}.stat strong{color:var(--text);overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.35;display:block}.summary-box,.json-box,.ai-box{border:1px solid var(--line);background:#0d1117c2;border-radius:7px;padding:8px 9px}.summary-box h4,.json-box h4,.ai-box h4{color:var(--gold);font-family:var(--font-ui);margin:0 0 8px;font-size:14px;font-weight:500}.summary-box p{color:var(--text);font-family:var(--font-ui);margin:0;font-size:12px;line-height:1.52}.expand-button{float:right;height:20px;color:var(--gold);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.summary-box:not(.expanded) p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.json-box{min-height:0;overflow:hidden}.json-box header{justify-content:space-between;align-items:center;display:flex}.json-box header button{background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.json-box h4 span,.ai-box h4 span{color:var(--text-soft);font-family:inherit;font-size:12px}.json-box pre{color:#aeb7c5;height:140px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;font-size:11px;line-height:1.55;overflow:auto}.ai-box{overflow:hidden}.ai-title{grid-template-columns:1fr 54px;align-items:start;gap:10px;display:grid}.ai-title img{object-fit:contain;filter:drop-shadow(0 0 9px #c9e3ff57);width:56px;height:52px;transform:translateY(-10px)}.signal-grid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.signal-grid p{color:var(--text);grid-template-columns:10px auto 1fr;gap:4px;margin:0;font-size:11px;line-height:1.6;display:grid}.signal-grid strong{color:var(--gold);white-space:nowrap;font-weight:500}.cover-art{isolation:isolate;border:1px solid var(--line-strong);background:radial-gradient(circle at 60% 18%,#ffffff8c 0 8%,#0000 9%),linear-gradient(155deg,#ffffff1f,#0000 32%),#13171f;border-radius:6px;align-content:end;justify-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #ffffff0d}.cover-art.thumb{border-radius:4px;width:35px;height:46px}.cover-art.large{width:96px;height:130px}.cover-art.has-image{background:#0d1117}.cover-image{z-index:0;object-fit:cover;filter:saturate(.92)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.cover-art:before{content:"";z-index:-1;opacity:.88;background:radial-gradient(at 52% 34%,#ffffff47,#0000 20%),linear-gradient(160deg,#0000 0 30%,#00000075 31% 100%);position:absolute;inset:0}.cover-art.has-image:before{z-index:1;opacity:1;background:linear-gradient(#00000008 0 40%,#000000e6 100%),linear-gradient(140deg,#7a8da62e,#0000 42%)}.cover-art.has-image .cover-glow,.cover-art.has-image .cover-symbol{display:none}.cover-art.moon{background-color:#0f1720}.cover-art.blood{background-color:#24100f}.cover-art.vows{background-color:#201812}.cover-art.ashes{background-color:#121b23}.cover-art.alpha{background-color:#151513}.cover-art.crown{background-color:#231a12}.cover-art.heir{background-color:#182021}.cover-art.luna{background-color:#171521}.cover-glow{aspect-ratio:1;background:#fff9ded1;border-radius:50%;width:46%;position:absolute;top:22%;left:50%;transform:translate(-3%);box-shadow:0 0 24px #ffffe666}.cover-symbol{color:#e9cfa0bd;position:absolute;top:28%;left:20%;transform:rotate(-12deg)}.cover-art strong,.cover-art span{z-index:2;max-width:90%;color:var(--text-strong);text-align:center;text-transform:uppercase;text-shadow:0 1px 5px #000c;position:relative}.cover-art strong{font-family:var(--font-ui);margin-bottom:2px;font-size:7px;line-height:1.05}.cover-art span{letter-spacing:.8px;margin-bottom:4px;font-size:4px}.cover-art.large strong{margin-bottom:5px;font-size:15px;line-height:.98}.cover-art.large span{margin-bottom:12px;font-size:9px}.toast{z-index:10;max-width:320px;color:var(--gold-bright);background:#13171ff5;border:1px solid #b8985f57;border-radius:7px;padding:9px 12px;font-size:12px;position:fixed;bottom:16px;right:18px;box-shadow:0 16px 34px #0000006b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}::-webkit-scrollbar-track{background:#0000002e}@media (width<=1240px){body{overflow:auto}.app-shell{grid-template-columns:244px minmax(730px,1fr);height:auto;min-height:100svh;overflow:visible}.details-panel{grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:320px 1fr}}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-columns:1fr;gap:12px;height:auto;min-height:100svh;padding:8px;overflow:visible}.sidebar{grid-template-rows:auto auto auto auto}.saved-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{max-height:none}.workspace{grid-template-rows:auto 430px 560px}.topbar{grid-template-columns:1fr 1fr;gap:8px}.search-box{grid-column:1/-1}.capture-time,.time-icon{display:none}.reader-controls{flex-wrap:wrap;align-content:end;display:flex}.reader-controls button{min-width:72px}.details-panel{grid-column:auto;grid-template-rows:auto;grid-template-columns:none;overflow:visible}}@media (width<=640px){.saved-nav,.check-grid,.split-fields,.signal-grid{grid-template-columns:1fr}.workspace{grid-template-rows:auto 430px 620px}.topbar,.reader-body,.reader-panel.toc-collapsed .reader-body{grid-template-columns:1fr}.reader-panel.reader-fullscreen{inset:6px}.reader-panel.reader-fullscreen .reader-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.reader-panel.reader-fullscreen.toc-collapsed .reader-body{grid-template-rows:minmax(0,1fr)}.chapter-list{border-right:0;border-bottom:1px solid var(--line);max-height:188px}.reader-panel.reader-fullscreen .chapter-list{max-height:132px}.reader-panel.reader-fullscreen .chapter-scroll{grid-template-columns:repeat(3,minmax(92px,1fr));height:86px;padding:4px 10px 10px}.reader-fullscreen .reader-breadcrumb{gap:8px;padding-inline:10px}.reader-fullscreen .reader-breadcrumb img{width:28px;height:25px}.reader-fullscreen .chapter-header{padding-top:16px;display:block}.reader-fullscreen .chapter-header h2{font-size:26px}.reader-fullscreen .chapter-actions{margin-top:8px}.reading-surface{padding-inline:12px}}@media (width<=1350px){.topbar{grid-template-columns:minmax(260px,1fr) 126px 74px 78px}.capture-time,.time-icon{display:none}.detail-hero{grid-template-columns:92px 1fr;gap:12px}.cover-art.large{width:92px;height:124px}.cover-art.large strong{font-size:13px}.stat{padding-inline:8px}}
