@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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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;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}.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)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{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}*,:before,:after{box-sizing:inherit}body{color:#000;cursor:none;background-color:#fff;height:100vh;margin:0;padding:0;overflow:hidden}.dark-mode body{color:#fff;background-color:#0a0a0a!important}html{height:100vh;overflow:hidden}.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}#root{width:100%;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.dark-mode #root{background-color:#0a0a0a!important}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background-color:#fff}.dark-mode .app-container{background-color:#0a0a0a!important}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:fadeIn .8s ease-in;margin-top:80px;padding-top:2rem;padding-bottom:2rem}.main-content.playground-scrollable,.main-content.about-scrollable{overflow-y:auto;overflow-x:hidden}@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: #ffffff;--text-secondary: #b0b0b0;--border-color: #333333}:root:not(.dark-mode){--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e5e5e5}.dark-mode .main-content{background:var(--bg-primary)!important;color:var(--text-primary)}.book{--color: #6951f3;--duration: 6.8s;width:32px;height:12px;position:relative;margin:32px 0 0;zoom:1.5}.book .inner{width:32px;height:12px;position:relative;transform-origin:2px 2px;transform:rotate(-90deg);-webkit-animation:book var(--duration) ease infinite;animation:book var(--duration) ease infinite}.book .inner .left,.book .inner .right{width:60px;height:4px;top:0;border-radius:2px;background:var(--color);position:absolute}.book .inner .left:before,.book .inner .right:before{content:"";width:48px;height:4px;border-radius:2px;background:inherit;position:absolute;top:-10px;left:6px}.book .inner .left{right:28px;transform-origin:58px 2px;transform:rotate(90deg);-webkit-animation:left var(--duration) ease infinite;animation:left var(--duration) ease infinite}.book .inner .right{left:28px;transform-origin:2px 2px;transform:rotate(-90deg);-webkit-animation:right var(--duration) ease infinite;animation:right var(--duration) ease infinite}.book .inner .middle{width:32px;height:12px;border:4px solid var(--color);border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px)}.book ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0}.book ul li{height:4px;border-radius:2px;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:var(--color);transform:rotate(0) translate(-18px);-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.book ul li:nth-child(0){-webkit-animation-name:page-0;animation-name:page-0}.book ul li:nth-child(1){-webkit-animation-name:page-1;animation-name:page-1}.book ul li:nth-child(2){-webkit-animation-name:page-2;animation-name:page-2}.book ul li:nth-child(3){-webkit-animation-name:page-3;animation-name:page-3}.book ul li:nth-child(4){-webkit-animation-name:page-4;animation-name:page-4}.book ul li:nth-child(5){-webkit-animation-name:page-5;animation-name:page-5}.book ul li:nth-child(6){-webkit-animation-name:page-6;animation-name:page-6}.book ul li:nth-child(7){-webkit-animation-name:page-7;animation-name:page-7}.book ul li:nth-child(8){-webkit-animation-name:page-8;animation-name:page-8}.book ul li:nth-child(9){-webkit-animation-name:page-9;animation-name:page-9}.book ul li:nth-child(10){-webkit-animation-name:page-10;animation-name:page-10}.book ul li:nth-child(11){-webkit-animation-name:page-11;animation-name:page-11}.book ul li:nth-child(12){-webkit-animation-name:page-12;animation-name:page-12}.book ul li:nth-child(13){-webkit-animation-name:page-13;animation-name:page-13}.book ul li:nth-child(14){-webkit-animation-name:page-14;animation-name:page-14}.book ul li:nth-child(15){-webkit-animation-name:page-15;animation-name:page-15}.book ul li:nth-child(16){-webkit-animation-name:page-16;animation-name:page-16}.book ul li:nth-child(17){-webkit-animation-name:page-17;animation-name:page-17}.book ul li:nth-child(18){-webkit-animation-name:page-18;animation-name:page-18}@-webkit-keyframes page-0{4%{transform:rotate(0) translate(-18px)}13%,54%{transform:rotate(180deg) translate(-18px)}63%{transform:rotate(0) translate(-18px)}}@keyframes page-0{4%{transform:rotate(0) translate(-18px)}13%,54%{transform:rotate(180deg) translate(-18px)}63%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-1{5.86%{transform:rotate(0) translate(-18px)}14.74%,55.86%{transform:rotate(180deg) translate(-18px)}64.74%{transform:rotate(0) translate(-18px)}}@keyframes page-1{5.86%{transform:rotate(0) translate(-18px)}14.74%,55.86%{transform:rotate(180deg) translate(-18px)}64.74%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-2{7.72%{transform:rotate(0) translate(-18px)}16.48%,57.72%{transform:rotate(180deg) translate(-18px)}66.48%{transform:rotate(0) translate(-18px)}}@keyframes page-2{7.72%{transform:rotate(0) translate(-18px)}16.48%,57.72%{transform:rotate(180deg) translate(-18px)}66.48%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-3{9.58%{transform:rotate(0) translate(-18px)}18.22%,59.58%{transform:rotate(180deg) translate(-18px)}68.22%{transform:rotate(0) translate(-18px)}}@keyframes page-3{9.58%{transform:rotate(0) translate(-18px)}18.22%,59.58%{transform:rotate(180deg) translate(-18px)}68.22%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-4{11.44%{transform:rotate(0) translate(-18px)}19.96%,61.44%{transform:rotate(180deg) translate(-18px)}69.96%{transform:rotate(0) translate(-18px)}}@keyframes page-4{11.44%{transform:rotate(0) translate(-18px)}19.96%,61.44%{transform:rotate(180deg) translate(-18px)}69.96%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-5{13.3%{transform:rotate(0) translate(-18px)}21.7%,63.3%{transform:rotate(180deg) translate(-18px)}71.7%{transform:rotate(0) translate(-18px)}}@keyframes page-5{13.3%{transform:rotate(0) translate(-18px)}21.7%,63.3%{transform:rotate(180deg) translate(-18px)}71.7%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-6{15.16%{transform:rotate(0) translate(-18px)}23.44%,65.16%{transform:rotate(180deg) translate(-18px)}73.44%{transform:rotate(0) translate(-18px)}}@keyframes page-6{15.16%{transform:rotate(0) translate(-18px)}23.44%,65.16%{transform:rotate(180deg) translate(-18px)}73.44%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-7{17.02%{transform:rotate(0) translate(-18px)}25.18%,67.02%{transform:rotate(180deg) translate(-18px)}75.18%{transform:rotate(0) translate(-18px)}}@keyframes page-7{17.02%{transform:rotate(0) translate(-18px)}25.18%,67.02%{transform:rotate(180deg) translate(-18px)}75.18%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-8{18.88%{transform:rotate(0) translate(-18px)}26.92%,68.88%{transform:rotate(180deg) translate(-18px)}76.92%{transform:rotate(0) translate(-18px)}}@keyframes page-8{18.88%{transform:rotate(0) translate(-18px)}26.92%,68.88%{transform:rotate(180deg) translate(-18px)}76.92%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-9{20.74%{transform:rotate(0) translate(-18px)}28.66%,70.74%{transform:rotate(180deg) translate(-18px)}78.66%{transform:rotate(0) translate(-18px)}}@keyframes page-9{20.74%{transform:rotate(0) translate(-18px)}28.66%,70.74%{transform:rotate(180deg) translate(-18px)}78.66%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-10{22.6%{transform:rotate(0) translate(-18px)}30.4%,72.6%{transform:rotate(180deg) translate(-18px)}80.4%{transform:rotate(0) translate(-18px)}}@keyframes page-10{22.6%{transform:rotate(0) translate(-18px)}30.4%,72.6%{transform:rotate(180deg) translate(-18px)}80.4%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-11{24.46%{transform:rotate(0) translate(-18px)}32.14%,74.46%{transform:rotate(180deg) translate(-18px)}82.14%{transform:rotate(0) translate(-18px)}}@keyframes page-11{24.46%{transform:rotate(0) translate(-18px)}32.14%,74.46%{transform:rotate(180deg) translate(-18px)}82.14%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-12{26.32%{transform:rotate(0) translate(-18px)}33.88%,76.32%{transform:rotate(180deg) translate(-18px)}83.88%{transform:rotate(0) translate(-18px)}}@keyframes page-12{26.32%{transform:rotate(0) translate(-18px)}33.88%,76.32%{transform:rotate(180deg) translate(-18px)}83.88%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-13{28.18%{transform:rotate(0) translate(-18px)}35.62%,78.18%{transform:rotate(180deg) translate(-18px)}85.62%{transform:rotate(0) translate(-18px)}}@keyframes page-13{28.18%{transform:rotate(0) translate(-18px)}35.62%,78.18%{transform:rotate(180deg) translate(-18px)}85.62%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-14{30.04%{transform:rotate(0) translate(-18px)}37.36%,80.04%{transform:rotate(180deg) translate(-18px)}87.36%{transform:rotate(0) translate(-18px)}}@keyframes page-14{30.04%{transform:rotate(0) translate(-18px)}37.36%,80.04%{transform:rotate(180deg) translate(-18px)}87.36%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-15{31.9%{transform:rotate(0) translate(-18px)}39.1%,81.9%{transform:rotate(180deg) translate(-18px)}89.1%{transform:rotate(0) translate(-18px)}}@keyframes page-15{31.9%{transform:rotate(0) translate(-18px)}39.1%,81.9%{transform:rotate(180deg) translate(-18px)}89.1%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-16{33.76%{transform:rotate(0) translate(-18px)}40.84%,83.76%{transform:rotate(180deg) translate(-18px)}90.84%{transform:rotate(0) translate(-18px)}}@keyframes page-16{33.76%{transform:rotate(0) translate(-18px)}40.84%,83.76%{transform:rotate(180deg) translate(-18px)}90.84%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-17{35.62%{transform:rotate(0) translate(-18px)}42.58%,85.62%{transform:rotate(180deg) translate(-18px)}92.58%{transform:rotate(0) translate(-18px)}}@keyframes page-17{35.62%{transform:rotate(0) translate(-18px)}42.58%,85.62%{transform:rotate(180deg) translate(-18px)}92.58%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes page-18{37.48%{transform:rotate(0) translate(-18px)}44.32%,87.48%{transform:rotate(180deg) translate(-18px)}94.32%{transform:rotate(0) translate(-18px)}}@keyframes page-18{37.48%{transform:rotate(0) translate(-18px)}44.32%,87.48%{transform:rotate(180deg) translate(-18px)}94.32%{transform:rotate(0) translate(-18px)}}@-webkit-keyframes left{4%{transform:rotate(90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(90deg)}}@keyframes left{4%{transform:rotate(90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(90deg)}}@-webkit-keyframes right{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(-90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(-90deg)}}@keyframes right{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(-90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(-90deg)}}@-webkit-keyframes book{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0);transform-origin:2px 2px}96%{transform:rotate(-90deg)}}@keyframes book{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0);transform-origin:2px 2px}96%{transform:rotate(-90deg)}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;z-index:9999;opacity:1;transition:opacity .6s ease-out}.loader-container.fade-out{opacity:0;pointer-events:none}body .dribbble{position:fixed;display:block;right:24px;bottom:24px}body .dribbble img{display:block;width:76px}.header{position:fixed;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.header-container{max-width:100%;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.header-right{display:flex;align-items:center;gap:2rem}.logo{text-decoration:none;cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.7}.logo h1{margin:0;font-size:1.5rem;font-weight:700;color:#000;letter-spacing:-.5px}.nav{display:flex;gap:2rem;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#000;text-decoration:none;font-size:1rem;font-weight:500;transition:opacity .3s ease;position:relative}.nav-link:hover{opacity:.8}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#000;transition:width .3s ease}.nav-link:hover:after{width:100%}.dark-mode-toggle{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#000;transition:opacity .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.dark-mode-toggle:hover{opacity:.7;transform:scale(1.1)}.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;color:#000;transition:opacity .3s ease}.menu-toggle:hover{opacity:.7}@media(max-width:768px){.header-container{padding:1rem}.logo h1{font-size:1.25rem}.menu-toggle{display:flex}.nav{position:fixed;top:0;right:0;width:250px;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem 2rem 2rem;gap:2rem;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 10px #0000001a;z-index:1000}.nav.nav-open{transform:translate(0)}.nav-link{font-size:1.1rem;width:100%;padding:.5rem 0}.nav-link:after{bottom:0}}.dark-mode .header{background:#0a0a0af2!important;border-bottom:1px solid rgba(255,255,255,.1)}.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{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;margin-top:auto}.footer-container{max-width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;align-items:center;gap:1rem}.footer-right{display:flex;align-items:center}.footer-icon{color:#000;transition:opacity .3s ease;display:flex;align-items:center;text-decoration:none}.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{background:#0a0a0af2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);color:#b0b0b0}.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}.playground-container{width:100%;padding:2rem;padding-top:0;padding-bottom:0;display:flex;justify-content:center;align-items:flex-start}.playground-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;column-gap:5rem;row-gap:8rem;width:100%;max-width:1400px;align-items:center}.playground-item{width:70%;overflow:hidden;background:transparent;position:relative;margin:0 auto;opacity:0;transform:translateY(15px);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform 1.2s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform;content-visibility:auto;display:flex;align-items:center;justify-content:center;min-height:200px}.playground-item.fade-in-item{opacity:1;transform:translateY(0)}.playground-item img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .3s ease}.playground-item:hover img{transform:scale(1.05)}@media(max-width:1200px){.playground-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);column-gap:3.5rem;row-gap:6rem}.playground-item{width:75%}}@media(max-width:768px){.playground-container{padding:0 1rem}.playground-grid{grid-template-columns:repeat(2,1fr);column-gap:2.5rem;row-gap:4rem}.playground-item{width:80%}}@media(max-width:480px){.playground-grid{grid-template-columns:1fr}}.dark-mode .playground-container{background:var(--bg-primary);color:var(--text-primary)}.fireworks-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.fireworks-canvas{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:lighten;transform:translateZ(0)}#sky-canvas{z-index:0;mix-blend-mode:screen}#trails-canvas{z-index:1}#main-canvas{z-index:2}.home-page{width:100%;height:calc(100vh - 80px);position:fixed;top:80px;left:0;display:flex;flex-direction:column;background:#fff;z-index:1;transition:transform .6s cubic-bezier(.4,0,.2,1)}.home-page.slide-up{transform:translateY(-100%)}.home-canvas{width:100%;height:100%;position:relative;background-image:url(/home-bg.svg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;box-sizing:border-box}.home-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:10}.home-text-box{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 4rem}.home-text{font-size:2rem;font-weight:400;color:#000;margin:0;text-align:center;position:relative;display:inline-block;padding:1.5rem 3rem;background:#fff;border-radius:50%;white-space:nowrap;box-shadow:0 2px 10px #0000001a}.cursor{display:inline-block;color:#000;font-weight:300;animation:blink .53s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.home-carousel-wrapper{width:100%;background:#fff;flex:0 0 auto;min-height:50vh}@media(max-width:768px){.home-canvas{padding:2rem 1rem}.home-text-box{padding:1.5rem 2rem}.home-text{font-size:1.5rem;padding:1rem 2rem}.home-text:before{left:-10px}}.dark-mode .home-page{background:#0a0a0a;color:#fff}.dark-mode .home-canvas{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);background-image:none;position:relative;overflow:hidden}.dark-mode .home-title,.dark-mode .home-subtitle{color:#fff}.dark-mode .home-text{color:#fff;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.work-page{width:100%;min-height:calc(100vh - 80px - 4rem);height:calc(100vh - 80px - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;position:relative;z-index:2;animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dark-mode .work-page{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .work-title{color:var(--text-primary)}.magazine-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:10000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .3s ease-out;cursor:pointer}.magazine-viewer-overlay.closing{animation:fadeOut .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.magazine-viewer-container{position:relative;width:100%;height:100%;max-height:calc(95vh - 80px);margin-top:80px;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);cursor:default;overflow:hidden}.magazine-viewer-container.slide-down{animation:slideDown .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.magazine-viewer-close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all .3s ease;color:#000}.magazine-viewer-close:hover{background:#0000001a;transform:scale(1.05)}.magazine-viewer-content{width:100%;height:100%;overflow-y:auto;padding:4rem 3rem;box-sizing:border-box}.project-details{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:0}.project-section{padding:2rem 0}.section-title{font-size:1.5rem;font-weight:700;color:#000;margin:0 0 1rem;letter-spacing:-.5px}.section-text{font-size:1rem;line-height:1.7;color:#333;margin:0;font-weight:400}.context-section{padding-bottom:3rem}.context-header{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;margin-bottom:2rem}.context-title{font-size:2.5rem;font-weight:700;color:#000;margin:0;letter-spacing:-1px;line-height:1.2}.context-content{display:flex;flex-direction:column;gap:1.5rem}.context-text{font-size:1rem;line-height:1.7;color:#333;margin:0;font-weight:400}.tech-stack-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.tech-stack-button{display:inline-block;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;font-weight:500;color:#000;transition:all .2s ease}.tech-stack-button:hover{background:#e5e5e5;border-color:#ccc}.links-section{padding:2rem 0}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-size:.95rem;font-weight:500;transition:all .2s ease}.project-link:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.project-link:active{transform:translateY(0)}.project-link svg{flex-shrink:0}.sage-image-container{margin-top:2rem;width:100%;display:flex;justify-content:center;align-items:center}.sage-project-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.magazine-viewer-container{max-height:100vh;border-radius:0}.magazine-viewer-close{top:15px;right:15px;width:40px;height:40px}.magazine-viewer-content{padding:3rem 1.5rem}.project-section{padding:1.5rem 0}.section-title{font-size:1.25rem;margin-bottom:.75rem}.section-text{font-size:.95rem;line-height:1.6}.context-header{grid-template-columns:1fr;gap:1.5rem}.context-title{font-size:1.8rem}.tech-stack-buttons{gap:.5rem}.tech-stack-button{font-size:.8rem;padding:.4rem .8rem}.sage-image-container{margin-top:1.5rem}.sage-project-image{border-radius:6px}}.dark-mode .magazine-viewer-container{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .section-title,.dark-mode .context-title{color:var(--text-primary)}.dark-mode .section-text,.dark-mode .context-text{color:var(--text-secondary)}.dark-mode .tech-stack-button{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .tech-stack-button:hover{background:var(--border-color)}.dark-mode .project-link{background:var(--text-primary);color:var(--bg-primary)}.dark-mode .project-link:hover{background:var(--text-secondary)}.magazine-carousel-container{width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;box-sizing:border-box;padding-top:8vh}.magazine-carousel{position:relative;width:100%;max-width:1200px;height:100%;max-height:500px;perspective:1500px;margin-bottom:1rem}.carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d}.carousel-item{position:absolute;width:240px;height:320px;left:50%;top:50%;transform-origin:center center;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease,z-index .6s ease;cursor:pointer}.carousel-item:hover{z-index:6}.carousel-item.center{transform:translate(-50%,-50%) translateZ(0) scale(1);opacity:1;z-index:5}.carousel-item.right{transform:translate(-50%,-50%) translate(280px) translateZ(-150px) rotateY(-35deg) scale(.85);opacity:.7;z-index:3}.carousel-item.left{transform:translate(-50%,-50%) translate(-280px) translateZ(-150px) rotateY(35deg) scale(.85);opacity:.7;z-index:3}.carousel-item.far-right{transform:translate(-50%,-50%) translate(480px) translateZ(-300px) rotateY(-50deg) scale(.7);opacity:.4;z-index:1}.carousel-item.far-left{transform:translate(-50%,-50%) translate(-480px) translateZ(-300px) rotateY(50deg) scale(.7);opacity:.4;z-index:1}.carousel-item.hidden{opacity:0;pointer-events:none;z-index:0}.magazine-card{width:100%;height:100%;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;display:flex;flex-direction:column}.carousel-item.center .magazine-card{box-shadow:0 20px 60px #0000004d}.carousel-item:hover .magazine-card{transform:scale(1.02);box-shadow:0 25px 70px #00000059}.magazine-card img{width:100%;height:100%;object-fit:cover;display:block}.magazine-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:1.5rem 1rem 1rem;font-size:1.1rem;font-weight:600;text-align:center}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;color:#000;box-shadow:0 4px 12px #00000026}.carousel-button:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00000040}.carousel-button-prev{left:-60px}.carousel-button-next{right:-60px}.carousel-dots{display:flex;gap:.75rem;justify-content:center;align-items:center}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:#0000004d;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#00000080;transform:scale(1.2)}.carousel-dot.active{background:#000;width:32px;border-radius:6px}@media(max-width:1024px){.magazine-carousel-container{height:calc(100vh - 140px);max-height:600px;padding:1.5rem}.magazine-carousel{max-height:450px}.carousel-item{width:200px;height:280px}.carousel-item.right{transform:translate(-50%,-50%) translate(240px) translateZ(-120px) rotateY(-30deg) scale(.8)}.carousel-item.left{transform:translate(-50%,-50%) translate(-240px) translateZ(-120px) rotateY(30deg) scale(.8)}.carousel-button-prev{left:10px}.carousel-button-next{right:10px}}@media(max-width:768px){.magazine-carousel-container{height:calc(100vh - 120px);max-height:500px;padding:1rem}.magazine-carousel{max-height:400px}.carousel-item{width:180px;height:240px}.carousel-item.right,.carousel-item.left{opacity:.5;transform:translate(-50%,-50%) translate(200px) translateZ(-100px) rotateY(-25deg) scale(.75)}.carousel-item.left{transform:translate(-50%,-50%) translate(-200px) translateZ(-100px) rotateY(25deg) scale(.75)}.carousel-item.far-right,.carousel-item.far-left{opacity:0}.carousel-button{width:40px;height:40px}.carousel-button-prev{left:5px}.carousel-button-next{right:5px}}.dark-mode .magazine-carousel{background:var(--bg-primary)}.dark-mode .magazine-title{color:var(--text-primary)}.about-page{width:100%;min-height:calc(100vh - 80px - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;color:#000;padding:0 2rem}.about-container{max-width:900px;width:100%;display:flex;gap:4rem;align-items:flex-start;padding:2rem}.about-image-wrapper{flex:0 0 auto;width:300px}.about-image{width:100%;height:auto;object-fit:cover;border-radius:4px;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.about-image.fade-in{opacity:1;transform:translateY(0)}.about-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.about-text{font-size:1.2rem;font-weight:500;line-height:1.8;color:#000;margin:0;text-align:left;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.about-text.fade-in{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.about-container{flex-direction:column;gap:2rem;align-items:center}.about-image-wrapper{width:100%;max-width:300px}.about-content{width:100%}}.about-sections-container{width:100%;max-width:100%;padding:0 2rem}.shelf-section{width:100%;max-width:1400px;margin-top:6rem;opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out;visibility:visible}.shelf-section.fade-in-section{opacity:1;transform:translateY(0)}.shelf-content{display:flex;flex-direction:column;gap:4rem}.shelf-category{display:flex;flex-direction:column;gap:1.5rem}.shelf-header{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.shelf-title{font-size:1.5rem;font-weight:600;color:#000;margin:0;display:flex;align-items:center;gap:.5rem}.shelf-count{font-size:1.2rem;font-weight:400;color:#666}.shelf-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-year{font-size:.9rem;color:#666;cursor:pointer;transition:color .2s ease}.filter-year:hover{color:#000}.external-link{margin-left:auto;font-size:.9rem;color:#000;text-decoration:none;display:flex;align-items:center;gap:.3rem;transition:opacity .2s ease}.external-link:hover{opacity:.7}.external-icon{font-size:.8rem}.shelf-grid{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:#cccccc transparent}.shelf-grid::-webkit-scrollbar{height:6px}.shelf-grid::-webkit-scrollbar-track{background:transparent}.shelf-grid::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.shelf-item{flex:0 0 auto;width:150px;height:225px;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.shelf-item-music{width:150px;height:150px}.shelf-item.fade-in-item{opacity:1;transform:translateY(0)}.shelf-cover{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.shelf-cover:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.communities-section{width:100%;max-width:100%;margin-top:6rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;padding:0 2rem;box-sizing:border-box}.communities-section.fade-in-section{opacity:1;transform:translateY(0)}.communities-title{font-size:2.5rem;font-weight:600;color:#000;margin:0 0 .5rem}.communities-subtitle{font-size:1rem;color:#666;margin:0 0 3rem;display:flex;align-items:center;gap:.3rem}.heart{color:#ff6b6b}.communities-content{margin-bottom:3rem}.community-info{width:100%}.community-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.community-icon{width:50px;height:50px;border-radius:50%;object-fit:contain;display:block;background:transparent}.community-name{font-size:1.3rem;font-weight:600;color:#000;margin:0}.community-social{margin-left:auto;font-size:1.2rem;text-decoration:none;transition:transform .2s ease}.community-social:hover{transform:scale(1.1)}.community-description{font-size:1rem;line-height:1.6;color:#666;margin:0}.community-photos{display:flex;gap:2rem;flex-wrap:wrap;justify-content:flex-start}.community-photo-wrapper{flex:0 0 auto;opacity:0;transform:translateY(20px) rotate(-2deg);transition:opacity .6s ease-out,transform .6s ease-out}.community-photo-wrapper:nth-child(2n){transform:translateY(20px) rotate(2deg)}.community-photo-wrapper.fade-in-item{opacity:1;transform:translateY(0) rotate(0)}.community-photo-wrapper:nth-child(2n).fade-in-item{transform:translateY(0) rotate(0)}.community-photo-frame{background:#fff;padding:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:.5rem;transition:transform .3s ease,box-shadow .3s ease}.community-photo-wrapper:hover .community-photo-frame{transform:scale(1.02);box-shadow:0 6px 16px #00000026}.community-photo{width:250px;height:auto;display:block;object-fit:cover}.community-photo-caption{font-size:.85rem;color:#666;margin:0;text-align:center}@media(max-width:768px){.about-text{font-size:1rem}.about-page{padding:0 1.5rem;height:auto;min-height:calc(100vh - 80px - 6rem);overflow-y:auto;align-items:flex-start}.about-container{gap:1.5rem}.shelf-section,.communities-section{margin-top:4rem}.shelf-header{flex-direction:column;align-items:flex-start;gap:1rem}.external-link{margin-left:0}.shelf-item{width:120px;height:180px}.shelf-item-music{width:120px;height:120px}.communities-title{font-size:2rem}.community-photos{flex-direction:column;align-items:center}.community-photo{width:100%;max-width:300px}.community-photo-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}}.dark-mode .about-page{background:#0a0a0a;color:#fff}.dark-mode .about-container,.dark-mode .about-image-wrapper,.dark-mode .about-content{background:transparent}.dark-mode .about-text{color:#b0b0b0;background:transparent}.dark-mode .about-divider{background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}.dark-mode .shelf-title,.dark-mode .communities-title,.dark-mode .community-name{color:#fff}.dark-mode .shelf-count,.dark-mode .communities-subtitle,.dark-mode .community-description,.dark-mode .community-footer-text{color:#b0b0b0}.dark-mode .external-link{color:#fff}.dark-mode .external-link:hover{opacity:.8}.dark-mode .community-link-text{color:#fff}.dark-mode .community-link-text:after{background-color:#fff}.dark-mode .community-icon{background:transparent;object-fit:contain}.dark-mode .filter-year{color:#b0b0b0}.dark-mode .filter-year:hover{color:#fff}.cursor-follower-starburst{position:fixed;width:20px;height:20px;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;opacity:0;transition:opacity .15s ease-out;top:0;left:0}.cursor-follower-starburst.visible{opacity:1}.starburst-beam{position:absolute;top:50%;left:50%;width:3.5px;height:10px;transform-origin:50% 100%;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%);filter:drop-shadow(0 0 2px rgba(0,255,255,.5));animation:gradient-shift 6s ease-in-out infinite,radial-pulse 2s ease-in-out infinite}.starburst-beam.beam-1{--beam-rotation: 0deg;transform:translate(-50%,-50%) rotate(0) translateY(-5px);animation-delay:0s,0s}.starburst-beam.beam-2{--beam-rotation: 45deg;transform:translate(-50%,-50%) rotate(45deg) translateY(-5px);animation-delay:.1s,.1s}.starburst-beam.beam-3{--beam-rotation: 90deg;transform:translate(-50%,-50%) rotate(90deg) translateY(-5px);animation-delay:.2s,.2s}.starburst-beam.beam-4{--beam-rotation: 135deg;transform:translate(-50%,-50%) rotate(135deg) translateY(-5px);animation-delay:.3s,.3s}.starburst-beam.beam-5{--beam-rotation: 180deg;transform:translate(-50%,-50%) rotate(180deg) translateY(-5px);animation-delay:.4s,.4s}.starburst-beam.beam-6{--beam-rotation: 225deg;transform:translate(-50%,-50%) rotate(225deg) translateY(-5px);animation-delay:.5s,.5s}.starburst-beam.beam-7{--beam-rotation: 270deg;transform:translate(-50%,-50%) rotate(270deg) translateY(-5px);animation-delay:.6s,.6s}.starburst-beam.beam-8{--beam-rotation: 315deg;transform:translate(-50%,-50%) rotate(315deg) translateY(-5px);animation-delay:.7s,.7s}@keyframes gradient-shift{0%{background:linear-gradient(to bottom,#b3e5fc,#81d4fa,#b39ddb);filter:drop-shadow(0 0 2px rgba(179,229,252,.4))}16.66%{background:linear-gradient(to bottom,#ce93d8,#ba68c8,#b39ddb);filter:drop-shadow(0 0 2px rgba(206,147,216,.4))}33.33%{background:linear-gradient(to bottom,#f8bbd0,#f48fb1,#ce93d8);filter:drop-shadow(0 0 2px rgba(248,187,208,.4))}50%{background:linear-gradient(to bottom,#ffccbc,#ffab91,#f8bbd0);filter:drop-shadow(0 0 2px rgba(255,204,188,.4))}66.66%{background:linear-gradient(to bottom,#fff9c4,#f1f8a9,#c5e1a5);filter:drop-shadow(0 0 2px rgba(255,249,196,.4))}83.33%{background:linear-gradient(to bottom,#b2dfdb,#80cbc4,#b3e5fc);filter:drop-shadow(0 0 2px rgba(178,223,219,.4))}to{background:linear-gradient(to bottom,#b3e5fc,#81d4fa,#b39ddb);filter:drop-shadow(0 0 2px rgba(179,229,252,.4))}}@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}}