*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#ff4da6;--accent2:#7c3aed;--bg:#0f0f1a;--surface:#1a1a2e;--surface2:#16213e;--text:#f0f0f5;--text-muted:#888;--border:#2a2a40;--radius:12px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif}html,body,#root{background:var(--bg);min-height:100%}@media (orientation:landscape) and (height<=500px){.wizard-wrap{gap:8px;padding:8px}.step-card{padding:12px}.step-title{margin-bottom:10px;font-size:.95rem}}button{cursor:pointer;font-family:inherit}input[type=file]{display:none}.wizard-wrap{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:640px;padding:24px}.step-title{color:var(--accent);margin-bottom:16px;font-size:1.1rem;font-weight:700}.btn{border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:1rem;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 0 16px #ff4da666}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{filter:brightness(1.15)}.btn-ghost{color:var(--text-muted);background:0 0;border:none;padding:8px 12px;font-size:.85rem}.progress-bar{background:var(--border);border-radius:2px;width:100%;max-width:640px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:2px;height:100%;transition:width .4s}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 20px;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#ff4da60f}.upload-zone p{color:var(--text-muted);margin-top:8px;font-size:.9rem}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-card{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface2);text-align:center;cursor:pointer;padding:16px 12px;transition:border-color .2s,background .2s}.option-card.selected{border-color:var(--accent);background:#ff4da61a}.option-card .oc-emoji{margin-bottom:6px;font-size:1.8rem;display:block}.option-card .oc-label{font-size:.85rem;font-weight:700}.option-card .oc-desc{color:var(--text-muted);margin-top:3px;font-size:.72rem}.nav-row{justify-content:space-between;align-items:center;width:100%;max-width:640px;display:flex}