:root{--bg:#f7f5f0;--surface:#fff;--surface-2:#f2efe8;--ink:#2b2722;--ink-2:#5c5449;--ink-3:#8a8175;--accent:#8a6d3b;--accent-soft:#f0e6d2;--border:#e5e0d6;--danger:#a8442e;--radius:12px;--shadow:0 1px 2px #2b27220f, 0 4px 12px #2b27220a}@media (prefers-color-scheme:dark){:root{--bg:#1a1815;--surface:#232019;--surface-2:#2b271f;--ink:#ebe6dc;--ink-2:#b8b0a2;--ink-3:#857d70;--accent:#c9a86a;--accent-soft:#3a3225;--border:#37322a;--danger:#d4795e;--shadow:none}}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.page{max-width:760px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h1{flex:1;margin:0;font-size:17px;font-weight:600}.topbar .back{color:var(--ink-2);padding:4px 2px;font-size:15px}.card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin-bottom:12px;padding:16px;display:block}.card h2{margin:0 0 6px;font-size:17px;font-weight:600}.card .meta{color:var(--ink-3);font-size:13px}.muted{color:var(--ink-3)}.small{font-size:13px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:2px 4px 2px 0;padding:2px 8px;font-size:12px;display:inline-block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}*{scroll-behavior:auto!important}}