:root{--bg:#e8e6e1;--page:#f7f3ea;--ink:#1c1b19;--muted:#6b6560;--accent:#2f5d50;--accent-soft:#d7e6e1;--danger:#a33;--sidebar:#fff;--shadow:0 1px 3px #00000014;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}a{color:var(--accent)}.app-shell{min-height:100vh}.topbar{z-index:20;background:#fff;border-bottom:1px solid #ddd6cb;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:700}.btn{cursor:pointer;background:#fff;border:1px solid #c9c2b6;border-radius:8px;padding:8px 12px}.btn:hover{background:#f3efe6}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0;border-color:#0000}.auth-card,.panel{max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:48px auto;padding:24px}.panel.wide{max-width:960px}label{color:var(--muted);margin:12px 0 4px;font-size:.9rem;display:block}input,select,textarea{background:#fff;border:1px solid #cfc7bb;border-radius:8px;width:100%;padding:10px 12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);margin-top:8px}.shelf{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:20px;display:grid}.book-card{background:var(--page);box-shadow:var(--shadow);cursor:pointer;border:1px solid #ddd4c6;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px;display:flex}.book-card h3{margin:0 0 8px;font-size:1.05rem}.progress-bar{background:#e0d9cd;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.progress-bar>i{background:var(--accent);height:100%;display:block}.reader-layout{grid-template-columns:56px minmax(0,720px) 56px;justify-content:center;gap:12px;min-height:calc(100vh - 52px);padding:16px 8px 80px;display:grid}.side-rail{flex-direction:column;gap:8px;padding-top:24px;display:flex}.side-rail .icon-btn{background:var(--sidebar);text-align:center;cursor:pointer;border:1px solid #ddd4c6;border-radius:10px;width:56px;padding:8px 4px;font-size:.7rem;line-height:1.2}.reader-page{background:var(--page);box-shadow:var(--shadow);border-radius:4px;min-height:70vh;padding:36px 40px 48px}.reader-page.night{color:#e8e4dc;background:#1e1e1e}.reader-meta{color:var(--muted);margin-bottom:20px;font-size:.85rem}.sentence{margin:0 0 1.1em;font-size:1.15rem;line-height:1.85}.sentence .en-word{cursor:pointer;border-radius:3px}.sentence .en-word:hover,.sentence .en-word.active{background:#2f5d502e}.sentence .zh{color:#4a453f;cursor:pointer;margin-top:.35em;font-size:.98rem;display:block}.reader-page.night .sentence .zh{color:#b8b0a4}.reader-bottom{background:#ffffffeb;border-top:1px solid #ddd6cb;justify-content:center;gap:12px;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.popup{z-index:40;background:#fff;border:1px solid #d5cec2;border-radius:12px;max-width:min(360px,100vw - 24px);padding:14px 16px;position:fixed;box-shadow:0 8px 28px #0000001f}.popup h4{margin:0 0 6px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #eee;padding:8px;font-size:.92rem}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.settings-grid{gap:12px;display:grid}.settings-grid .field{border-bottom:1px solid #f0ebe3;grid-template-columns:1fr 180px;align-items:center;gap:12px;padding:8px 0;display:grid}@media (width<=800px){.reader-layout{grid-template-columns:1fr;padding-bottom:100px}.side-rail{flex-flow:wrap;justify-content:center;padding-top:0}.reader-page{padding:24px 18px 40px}.settings-grid .field{grid-template-columns:1fr}}