:root{--bg:#f2f2f7;--surface:#fff;--text:#1d1d1f;--text-muted:#6e6e73;--accent:#0071e3;--accent-hover:#0077ed;--accent-pressed:#006edb;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--separator:#3c3c431f;--danger:#ff3b30;--warn:#ff9500;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000f, 0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014, 0 8px 28px #0000000f;--ease:cubic-bezier(.4, 0, .2, 1);--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);letter-spacing:-.022em;margin:0;font-size:17px;line-height:1.47}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);letter-spacing:-.022em;cursor:pointer;min-height:44px;transition:background .18s var(--ease), transform .12s var(--ease);border:none;padding:11px 20px;font-family:inherit;font-size:17px;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-pressed);transform:scale(.98)}.btn-primary:focus-visible{outline-offset:2px;outline:3px solid #0071e359}.btn-block{width:100%}.btn-ghost{color:var(--accent);border-radius:var(--radius);cursor:pointer;min-height:44px;transition:background .18s var(--ease);background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:17px;font-weight:400}.btn-ghost:hover{background:var(--fill-tertiary)}.btn-ghost:active{background:var(--fill-secondary)}.btn-danger{color:var(--danger);border-radius:var(--radius);cursor:pointer;min-height:44px;transition:background .18s var(--ease);background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:17px;font-weight:400}.btn-danger:hover{background:#ff3b301a}.input{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius);width:100%;color:var(--text);min-height:44px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);padding:12px 14px;font-family:inherit;font-size:17px}.input:hover{border-color:#3c3c4338}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e32e}.panel{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.shell{max-width:1120px;padding:20px max(20px, env(safe-area-inset-right)) 56px max(20px, env(safe-area-inset-left));margin:0 auto}.centered{text-align:center;justify-content:center;align-items:center;min-height:40vh;display:flex}.muted{color:var(--text-muted);font-size:17px}.error{color:var(--danger);font-size:15px}@media (prefers-reduced-motion:reduce){.btn-primary,.input{transition:none}.btn-primary:active{transform:none}}