:root{--brand: #f8e100;--brand-press: #e4cf00;--brand-soft: #fef9cc;--on-brand: #1b1c10;--ink: #16201a;--ink-2: #5a6166;--ink-3: #8b9196;--surface: #ffffff;--surface-sunken: #f5f6f5;--border: #e7eae8;--border-strong: #d6dbd8;--danger: #d64545;--link: #2f6df0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 32, .06), 0 1px 1px rgba(16, 24, 32, .04);--shadow-md: 0 2px 8px rgba(16, 24, 32, .08), 0 1px 2px rgba(16, 24, 32, .05);--shadow-card: 0 1px 3px rgba(16, 24, 32, .06), 0 8px 20px -10px rgba(16, 24, 32, .14);--focus-ring: 0 0 0 3px rgba(14, 29, 17, .14);--z-sticky: 101;--z-tabbar: 102;--z-modal: 1000;--brand-yellow---050: var(--brand);--mono-gray---087: var(--ink);--mono-gray---003: var(--surface)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Hiragino Sans,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;background:var(--surface-sunken);color:var(--ink);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;background:var(--surface);box-shadow:var(--shadow-card)}.appbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface);color:var(--ink);padding:14px 16px;font-weight:700;font-size:16px;border-bottom:1px solid var(--border)}.screen{padding:var(--sp-5) var(--sp-4) var(--sp-8)}.h1{font-size:22px;font-weight:700;line-height:1.4;margin:var(--sp-1) 0 var(--sp-2)}.lead{color:var(--ink-2);font-size:14px;line-height:1.7;margin:0 0 var(--sp-5)}.field{margin-bottom:var(--sp-4)}.label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:var(--sp-2);font-weight:600}.input{width:100%;height:52px;padding:0 14px;font-size:16px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}.input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;font-size:16px;font-weight:600;background:var(--brand);color:var(--on-brand);border:1px solid transparent;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);cursor:pointer}.btn:active{background:var(--brand-press);transform:scale(.985)}.btn:disabled{background:#eef0ef;color:var(--ink-3);box-shadow:none;cursor:default;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-ghost:active{transform:scale(.985)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--shadow-sm)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.err{color:var(--danger);font-size:14px;margin:10px 0}.hint{color:var(--ink-3);font-size:12px;margin-top:var(--sp-2)}.center{text-align:center}.mt{margin-top:var(--sp-4)}a{color:var(--link)}