:root{--bg:#e8dcc7;--bg-deep:#dcc9ab;--panel:#fcf7efd6;--panel-solid:#fbf6ee;--panel-soft:#f1e7d7;--line:#5a452c29;--line-strong:#3327173d;--ink:#231912;--muted:#6e5c48;--accent:#274538;--accent-soft:#2745381a;--gold:#a97d44;--shadow:0 28px 80px #62492d1f;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left, #fff6e7d9, transparent 22%), radial-gradient(circle at 85% 10%, #97b09f47, transparent 18%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);font-family:Avenir Next,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{grid-template-columns:340px minmax(0,1fr) 330px;gap:18px;width:100%;min-height:100vh;padding:20px;display:grid;position:relative}@media (width>=1600px){.app-shell{grid-template-columns:390px minmax(0,1fr) 340px}}.mobile-topbar,.mobile-menu-trigger,.mobile-menu-backdrop,.mobile-menu-sheet{display:none}.mobile-topbar{z-index:42;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #58768b2e;justify-content:space-between;align-items:center;height:86px;padding:0 10px 0 14px;position:fixed;top:0;left:0;right:0;box-shadow:0 14px 34px #3a4f6124}.mobile-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.mobile-brand-logo{color:#f5f8fb;letter-spacing:.05em;background:linear-gradient(140deg,#2d536f 0%,#7a9eb7 100%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:inline-flex}.mobile-brand-name{color:#27435a;letter-spacing:.02em;white-space:nowrap;font-size:.96rem;font-weight:600}.mobile-menu-trigger{cursor:pointer;background:#f3f9fff5;border:1px solid #58768b33;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px}.shelf-fab-icon{flex-direction:column;justify-content:space-between;width:22px;height:18px;display:inline-flex}.shelf-fab-icon span{background:linear-gradient(90deg,#3a5d78,#7da0b8);border-radius:999px;height:4px;display:block}.mobile-menu-backdrop{z-index:36;background:#12181e47;border:0;position:fixed;inset:0}.mobile-menu-sheet{border:1px solid var(--line);background:var(--panel);width:min(270px,100vw - 24px);box-shadow:var(--shadow);z-index:41;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:10px 10px 12px;position:fixed;top:87px;right:10px}.mobile-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--muted);background:0 0;border:0;border-radius:14px;padding:.85rem .95rem;transition:background .18s,color .18s}.mobile-menu-item-active{background:var(--panel-soft);color:var(--accent);font-weight:600}.mobile-menu-item:hover:not(.mobile-menu-item-active){background:var(--panel-solid);color:var(--accent)}.mobile-menu-auth{border-top:1px solid #58768b29;margin-top:8px;padding-top:12px}.mobile-auth-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-auth-button{color:#f4f8fb;cursor:pointer;background:linear-gradient(135deg,#2f5068 0%,#6f91ab 100%);border:0;border-radius:12px;width:100%;padding:.72rem .8rem;font-size:.88rem;font-weight:600}.mobile-auth-button-secondary{background:var(--panel-soft);color:var(--accent)}.mobile-user-card{background:var(--panel-solid);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.mobile-user-avatar{color:#f5f8fb;background:linear-gradient(140deg,#2d536f 0%,#7a9eb7 100%);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:inline-flex}.mobile-user-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-user-meta span{color:#69839a;font-size:.74rem}.mobile-user-meta strong{color:#27435a;font-size:.96rem}.column{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:30px}.shelf-column,.dictionary-column{flex-direction:column;gap:16px;padding:24px;display:flex}.shelf-column{background:0 0;border-color:#58768b2e;width:100%;max-width:340px;min-height:calc(100vh - 40px)}@media (width>=1600px){.shelf-column{max-width:390px}.dictionary-column{max-width:340px}}.dictionary-column{width:100%;max-width:330px;min-height:calc(100vh - 40px)}.reader-toolbar{padding:10px}.reader-column{grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:calc(100vh - 40px);padding:20px;display:grid}.eyebrow,.section-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem}.brand-block h1,.section-heading h2,.reader-toolbar h2,.chapter-header h3,.focus-card h3{letter-spacing:-.05em;margin:0;font-weight:600}.brand-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.brand-row h1{font-size:clamp(2.3rem,4vw,3.5rem);line-height:.94}.lead-copy,.reader-subtitle,.definition-line,.footnote-card span,.meta-card small,.banner,.dictionary-item p{color:var(--muted);margin:0;line-height:1.6}.deployment-pill,.count-pill{border:1px solid var(--line);color:var(--accent);white-space:nowrap;background:#fffaf3e6;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .85rem;display:inline-flex}.shelf-hero{padding:2px}.shelf-hero-top{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.shelf-hero-top>div{min-width:0}.shelf-title{margin-top:8px;margin-bottom:8px;font-size:1.5rem;line-height:.94}.shelf-space-book{color:#81888e;font-size:.8rem}.shelf-count-badge{color:#34536d;background:#f8fbffeb;border:1px solid #58768b2e;border-radius:18px;justify-content:center;align-items:center;min-width:52px;height:52px;font-size:1.1rem;font-weight:700;display:inline-flex}.shelf-hero-copy{color:#587086;margin:14px 0 0;line-height:1.65}.shelf-metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.shelf-metric-card{background:#f7fafedb;border:1px solid #58768b24;border-radius:18px;padding:12px 14px}.shelf-metric-card span,.shelf-summary-strip span,.shelf-upgrade-footer span,.shelf-book-meta,.shelf-book-tags,.stack-filter-pill,.shelf-primary-action small,.shelf-icon-action{color:#6f8498}.shelf-metric-card strong{color:#27435a;margin-top:8px;font-size:1.45rem;display:block}.shelf-action-row{grid-template-columns:minmax(0,1fr) 78px;gap:12px;display:grid}.shelf-primary-action,.shelf-icon-action{cursor:pointer;background:#fafcffdb;border:1px solid #58768b29}.shelf-primary-action input,.shelf-icon-action input{display:none}.shelf-primary-action{color:#f4f8fb;background:linear-gradient(135deg,#2f5068 0%,#6f91ab 100%);border-radius:20px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.shelf-primary-action span{font-size:1rem;font-weight:600}.shelf-primary-action small{color:#f4f8fbb8}.shelf-icon-action{border-radius:20px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.shelf-import-button{cursor:pointer;color:#2f5068;white-space:nowrap;background:#fafcffdb;border:1px solid #58768b29;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;transition:all .2s;display:flex}.shelf-import-button:hover{background:#f0f5faf2;border-color:#58768b40}.shelf-import-button:active{transform:scale(.95)}.shelf-import-button input{display:none}.shelf-import-button svg{stroke-width:2px;width:24px;height:24px}.shelf-import-button span{font-size:.95rem;font-weight:600}.shelf-banner{color:#587086;background:#f8fbffe0;border-color:#58768b1f;border-radius:20px}.shelf-upgrade-card,.shelf-summary-strip{background:#f8fbffd1;border:1px solid #58768b24}.shelf-stack-card{border-radius:26px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:2px;display:flex}.shelf-stack-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shelf-stack-header strong{color:#234156;margin-top:6px;font-size:1.12rem;display:block}.stack-filter-pill{white-space:nowrap;background:#ecf3f9f2;border:1px solid #58768b1f;border-radius:999px;padding:.45rem .75rem}.shelf-list-vertical{gap:16px;padding-right:2px;overflow:auto}.shelf-book-tile{text-align:left;background:#f7f7f6;border:1px solid #e5e6e4;border-radius:26px;gap:16px;width:100%;padding:16px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .2s;display:grid}.shelf-book-tile:hover{border-color:#d8dbd7;transform:translateY(-1px);box-shadow:0 14px 30px #353a3e14}.shelf-book-tile-active{color:#284b3c;background:#dbece3;border-color:#98bdaa;box-shadow:inset 0 1px #ffffff7a}.shelf-book-cover{background:linear-gradient(180deg, var(--cover-start), var(--cover-end));color:#262a2f;border-radius:18px;justify-content:center;align-items:center;min-width:100%;min-height:90px;max-height:90px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff3d}.shelf-book-cover span{letter-spacing:.06em;font-family:Iowan Old Style,Times New Roman,Songti SC,serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:500}.shelf-book-body{flex-direction:column;gap:8px;min-width:0;padding:2px 0;display:flex}.shelf-book-meta{letter-spacing:.08em;text-transform:uppercase;color:#85888d;justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.shelf-book-title{color:#1f2226;margin:4px 0 0;font-family:Iowan Old Style,Times New Roman,Songti SC,serif;font-size:1.2rem;line-height:1.07;display:block}.shelf-book-body p{color:#4c4f54;margin:0;font-size:.98rem;font-weight:600}.shelf-book-tags{color:#5f615f;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.72rem;display:flex}.shelf-book-tags span{background:#ececeb;border-radius:999px;padding:.32rem .8rem;font-weight:600}.shelf-book-progress-pill{color:#60584d;background:#ece6dd;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:.36rem .84rem;font-size:.72rem;font-weight:700;display:inline-flex}.shelf-book-actions{grid-template-columns:minmax(0,1fr) 78px;gap:12px;margin-top:6px;display:grid}.shelf-book-action-btn{color:#23262a;cursor:pointer;background:#fdfdfd;border:1px solid #dde0dd;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:1.01rem;font-weight:600;display:inline-flex}.shelf-book-action-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.shelf-book-action-btn svg{width:22px;height:22px}.shelf-book-action-btn:not(.shelf-book-action-btn-danger){color:#f1f8f4;background:#214f3d;border-color:#214f3d}.shelf-book-action-btn-danger{color:#d2383d;background:#f6f6f6;border-color:#e7c4c9;padding:0}.shelf-book-action-btn-danger:disabled{color:#8f8f8f;background:#efefef;border-color:#d7d7d7}.shelf-book-tile-active .shelf-book-action-btn{color:#f7f7f7}.shelf-book-tile-active .shelf-book-action-btn-danger{color:#d2383d;background:#f6f6f6;border-color:#e7c4c9}.shelf-book-tile-active .shelf-book-meta,.shelf-book-tile-active .shelf-book-tags{color:#4f7564}.shelf-book-tile-active .shelf-book-body p{color:#335a49;opacity:1}.shelf-book-tile-active .shelf-book-title{color:#173328}.shelf-book-tile-active .shelf-book-tags span{color:#274838;background:#c4dccf}.shelf-book-tile-active .shelf-book-action-btn:not(.shelf-book-action-btn-danger){color:#f1f8f4;background:#214f3d;border-color:#214f3d}.shelf-book-tile-active .shelf-book-action-btn:disabled{color:#e8f0eb;background:#95b4a4;border-color:#95b4a4}.shelf-book-tile-active .shelf-book-action-btn-danger:disabled{color:#75897f;background:#d7e4dd;border-color:#bfd0c6}.shelf-upgrade-card{background:radial-gradient(circle at 100% 0,#fff9,#0000 30%),linear-gradient(135deg,#e1ebf4fa,#c9dae8fa);border-radius:24px;padding:18px}.shelf-upgrade-card strong{color:#234156;margin:8px 0;font-size:1.08rem;display:block}.shelf-upgrade-card p{color:#60798d;margin:0;line-height:1.6}.shelf-upgrade-footer{border-top:1px solid #58768b24;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;display:flex}.shelf-summary-strip{background:linear-gradient(160deg,#fafdffeb,#eef6fbeb);border:1px solid #58768b29;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.shelf-summary-item{background:#ffffffb3;border:1px solid #58768b26;border-radius:16px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 10px 11px;display:flex}.shelf-summary-head{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.shelf-summary-dot{background:#7d93a6;border-radius:999px;width:7px;height:7px}.shelf-summary-item strong{color:#1f384b;font-size:1.2rem;line-height:1}.shelf-summary-item small{letter-spacing:.04em;color:#6d8295;font-size:.68rem}.shelf-summary-item-total .shelf-summary-dot{background:#6288a7}.shelf-summary-item-reading .shelf-summary-dot{background:#4a8c73}.shelf-summary-item-reading strong{color:#2f6c56}.shelf-summary-item-completed .shelf-summary-dot{background:#3c6a96}.shelf-summary-item-completed strong{color:#2b567e}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fffbf5e6;border-radius:18px;justify-content:center;align-items:center;padding:.95rem 1rem;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.action-button input{display:none}.action-button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.action-button-primary{background:var(--accent);color:#f6efe3;border-color:#27453866}.banner{border:1px solid var(--line);border-radius:16px;padding:12px 14px}.banner-info{background:#fffbf5d6}.banner-error{color:#783d2f;background:#852a2a14}.section-heading,.mini-heading,.reader-toolbar,.chapter-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-heading h2,.reader-toolbar h2{margin-top:6px;font-size:1.65rem}.shelf-list,.dictionary-list,.word-chip-list{gap:12px;display:grid}.book-card,.focus-card,.word-list-card,.dictionary-list-card,.footnote-card,.meta-card{border:1px solid var(--line);background:#fffbf5eb}.book-card{text-align:left;cursor:pointer;border-radius:22px;width:100%;padding:16px;transition:transform .2s,border-color .2s,background-color .2s}.book-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.book-card-active{color:#f8efe3;background:linear-gradient(#2a4439f2,#1c2a23fa)}.book-card-header,.book-card-footer{color:inherit;opacity:.8;justify-content:space-between;gap:10px;font-size:.84rem;display:flex}.book-card strong,.meta-card strong,.footnote-card strong,.mini-heading strong,.dictionary-item strong{display:block}.book-card strong{margin:16px 0 8px;font-size:1.1rem}.book-card p{color:inherit;opacity:.78;margin:0}.book-card-footer{margin-top:16px}.meta-card-grid,.reader-footnotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.meta-card,.footnote-card{border-radius:20px;padding:16px}.meta-card span,.footnote-card p,.progress-ring span,.phonetic-line{color:var(--muted)}.meta-card strong{margin:8px 0 4px;font-size:1.5rem}.toolbar-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;flex-direction:row!important}.progress-ring{border:1px solid var(--line);text-align:center;background:#fffbf5eb;border-radius:20px;min-width:88px;padding:14px 16px}.progress-ring strong{font-size:1.3rem;display:block}.chapter-switcher{border:1px solid var(--line);background:#fffbf5eb;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.chapter-switcher button,.word-actions button,.dictionary-item button{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:.5rem .9rem}.reading-card{flex-direction:column;min-height:0;padding:28px 28px 18px;display:flex}.chapter-header h3{margin-top:8px;font-size:clamp(1.75rem,3vw,2.5rem)}.reading-surface{margin-top:18px;padding-right:8px;overflow:auto}.reading-paragraph{color:#2d2219;margin:0 0 1.45rem;font-family:Iowan Old Style,Times New Roman,Songti SC,serif;font-size:1.18rem;line-height:2.05}.sentence-group{touch-action:pan-y;display:inline}.sentence-group-pending{border-bottom:2px dashed #27453873}.word-token,.text-token{font-family:inherit;font-size:inherit;line-height:inherit}.word-annotation{vertical-align:baseline;flex-direction:column;justify-content:flex-start;align-items:center;width:max-content;max-width:100%;margin:0 .06em;display:inline-flex}.text-token{white-space:pre-wrap}.word-token{cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:0 .08em;transition:background-color .18s,color .18s,box-shadow .18s}.word-gloss{color:#8c6541;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-all;max-width:100%;margin-top:.08rem;font-family:Avenir Next,PingFang SC,Helvetica Neue,sans-serif;font-size:.58em;line-height:1.15;display:block}.word-token-defined{box-shadow:inset 0 -.42em #a97d4429}.word-token-active{color:var(--accent);background:#27453829}.word-token-known{color:#8a7865;box-shadow:none}.reader-translate-fab{top:auto;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:35;color:#f7f2e8;background:linear-gradient(135deg,#274538 0%,#3f6656 100%);border:0;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:opacity .18s,box-shadow .18s,background .18s;display:none;position:fixed;left:auto;transform:translateY(-50%);box-shadow:0 16px 30px #2745383d}.reader-translate-fab:disabled{color:#eef1ec;box-shadow:none;opacity:.62;cursor:not-allowed;background:linear-gradient(135deg,#8f968f 0%,#a3aaa3 100%)}.reader-translate-icon{width:24px;height:24px;display:block}.sentence-translate-sheet{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:34;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffbf5f5;border:1px solid #5a452c24;border-radius:24px;padding:16px;position:fixed;box-shadow:0 24px 48px #402d182e}.sentence-translate-text{color:#2d2219;border-bottom:2px dashed #27453857;margin:10px 0 0;padding-bottom:12px;line-height:1.8}.sentence-translate-subtitle{margin-top:12px}.sentence-translate-result{color:#274538;margin:8px 0 0;font-weight:600;line-height:1.8}.sentence-translate-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.sentence-translate-actions button{cursor:pointer;border:0;border-radius:999px;padding:.7rem 1rem}.sentence-translate-secondary{color:var(--accent);background:#27453814}.sentence-translate-primary{background:var(--accent);color:#f6efe3}.focus-card,.word-list-card,.dictionary-list-card{border-radius:24px;padding:18px}.focus-card h3{margin-top:10px;font-size:2rem}.phonetic-line,.translation-line,.definition-line{margin-top:10px}.translation-line{color:var(--accent);font-size:1.1rem;font-weight:600}.word-actions{margin-top:16px}.word-chip{text-align:left;border:1px solid var(--line);cursor:pointer;background:#f8f1e6eb;border-radius:18px;flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.word-chip span{font-weight:600}.word-chip small{color:var(--muted)}.word-chip-active{background:#e3ece7e6;border-color:#27453852}.dictionary-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.dictionary-item:last-child{border-bottom:0;padding-bottom:0}.dictionary-item:first-child{padding-top:0}@media (width<=1280px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.dictionary-column{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:none;display:grid}.section-heading{grid-column:1/-1}.shelf-column{max-width:280px;min-height:auto}}@media (width<=1023px){.app-shell{grid-template-columns:minmax(0,1fr);padding:86px 0 0}.column{box-shadow:none;border:0;border-radius:0}.mobile-topbar{display:flex}.mobile-menu-trigger{display:inline-flex}.mobile-menu-backdrop,.mobile-menu-sheet{display:block}.shelf-column,.reader-column,.dictionary-column{display:none}.mobile-panel-active{display:flex}.shelf-column{min-height:auto;padding:16px;overflow:visible}.reader-column,.dictionary-column{grid-column:1;padding:0}.reader-column{min-height:auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 92px);display:none}.reader-column.mobile-panel-active,.dictionary-column.mobile-panel-active{display:grid}.dictionary-column{grid-template-columns:1fr}.section-heading{grid-column:auto}.reader-translate-fab{min-height:0;display:inline-flex}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.reader-column{min-height:auto}.action-row,.meta-card-grid,.reader-footnotes,.dictionary-column,.shelf-metric-row,.shelf-action-row{grid-template-columns:1fr}.shelf-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-row,.reader-toolbar,.section-heading,.mini-heading,.chapter-header,.toolbar-actions,.dictionary-item,.shelf-stack-header,.shelf-summary-strip article,.shelf-upgrade-footer{flex-direction:column;align-items:flex-start}.shelf-book-cover{border-radius:14px;min-height:138px}.shelf-book-body strong{font-size:1.5rem}.shelf-book-actions{grid-template-columns:minmax(0,1fr) 68px;gap:10px}.shelf-book-action-btn{border-radius:14px;min-height:46px;font-size:.94rem}.chapter-switcher{justify-content:space-between;width:100%}.reading-card{padding:22px 18px 14px}.reading-paragraph{font-size:1.05rem}.sentence-translate-sheet{left:12px;right:80px;bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}.sentence-translate-actions{flex-direction:column-reverse}.sentence-translate-actions button{width:100%}}@media (prefers-reduced-motion:no-preference){.column,.book-card,.word-chip{animation:.42s both fade-in}}@keyframes fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:root{--pwa-bg:#f2efe8;--pwa-surface:#ffffffdb;--pwa-line:#2b392d24;--pwa-brand:#1f4d3c;--pwa-brand-soft:#1f4d3c1f}body{background:radial-gradient(circle at 12% -4%, #7ba29252, transparent 26%), radial-gradient(circle at 88% 0%, #edbb7b42, transparent 24%), linear-gradient(180deg, #f8f5ef 0%, var(--pwa-bg) 100%)}#app{min-height:100vh}.pwa-app-shell{flex-direction:column;max-width:960px;height:100dvh;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.pwa-top-header{z-index:20;border:1px solid var(--pwa-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:0 0 16px 16px;align-items:center;width:min(960px,100vw - 24px);margin-bottom:10px;padding:10px 14px;transition:transform .24s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(0)}.pwa-top-header-hidden{transform:translate(-50%)translateY(-115%)}.pwa-header-brand{align-items:center;gap:10px;display:inline-flex}.pwa-header-logo{border-radius:8px;width:28px;height:28px}.pwa-header-title{letter-spacing:.02em;color:#20352d;font-size:1rem;font-weight:700}.pwa-route-content,.pwa-page{min-height:0}.pwa-route-content{-webkit-overflow-scrolling:touch;padding-top:62px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 104px);flex:1;overflow-y:auto}.pwa-page{gap:12px;display:grid}.pwa-page .column{width:100%;max-width:none;min-height:auto}.pwa-page .shelf-column,.pwa-page .reader-column,.pwa-page .dictionary-column{min-height:auto}.pwa-page .shelf-column,.pwa-page .dictionary-column{display:flex}.pwa-page .reader-column{display:grid}.pwa-account-page{padding-bottom:8px}.account-column{gap:14px}.account-hero{padding-bottom:0}.account-stack-card{border-radius:26px;flex:0;gap:12px;padding:2px}.account-user-card{background:#f8fbffe6;border:1px solid #58768b24;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.account-user-card-guest{background:#fbf6eeeb}.account-avatar{color:#f5f8fb;background:linear-gradient(140deg,#2d536f 0%,#7a9eb7 100%);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex}.account-meta{flex:1;gap:3px;min-width:0;display:grid}.account-meta strong{color:#27435a;font-size:1.02rem}.account-meta span{color:#69839a;font-size:.84rem}.account-status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.34rem .72rem;font-size:.7rem;font-weight:700}.account-status-online{color:#2f6c56;background:#d8ebe1}.account-status-offline{color:#8f6747;background:#f1e5d7}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-actions button,.account-logout,.account-dictionary-toggle{color:#f1f8f4;cursor:pointer;background:linear-gradient(135deg,#214f3d 0%,#3f6d5a 100%);border:0;border-radius:16px;min-height:48px;padding:.72rem .95rem;font-weight:600}.account-logout:disabled,.account-auth-request-btn:disabled,.account-auth-submit-btn:disabled,.account-auth-mode-btn:disabled{cursor:not-allowed;opacity:.6}.account-auth-panel{background:#f8fbffd6;border:1px solid #58768b24;border-radius:20px;gap:12px;padding:14px;display:grid}.account-auth-mode-switch{background:#e9f1f7e6;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}.account-auth-mode-btn{color:#668197;cursor:pointer;background:0 0;border:0;border-radius:12px;min-height:40px;font-weight:600}.account-auth-mode-btn-active{color:#214f3d;background:#fff;box-shadow:0 8px 18px #31485914}.account-auth-copy strong{color:#27435a;font-size:1.02rem;display:block}.account-auth-copy p{color:#69839a;margin:6px 0 0;font-size:.88rem;line-height:1.6}.account-auth-field{gap:8px;display:grid}.account-auth-field span{letter-spacing:.08em;text-transform:uppercase;color:#6f8498;font-size:.76rem}.account-auth-field input{color:#27435a;background:#fffffff5;border:1px solid #58768b29;border-radius:16px;outline:none;width:100%;padding:.92rem 1rem;transition:border-color .18s,box-shadow .18s}.account-auth-field input:focus{border-color:#6c93ad;box-shadow:0 0 0 4px #7a9eb724}.account-auth-request-btn,.account-auth-submit-btn{cursor:pointer;border:0;border-radius:16px;min-height:48px;font-weight:600}.account-auth-request-btn{color:#254c6f;background:#dce9f1}.account-auth-submit-btn{color:#f1f8f4;background:linear-gradient(135deg,#214f3d 0%,#3f6d5a 100%)}.account-auth-feedback{border-radius:16px;gap:4px;padding:12px 13px;font-size:.88rem;line-height:1.6;display:grid}.account-auth-feedback small{letter-spacing:.04em;font-size:.76rem}.account-auth-feedback-info{color:#44657f;background:#e8f0f7eb}.account-auth-feedback-success{color:#2f6c56;background:#dfefe6f0}.account-auth-feedback-error{color:#9a4343;background:#f8e4e4f0}.account-actions button.secondary,.account-logout{color:#214f3d;background:#dce9e2}.account-dictionary-panel{background:#f8fbffd6;border:1px solid #58768b24;border-radius:20px;gap:12px;padding:14px;display:grid}.account-dictionary-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-dictionary-header span{color:#61849f;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.account-import-dictionary{cursor:pointer;background:#ecf3f9d1;border:1px dashed #58768b3d;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.account-import-dictionary input{display:none}.account-import-dictionary span{color:#27435a;font-weight:600}.account-import-dictionary small{color:#6c879d;font-size:.74rem}.account-dictionary-list{gap:10px;display:grid}.account-dictionary-item{background:#fdfefe;border:1px solid #58768b24;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.account-dictionary-item strong,.account-dictionary-item p{margin:0}.account-dictionary-item p{color:#6b8297;margin-top:3px;font-size:.8rem}.account-dictionary-toggle{color:#375c4d;background:#e4ebe7;border-radius:13px;min-width:70px;min-height:40px;padding:.5rem .7rem;font-size:.82rem}.account-dictionary-toggle.account-dictionary-toggle-on{color:#f1f8f4;background:#214f3d}.account-column .shelf-summary-strip{margin-top:2px}.pwa-bottom-toolbar{left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafdfbeb;border:1px solid #1b2d252e;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(92vw,620px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 36px #1f382b33}.pwa-tab-item{color:#5f7368;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 6px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.pwa-tab-icon{width:22px;height:22px;display:inline-flex}.pwa-tab-icon svg{width:100%;height:100%}.pwa-tab-item-active{color:var(--pwa-brand);background:var(--pwa-brand-soft)}.pwa-reader-page .reader-translate-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}@media (width>=1024px){.pwa-app-shell{padding-left:14px;padding-right:14px}.pwa-top-header{width:min(960px,100vw - 28px)}}.pwa-install-prompt[data-v-59e1ddaa]{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pwa-install-backdrop[data-v-59e1ddaa]{background:#0000004d;position:absolute;inset:0}.pwa-install-card[data-v-59e1ddaa]{z-index:101;width:min(90vw,380px);padding-bottom:env(safe-area-inset-bottom,0px);background:#fafcfb;border:1px solid #2b392d24;border-bottom:none;border-radius:20px 20px 0 0;position:relative;box-shadow:0 -8px 24px #1f382b26}.pwa-install-header[data-v-59e1ddaa]{border-bottom:1px solid #3850421f;justify-content:space-between;align-items:center;padding:16px;display:flex}.pwa-install-title[data-v-59e1ddaa]{color:#1f4d3c;margin:0;font-size:1.1rem;font-weight:600}.pwa-install-close[data-v-59e1ddaa]{color:#687c72;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex}.pwa-install-content[data-v-59e1ddaa]{padding:16px}.pwa-install-description[data-v-59e1ddaa]{color:#3d5349;margin:0 0 16px;font-size:.95rem}.pwa-install-steps[data-v-59e1ddaa]{flex-direction:column;gap:8px;display:flex}.pwa-install-step[data-v-59e1ddaa]{align-items:flex-start;gap:12px;display:flex}.pwa-step-num[data-v-59e1ddaa]{color:#fff;background:linear-gradient(135deg,#1f4d3c 0%,#5f8f79 100%);border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.pwa-install-step p[data-v-59e1ddaa]{color:#2d3f38;margin:0;padding-top:3px;font-size:.9rem}.pwa-install-arrow[data-v-59e1ddaa]{color:#aac3b0;width:20px;height:20px;margin-bottom:8px;margin-left:20px}.pwa-install-actions[data-v-59e1ddaa]{border-top:1px solid #3850421f;gap:8px;padding:12px 16px 16px;display:flex}.pwa-install-button-dismiss[data-v-59e1ddaa]{color:#5c7267;cursor:pointer;background:#fffc;border:1px solid #38504229;border-radius:12px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:background .2s}.pwa-install-button-dismiss[data-v-59e1ddaa]:active{background:#f4faf8e6}