.app{padding:.5rem 2rem;max-width:900px;margin:0 auto}.emotion-field{position:relative;width:100%;height:650px;border-radius:24px;background:#fff6;overflow:hidden}.emotion-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:2px solid rgba(100,116,139,.15);border-radius:16px;background:#fff9;color:#475569;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.85rem;white-space:nowrap}.emotion-node:hover{background:#ffffffd9;border-color:#6366f14d;transform:translate(-50%,-50%) scale(1.08)}.emotion-node.selected{background:#6366f126;border-color:#6366f1b3;color:#3730a3;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 24px #6366f133;z-index:2}.emotion-node.neighbor{background:#6366f112;border-color:#6366f14d;color:#4338ca;z-index:1}.emotion-node.confirmed{background:#34d39926;border-color:#10b981b3;color:#065f46;box-shadow:0 0 24px #34d39933}.emotion-node.dimmed{opacity:.25;transform:translate(-50%,-50%) scale(.92)}.emotion-emoji{font-size:1.5rem;line-height:1}.emotion-label{font-weight:500;letter-spacing:.02em}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;min-height:48px}.confirm-btn{padding:10px 24px;border:none;border-radius:12px;background:#6366f1d9;color:#fff;font-size:1rem;font-family:inherit;cursor:pointer;transition:background .2s}.confirm-btn:hover{background:#6366f1}.reset-btn{padding:10px 20px;border:1px solid rgba(100,116,139,.25);border-radius:12px;background:transparent;color:#64748b;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#64748b80;color:#334155}.confirmed-message{font-size:1.1rem;color:#059669}.path{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:.85rem;color:#94a3b8}.path-label{margin-right:6px;color:#94a3b8;font-style:italic}.path-arrow{margin:0 2px;opacity:.4}.path-step{color:#64748b}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#334155;background:linear-gradient(135deg,#fff,#e0ecff,#f0f7ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fff,#dbe8ff,#f0f7ff);background-attachment:fixed}#root{width:100%;max-width:960px;margin:0 auto;padding:1rem 2rem;box-sizing:border-box}