:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#29251f;font-synthesis:none;text-rendering:optimizelegibility;--bg:#e8e1d5;--surface:#f7f2e8;--surface-strong:#fffdf8;--paper:#fffdf8;--ink:#29251f;--muted:#786f62;--faint:#9b9285;--line:#3e342721;--line-strong:#3e342736;--accent:#b9552e;--accent-deep:#8d3b20;--accent-soft:#f0d6c5;--highlight:#f2b8396b;--green:#50846b;--shadow-soft:0 12px 32px #42362714;--shadow-page:0 22px 52px #342a1e30, 0 2px 5px #342a1e14;background:#e8e1d5;font-family:Avenir Next,Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-width:320px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{background:radial-gradient(80% 55% at 78% -15%,#fffaeee6,#0000 68%),radial-gradient(55% 45% at -10% 60%,#be9d7829,#0000 65%),linear-gradient(145deg,#ece6dc 0%,#e5ded1 48%,#e9e2d6 100%);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf7f0bd;flex:0 0 68px;align-items:center;gap:24px;padding:0 24px;display:flex}.brand-lockup{color:inherit;flex:none;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#fff9ef;background:linear-gradient(145deg,#353028,#211e19);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 7px 16px #31281d30}.brand-wave{background:#2b2721;border:1.5px solid #f3b660;border-radius:50%;width:6px;height:6px;position:absolute;bottom:7px;right:7px}.brand-copy{flex-direction:column;line-height:1.15;display:flex}.brand-copy strong{letter-spacing:.13em;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:19px;font-weight:700}.brand-copy span{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:10px;font-weight:600}.document-chip{color:#5e574c;background:#fffcf58c;border:1px solid #51443217;border-radius:10px;align-items:center;gap:9px;min-width:0;max-width:540px;padding:8px 12px;font-size:12.5px;display:flex}.document-chip svg{color:var(--accent);flex:none}.document-chip.is-empty{color:var(--faint)}.document-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.document-size{color:var(--faint);border-left:1px solid var(--line);flex:none;padding-left:9px;font-size:11px}.topbar-actions{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.local-badge{color:var(--muted);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.local-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #50846b1f}.primary-button,.secondary-button,.restore-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#fffaf2;background:linear-gradient(145deg,#bb5a32,#a24727);min-height:40px;padding:0 16px;font-size:13px;box-shadow:0 7px 16px #97412233}.primary-button:not(:disabled):hover{background:linear-gradient(145deg,#c46238,#a84a28);transform:translateY(-1px)}.secondary-button{min-height:37px;color:var(--accent-deep);background:#fffaf2cc;border:1px solid #b2512d33;padding:0 13px;font-size:12.5px}.secondary-button:not(:disabled):hover{background:#fffaf2;box-shadow:0 5px 14px #65452a14}.icon-button{background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:inline-grid}.icon-button:not(:disabled):hover{color:var(--accent-deep);background:#b9552e14}.workspace{flex:auto;grid-template-columns:minmax(0,1fr) 286px;gap:14px;min-height:0;padding:14px 18px 12px;display:grid}.reader-shell{min-width:0;min-height:0;box-shadow:var(--shadow-soft);background:#f9f6efb8;border:1px solid #4b3e2d1f;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.reader-toolbar{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcf9f3e8;flex:0 0 56px;align-items:center;gap:18px;padding:0 14px;display:flex}.page-navigation,.toolbar-actions,.page-jump{align-items:center;display:flex}.page-navigation{gap:2px}.toolbar-icon{border-radius:8px;width:32px;height:32px}.page-jump{gap:7px;margin:0 3px}.page-jump input{width:44px;height:30px;color:var(--ink);border:1px solid var(--line-strong);text-align:center;-moz-appearance:textfield;background:#fffdf8;border-radius:7px;padding:0 5px;font-size:12.5px;font-weight:700}.page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-count{color:var(--muted);white-space:nowrap;font-size:11.5px}.toolbar-status{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin:0 auto;font-size:11.5px;font-weight:550;display:flex}.status-pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite soft-pulse;box-shadow:0 0 0 4px #b9552e1a}.toolbar-actions{flex:none;gap:2px;margin-left:auto}.toolbar-toggle{height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.toolbar-toggle:hover{color:var(--ink);background:#4e41300e}.toolbar-toggle.is-on{color:var(--accent-deep);background:#b9552e13;border-color:#b9552e1c}.bookmark-menu{display:inline-flex;position:relative}.bookmark-trigger.is-bookmarked{color:var(--accent-deep)}.bookmark-count{color:#fffaf2;background:var(--accent);font-variant-numeric:tabular-nums;border-radius:20px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:750;display:inline-flex}.bookmark-popover{z-index:40;scrollbar-width:thin;background:#fffcf5fa;border:1px solid #4a3d2c24;border-radius:13px;width:min(320px,100vw - 28px);max-height:min(430px,100dvh - 150px);padding:10px;animation:.15s ease-out fade-in;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 18px 42px #342a1e30}.bookmark-popover-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;padding:2px 4px 8px;font-size:10px;display:flex}.bookmark-popover-head strong{color:var(--ink);letter-spacing:.08em;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:14px}.bookmark-current{width:100%;min-height:36px;color:var(--accent-deep);background:#fff8eee0;border:1px solid #b2512d33;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;font-weight:650;display:flex}.bookmark-current:hover{background:#fffaf2}.bookmark-current.is-bookmarked{color:#7d5c47;background:#7d5c470f;border-color:#7d5c472e}.bookmark-list{flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none;display:flex}.bookmark-list li{border-radius:9px;align-items:stretch;gap:2px;display:flex}.bookmark-list li:hover,.bookmark-list li.is-current{background:#b9552e0e}.bookmark-jump{text-align:left;background:0 0;border:0;border-radius:9px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:7px 8px;display:flex}.bookmark-page{color:#4b4236;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.bookmark-page svg{color:var(--accent)}.bookmark-current-badge{color:var(--accent-deep);background:#b9552e17;border-radius:20px;padding:1px 5px;font-size:8px;font-weight:750}.bookmark-excerpt{color:#83786a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.bookmark-remove{color:#a09789;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:30px;display:grid}.bookmark-remove:hover{color:#9d4327;background:#b9552e17}.bookmark-empty{color:#8a7f70;margin:9px 4px 3px;font-size:10.5px;line-height:1.65}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 5px}.zoom-select-wrap{align-items:center;display:inline-flex}.zoom-select{width:94px;height:30px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 16px 0 4px;font-size:10.5px;font-weight:650}.zoom-select:hover{color:var(--ink);border-color:var(--line);background:#4e41300e}.zoom-select option{color:var(--ink);background:var(--surface-strong)}.restore-banner{color:#513727;background:linear-gradient(90deg,#f6ddbdcc,#fbf2e0b3),#f8ead2;border-bottom:1px solid #b173372e;flex:none;align-items:center;gap:10px;padding:9px 12px;animation:.25s ease-out banner-in;display:flex}.restore-icon{color:#8e542b;background:#fffaedb3;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.restore-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.restore-copy strong{font-family:Noto Serif SC,Songti SC,serif;font-size:12.5px;font-weight:700}.restore-copy span{color:#7f6854;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.restore-button{color:#fff8ed;background:#99502c;border-radius:8px;flex:none;min-height:30px;padding:0 13px;font-size:11.5px}.restore-button:hover{background:#864322}.restore-dismiss{color:#7f6854;flex:none;width:30px;height:30px}.reader-content{flex:1;min-height:0;display:flex;position:relative}.page-viewport{overscroll-behavior:contain;scrollbar-color:#5c4e3c57 transparent;scrollbar-width:thin;background:radial-gradient(circle at 1px 1px,#54463413 .7px,#0000 .8px) 0 0/17px 17px,linear-gradient(155deg,#e1dbcf 0%,#d9d2c5 100%);flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.page-viewport::-webkit-scrollbar{width:10px;height:10px}.page-viewport::-webkit-scrollbar-thumb{background:#5c4e3c4d padding-box content-box;border:3px solid #0000;border-radius:10px}.page-viewport::-webkit-scrollbar-track{background:0 0}.page-stage{justify-content:center;align-items:flex-start;width:max-content;min-width:100%;min-height:100%;padding:8px 12px;display:flex}.page-block{flex-direction:column;flex:none;animation:.26s ease-out page-arrive;display:flex}.pdf-page{isolation:isolate;background:var(--paper);box-shadow:var(--shadow-page);border:1px solid #4034261c;border-radius:3px;position:relative;overflow:hidden}.pdf-canvas{background:var(--paper);width:100%;height:100%;display:block}.highlight-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sentence-hit{pointer-events:auto;background:0 0;border:0;border-radius:2px;padding:0;transition:background-color .12s,box-shadow .12s;position:absolute}.sentence-hit:hover{background:#b053261a;box-shadow:inset 0 0 0 1px #a04b232e}.sentence-hit.is-active{background:var(--highlight);mix-blend-mode:multiply;box-shadow:inset 0 0 0 1px #ad6e1721,0 1px 5px #cb8b1914}.sentence-hit:focus-visible{z-index:3;outline:2px solid var(--accent);outline-offset:1px}.image-hit-layer{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.image-hit{pointer-events:auto;background:0 0;border:0;border-radius:4px;padding:0;transition:background-color .13s,box-shadow .13s;position:absolute}.image-hit:hover,.image-hit:focus-visible{background:#b9552e0f;box-shadow:inset 0 0 0 2px #b9552e8c,0 0 0 3px #fffaeea8}.image-hit.is-pinned{background:#b9552e09;box-shadow:inset 0 0 0 1px #b9552e61,0 0 0 2px #fffaee85}.image-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-caret{z-index:4;pointer-events:none;background:#b84923;border-radius:3px;width:3px;transition:left 80ms linear,top 80ms linear,height 80ms linear;position:absolute;box-shadow:0 0 0 1px #fffaee8c,0 0 8px #b8492347}.reading-caret:before{content:"";background:#b84923;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-2px}.page-render-state{z-index:5;color:#6d6254;text-align:center;background:#fffdf8e0;flex-direction:column;justify-content:center;align-items:center;gap:11px;font-size:12px;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.page-render-state.is-error{color:#8f3d2b;padding:30px}.page-render-state.is-error strong{font-family:Noto Serif SC,Songti SC,serif;font-size:17px}.page-render-state.is-error span{color:#8b7168;max-width:420px;line-height:1.6}.reader-split{flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.reader-page-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;container-type:inline-size}.reference-resizer{z-index:2;cursor:col-resize;touch-action:none;background:#e8dfd18f;border-left:1px solid #44372714;border-right:1px solid #4437271a;flex:0 0 11px;justify-content:center;align-items:center;width:11px;min-width:11px;display:flex;position:relative}.reference-resizer:before{content:"";background:#5b493224;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.reference-resizer span{z-index:1;background:radial-gradient(circle,#5c4c389e 1px,#0000 1.4px) 0 0/5px 7px;border-radius:999px;width:5px;height:38px;position:relative}.reference-resizer:hover,.reference-resizer:focus-visible,.is-resizing-reference .reference-resizer{background:#d6bea180}.reference-resizer:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reference-pane{background:radial-gradient(90% 40% at 100% 0,#e3c0992e,#0000 70%),#f5f0e7f0;flex:none;min-width:0;min-height:0;display:flex;overflow:hidden}.reference-column{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.reference-column-heading{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 4px;display:flex}.reference-column-eyebrow{color:#493f32;letter-spacing:.03em;align-items:center;gap:7px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:13px;font-weight:700;display:inline-flex}.reference-column-eyebrow svg{color:var(--accent-deep)}.reference-column-page{color:#897c6d;font-variant-numeric:tabular-nums;flex:none;font-size:9.5px;font-weight:650}.reference-column-hint{color:#938779;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:none;margin:0;padding:0 12px 9px;font-size:9px;overflow:hidden}.reference-gallery-list{overscroll-behavior:contain;scrollbar-color:#5c4e3c6b #5c4e3c0f;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;gap:13px;min-height:0;padding:0 9px 12px 10px;display:flex;overflow:hidden scroll}.reference-gallery-list::-webkit-scrollbar{width:10px}.reference-gallery-list::-webkit-scrollbar-track{background:#5c4e3c0f;border-radius:999px}.reference-gallery-list::-webkit-scrollbar-thumb{background:#5c4e3c6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.reference-gallery-list::-webkit-scrollbar-thumb:hover{background:#5c4e3c94 padding-box padding-box}.reference-gallery-list:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reference-gallery-group{flex-direction:column;gap:7px;min-width:0;display:flex}.reference-gallery-group+.reference-gallery-group{border-top:1px solid #493b2a17;padding-top:12px}.reference-gallery-group-heading{justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:1px 2px;display:flex}.reference-gallery-images{flex-direction:column;gap:8px;min-width:0;display:flex}.reference-gallery-card{background:#fffcf6bd;border:1px solid #493b2a1f;border-radius:12px;margin:0;transition:border-color .14s,box-shadow .14s;position:relative;overflow:hidden;box-shadow:0 5px 14px #392d1e0d}.reference-gallery-group.is-current .reference-gallery-card{background:#fffaf2f0;border-color:#a94d2b57}.reference-gallery-card.is-active{border-color:#a94d2bb8;box-shadow:0 7px 19px #46321f1a,inset 0 0 0 1px #ffffff9e}.reference-gallery-label{color:#6b5e4e;letter-spacing:.05em;align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:inline-flex}.reference-gallery-label:before{content:"";background:#b7aa98;border-radius:50%;width:5px;height:5px}.reference-gallery-group.is-current .reference-gallery-label{color:var(--accent-deep)}.reference-gallery-group.is-current .reference-gallery-label:before{background:var(--accent);box-shadow:0 0 0 3px #b9552e1f}.reference-gallery-page{color:#938677;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:8.5px}.reference-gallery-frame{background:linear-gradient(145deg,#e9e2d79e,#f0eae06b);place-items:center;min-width:0;min-height:96px;padding:6px;display:grid;position:relative;overflow:hidden}.reference-gallery-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;background:#fffdf8;border:1px solid #4336271a;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:280px;display:block;box-shadow:0 4px 11px #34291c14}.reference-gallery-active-badge{color:#fffaf2;letter-spacing:.03em;pointer-events:none;background:#9a3e22e6;border-radius:999px;padding:3px 7px;font-size:8.5px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 2px 7px #42201433}.reference-gallery-empty{background:#fffcf66b;border:1px dashed #5c4c3826;border-radius:10px;place-items:center;min-height:92px;padding:12px;display:grid}.reference-gallery-placeholder{color:#a09484;text-align:center;justify-content:center;align-items:center;gap:7px;max-width:180px;font-size:9.5px;line-height:1.45;display:flex}.reference-gallery-placeholder svg{opacity:.64;flex:none}.is-resizing-reference,.is-resizing-reference *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.reading-rail{scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;padding:1px 2px 2px 0;display:flex;overflow:auto}.rail-card,.shortcut-card{background:#faf7f0c9;border:1px solid #4a3d2c1c;border-radius:14px;flex:none;padding:15px;box-shadow:0 7px 22px #493b290a}.follow-card{background:radial-gradient(120% 80% at 100% 0,#efcfa64d,#0000 64%),#fbf8f1e6}.rail-card-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:10.5px;font-weight:600;display:flex}.rail-eyebrow{color:#716758;letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;font-weight:750;display:inline-flex}.rail-eyebrow svg{color:var(--accent)}.rail-live{color:#82786a;background:#5348380f;border-radius:20px;padding:3px 7px;font-size:9px;font-weight:700}.rail-live.is-live{color:#3e6d55;background:#50846b1a}.active-sentence-box{scrollbar-width:thin;border-left:2px solid #b9552e6b;max-height:148px;padding:1px 2px 1px 12px;overflow:auto}.active-sentence-box p{color:#3b342b;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:13.5px;line-height:1.85}.active-sentence-box p.rail-muted{color:#8a7f70;font-family:inherit;font-size:11.5px;line-height:1.7}.rail-sentence-meta{color:#8a8072;justify-content:space-between;margin:11px 0 10px;font-size:9.5px;display:flex}.rail-play{width:100%}.document-progress{background:#483c2c17;border-radius:10px;height:5px;overflow:hidden}.document-progress span{border-radius:inherit;background:linear-gradient(90deg,#ca7146,#a74826);height:100%;transition:width .26s;display:block}.rail-facts{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.rail-facts div{background:#5446320b;border-radius:8px;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.rail-facts span{color:#918678;font-size:9px}.rail-facts strong{color:#4b4236;font-size:11.5px;font-weight:700}.save-status{color:#83796b;align-items:center;gap:5px;margin:11px 0 0;font-size:9.5px;display:flex}.save-status svg{color:var(--green)}.source-card{padding-bottom:13px}.source-name{color:#4b4236;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 5px;font-size:11.5px;font-weight:650;overflow:hidden}.source-note{color:#8b8173;margin:0;font-size:9.5px;line-height:1.65}.shortcut-card{padding:14px 15px}.shortcut-card dl{grid-template-columns:1fr 1fr;gap:9px 12px;margin:11px 0 0;display:grid}.shortcut-card dl div{flex-direction:column;gap:2px;display:flex}.shortcut-card dt{color:#665b4c;font-size:9.5px;font-weight:750}.shortcut-card dd{color:#94897b;margin:0;font-size:8.5px}.player-bar{color:#f7f0e3;background:radial-gradient(70% 130% at 0 120%,#ba5b3226,#0000 65%),linear-gradient(118deg,#2d2922 0%,#211e19 58%,#262119 100%);border:1px solid #ffffff0e;border-radius:13px;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;margin:0 8px 8px;padding:5px 10px;display:grid;box-shadow:0 9px 22px #2f251933}.transport-controls{flex:none;align-items:center;gap:3px;display:flex}.transport-skip{color:#bfb4a3;border-color:#ffffff14;border-radius:50%;width:30px;height:30px}.transport-skip:not(:disabled):hover{color:#fff9ee;background:#ffffff13;border-color:#ffffff21}.play-button{color:#fff9ef;background:linear-gradient(145deg,#ca673b,#a74824);border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 8px 20px #9d422061,inset 0 1px #ffffff2e}.play-button:not(:disabled):hover{transform:scale(1.04);box-shadow:0 10px 25px #9d422070,inset 0 1px #fff3}.play-glyph{margin-left:3px}.now-playing{flex-direction:column;gap:4px;min-width:0;display:flex}.now-playing-meta{color:#968b7b;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex}.playback-state{color:#b5a999;letter-spacing:.04em;align-items:center;gap:6px;display:inline-flex}.playback-dot{background:#766b5c;border-radius:50%;width:5px;height:5px}.playback-state.is-live{color:#d7b477}.playback-state.is-live .playback-dot{background:#e7a85e;animation:1.7s ease-in-out infinite soft-pulse;box-shadow:0 0 8px #e7a85e99}.now-playing-page{color:#7f7466}.player-progress-track{background:#ffffff17;border-radius:4px;height:2px;overflow:hidden}.player-progress-track span{border-radius:inherit;background:#d88b58;height:100%;transition:width .1s linear;display:block}.playback-settings{flex:none;align-items:center;gap:6px;display:flex}.select-field{color:#bcb1a1;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:4px;height:30px;padding:0 7px;display:flex}.select-field svg{color:#d39367}.select-label{color:#8f8474;white-space:nowrap;font-size:8.5px;font-weight:650}.select-field select{color:#f0e8db;cursor:pointer;background:0 0;border:0;outline:0;max-width:118px;padding:0 14px 0 1px;font-size:10px;font-weight:650}.select-field select option{color:var(--ink);background:#fffdf8}.speed-field select{width:62px}.volume-field{color:#bcb1a1;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:5px;width:132px;height:30px;padding:0 7px;display:flex}.volume-toggle{color:#d39367;background:0 0;border:0;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.volume-slider{appearance:none;cursor:pointer;background:0 0;width:72px;height:16px;margin:0}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #d39367 0 var(--volume), #ffffff24 var(--volume) 100%);border-radius:99px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#f4d1b5;border:2px solid #241f19;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 1px #d39367}.volume-slider::-moz-range-track{background:#ffffff24;border-radius:99px;height:4px}.volume-slider::-moz-range-progress{background:#d39367;border-radius:99px;height:4px}.volume-slider::-moz-range-thumb{background:#f4d1b5;border:2px solid #241f19;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #d39367}.volume-value{color:#8f8474;font-variant-numeric:tabular-nums;text-align:right;min-width:26px;font-size:8.5px;font-weight:650}.voice-field select{width:104px}@container (width<=720px){.player-bar{gap:8px;margin:0 6px 6px;padding:5px 8px}.transport-controls{gap:2px}.transport-skip{width:28px;height:28px}.play-button{width:40px;height:40px}.select-label{display:none}.select-field{height:28px;padding:0 5px}.speed-field svg{display:none}.speed-field select{width:62px}.volume-field{width:104px;padding:0 5px}.volume-slider{width:54px}.volume-value{display:none}.voice-field select{width:90px}}@container (width<=520px){.player-bar{grid-template-columns:auto minmax(0,1fr)}.now-playing-meta{white-space:nowrap;gap:5px;overflow:hidden}.now-playing-page{display:none}.playback-settings{grid-area:2/1/auto/-1;justify-content:stretch;gap:4px}.speed-field,.voice-field,.volume-field{flex:1}.voice-field select{width:100%}.volume-field{width:auto;min-width:92px}.volume-slider{flex:1;width:auto;min-width:42px}}@container (width<=368px){.player-bar{grid-template-columns:auto minmax(0,1fr);gap:5px 8px}.transport-controls{grid-area:1/1}.now-playing{grid-area:1/2}.playback-settings{grid-area:2/1/auto/-1}.select-field{flex:1}.speed-field select,.voice-field select{width:100%}.volume-field{flex:1.2}}.shelf-button{min-height:38px;padding:0 12px}.shelf-count{color:#fffaf2;background:var(--accent);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:750;line-height:1;display:inline-grid}.shelf-overlay{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2c23185c;justify-content:flex-end;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.shelf-panel{background:radial-gradient(70% 40% at 100% 0,#fffcf4eb,#0000 65%),linear-gradient(155deg,#fcf8f0 0%,#f2ebdf 100%);border-left:1px solid #4639291f;flex-direction:column;width:min(1060px,94vw);height:100%;animation:.24s cubic-bezier(.22,.8,.28,1) shelf-in;display:flex;overflow:hidden;box-shadow:-30px 0 70px #30241633}.shelf-panel.is-drag-over{outline-offset:-14px;outline:3px dashed #b9552e8c}.shelf-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf6bd;flex:none;align-items:center;gap:18px;padding:18px 22px;display:flex}.shelf-heading{align-items:center;gap:12px;min-width:0;display:flex}.shelf-mark{color:#f3b660;background:linear-gradient(145deg,#353028,#211e19);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 18px #31281d33}.shelf-heading h2{letter-spacing:.08em;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:20px;font-weight:700}.shelf-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.shelf-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.shelf-close{border-radius:10px;width:37px;height:37px}.shelf-upload-status{color:var(--muted);border-bottom:1px solid var(--line);background:#fffcf680;flex:none;align-items:center;gap:13px;padding:10px 24px;font-size:11px;font-weight:600;display:flex}.shelf-upload-track{background:#5345331f;border-radius:3px;flex:1;height:5px;overflow:hidden}.shelf-upload-track span{border-radius:inherit;background:linear-gradient(90deg,#c86a3e,#a94a28);height:100%;transition:width .18s;display:block}.shelf-error{color:var(--accent-deep);background:#b9552e14;border:1px solid #b2512d3d;border-radius:9px;flex:none;margin:12px 24px 0;padding:9px 12px;font-size:11.5px;line-height:1.55}.shelf-body{scrollbar-color:#5b4c3952 transparent;scrollbar-width:thin;flex:1;padding:18px 24px 30px;overflow:hidden auto}.shelf-body::-webkit-scrollbar{width:8px}.shelf-body::-webkit-scrollbar-thumb{background:#5b4c3947 padding-box padding-box;border:2px solid #0000;border-radius:6px}.shelf-drop-hint{color:var(--faint);align-items:center;gap:7px;margin:0 2px 16px;font-size:10.5px;display:flex}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 16px;display:grid}.shelf-book{background:#fffdf880;border:1px solid #0000;border-radius:16px;flex-direction:column;min-width:0;padding:10px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex;position:relative}.shelf-book:hover{background:var(--surface-strong);box-shadow:var(--shadow-soft);border-color:#b9552e33;transform:translateY(-2px)}.shelf-book.is-current{background:#f8fdf9c7;border-color:#50846b57}.shelf-book-open{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.shelf-cover{aspect-ratio:3/4;color:#fdf6ea;border-radius:4px 9px 9px 4px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:17px 13px 13px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,inset 10px 0 18px #0000001f,0 10px 20px #3528192e}.shelf-cover:after{content:"";pointer-events:none;background:radial-gradient(circle at 78% 14%,#ffffff29,#0000 34%),linear-gradient(120deg,#0000 55%,#0000001f);position:absolute;inset:0}.shelf-cover>*{z-index:1;position:relative}.shelf-cover.tone-0{background:linear-gradient(150deg,#76543d,#3d2a1f)}.shelf-cover.tone-1{background:linear-gradient(150deg,#48675d,#263d37)}.shelf-cover.tone-2{background:linear-gradient(150deg,#8f5a3c,#562f21)}.shelf-cover.tone-3{background:linear-gradient(150deg,#56637f,#2c3549)}.shelf-cover.tone-4{background:linear-gradient(150deg,#877049,#4c3c24)}.shelf-cover-spine{background:#ffffff24;width:8px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #0003}.shelf-cover svg{opacity:.78}.shelf-cover-title{text-shadow:0 1px 2px #0003;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:14px;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}.shelf-cover-foot{color:#fffaf0ad;letter-spacing:.12em;font-size:9px;font-weight:650}.shelf-cover-badge{color:#2b4a3a;letter-spacing:.02em;background:#ddf6e6eb;border-radius:10px;padding:3px 7px;font-size:8.5px;font-weight:750;position:absolute;top:9px;right:9px}.shelf-open-hint{color:#2c241c;white-space:nowrap;opacity:0;background:#fffaf0f0;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:9.5px;font-weight:700;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%,6px)}.shelf-book:hover .shelf-open-hint{opacity:1;transform:translate(-50%)}.shelf-book-info{flex-direction:column;gap:5px;width:100%;min-width:0;display:flex}.shelf-book-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.4;overflow:hidden}.shelf-book-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.shelf-progress{background:#5345331a;border-radius:2px;height:4px;overflow:hidden}.shelf-progress>span{border-radius:inherit;background:linear-gradient(90deg, #d08356, var(--accent));height:100%;display:block}.shelf-book-date{color:var(--faint);font-size:9.5px}.shelf-remove{color:#fff8ee;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e181280;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;top:16px;right:16px}.shelf-book:hover .shelf-remove,.shelf-remove:focus-visible{opacity:1}.shelf-remove:hover{background:#97301eeb}.shelf-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:58vh;padding:30px;display:flex}.shelf-empty-mark{color:#a75a36;background:#f8e6d1a8;border:1px solid #b5583029;border-radius:22px;place-items:center;width:74px;height:74px;display:grid}.shelf-empty h3{margin:10px 0 0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:20px;font-weight:650}.shelf-empty p{max-width:340px;color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.7}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.toast{z-index:80;color:#f9f2e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2a241df2;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:9px;max-width:min(460px,100vw - 32px);padding:11px 11px 11px 14px;font-size:11.5px;line-height:1.5;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:20px;right:26px;box-shadow:0 14px 35px #2c20133d}.toast.is-error{background:#693022f5}.toast span{flex:1}.toast button{width:25px;height:25px;color:inherit;opacity:.65;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.toast button:hover{opacity:1;background:#ffffff17}.empty-reader{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon{color:#9b502e;background:#f8e6d1a8;border:1px solid #b5583029;border-radius:22px;place-items:center;width:72px;height:72px;display:grid}.empty-reader h1{letter-spacing:.015em;margin:22px 0 8px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:clamp(23px,3vw,31px);font-weight:650}.empty-reader p{max-width:470px;color:var(--muted);margin:0 0 22px;font-size:12.5px;line-height:1.8}.drop-caption{color:var(--faint);margin-top:12px;font-size:10.5px}.drop-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#30281e4d;place-items:center;animation:.13s ease-out fade-in;display:grid;position:fixed;inset:0}.drop-card{color:#4e3d2d;background:#fffaf0ed;border:1px dashed #a45b2f75;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(380px,100vw - 40px);padding:38px 30px;display:flex;box-shadow:0 24px 60px #33271933}.drop-card svg{color:var(--accent)}.drop-card strong{font-family:Noto Serif SC,Songti SC,serif;font-size:18px}.drop-card span{color:var(--muted);font-size:11px}.loading-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(70% 60% at 50% 10%,#fff9eb2e,#0000 65%),#2e271d57;place-items:center;padding:24px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.loading-card{color:#443a2e;background:radial-gradient(110% 80% at 100% 0,#edcfa659,#0000 60%),#fefbf4f7;border:1px solid #ffffff63;border-radius:23px;flex-direction:column;align-items:center;width:min(430px,100vw - 40px);padding:36px 38px 32px;display:flex;box-shadow:0 30px 80px #2f231640}.loading-mark{color:#fffaf0;background:linear-gradient(145deg,#3a332a,#24201a);border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:18px;display:grid;box-shadow:0 9px 23px #2d231833}.loading-eyebrow{color:#9a8062;letter-spacing:.12em;font-size:9px;font-weight:750}.loading-card h2{text-align:center;margin:8px 0 5px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:23px;font-weight:650}.loading-card p{color:#82776a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:330px;margin:0;font-size:10.5px;overflow:hidden}.index-progress-wrap{color:#8d8274;font-variant-numeric:tabular-nums;align-items:center;gap:10px;width:100%;margin-top:24px;font-size:9.5px;display:flex}.index-progress{background:#46392917;border-radius:8px;flex:1;height:4px;overflow:hidden}.index-progress span{border-radius:inherit;background:linear-gradient(90deg,#d9905f,#a34a28);height:100%;transition:width .16s;display:block}.loading-spinner{color:#958a7c;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:inline-flex}.spin{animation:1s linear infinite spin}.app-shell.is-focus .topbar,.app-shell.is-focus .reading-rail{display:none}.app-shell.is-focus .workspace{grid-template-columns:minmax(0,1fr);padding-top:9px}.app-shell.is-focus .reader-shell{border-radius:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}}@keyframes page-arrive{0%{opacity:0;transform:translateY(4px)}}@keyframes banner-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes shelf-in{0%{opacity:.55;transform:translate(34px)}}@media (width<=1180px){.workspace{grid-template-columns:minmax(0,1fr)}.reading-rail{display:none}}@media (width<=900px){.reader-split{flex-direction:column}.reader-page-pane{flex:auto}.reference-resizer{display:none}.reference-pane{border-top:1px solid #4437271c;flex:0 0 36%;min-height:172px;width:100%!important}.reference-column-heading{padding:7px 10px 3px}.reference-column-hint{display:none}.reference-gallery-list{gap:10px;padding:0 7px 7px}.reference-gallery-group+.reference-gallery-group{padding-top:9px}.reference-gallery-images{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.reference-gallery-group-heading{min-height:21px}.reference-gallery-label{letter-spacing:.01em;font-size:8.5px}.reference-gallery-page{font-size:8px}.reference-gallery-frame{min-height:78px;padding:4px}.reference-gallery-frame img{max-height:170px}.topbar{gap:14px;padding:0 16px}.brand-copy span,.local-badge,.document-size{display:none}.document-chip{max-width:300px}.toolbar-status{display:none}.toolbar-actions{margin-left:auto}}@media (width<=720px){.topbar{flex-basis:60px}.brand-mark{border-radius:11px;width:36px;height:36px}.brand-copy strong{font-size:17px}.document-chip{display:none}.open-button{min-height:36px;padding:0 12px}.workspace{padding:8px}.reader-shell{border-radius:14px}.reader-toolbar{flex-basis:50px;gap:7px;padding:0 8px}.reference-pane{flex-basis:34%;min-height:154px}.reference-column-eyebrow{font-size:11.5px}.reference-column-page{font-size:8.5px}.reference-gallery-list{gap:8px;padding:0 5px 5px}.reference-gallery-card{border-radius:9px}.reference-gallery-images{gap:5px}.reference-gallery-placeholder{font-size:8px;line-height:1.3}.toolbar-toggle span{display:none}.bookmark-trigger .bookmark-count{display:inline-flex}.toolbar-toggle{justify-content:center;width:32px;padding:0}.toolbar-divider{margin:0 2px}.restore-copy span{display:none}.restore-banner{gap:7px;padding:7px 8px}.restore-icon{display:none}.toast{max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=480px){.brand-copy{display:none}.open-button{font-size:12px}.page-navigation{gap:0}.page-jump{gap:4px;margin:0}.page-count{font-size:10px}.toolbar-actions .toolbar-toggle:first-of-type,.toolbar-actions .toolbar-divider:first-of-type{display:none}.zoom-select{width:84px;padding-right:12px}.restore-button{padding:0 9px}.loading-card{padding:30px 24px 27px}}@media (width<=360px){.toolbar-actions>.toolbar-icon{display:none}}@media (height<=700px){.topbar{flex-basis:58px}.workspace{padding-top:8px;padding-bottom:8px}}@media (width<=720px){.shelf-panel{width:100vw}.shelf-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 15px}.shelf-actions{width:100%;margin-left:0}.shelf-actions .primary-button{flex:1}.shelf-body{padding:14px 14px 24px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px 10px}.shelf-book{border-radius:13px;padding:7px}.shelf-cover{padding:14px 10px 10px 17px}.shelf-cover-title{font-size:12.5px}.shelf-drop-hint{display:none}.shelf-remove{opacity:1;top:11px;right:11px}}@media (width<=480px){.shelf-button-label,.shelf-heading p{display:none}.shelf-actions .secondary-button{padding:0 10px}}@media (hover:none){.shelf-remove,.shelf-open-hint{opacity:1}.shelf-open-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-loading-screen{background:radial-gradient(70% 55% at 78% -10%,#fffaeef2,#0000 68%),linear-gradient(145deg,#ece6dc 0%,#e5ded1 48%,#e9e2d6 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-loading-card{text-align:center;border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow-soft);background:#fffdf8db;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:36px 32px;display:flex}.auth-loading-card h1{margin:2px 0 0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:22px}.auth-loading-card p{color:var(--muted);margin:0 0 6px;font-size:12.5px;line-height:1.65}.login-shell{background:radial-gradient(55% 55% at 12% 8%,#fffaeeeb,#0000 66%),radial-gradient(50% 60% at 92% 88%,#b9552e21,#0000 68%),linear-gradient(140deg,#ece5da 0%,#e6ded1 46%,#e9e2d6 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:34px;display:flex;position:relative;overflow:auto}.login-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:fixed}.login-glow-a{background:radial-gradient(circle,#f2b8392e,#0000 68%);width:380px;height:380px;top:-150px;right:8%}.login-glow-b{background:radial-gradient(circle,#50846b21,#0000 70%);width:460px;height:460px;bottom:-180px;left:2%}.login-card{z-index:1;background:#fffdf8c7;border:1px solid #4b3e2d24;border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(370px,.82fr);width:min(1080px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 80px #382c1e2e,0 2px 6px #382c1e0f}.login-story{color:#f9f3e8;background:radial-gradient(90% 70% at 105% -10%,#c4704161,#0000 64%),radial-gradient(70% 70% at -15% 105%,#547e6940,#0000 68%),linear-gradient(155deg,#2d2923 0%,#211f1b 58%,#191815 100%);flex-direction:column;justify-content:space-between;min-height:570px;padding:48px 50px 42px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.login-brand,.login-copy,.login-features{z-index:1;position:relative}.login-brand .brand-copy strong{color:#fbf6ed}.login-brand .brand-copy span{color:#f7efe294}.login-copy{max-width:500px;margin:58px 0}.login-eyebrow,.login-panel-kicker{color:#e3a276;letter-spacing:.2em;margin-bottom:16px;font-size:9.5px;font-weight:750;display:block}.login-copy h1{letter-spacing:.02em;text-wrap:balance;max-width:470px;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:clamp(32px,3.7vw,46px);font-weight:700;line-height:1.3}.login-copy p{color:#f8f1e6ad;max-width:460px;margin:24px 0 0;font-size:13.5px;line-height:1.85}.login-features{flex-wrap:wrap;gap:10px;display:flex}.login-features span{color:#f8f1e6ba;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10.5px;font-weight:600;display:inline-flex}.login-features svg{color:#dda77e}.login-panel{background:linear-gradient(#fffefaf7,#faf6eeeb);flex-direction:column;justify-content:center;min-width:0;padding:50px 44px;display:flex}.login-panel-heading h2{letter-spacing:.03em;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:27px}.login-panel-heading p{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.6}.login-alert{color:#8d3b20;background:#f0d6c56b;border:1px solid #b9552e33;border-radius:9px;margin-top:20px;padding:10px 12px;font-size:11.5px;line-height:1.55}.login-providers{flex-direction:column;gap:10px;margin-top:28px;display:flex}.login-provider{text-align:left;background:#fffefad1;border:1px solid #3e342721;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 13px;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:flex;box-shadow:0 3px 10px #42362706}.login-provider:not(:disabled):hover{background:#fffefa;border-color:#b9552e4d;transform:translateY(-1px);box-shadow:0 8px 20px #42362712}.login-provider:disabled{color:#514a42;box-shadow:none;opacity:1;background:#f8f5eff5;border-color:#3e34272e}.login-provider:disabled .login-provider-copy strong{color:#514a42}.login-provider:disabled .login-provider-copy span,.login-provider:disabled .login-provider-arrow{color:#6e665d}.login-provider:disabled .login-provider-icon{background:#fff;border-color:#3e342729}.login-provider.is-github:not(:disabled):hover{border-color:#22272d52}.login-provider.is-wechat:not(:disabled):hover{border-color:#07c16057}.login-provider-icon{color:#24292f;background:#fff;border:1px solid #3e342717;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.login-provider-icon svg{width:20px;height:20px}.login-provider-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.login-provider-copy strong{font-size:12.5px;font-weight:700}.login-provider-copy span{color:var(--faint);font-size:10.5px}.login-provider-arrow{color:var(--faint);flex:none;margin-left:auto;transition:transform .16s}.login-provider:not(:disabled):hover .login-provider-arrow{color:var(--accent);transform:translate(2px)}.login-setup-hint{color:var(--muted);border:1px dashed var(--line-strong);background:#fffdf88c;border-radius:10px;flex-direction:column;gap:5px;margin-top:16px;padding:12px 13px;font-size:10.5px;line-height:1.55;display:flex}.login-setup-hint strong{color:var(--ink);font-size:11.5px}.login-setup-hint button{color:var(--accent-deep);background:0 0;border:0;align-self:flex-start;margin-top:3px;padding:0;font-size:10.5px;font-weight:700}.login-privacy{color:var(--faint);margin:26px 0 0;font-size:10px;line-height:1.65}.login-footer{z-index:1;color:#50453794;letter-spacing:.03em;justify-content:space-between;gap:16px;width:min(1080px,100%);font-size:10px;display:flex;position:relative}.user-menu{flex:none;position:relative}.user-trigger{background:#fffcf599;border:1px solid #5144321c;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 5px;transition:border-color .15s,background-color .15s;display:flex}.user-trigger:hover,.user-trigger.is-open{background:#fffdf8f0;border-color:#b9552e38}.user-avatar{color:#fff8ee;letter-spacing:.02em;background:linear-gradient(145deg,#b9552e,#7b3620);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:9.5px;font-weight:750;display:grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar.is-large{width:40px;height:40px;font-size:11px}.user-trigger-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:126px;display:flex}.user-trigger-copy strong,.user-trigger-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.user-trigger-copy strong{font-size:11.5px;font-weight:700}.user-trigger-copy span{color:var(--faint);font-size:9.5px}.user-chevron{color:var(--faint);flex:none}.user-popover{z-index:30;background:#fffdf8fa;border:1px solid #3e342724;border-radius:15px;width:272px;padding:13px;animation:.14s both user-popover-in;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 42px #342a1e2e}.user-popover-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:2px 2px 11px;display:flex}.user-popover-head>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.user-popover-head strong,.user-popover-head small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-popover-head strong{font-size:12.5px}.user-popover-head small{color:var(--muted);font-size:10.5px}.user-provider-list{flex-wrap:wrap;gap:5px;padding:11px 2px 0;display:flex}.user-provider{color:#5f5548;border:1px solid var(--line);background:#f4efe6b3;border-radius:999px;padding:4px 7px;font-size:9.5px;font-weight:650}.user-provider.is-wechat{color:#087a42;background:#07c16012;border-color:#07c1602e}.user-storage-note{color:var(--faint);align-items:flex-start;gap:6px;margin:12px 2px;font-size:9.5px;line-height:1.45;display:flex}.user-storage-note svg{color:var(--green);flex:none;margin-top:1px}.user-error{color:#9a3e22;margin:0 2px 8px;font-size:10px}.user-logout{color:#8d3b20;background:#f0d6c547;border:1px solid #b9552e26;border-radius:9px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:11px;font-weight:650;display:flex}.user-logout:not(:disabled):hover{background:#f0d6c580}@keyframes user-popover-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.login-card{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.login-story{min-height:540px;padding:40px 34px 34px}.login-copy h1{font-size:clamp(30px,5vw,42px)}.login-panel{padding:40px 30px}.user-trigger-copy,.user-chevron{display:none}.user-trigger{min-height:36px;padding:0 5px}}@media (width<=760px){.login-shell{padding:18px 14px 24px}.login-card{border-radius:22px;grid-template-columns:minmax(0,1fr)}.login-story{gap:28px;min-height:0;padding:30px 26px 28px}.login-copy{margin:10px 0 0}.login-copy h1{max-width:560px;font-size:32px}.login-copy p{margin-top:15px;font-size:12px}.login-features{gap:7px}.login-panel{padding:32px 26px 34px}.login-panel-heading h2{font-size:24px}.login-providers{margin-top:22px}.login-footer{padding:0 4px}}@media (width<=480px){.login-shell{background:var(--surface);justify-content:flex-start;padding:0}.login-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.login-story{padding:26px 22px 24px}.login-copy h1{font-size:28px}.login-panel{padding:30px 22px 38px}.login-features span:last-child,.login-footer{display:none}.user-popover{width:auto;position:fixed;top:68px;left:10px;right:10px}}@media (width<=420px){.topbar{gap:8px;padding:0 10px}.topbar-actions{gap:8px}.open-button{width:38px;min-height:36px;padding:0}.open-button-label{display:none}}.note-button{min-height:38px;padding:0 12px;position:relative}.note-count{background:var(--green)}.notes-trigger{position:relative}.notes-toolbar-count{color:#fffaf2;background:var(--accent);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8.5px;font-weight:750;line-height:1;display:inline-grid}.sentence-note-dot{pointer-events:none;background:#4f8068;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:1px;box-shadow:0 0 0 1.5px #fffdf8f2}.sentence-hit.has-note{background-image:linear-gradient(90deg,#50846b14,#0000 34%)}.notes-overlay{z-index:75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2c231861;justify-content:flex-end;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.notes-panel{background:radial-gradient(72% 38% at 100% 0,#fffcf4f0,#0000 66%),linear-gradient(155deg,#fcf8f0 0%,#f1eadf 100%);border-left:1px solid #4639291f;flex-direction:column;width:min(480px,96vw);height:100%;animation:.24s cubic-bezier(.22,.8,.28,1) shelf-in;display:flex;overflow:hidden;box-shadow:-28px 0 68px #30241638}.notes-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf6c2;flex:none;align-items:center;gap:13px;padding:17px 18px;display:flex}.notes-mark{color:#f3b660;background:linear-gradient(145deg,#353028,#211e19);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 18px #31281d33}.notes-heading{flex:1;min-width:0}.notes-heading h2{letter-spacing:.08em;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:20px;font-weight:700}.notes-heading p{color:var(--muted);margin:3px 0 0;font-size:10.5px;line-height:1.5}.notes-close{border-radius:10px;flex:none;width:37px;height:37px}.notes-composer{background:#fffdf8c7;border:1px solid #4b3d2b21;border-radius:14px;flex:none;margin:14px 18px 0;padding:13px;box-shadow:0 8px 24px #4536240e}.notes-compose-heading{color:#5c5144;justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;font-weight:750;display:flex}.notes-anchor-page{color:#7c6d5b;background:#5c4b3612;border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:700}.notes-anchor{color:#847767;background:#50846b0b;border-left:2px solid #50846b73;margin:9px 0 10px;padding:8px 10px;font-size:10px;line-height:1.65}.notes-anchor>span{letter-spacing:.06em;font-size:9px;font-weight:700}.notes-anchor blockquote{color:#554b3e;margin:4px 0 0;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:12px;line-height:1.7}.notes-composer textarea{resize:vertical;width:100%;min-height:94px;max-height:220px;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #4b3d2b2b;border-radius:9px;outline:none;padding:10px 11px;font-size:12.5px;line-height:1.7;transition:border-color .15s,box-shadow .15s;display:block}.notes-composer textarea:focus{border-color:#b9552e73;box-shadow:0 0 0 3px #b9552e14}.notes-composer textarea::placeholder{color:#a89c8c}.notes-compose-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.notes-character-count{color:#9b9082;font-variant-numeric:tabular-nums;font-size:9px}.notes-compose-actions{align-items:center;gap:7px;display:flex}.notes-compose-actions .primary-button,.notes-compose-actions .secondary-button{min-height:31px;padding:0 11px;font-size:10.5px}.notes-filters{flex:none;align-items:center;gap:8px;margin:14px 18px 0;display:flex}.notes-search{color:#8f8475;background:#fffdf8bd;border:1px solid #4b3d2b21;border-radius:9px;flex:1;align-items:center;gap:7px;min-width:0;height:34px;padding:0 9px;display:flex}.notes-search:focus-within{border-color:#b9552e59;box-shadow:0 0 0 3px #b9552e0f}.notes-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:11px}.notes-search input::placeholder{color:#a29889}.notes-search button{color:#918677;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.notes-search button:hover{background:#4e402e14}.notes-page-filter{color:#7d7162;background:#fffdf89e;border:1px solid #4b3d2b21;border-radius:9px;flex:none;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.notes-page-filter:hover{color:var(--ink);background:#fffdf8f2}.notes-page-filter.is-on{color:var(--accent-deep);background:#b9552e14;border-color:#b9552e38}.notes-page-filter span{color:#fffaf2;background:#b9552ed1;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:8px;line-height:1;display:inline-grid}.notes-error{color:var(--accent-deep);background:#b9552e12;border:1px solid #b2512d33;border-radius:8px;flex:none;align-items:center;gap:7px;margin:10px 18px 0;padding:8px 10px;font-size:10.5px;line-height:1.5;display:flex}.notes-list{scrollbar-color:#5b4c394d transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:13px 18px 24px;display:flex;overflow:hidden auto}.notes-list::-webkit-scrollbar{width:8px}.notes-list::-webkit-scrollbar-thumb{background:#5b4c3947 padding-box padding-box;border:2px solid #0000;border-radius:6px}.notes-empty{color:#978b7c;text-align:center;background:#fffdf861;border:1px dashed #5b4b3729;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:26px;display:flex}.notes-empty-mark{width:50px;height:50px;color:var(--accent);background:#f0d6c580;border-radius:15px;place-items:center;margin-bottom:2px;display:grid}.notes-empty strong{color:#5d5245;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:15px;font-weight:650}.notes-empty span:last-child{max-width:280px;font-size:10.5px;line-height:1.65}.note-card{background:#fffdf8d1;border:1px solid #4b3d2b1f;border-radius:13px;flex:none;padding:12px 13px 10px;box-shadow:0 6px 18px #4536240b}.note-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-page-link{color:var(--accent-deep);background:0 0;border:0;align-items:center;gap:3px;padding:2px 6px 2px 0;font-size:10px;font-weight:750;display:inline-flex}.note-page-link:hover{color:var(--accent)}.note-card-header time{color:#9a8f80;font-variant-numeric:tabular-nums;font-size:8.5px}.note-quote{color:#7a6e60;background:#50846b0a;border-left:2px solid #50846b5c;margin:8px 0 7px;padding:6px 9px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:10.5px;line-height:1.65}.note-body{color:#3e362d;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 10px;font-size:12px;line-height:1.72}.note-card-footer{border-top:1px solid #4b3d2b14;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.note-card-footer>span{color:#9a8f80;font-size:8.5px}.note-card-footer>div{align-items:center;gap:2px;display:flex}.note-card-footer button{color:#807466;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;height:25px;padding:0 6px;font-size:9px;font-weight:600;display:inline-flex}.note-card-footer button:hover{color:var(--ink);background:#4e402e0f}.note-card-footer button.is-danger:hover{color:#9d4327;background:#b9552e14}@media (width<=720px){.note-button-label{display:none}.notes-panel{width:100vw}.notes-header{padding:13px 14px}.notes-composer,.notes-filters{margin-left:14px;margin-right:14px}.notes-list{padding-left:14px;padding-right:14px}.toolbar-toggle .notes-toolbar-count{display:inline-grid}}@media (width<=420px){.note-button{justify-content:center;width:38px;min-height:36px;padding:0}.note-count{margin:-24px 0 0 24px;position:absolute}.notes-heading p{display:none}.notes-compose-actions .primary-button,.notes-compose-actions .secondary-button{padding:0 9px}}