:root{--bg:#fff;--fg:#111;--muted:#6b6b6b;--border:#d9d9d9;--accent:#111;--accent-fg:#fff;--danger:#b00020;--radius:12px;--tap:52px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(16px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));max-width:480px;margin:0 auto}.screen-header{margin-bottom:auto;padding-top:24px}.screen-header h1{font-size:28px;font-weight:700;margin:0 0 4px}.screen-header p{margin:0;color:var(--muted)}.stack{gap:12px}.field,.stack{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:14px;font-weight:600;color:var(--muted)}.input{width:100%;min-height:var(--tap);padding:0 16px;font-size:17px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--fg)}.btn{width:100%;min-height:var(--tap);padding:0 16px;font-size:17px;font-weight:600;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);cursor:pointer;touch-action:manipulation}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}.error{color:var(--danger);font-size:15px;margin:0;min-height:1.4em}.muted{color:var(--muted)}