:root{color-scheme:light;--er-bg: #eef3ef;--er-bg-accent: #d7e4da;--er-ink: #14241c;--er-muted: #4a6356;--er-brand: #1a3a2f;--er-brand-soft: #2d5a48;--er-line: #b7c9be;--er-panel: rgba(255, 255, 255, .82);--er-danger: #8b2e2e;--er-focus: #0e7c66;--er-font-display: "Source Serif 4", "Songti SC", "Noto Serif SC", Georgia, serif;--er-font-body: "IBM Plex Sans", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--er-radius: 12px;--er-shadow: 0 10px 30px rgba(20, 36, 28, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--er-font-body);color:var(--er-ink);background:radial-gradient(1200px 600px at 10% -10%,#cfe0d4 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f0e6d4 0%,transparent 45%),linear-gradient(180deg,var(--er-bg),#f7faf8 40%,var(--er-bg-accent));background-attachment:fixed}a{color:var(--er-brand-soft)}h1,h2,h3{font-family:var(--er-font-display);font-weight:650;letter-spacing:-.02em}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--er-line);background:#fff;color:var(--er-ink);border-radius:10px;padding:.55rem .9rem}button.primary{background:var(--er-brand);border-color:var(--er-brand);color:#f4faf7}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--er-focus);outline-offset:2px}.app-shell{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 1rem 5.5rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--er-bg) 70%,transparent)}.brand{font-family:var(--er-font-display);font-size:1.35rem;color:var(--er-brand);text-decoration:none}.muted{color:var(--er-muted);font-size:.92rem}.banner{border:1px solid var(--er-line);background:var(--er-panel);border-radius:var(--er-radius);padding:.75rem 1rem;margin-bottom:.75rem;box-shadow:var(--er-shadow)}.banner.warn{border-color:#c9a66b;background:#fff8ea}.banner.danger{border-color:#d8a0a0;background:#fff1f1;color:var(--er-danger)}.panel{border:1px solid var(--er-line);background:var(--er-panel);border-radius:var(--er-radius);padding:1rem;box-shadow:var(--er-shadow)}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid var(--er-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{text-decoration:none;color:var(--er-muted);text-align:center;font-size:.78rem;padding:.4rem .2rem;border-radius:10px}.bottom-nav a.active{color:var(--er-brand);background:#e4efe8;font-weight:600}.reader-doc{font-family:var(--er-font-display);font-size:1.2rem;line-height:1.75}.sentence{margin:0 0 1rem}.sentence .zh{display:block;margin-top:.35rem;font-family:var(--er-font-body);font-size:.98rem;color:var(--er-muted)}.token{border:0;background:transparent;padding:0 .05em;border-radius:4px;font:inherit;color:inherit}.token:hover,.token[aria-pressed=true]{background:#cfe8d8}.token.punct{pointer-events:none}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:55dvh;overflow:auto;z-index:30;border-radius:16px 16px 0 0;border:1px solid var(--er-line);background:#fff;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #14241c2e}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.list{list-style:none;margin:0;padding:0}.list li{padding:.85rem 0;border-bottom:1px solid var(--er-line)}@media(min-width:860px){.app-shell{max-width:880px}.reader-doc.bilingual-wide .sentence{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}