:root{--bg:#fbfbfa;--surface:#fff;--border:#e6e4e0;--text:#1c1b19;--muted:#6f6b64;--accent:#b4552d;--accent-soft:#f6ece6;--danger:#b3261e;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#171614;--surface:#201f1c;--border:#33312d;--text:#ecebe7;--muted:#9d978d;--accent:#e08256;--accent-soft:#2c231e;--danger:#f2857c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}.page{max-width:760px;margin:0 auto;padding:56px 24px 96px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px}h1{letter-spacing:-.01em;margin:0 0 8px;font-size:30px;line-height:1.25}.lede{color:var(--muted);margin:0 0 32px}.stack{gap:10px;margin-bottom:32px;display:grid}.stack-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 14px;font-size:13px;display:flex}.stack-row dt{color:var(--muted);margin:0}.stack-row dd{text-align:right;word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel h2{margin:0 0 4px;font-size:16px}.panel .hint{color:var(--muted);margin:0 0 18px;font-size:13px}form{gap:10px;margin-bottom:20px;display:grid}input[type=text],textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:9px 12px}input[type=text]:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;justify-self:start}.btn-ghost{color:var(--muted);border-color:var(--border);background:0 0;padding:4px 10px;font-size:12px}.btn-ghost:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.note{border:1px solid var(--border);background:var(--bg);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.note strong{font-weight:600;display:block}.note p{color:var(--muted);white-space:pre-wrap;margin:2px 0 0;font-size:13px}.note time{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11.5px;display:block}.empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:8px;padding:20px;font-size:13px}.banner{border:1px solid var(--danger);color:var(--danger);background:var(--accent-soft);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.banner ul{margin:6px 0 0;padding-left:18px}.page-narrow{max-width:420px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.topbar-user{color:var(--muted);align-items:center;gap:10px;padding-top:18px;font-size:13px;display:flex}.topbar-user span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:4px;margin-bottom:20px;padding:3px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;padding:7px 12px;font-size:13.5px}.tab-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f}.field{gap:5px;display:grid}.field>span{color:var(--muted);font-size:13px}.field input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 12px}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.field small{color:var(--muted);font-size:11.5px}.btn-block{justify-self:stretch;width:100%;margin-top:4px}