:root{--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-raised:#eef2ff;--color-border:#e5e7eb;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-action:#2563eb;--color-action-text:#fff;--gradient-primary:linear-gradient(90deg, #2563eb, #38bdf8);--color-accent-gold:#d97706;--color-accent-purple:#7c3aed;--color-accent-teal:#0d9488;--color-accent-orange:#ea580c;--color-text:#111827;--color-text-muted:#6b7280;--color-danger:#dc2626;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 2px 10px #0f172a14;--shadow-tile:0 2px 6px #0f172a1f;--font-display:"M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", "M PLUS Rounded 1c", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100dvh}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}input,textarea{font-family:inherit}.screen{max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 18px 88px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.btn{border-radius:var(--radius-md);font-family:var(--font-display);border:none;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .12s,opacity .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-action);color:var(--color-action-text)}.btn-primary:disabled{background:var(--color-surface-raised);color:var(--color-text-muted)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:disabled{color:var(--color-text-muted)}.btn-ghost{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:8px 16px;font-size:12px}.progress-track{background:var(--color-border);border-radius:var(--radius-pill);height:10px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:var(--gradient-primary);height:100%;transition:width .4s}.icon-tile{border-radius:var(--radius-md);color:#fff;width:64px;height:64px;font-family:var(--font-display);box-shadow:var(--shadow-tile);border:2px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.icon-tile.is-selected{border-color:var(--color-accent-gold)}.badge{font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-pill);color:var(--color-primary);background:#2563eb1a;padding:3px 10px;display:inline-block}