:root{--app-height:100vh;--glass-bg:#fffc;--glass-border:#fff6;--glass-shadow:0 8px 32px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f8fafc;font-family:Space Mono,monospace;height:100vh;overflow:hidden}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.glass-effect{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--glass-bg);border:1px solid #fff6;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow)}.app-container{display:flex;flex-direction:column;height:100vh;height:var(--app-height);overflow:hidden;position:relative;width:100vw}.header{align-items:center;border-radius:1rem;display:flex;gap:2rem;left:50%;padding:1rem 2rem;position:fixed;top:1rem;transform:translateX(-50%);z-index:10}.name .title{color:#1a1a1a;font-size:1.5rem;font-weight:600}.name .subTitle{color:#666;font-size:.875rem}.canvas-container{flex:1 1;position:relative}.controls-panel{bottom:2rem;display:flex;flex-direction:column;gap:1rem;left:50%;position:fixed;transform:translateX(-50%);width:min(90%,600px);z-index:50}.control-row{border-radius:.75rem;justify-content:space-between;padding:.75rem}.control-row,.speed-control{align-items:center;display:flex}.speed-control{gap:.75rem}.speed-button{align-items:center;background-color:#0000000d;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.speed-button:hover{background-color:#0000001a}.speed-button:active{transform:scale(.95)}.speed-display{text-align:center}.speed-label{color:#666;font-size:.75rem}.speed-value{color:#1a1a1a;font-size:1rem;font-weight:600}.joint-controls{border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.toggles{display:flex;gap:.75rem}.joint-toggle{align-items:center;background-color:#0000000d;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.joint-toggle.active{background-color:var(--toggle-bg);color:var(--toggle-color)}.direction-controls{align-items:center;background-color:#00000005;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem}.direction-button{align-items:center;background-color:#0000000d;border:none;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .15s;width:3rem}.direction-button:hover{background-color:#0000001a}.direction-button:active{background-color:#00000026;transform:scale(.95)}.direction-label{color:#666;font-size:.875rem;min-width:100px;text-align:center}.reset-button{align-items:center;background-color:#0000000d;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.reset-button:hover{background-color:#0000001a}.reset-button:active{transform:scale(.95)}.info-button{align-items:center;background-color:#0000000d;border:none;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s;width:2.5rem}.info-button:hover{background-color:#0000001a}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.dialog-content{border-radius:1rem;max-width:90%;padding:2rem;width:28rem}.dialog-content h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dialog-body{margin-bottom:2rem}.dialog-body p{color:#374151;margin-bottom:1rem}.dialog-body ul{color:#374151;margin:1rem 0 1.5rem 1.5rem}.dialog-body li{margin-bottom:.75rem}.dialog-body a{color:#2563eb;text-decoration:underline;transition:color .2s}.dialog-body a:hover{color:#1d4ed8}.dialog-close{background-color:#2563eb;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.dialog-close:hover{background-color:#1d4ed8}.dialog-close:active{transform:scale(.98)}.at:before{animation:at 3s infinite;content:"@"}.exclamation:before{animation:exclamation 3s infinite;content:"!"}.dollar:before{animation:dollar 3s infinite;content:"$"}.hash:before{animation:hash 3s infinite;content:"#"}@keyframes at{0%{content:"@"}33%{content:"A"}66%{content:"a"}}@keyframes exclamation{0%{content:"!"}33%{content:"I"}66%{content:"i"}}@keyframes dollar{0%{content:"$"}33%{content:"S"}66%{content:"s"}}@keyframes hash{0%{content:"#"}33%{content:"H"}66%{content:"h"}}@media (max-width:768px){.header{border-radius:.75rem;padding:.75rem 1.25rem;top:.5rem}.name .title{font-size:1.25rem}.name .subTitle{font-size:.75rem}.controls-panel{bottom:1rem;gap:.75rem}.direction-button{height:2.5rem;width:2.5rem}.joint-toggle{font-size:.875rem;padding:.625rem}.speed-button{height:2.25rem;width:2.25rem}.reset-button{font-size:.875rem;padding:.625rem 1rem}.dialog-content{max-width:85%;padding:1.25rem;width:20rem}}@media (min-width:1024px){.controls-panel{width:min(800px,90%)}.joint-controls{align-items:center;flex-direction:row;justify-content:space-between}.toggles{flex:0 0 auto}.direction-controls{flex:1 1;margin-left:2rem}}@media (hover:none){.direction-button:active,.joint-toggle:active,.reset-button:active,.speed-button:active{transform:scale(.95)}}.direction-button,.joint-toggle,.reset-button,.speed-button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.direction-button{isolation:isolate;position:relative;touch-action:none}.direction-button:after{background-color:initial;border-radius:inherit;content:"";inset:0;position:absolute;transition:background-color .2s;z-index:-1}.direction-button:active:after{background-color:#0000001a}.direction-button,.joint-toggle,.reset-button,.speed-button{will-change:transform}
/*# sourceMappingURL=main.1ac7af98.css.map*/