*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;overflow:hidden}#canvas-container{z-index:1;cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}#canvas-container:active{cursor:grabbing}.input-container{z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;width:90%;max-width:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.input-container{width:95%;max-width:none}}.search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;background:#fffffff2;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}@media (width<=768px){.search-box{gap:6px;padding:10px 12px}}.drag-handle{color:#9ca3af;cursor:grab;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;animation:2s ease-in-out infinite pulse;display:flex}.drag-handle:hover{color:#667eea;background:#667eea1a}.drag-handle:active{cursor:grabbing}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.search-box:focus-within{transform:translateY(-2px);box-shadow:0 12px 48px #0006}#thought-input{color:#202124;cursor:text;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 16px;font-size:16px}@media (width<=768px){#thought-input{padding:12px 8px;font-size:16px}}#thought-input::placeholder{color:#70757a}#send-button{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (width<=768px){#send-button{width:48px;height:48px}}#send-button:before{content:"";transform-origin:0 100%;opacity:0;background:linear-gradient(#ffffff80 0%,#ffa5004d 50%,#0000 100%);width:15px;height:35px;transition:all .3s;position:absolute;bottom:0;left:0;transform:rotate(-45deg)}#send-button:hover:before{opacity:1;animation:.6s ease-in-out infinite rocket-exhaust}@keyframes rocket-exhaust{0%,to{transform:translate(-50%)scaleY(1)}50%{transform:translate(-50%)scaleY(1.3)}}#send-button:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 16px #667eea80}#send-button:active{animation:.3s ease-out button-shake;transform:scale(.95)rotate(0)}@keyframes button-shake{0%,to{transform:scale(.95)rotate(0)}25%{transform:scale(.9)rotate(-3deg)}75%{transform:scale(.9)rotate(3deg)}}@keyframes launch{0%{transform:scale(.95)translateY(0)rotate(0)}50%{transform:scale(1)translateY(-3px)rotate(-10deg)}to{transform:scale(.95)translateY(0)rotate(0)}}.flying-rocket{color:#fff;z-index:1000;pointer-events:none;filter:drop-shadow(0 0 8px #667eeacc);justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:fixed}.flying-rocket svg{width:24px;height:24px;transform:rotate(45deg)}.flying-rocket:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6 0%,#ffa500b3 40%,#ff450066 70%,#0000 100%);width:14px;height:60px;animation:.12s ease-in-out infinite rocket-exhaust;position:absolute;bottom:-15%;left:50%;transform:translate(-50%)rotate(-45deg)}@keyframes rocket-liftoff{0%{opacity:1;transform:translate(0)rotate(45deg)scale(1)}to{opacity:0;transform:translate(900px,-600px)rotate(45deg)scale(.15)}}#send-button svg{transition:transform .3s;transform:rotate(45deg)}#send-button:hover svg{transform:rotate(50deg)translateY(-2px)}.controls-help{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;opacity:.8;background:#0009;border-radius:12px;padding:16px 20px;font-size:14px;transition:opacity .3s;position:absolute;top:20px;left:20px}@media (width<=768px){.controls-help{max-width:calc(100vw - 20px);padding:10px 12px;font-size:11px;top:10px;left:10px}.controls-help .desktop-only{display:none}}.controls-help:hover{opacity:1}.help-item{align-items:center;gap:8px;margin:6px 0;display:flex}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}
