:root{--bg:#faf9f7;--fg:#1c1b19;--muted:#77736c;--line:#e4e0d9;--panel:#fff;--accent:#8a6d1f;--danger:#a3402f;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#16151a;--fg:#e8e6e3;--muted:#8d8880;--line:#2b2930;--panel:#1c1b21;--accent:#c6a34a;--danger:#c86a58}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);padding-bottom:env(safe-area-inset-bottom);margin:0;font:17px/1.6 ui-serif,Georgia,serif}main{max-width:640px;margin:0 auto;padding:20px 16px 80px}.sans{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}textarea,input,button,select{font:inherit;color:inherit}textarea,input[type=text],input[type=datetime-local]{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:12px 14px;font-size:17px}textarea:focus,input:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:vertical;min-height:140px;line-height:1.6}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:11px 18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:500}button.quiet{color:var(--muted);background:0 0;border-color:#0000;padding:6px 10px;font-size:13px}button.quiet:hover{color:var(--fg)}button.danger:hover{color:var(--danger)}a{color:inherit}