*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,PingFang SC,SF Pro Text,system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}h1,h2,h3{font-weight:inherit;font-size:inherit}:root{--paper: #ece6d9;--paper-2: #dad2c2;--surface: #fcfaf4;--surface-soft: #f2ede2;--primary: #0f3a52;--primary-soft: #e4ecef;--gold: #c8a24a;--gold-soft: #f1e7c9;--ink: #1c2b33;--ink-soft: #45555e;--muted: #8a8273;--hairline: #e5ddce;--good: #2e7d5b;--bad: #b5562f;--serif: Georgia, "Times New Roman", "Songti SC", serif;--radius: 20px;--radius-sm: 13px;--radius-lg: 28px;--fs: 16px;--lh: 1.7}.serif{font-family:var(--serif)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-size:var(--fs)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen.fwd{animation:screenInFwd .32s cubic-bezier(.22,.61,.36,1)}.screen.back{animation:screenInBack .32s cubic-bezier(.22,.61,.36,1)}.scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;border-radius:999px}.tap{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .12s ease,opacity .12s ease}.tap:active{transform:scale(.985);opacity:.85}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font:inherit}.seg{display:flex;background:var(--surface-soft);border-radius:999px;padding:3px;gap:2px}.seg button{flex:1;border:none;background:none;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:all .2s;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:0 1px 4px #1c2b331f}.tabbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;background:#fcfaf4eb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--hairline);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:40}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--muted);font-size:10.5px;padding:4px 0;transition:color .2s}.tabbar button.on{color:var(--primary)}.tabbar button.on span{font-weight:700}.w{transition:background .25s ease,color .25s ease;border-radius:4px;padding:0 1px}.w.unread{color:var(--muted);opacity:.5}.w.read{color:var(--ink);opacity:1}.w.trail{color:var(--ink);background:#c8a24a38}.w.now{color:var(--ink);background:#c8a24a80}@keyframes screenInFwd{0%{opacity:.4;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes screenInBack{0%{opacity:.4;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes vw{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}