:root{--primary:#ffb300;--on-primary:#6b4900;--surface:#fcf9f8;--surface-container:#f0edec;--on-surface:#1c1b1b;--muted:#6f6f6f;--line:#e5e2e1}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--surface);color:var(--on-surface);font-family:system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:480px;margin:0 auto;min-height:100dvh;padding:24px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:none;border-radius:16px;background:var(--primary);color:var(--on-primary);font-size:16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn-sm{width:auto;min-height:40px;padding:0 16px;border-radius:12px;font-size:14px}.btn-ghost{background:var(--surface-container)}.btn-ghost,.input{color:var(--on-surface)}.input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px}.input:focus{outline:none;border-color:var(--primary)}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 20px 0 rgba(0,0,0,.06)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}