:root{--color-bg:#101a2c;--color-surface:#182642;--color-surface-raised:#1f3050;--color-border:#2b3d5e;--color-primary:#38bdf8;--color-primary-dark:#0ea5e9;--gradient-primary:linear-gradient(90deg, #38bdf8, #2dd4bf);--color-accent-gold:#fcd34d;--color-text:#eaf2fb;--color-text-muted:#7c93b3;--color-danger:#f87171;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 8px 24px #0000004d;--shadow-tile:0 4px 10px #00000040;--font-display:"M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", "M PLUS Rounded 1c", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{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 40px}.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-primary);color:#06202e}.btn-primary:disabled{background:var(--color-surface-raised);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{border-radius:var(--radius-pill);background:#ffffff14;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:#06202e;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:#7dd3fc;background:#38bdf829;padding:3px 10px;display:inline-block}