:root{color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif;--fg: #1b1a17;--bg: #faf8f3;--accent: #2f5d50;--muted: #6b6963}@media(prefers-color-scheme:dark){:root{--fg: #f1efe8;--bg: #15140f;--accent: #8fc1b0;--muted: #a5a39b}}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:28rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}h1{font-size:1.5rem;margin:0 0 .5rem}p{line-height:1.5}.muted{color:var(--muted)}button{min-height:44px;width:100%;border:0;border-radius:10px;font-size:1rem;padding:.75rem 1rem;margin:.5rem 0;cursor:pointer}button:disabled{opacity:.5}button.primary{background:var(--accent);color:var(--bg)}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--muted)}input,textarea{width:100%;min-height:44px;font-size:1rem;padding:.5rem .75rem;border-radius:10px;border:1px solid var(--muted);background:transparent;color:var(--fg);box-sizing:border-box}.card{border:1px solid var(--muted);border-radius:12px;padding:1rem;margin:1rem 0}.fp{font-family:ui-monospace,monospace;font-size:1.4rem;letter-spacing:.1em}ul{padding-left:0;list-style:none}li{display:grid;gap:.5rem;margin:.75rem 0}footer{margin-top:3rem;font-size:.85rem}a{color:var(--accent)}a:hover{text-decoration:underline}[hidden]{display:none!important}