:root{--bg: #1c1c1e;--surface: #2c2c2e;--surface-raised: #3a3a3c;--text: #f2f2f7;--text-dim: #a0a0ab;--accent: #64d2ff;--accent-strong: #0a84ff;--danger: #ff453a;--radius: 12px;--tap: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column}.page{width:100%;max-width:480px;margin:0 auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex:1}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;color:var(--text-dim)}input{appearance:none;background:var(--surface);border:1px solid var(--surface-raised);border-radius:var(--radius);color:var(--text);font-size:16px;min-height:var(--tap);padding:10px 14px;width:100%}input:focus{outline:2px solid var(--accent-strong);outline-offset:1px}button{appearance:none;border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;min-height:var(--tap);padding:12px 16px;width:100%}button:disabled{opacity:.5}.btn-primary{background:var(--accent-strong);color:#fff}.btn-secondary{background:var(--surface);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-link{background:transparent;color:var(--accent);font-weight:500;min-height:auto;padding:8px 0;text-align:left;width:auto}.error-text{color:var(--danger);font-size:.9rem;margin:8px 0}.notice-text{color:var(--text-dim);font-size:.9rem;margin:8px 0}.card{background:var(--surface);border-radius:var(--radius);padding:20px 16px}.stack{display:flex;flex-direction:column;gap:12px}