body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;background:#fbf8f1;color:#24262b;font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;font-size:14px;line-height:1.6}.card{width:100%;max-width:380px;box-sizing:border-box;background:#fff;border:1px solid #e9e3d3;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.logo{display:inline-flex;width:52px;height:52px;border-radius:16px;background:#ffe07a;align-items:center;justify-content:center;font-size:26px;font-weight:700}.title{font-size:18px;font-weight:700}.env{display:inline-block;padding:2px 12px;border-radius:999px;font-weight:700;font-size:12px;background:#e7eff6;color:#2f5873}.env-production{background:#fbe7e4;color:#8e2219}.message{width:100%;box-sizing:border-box;border-radius:12px;padding:12px 14px;text-align:left}.alert{background:#fbe7e4;color:#8e2219}.notice{background:#e3efe6;color:#2b5240}.button,button{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:48px;border-radius:12px;border:1px solid #cfc7b2;background:#fff;font:inherit;font-weight:500;color:#24262b;cursor:pointer;text-decoration:none}.primary{background:#ffe07a;border-color:#e2b93b;font-weight:700}form{width:100%;display:flex;flex-direction:column;gap:12px}.code{box-sizing:border-box;width:100%;min-height:56px;border:1px solid #cfc7b2;border-radius:12px;font:inherit;font-size:26px;font-weight:700;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.code:focus,button:focus-visible,.button:focus-visible{outline:3px solid #ffe07a;border-color:#24262b}.muted{font-size:13px;color:#5c6069}.visually-hidden{position:absolute;left:-9999px}