:root{color:#202020;font-synthesis:none;background:#ececec;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #687b8b}button:disabled{opacity:.5;cursor:wait}.reader-bar{justify-content:space-between;align-items:center;gap:16px;max-width:848px;height:64px;margin:0 auto;padding:0 24px;display:flex}.book-title{font-size:.95rem;font-weight:500}.reader-tools{align-items:center;gap:12px;display:flex;position:relative}.sample-label{color:#777;font-size:.75rem}.tools-toggle{color:#444;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.75rem;line-height:1}.tools-toggle:hover{background:#e0e0e0}.document-page{background:#fff;width:min(800px,100% - 48px);min-height:1035px;margin:0 auto 48px;padding:64px 76px 96px;box-shadow:0 2px 10px #0000000b}h1{text-align:center;margin:0 0 48px;font:600 1.8rem/1.3 Georgia,Times New Roman,serif}.novel{text-indent:1.6em;margin:0 0 1.2em;font:1.3rem/1.85 Georgia,Times New Roman,serif}.word{font:inherit;color:inherit;text-indent:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;margin:0;padding:0;display:inline}.word.selected{background:#eee9db}.translation-popup{z-index:20;color:#202020;overflow-wrap:anywhere;text-align:left;background:#fff;border:1px solid #d7d7d7;border-radius:9px;width:max-content;max-width:min(288px,100vw - 24px);padding:14px 18px;font:1.05rem/1.65 system-ui,sans-serif;position:fixed;box-shadow:0 4px 20px #00000018}.translation-popup:after{content:"";width:10px;height:10px;left:var(--arrow-left);background:#fff;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;position:absolute;bottom:-6px;transform:translate(-50%)rotate(45deg)}.translation-popup.below:after{top:-6px;bottom:auto;transform:translate(-50%)rotate(225deg)}.tools-panel{z-index:30;background:#fff;border:1px solid #dedede;border-radius:10px;width:min(340px,100vw - 32px);max-height:calc(100dvh - 92px);padding:22px;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 6px 24px #00000018}.tools-panel h2{margin:0 0 18px;font-size:1.1rem}.tools-panel h3{margin:22px 0 10px;font-size:.95rem}.tools-panel button{text-align:left;color:#333;background:#fafafa;border:1px solid #ddd;border-radius:5px;width:100%;margin:8px 0;padding:10px 12px;display:block}.readiness,.fine{color:#666;font-size:.8rem;line-height:1.6}.readiness{color:#3d6750}.saved{border-top:1px solid #e5e5e5;padding:12px 0;font-size:.85rem;line-height:1.5}.saved p{margin:8px 0}[role=status]{color:#3d6750;font-size:.8rem;line-height:1.5}.loading{color:#777;text-align:center}.error{z-index:40;background:#fff1ed;border:1px solid #d6aaa0;border-radius:8px;width:min(600px,100% - 32px);padding:16px 44px 16px 18px;font-size:.9rem;line-height:1.5;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.error button{background:0 0;border:0;padding:6px;font-size:1.3rem;position:absolute;top:6px;right:6px}@media (width<=850px){.document-page{padding:54px 48px 80px}}@media (width<=540px){:root{background:#fff}.reader-bar{border-bottom:1px solid #eee;height:56px;padding:0 18px}.sample-label{font-size:.65rem}.reader-tools{gap:6px}.document-page{width:100%;min-height:calc(100dvh - 56px);box-shadow:none;margin:0;padding:36px 24px 72px}h1{margin-bottom:36px;font-size:1.6rem}.novel{font-size:1.2rem;line-height:1.85}}.translation-popup.word-bubble{grid-template-columns:minmax(0,1fr) minmax(0,2fr) 40px;align-items:center;gap:14px;width:max-content;max-width:min(440px,100vw - 24px);padding:14px 16px;font-size:1rem;display:grid}.word-bubble .bubble-chinese{font-size:1.12rem;line-height:1.55}.bubble-english{min-width:0;color:var(--pos);border-left:1px solid #e2e2e2;padding-left:14px;line-height:1.5}.bubble-heading{overflow-wrap:anywhere}.bubble-word{font:600 1.2rem/1.4 Georgia,serif}.bubble-pos{font-size:.75rem}.bubble-synonyms{color:var(--synonyms);margin-top:3px;font-size:.8rem}.pos-noun{--pos:#1d4ed8;--synonyms:#526db0}.pos-verb{--pos:#a83a19;--synonyms:#ac6048}.pos-adjective{--pos:#6d28d9;--synonyms:#8461b0}.pos-adverb{--pos:#0f766e;--synonyms:#4b7f7a}.pos-pronoun{--pos:#a21d61;--synonyms:#a85c83}.pos-other{--pos:#475569;--synonyms:#64748b}.bubble-save{color:#353535;background:#f7f7f7;border:1px solid #dedede;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font:1.5rem/1 system-ui,sans-serif;display:grid}.bubble-save[aria-pressed=true]{background:#efefef}.reader-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reader-update{z-index:45;background:#fff;border-bottom:1px solid #ccc;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font:14px/1.5 Arial,sans-serif;display:flex;position:sticky;top:0}.reader-update button{cursor:pointer;padding:8px 12px}@media (width<=540px){.translation-popup.word-bubble{gap:10px;padding:12px}.bubble-english{padding-left:10px}}.selectable-passage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.selectable-passage .word{cursor:text}.word.selecting{background:#dce7ee;box-shadow:0 2px #90a8b8}.translation-popup.unit-bubble{color:#202020;width:min(460px,100vw - 24px)}.unit-bubble .bubble-category{color:#202020;grid-column:1/-1;font-size:.72rem}.unit-bubble .bubble-english{color:#202020}.unit-bubble .bubble-word{font-size:.95rem;font-weight:400;line-height:1.5}.unit-bubble .bubble-chinese{font-size:1rem}.bubble-show-word{text-align:left;color:#475569;background:#fafafa;border:1px solid #ddd;border-radius:5px;grid-column:1/-1;min-height:44px;padding:9px 12px;font-size:.8rem}.selectable-passage .word{touch-action:pan-y}.unit-bubble .bubble-chinese,.unit-bubble .bubble-english{max-height:max(48px,100dvh - 144px);overflow:auto}