#root{background-color:#fff;flex-direction:column;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.dark-mode #root{background-color:#0a0a0a!important}.app-container{background-color:#fff;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.dark-mode .app-container{background-color:#0a0a0a!important}.main-content{flex-direction:column;flex:1;margin-top:80px;padding-top:2rem;padding-bottom:2rem;display:flex;position:relative;overflow:hidden}.main-content.main-content--home{overflow:visible}.main-content.playground-scrollable,.main-content.about-scrollable{overflow:hidden auto}@media (max-width:768px){.main-content{margin-top:80px;padding-top:1.5rem;padding-bottom:1.5rem}}:root.dark-mode,.dark-mode{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#333}:root:not(.dark-mode){--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:#666;--border-color:#e5e5e5}.dark-mode .main-content{color:var(--text-primary);background:var(--bg-primary)!important}
.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;width:100%;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:1rem 2rem;display:flex;position:relative}.header-right{align-items:center;gap:2rem;display:flex}.logo{cursor:pointer;text-decoration:none;transition:opacity .3s}.logo:hover{opacity:.7}.logo h1{color:#000;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.nav{align-items:center;gap:2rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#000;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .3s;position:relative}.nav-link:hover{opacity:.8}.nav-link:after{content:"";background:#000;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.dark-mode-toggle{cursor:pointer;color:#000;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:opacity .3s,transform .2s;display:flex}.dark-mode-toggle:hover{opacity:.7;transform:scale(1.1)}.menu-toggle{cursor:pointer;z-index:1001;color:#000;background:0 0;border:none;padding:0;transition:opacity .3s;display:none}.menu-toggle:hover{opacity:.7}@media (max-width:768px){.header-container{padding:1rem}.logo h1{font-size:1.25rem}.menu-toggle{display:flex}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffffa;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;width:250px;height:100vh;padding:5rem 2rem 2rem;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0000001a}.nav.nav-open{transform:translate(0)}.nav-link{width:100%;padding:.5rem 0;font-size:1.1rem}.nav-link:after{bottom:0}}.dark-mode .header{border-bottom:1px solid #ffffff1a;background:#0a0a0af2!important}.dark-mode .logo h1,.dark-mode .nav-link{color:#fff}.dark-mode .nav-link:after{background:#fff}.dark-mode .dark-mode-toggle,.dark-mode .menu-toggle{color:#fff}.dark-mode .nav{background:#0a0a0afa;box-shadow:-2px 0 10px #00000080}@media (max-width:768px){.dark-mode .nav{background:#0a0a0afa}}
.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;width:100%;margin-top:auto;padding:2rem 0}.footer-container{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:0 2rem;display:flex}.footer-left{align-items:center;gap:1rem;display:flex}.footer-right{align-items:center;display:flex}.footer-icon{color:#000;align-items:center;text-decoration:none;transition:opacity .3s;display:flex}.footer-icon:hover{opacity:.7}.footer-text{color:#000;font-size:.9rem;font-weight:400}@media (max-width:768px){.footer-container{flex-direction:column;gap:1rem;padding:0 1rem}.footer-left{flex-wrap:wrap;justify-content:center}.footer-right{justify-content:center}.footer-text{font-size:.85rem}}.dark-mode .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#b0b0b0;border-top:1px solid #ffffff1a;background:#0a0a0af2!important}.dark-mode .footer-icon{color:#b0b0b0}.dark-mode .footer-icon:hover{color:#fff;opacity:1}.dark-mode .footer-text,.dark-mode .footer-link{color:#b0b0b0}.dark-mode .footer-link:hover{color:#fff}
.cursor-follower-starburst{pointer-events:none;z-index:9999;opacity:0;width:20px;height:20px;transition:opacity .15s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-follower-starburst.visible{opacity:1}.starburst-beam{transform-origin:50% 100%;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%);filter:drop-shadow(0 0 2px #00ffff80);width:3.5px;height:10px;animation:6s ease-in-out infinite gradient-shift,2s ease-in-out infinite radial-pulse;position:absolute;top:50%;left:50%}.starburst-beam.beam-1{--beam-rotation:0deg;animation-delay:0s,0s;transform:translate(-50%,-50%)rotate(0)translateY(-5px)}.starburst-beam.beam-2{--beam-rotation:45deg;animation-delay:.1s,.1s;transform:translate(-50%,-50%)rotate(45deg)translateY(-5px)}.starburst-beam.beam-3{--beam-rotation:90deg;animation-delay:.2s,.2s;transform:translate(-50%,-50%)rotate(90deg)translateY(-5px)}.starburst-beam.beam-4{--beam-rotation:135deg;animation-delay:.3s,.3s;transform:translate(-50%,-50%)rotate(135deg)translateY(-5px)}.starburst-beam.beam-5{--beam-rotation:180deg;animation-delay:.4s,.4s;transform:translate(-50%,-50%)rotate(180deg)translateY(-5px)}.starburst-beam.beam-6{--beam-rotation:225deg;animation-delay:.5s,.5s;transform:translate(-50%,-50%)rotate(225deg)translateY(-5px)}.starburst-beam.beam-7{--beam-rotation:270deg;animation-delay:.6s,.6s;transform:translate(-50%,-50%)rotate(270deg)translateY(-5px)}.starburst-beam.beam-8{--beam-rotation:315deg;animation-delay:.7s,.7s;transform:translate(-50%,-50%)rotate(315deg)translateY(-5px)}@keyframes gradient-shift{0%{filter:drop-shadow(0 0 2px #b3e5fc66);background:linear-gradient(#b3e5fc 0%,#81d4fa 50%,#b39ddb 100%)}16.66%{filter:drop-shadow(0 0 2px #ce93d866);background:linear-gradient(#ce93d8 0%,#ba68c8 50%,#b39ddb 100%)}33.33%{filter:drop-shadow(0 0 2px #f8bbd066);background:linear-gradient(#f8bbd0 0%,#f48fb1 50%,#ce93d8 100%)}50%{filter:drop-shadow(0 0 2px #ffccbc66);background:linear-gradient(#ffccbc 0%,#ffab91 50%,#f8bbd0 100%)}66.66%{filter:drop-shadow(0 0 2px #fff9c466);background:linear-gradient(#fff9c4 0%,#f1f8a9 50%,#c5e1a5 100%)}83.33%{filter:drop-shadow(0 0 2px #b2dfdb66);background:linear-gradient(#b2dfdb 0%,#80cbc4 50%,#b3e5fc 100%)}to{filter:drop-shadow(0 0 2px #b3e5fc66);background:linear-gradient(#b3e5fc 0%,#81d4fa 50%,#b39ddb 100%)}}@keyframes radial-pulse{0%,to{transform:translate(-50%, -50%) rotate(var(--beam-rotation)) translateY(-5px) scale(1)}50%{transform:translate(-50%, -50%) rotate(var(--beam-rotation)) translateY(-5px) scale(1.4)}}@media (max-width:768px){.cursor-follower-starburst{display:none}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.grow{flex-grow:1}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}*,:before,:after{box-sizing:inherit}body{color:#000;cursor:none;background-color:#fff;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden}.dark-mode body{color:#fff;background-color:#0a0a0a!important}.dark-mode html{background-color:#0a0a0a!important}*{cursor:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}