:root{--bg:#f4f1ea;--paper:#fff;--ink:#1a1a1a;--muted:#6b6b6b;--line:#dcd8cf;--accent:#0a1a0a;--accent-text:#7cf06a;--danger:#b3261e;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;padding:0}#app{max-width:480px;margin:0 auto;padding:24px 20px 40px}.screen{flex-direction:column;gap:20px;display:flex}.hdr{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.hdr h1{letter-spacing:.02em;margin:0;font-size:22px}.hdr .sub{color:var(--muted);font-size:12px}.hero{background:var(--accent);color:var(--accent-text);border-radius:14px;padding:28px 20px;font-family:Shippori Mincho,Hiragino Mincho ProN,serif;font-size:24px;line-height:1.4}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.card .label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.card .value{font-size:18px;font-weight:500}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;padding:14px 20px;font-size:16px;font-weight:500}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.5}.list-item.unread{border-left:3px solid var(--accent)}.list-item .handle{color:var(--muted);margin-bottom:4px;font-size:11px}.stack-sm{flex-direction:column;gap:8px;display:flex}.note{color:var(--muted);font-size:13px;line-height:1.6}.error{color:var(--danger);background:#fdeceb;border-radius:8px;padding:12px 14px;font-size:14px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kv{grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.brand{letter-spacing:.3em;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}