*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a1a;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.emotion-cloud-container{display:flex;flex-direction:column;min-height:100vh;padding:2rem}.cloud-header{text-align:center;margin-bottom:1rem}.cloud-header h1{font-size:2.5rem;background:linear-gradient(135deg,#ff69b4,gold,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.subtitle{color:#888;font-size:.9rem}.controls{margin-top:.75rem;display:flex;gap:.5rem;justify-content:center}.control-btn{background:#1a1a2e;border:1px solid #333;color:#aaa;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.control-btn:hover:not(:disabled){background:#2a2a3e;color:#fff}.control-btn:disabled{opacity:.3;cursor:default}.cloud{position:relative;flex:1;min-height:600px;max-width:900px;margin:0 auto;width:100%}.emotion-bubble{position:absolute;transform:translate(-50%,-50%);background:var(--emotion-color-dim);border:1px solid transparent;color:#ccc;padding:.35rem .7rem;border-radius:20px;cursor:pointer;font-size:.75rem;white-space:nowrap;transition:all .3s ease;z-index:1}.emotion-bubble:hover{background:var(--emotion-color);color:#000;transform:translate(-50%,-50%) scale(1.15);z-index:10}.emotion-bubble.selected{background:var(--emotion-color);color:#000;font-weight:700;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 20px var(--emotion-color),0 0 40px var(--emotion-color-dim);z-index:20;border-color:#fff}.emotion-bubble.related{background:var(--emotion-color);color:#000;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 12px var(--emotion-color-dim);z-index:5;animation:pulse 2s ease-in-out infinite}.emotion-bubble.in-path{border-color:#fff6}@keyframes pulse{0%,to{box-shadow:0 0 12px var(--emotion-color-dim)}50%{box-shadow:0 0 20px var(--emotion-color)}}.path-display{background:#112;border-radius:12px;padding:1.25rem;margin-top:1rem;max-width:900px;margin-left:auto;margin-right:auto;width:100%}.path-display h3{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.path-items{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin-bottom:1rem}.path-arrow{color:#444;margin:0 .25rem}.path-emotion{font-weight:500;font-size:.85rem}.final-emotion{font-size:1.2rem;text-align:center;padding-top:.75rem;border-top:1px solid #222}.final-emotion strong{background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.4rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}