:root{--bg: #0e0f13;--panel: #16181f;--line: #262a33;--text: #e8e6e1;--muted: #9aa0ab;--accent: #d4a574;--accent-2: #6ea8fe;--danger: #e5675f;--ok: #7ec98f;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior:none;touch-action:manipulation}h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em}a{color:var(--accent)}button{font-family:inherit;cursor:pointer}.screen{max-width:520px;margin:0 auto;min-height:100%;padding:24px 20px 40px;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1206}.btn:active{transform:translateY(1px)}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input[type=text],input[type=number],input[type=url]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0b0c10;color:var(--text);font-family:inherit;font-size:15px}input[type=range]{width:100%}