:root{--bg: #0c0a09;--bg-1: #1c1917;--bg-2: #292524;--border: #3a3532;--text: #f5f5f4;--text-2: #d6d3d1;--text-3: #a8a29e;--text-4: #78716c;--accent: #f59e0b;--accent-ink: #0c0a09;--green: #34d399;--red: #f87171;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 16px calc(88px + env(safe-area-inset-bottom))}.center{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:480px;margin:0 auto;padding:24px}.brand{display:flex;align-items:center;gap:10px;padding:22px 4px 10px}.brand .dot{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800}.brand h1{font-size:17px;margin:0;font-weight:700}.brand .sub{font-size:12px;color:var(--text-3)}h2{font-size:20px;margin:8px 4px}.muted{color:var(--text-3);font-size:13px}.err{color:var(--red);font-size:13px}label{display:block;font-size:12px;color:var(--text-3);margin:12px 4px 6px}input,textarea{width:100%;background:var(--bg-1);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:13px 14px;font-size:16px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}button{border:none;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn{background:var(--accent);color:var(--accent-ink);width:100%}.btn:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--text-3);border:1px solid var(--border)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:12px}.row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.row:last-child{border-bottom:none}.row .k{color:var(--text-3)}.row .v{color:var(--text);text-align:right}.person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-top:10px;color:var(--text)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--bg-2);color:var(--accent);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.pill{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--bg-2);color:var(--text-3)}.pill.green{background:#34d3991f;color:var(--green)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#0c0a09e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.tabbar button{background:none;color:var(--text-4);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:4px 18px}.tabbar button.active{color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 4px 6px}.link{background:none;color:var(--accent);font-size:13px;padding:0;width:auto}