.app{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;padding:2rem;display:flex}.title{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.subtitle{color:#a7a9be;text-align:center;font-size:.95rem}.roulette-area{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem;display:flex}.slot-column{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hint-tags{opacity:0;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:200px;min-height:2rem;transition:opacity .4s,transform .4s;display:flex;transform:translateY(-4px)}.hint-tags.visible{opacity:1;transform:translateY(0)}.hint-tags.empty{min-height:2rem}.hint-tag{color:#88b;white-space:nowrap;background:#1a1a2e;border:1px solid #2d2d55;border-radius:999px;padding:.2rem .65rem;font-size:.78rem}.slot{background:#1a1a2e;border:2px solid #4d96ff;border-radius:16px;justify-content:center;align-items:center;min-width:160px;min-height:80px;padding:1rem 1.5rem;font-size:1.6rem;font-weight:700;transition:box-shadow .2s;display:flex;box-shadow:0 0 20px #4d96ff4d}.slot.spinning{border-color:#ffd93d;animation:.12s ease-in-out infinite alternate pulse;box-shadow:0 0 30px #ffd93d80}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.particle{color:#a7a9be;align-self:flex-start;height:80px;font-size:1.4rem;font-weight:700;line-height:80px}.spin-button{letter-spacing:.05em;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 35%,#ff8f8f,#f44 50%,#c11);border:none;border-radius:50%;width:160px;height:160px;margin-top:1rem;font-family:inherit;font-size:1.4rem;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px #8b0000,0 12px 20px #00000080,inset 0 2px 6px #ffffff59,inset 0 -3px 6px #0000004d}.spin-button:hover:not(:disabled){background:radial-gradient(circle at 35% 35%,#faa,#f55 50%,#d22);transform:translateY(-2px);box-shadow:0 10px #8b0000,0 16px 28px #00000080,inset 0 2px 6px #fff6,inset 0 -3px 6px #0000004d}.spin-button:active:not(:disabled){background:radial-gradient(circle at 40% 40%,#f66,#c22 50%,#a00);transform:translateY(6px);box-shadow:0 2px #8b0000,0 4px 10px #0006,inset 0 1px 4px #fff3,inset 0 -2px 4px #0006}.spin-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.mic-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mic-status{text-align:center;font-size:.9rem}.mic-status.recording{color:#ff6b6b;animation:.6s ease-in-out infinite alternate blink}.mic-status.ready{color:#6bcb77}.mic-status.error{color:#ff6b6b}@keyframes blink{0%{opacity:1}to{opacity:.4}}.record-button{color:#fffffe;cursor:pointer;background:#1a1a2e;border:2px solid #4d96ff;border-radius:999px;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s}.record-button:hover{background:#4d96ff;transform:scale(1.03)}.record-button.secondary{border-color:#555;padding:.4rem 1rem;font-size:.8rem}.record-button.secondary:hover{background:#333}.debug-panel{color:#6bcb77;background:#0a0a1a;border:1px solid #333;border-radius:8px;min-width:240px;padding:.75rem 1.25rem;font-family:monospace;font-size:.85rem;line-height:1.8}.debug-over{color:#ff6b6b;font-weight:700}.motion-hint{color:#6bcb77;text-align:center;opacity:.8;font-size:.85rem}.result-hint{text-align:center;color:#a7a9be;opacity:0;background:#1a1a2e;border:1px solid #2d2d44;border-radius:12px;width:100%;max-width:480px;margin-top:.5rem;padding:1rem 1.5rem;font-size:.95rem;line-height:1.6;transition:opacity .4s}.result-hint.visible{opacity:1}.result-hint strong{color:#fffffe}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fffffe;background:#0f0e17;justify-content:center;align-items:center;min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;display:flex}