@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@700&display=swap";@import"https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap";@import"https://cdn.jsdelivr.net/npm/kiso.css@latest/kiso.css"layer(reset);@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@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:"Fira Code",monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-green-500:oklch(72.3% .219 149.579);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--radius-lg:var(--radius);--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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);--color-muted:hsl(var(--muted));--color-kinetic-red:hsl(var(--pk-red))}}@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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.z-10{z-index:10}.z-20{z-index:20}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-5{grid-column-start:5}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500{border-color:var(--color-amber-500)}.border-gray-500{border-color:var(--color-gray-500)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-400{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-kinetic-red{fill:var(--color-kinetic-red)}.fill-muted{fill:var(--color-muted)}.stroke-kinetic-red{stroke:var(--color-kinetic-red)}.object-cover{-o-object-fit:cover;object-fit:cover}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-500{color:var(--color-amber-500)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.shadow-amber-800\/20{--tw-shadow-color:#953d0033}@supports (color:color-mix(in lab,red,red)){.shadow-amber-800\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-amber-800)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-gray-800\/20{--tw-shadow-color:#1e293933}@supports (color:color-mix(in lab,red,red)){.shadow-gray-800\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-gray-800)20%,transparent)var(--tw-shadow-alpha),transparent)}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-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,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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:text-white:hover{color:var(--color-white)}}}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--pk-red:355,78%,56%;--pk-primary:0,0%,10%;--pk-muted:60,3%,7%;--pk-muted-fg:35,8%,75%;--pk-light:60,3%,97%;--black:#000;--white:#fff;--black-border:#000;--dark-gray-sliders:#8b8b8bda;--mint-50:#effefb;--mint-100:#c7fff4;--mint-200:#90ffe8;--mint-300:#51f7dc;--mint-400:#1de4c9;--mint-500:#04c8b0;--mint-600:#00ae9d;--mint-700:#03857f;--mint-800:#0a655e;--mint-900:#0d544e;--mint-950:#003332;--lime-50:#f8fde8;--lime-100:#ecfacd;--lime-200:#daf5a1;--lime-300:#bfec6a;--lime-400:#a5de3d;--lime-500:#7db61c;--lime-600:#679c14;--lime-700:#4f7714;--lime-800:#415e16;--lime-900:#375017;--lime-950:#1b2c07;--yellow-50:#f8fee8;--yellow-100:#eeffc2;--yellow-200:#e0ff88;--yellow-300:#d6ff43;--yellow-400:#d8ff10;--yellow-500:#d3ef03;--yellow-600:#c9d200;--yellow-700:#aeb50e;--yellow-800:#888b1a;--yellow-900:#525b0c;--yellow-950:#2b3300;--indigo-50:#f3f5fb;--indigo-100:#e4e6f5;--indigo-200:#cfd4ee;--indigo-300:#aeb8e2;--indigo-400:#8793d3;--indigo-500:#6a72c7;--indigo-600:#575ab9;--indigo-700:#49479d;--indigo-800:#47438a;--indigo-900:#3a396f;--indigo-950:#282645;--cyan-50:#00a2c2;--cyan-100:#009dbd;--cyan-200:#008ca8;--cyan-300:#008099;--cyan-400:#006f85;--cyan-500:#006275;--cyan-600:#056;--cyan-700:#004452;--cyan-800:#003641;--cyan-900:#002a33;--cyan-950:#001e24;--orange-50:#fff9eb;--orange-100:#ffedc6;--orange-200:#ffd888;--orange-300:#ffbf4a;--orange-400:#ffaa2c;--orange-500:#f98107;--orange-600:#dd5c02;--orange-700:#b73d06;--orange-800:#942e0c;--orange-900:#7a270d;--orange-950:#461202;--pink-50:#fff1f3;--pink-100:#ffe4e8;--pink-200:#ffccd6;--pink-300:#fea3b4;--pink-400:#fd6f8d;--pink-500:#f7406c;--pink-600:#e41a54;--pink-700:#c10f47;--pink-800:#a11042;--pink-900:#8a113e;--pink-950:#4d041e;--blue-50:#f0f9ff;--blue-100:#e0f1fe;--blue-200:#b9e5fe;--blue-300:#7cd1fd;--blue-400:#36bbfa;--blue-500:#0ca2eb;--blue-600:#0090e0;--blue-700:#0166a3;--blue-800:#065786;--blue-900:#0b486f;--blue-950:#072e4a;--gray-50:#f7f7f7;--gray-100:#ebedf1;--gray-200:#d5dae2;--gray-300:#b1bbc8;--gray-400:#8695aa;--gray-500:#677890;--gray-600:#526077;--gray-700:#434e61;--gray-800:#3a4452;--gray-900:#343a46;--gray-950:#22272f;--shaft-50:#fff;--shaft-100:#e3e3e3;--shaft-200:#c8c8c8;--shaft-300:#a4a4a4;--shaft-400:#818181;--shaft-500:#666;--shaft-600:#515151;--shaft-700:#434343;--shaft-800:#383838;--shaft-900:#313131;--shaft-950:#1a1a1a}.physics-hero{pointer-events:none;background-color:#0000;background-image:linear-gradient(#625b504d 1px,#0000 1px),linear-gradient(90deg,#625b504d 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.physics-content{pointer-events:auto;z-index:10;text-align:center;position:relative}.physics-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.schematic-line{stroke:hsl(var(--pk-primary));stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.stroke-kinetic-red{stroke:hsl(var(--pk-red))}.physics-title{letter-spacing:-.05em;color:hsl(var(--pk-primary));opacity:1;visibility:visible;margin-bottom:2rem;font-family:Fira Code,Courier New,monospace;font-weight:700;line-height:.9;font-size:15vw!important}.physics-title .letter{opacity:0;display:inline-block}h1{color:#fff;text-shadow:0 .1em 20px #000,.05em -.03em #000,.05em .005em #000,0 .08em #000,.05em .08em #000,0 -.03em #000,-.03em -.03em #000,-.03em .08em #000,-.03em 0 #000;margin:0;padding:0;font-size:8em}h2.physics-subtitle{color:#fff;text-shadow:.09em .12em #000,.05em -.03em #000,.05em .005em #000,0 .08em #000,.05em .08em #000,0 -.03em #000,-.03em -.03em #000,-.03em .08em #000,-.03em 0 #000;text-transform:uppercase;letter-spacing:.13em;opacity:0;margin:2rem 0 2rem auto;padding:0;font-weight:900;font-size:6vw!important}h1.physics-title,h2.physics-subtitle{color:#9e9713;display:inline-block;transform:scale(.9)}h1.physics-title{animation:1s cubic-bezier(.175,.885,.32,1.275) infinite alternate forwards bop}@keyframes bop{0%{transform:scale(.9)}50%,to{transform:scale(1)}}@keyframes bopB{0%{animation-delay:.2s;transform:scale(.9)}80%,to{transform:scale(1)rotate(-3deg)}}.physics-divider{background-color:hsl(var(--pk-primary));width:16rem;height:4px;margin:2rem auto;transform:scaleX(0)}@media(min-width:768px){h2.physics-subtitle{font-size:2rem}}.physics-formulas{opacity:0;color:hsl(var(--pk-light));flex-wrap:wrap;justify-content:center;gap:2rem;font-family:Fira Code,Courier New,monospace;font-size:1.125rem;display:flex}.physics-scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.physics-scroll-indicator .scroll-text{letter-spacing:.1em;color:hsl(var(--pk-muted));font-size:.75rem}.physics-scroll-indicator .scroll-mouse{border:2px solid hsl(var(--pk-muted));border-radius:9999px;justify-content:center;width:1.5rem;height:2.5rem;padding-top:.5rem;display:flex;transform:rotate(90deg)}.physics-scroll-indicator .scroll-dot{background-color:hsl(var(--pk-muted));border-radius:9999px;width:.25rem;height:.5rem;animation:1.5s infinite scroll-bounce}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.physics-oscillations{pointer-events:auto;background-color:#0000;background-image:linear-gradient(#625b504d 1px,#0000 1px),linear-gradient(90deg,#625b504d 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.pendulum-container,.oscillations-title,.oscillations-info,.oscillations-energy{pointer-events:auto;touch-action:none}.hit-area{cursor:grab;pointer-events:all!important}.hit-area:active{cursor:grabbing}.pendulum-container{z-index:5;opacity:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateY(-50px)}.pendulum-overall{justify-content:center;align-items:center;width:50%;height:100%;display:flex}.pendulum-container .product-cards{place-items:center;width:100%;height:100%;display:grid}.pendulum-svg{display:relative;pointer-events:all;margin-bottom:20%;overflow:visible;scale:2}.schematic-fill{fill:hsl(var(--pk-primary))}.schematic-line-thick{stroke-width:4px}.pendulum-ball{fill:hsl(var(--pk-primary))}.pendulum-ball-hover-ring{stroke:hsl(var(--pk-red));stroke-width:2px;fill:none;opacity:0;transition:opacity .2s}.pendulum-ball-visible.dragging{stroke:hsl(var(--pk-red));stroke-width:3px}.oscillations-instructions{text-align:center;opacity:0;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.oscillations-instructions p{color:hsl(var(--pk-muted));font-family:Fira Code,monospace;font-size:.8rem}.oscillations-info{border:2px solid hsl(var(--pk-primary));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;opacity:0;background-color:#ffffff80;max-width:300px;padding:1.5rem;position:absolute;bottom:3rem;transform:translate(20px)}.oscillations-info h3{color:hsl(var(--pk-muted));margin-bottom:.75rem;font-family:Fira Code,monospace;font-size:.9rem}.formula-box{border-left:3px solid hsl(var(--pk-red));margin-bottom:.5rem;padding-left:.5rem}.formula{color:hsl(var(--pk-primary));font-family:Fira Code,monospace;font-size:1rem;font-weight:700}.info-text{color:hsl(var(--pk-muted));margin-top:1rem;font-size:.8rem;line-height:1.4}.oscillations-energy{opacity:0;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:50%;right:3rem}.energy-label{color:hsl(var(--pk-muted));text-align:left;font-family:Fira Code,monospace;font-size:.8rem}.energy-bars{align-items:flex-end;gap:4px;height:8rem;display:flex}.energy-bar-col{flex-direction:column;justify-content:flex-end;gap:2px;width:6px;height:100%;display:flex}.bar-ke{background-color:hsl(var(--pk-red));width:100%;transition:height .1s linear}.bar-pe{background-color:#43d9de;width:100%;transition:height .1s linear}.energy-legend{gap:1rem;margin-top:.5rem;display:flex}.legend-item{color:hsl(var(--pk-muted));align-items:center;gap:.25rem;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.dot{width:8px;height:8px}.dot.red{background-color:hsl(var(--pk-red))}.pendulum-content{text-align:left;border-top:2px dashed #ccc;border-bottom:2px dashed #ccc;flex-direction:row;justify-content:center;align-items:center;width:50%;height:80%;margin:1em 2em;font-size:2rem;display:flex;overflow:hidden}.tools-img{-o-object-fit:contain;object-fit:contain;z-index:10000;width:100%;height:100%;margin:1em 2em;padding:1em}.pendulum-text{flex-direction:column;place-content:space-around;min-height:100%;display:flex}.tools-image-container{justify-content:center;align-items:center;height:100%;display:flex;flex-direction:column!important}.physics-electromagnetism{pointer-events:auto;background-color:#0000;background-image:linear-gradient(#625b504d 1px,#0000 1px),linear-gradient(90deg,#625b504d 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.circuit-container,.circuit-title,.circuit-controls,.circuit-formulas,.circuit-status{pointer-events:auto}.circuit-title{text-align:left;opacity:0;position:absolute;top:3rem;left:3rem;transform:translate(-20px)}.circuit-title h2{letter-spacing:.05em;color:hsl(var(--pk-primary));margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.circuit-title .subtitle{color:hsl(var(--pk-muted));letter-spacing:.2em;margin-bottom:.25rem;font-family:Fira Code,monospace;font-size:1.2rem}.circuit-title .description{color:hsl(var(--pk-muted));letter-spacing:.1em;font-family:Fira Code,monospace;font-size:.8rem}.circuit-container{opacity:0;z-index:5;transform:translateY(30px)}.circuit-svg{width:380px;height:380px;overflow:visible}.wire-path{transition:stroke .3s}.wire-path.active{stroke:hsl(var(--pk-red));filter:drop-shadow(0 0 2px hsl(var(--pk-red)))}.circuit-text{font-family:Fira Code,monospace}.circuit-text.xs{font-size:.7rem}.circuit-text.sm{font-size:.85rem}.circuit-text.md{font-size:1rem}.fill-foreground{fill:hsl(var(--pk-primary))}.fill-muted{fill:hsl(var(--pk-muted))}.fill-circuit-blue{fill:#43d9de}.fill-kinetic-red{fill:hsl(var(--pk-red))}.switch-group{pointer-events:all;cursor:pointer;transition:opacity .2s}.switch-group:hover{opacity:.8}.switch-arm{transform-origin:150px 180px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.circuit-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid hsl(var(--pk-primary));opacity:0;background-color:#fffc;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:absolute;bottom:3rem;left:auto;right:3rem;transform:translateY(20px)}.circuit-controls label{color:hsl(var(--pk-muted));font-family:Fira Code,monospace;font-size:.8rem}.resistance-slider{width:200px;accent-color:hsl(var(--pk-red))}.resistance-value-display{color:hsl(var(--pk-primary));font-family:Fira Code,monospace;font-size:.9rem}.resistance-value-display .val{color:hsl(var(--pk-red));font-weight:700}.switch-toggle-btn{border:2px solid hsl(var(--pk-primary));cursor:pointer;background:0 0;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.9rem;transition:all .2s}.switch-toggle-btn:hover{background:hsl(var(--pk-primary));color:#fff}.switch-toggle-btn.active{background:hsl(var(--pk-red));border-color:hsl(var(--pk-red));color:#fff}.circuit-formulas{opacity:0;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:7rem;bottom:auto;right:3rem;transform:translate(20px)}.formula-row{color:hsl(var(--pk-muted));border-right:3px solid hsl(var(--pk-primary));background-color:#ffffff80;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.9rem}.formula-row.calc-current{border-color:hsl(var(--pk-red));color:hsl(var(--pk-primary))}.circuit-status{opacity:0;align-items:center;gap:.5rem;display:flex;position:absolute;top:3rem;right:3rem}.circuit-status span{color:hsl(var(--pk-muted));font-family:Fira Code,monospace;font-size:.8rem}.status-dot{background-color:#ccc;border-radius:50%;width:12px;height:12px;transition:background-color .3s,box-shadow .3s}.status-dot.active{background-color:hsl(var(--pk-red));box-shadow:0 0 10px hsl(var(--pk-red))}.electron-particle{fill:#43d9de;pointer-events:none}.physics-thermodynamics{pointer-events:auto;background-color:#0000;background-image:linear-gradient(#625b504d 1px,#0000 1px),linear-gradient(90deg,#625b504d 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.piston-container,.thermo-title,.thermo-stats,.thermo-formulas,.thermo-instructions,.piston-head-group{pointer-events:auto;touch-action:none}.thermo-title{text-align:left;opacity:0;position:absolute;top:3rem;left:3rem;transform:translate(-20px)}.thermo-title h2{letter-spacing:.05em;color:hsl(var(--pk-primary));margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.thermo-title .subtitle{color:hsl(var(--pk-muted));letter-spacing:.2em;margin-bottom:.25rem;font-family:Fira Code,monospace;font-size:1.2rem}.thermo-title .description{color:hsl(var(--pk-muted));letter-spacing:.1em;font-family:Fira Code,monospace;font-size:.8rem}.piston-container{opacity:0;z-index:5;transform:scale(.9)}.piston-svg{width:320px;height:400px;overflow:visible}.gas-volume-rect{transition:none}.piston-head-group{cursor:ns-resize;transition:none}.piston-head-group:hover .piston-rect{fill:#ffffffe6}.thermo-particle{fill:#4ade80;filter:drop-shadow(0 0 4px #4ade80)}.thermo-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid hsl(var(--pk-primary));opacity:0;background-color:#fffc;flex-direction:column;gap:.8rem;width:280px;padding:1.5rem;display:flex;position:absolute;bottom:3rem;left:auto;right:3rem;transform:translateY(20px)}.stats-header{color:hsl(var(--pk-muted));margin-bottom:.5rem;font-family:Fira Code,monospace;font-size:.8rem}.stat-row{justify-content:space-between;font-family:Fira Code,monospace;font-size:.9rem;display:flex}.stat-val.text-blue{color:#43d9de}.stat-val.text-red{color:hsl(var(--pk-red))}.temp-bar-container{background-color:#eee;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.temp-bar-fill{background:linear-gradient(90deg,#3b82f6,#ef4444);width:25%;height:100%;transition:width .1s}.temp-labels{color:hsl(var(--pk-muted));justify-content:space-between;margin-top:.2rem;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.thermo-instructions{opacity:0;text-align:center;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.thermo-instructions p{color:hsl(var(--pk-muted));font-family:Fira Code,monospace;font-size:.8rem}.thermo-formulas{opacity:0;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:3rem;bottom:auto;right:3rem;transform:translate(20px)}.formula-note{color:hsl(var(--pk-muted));margin-top:.5rem;font-family:Fira Code,monospace;font-size:.75rem}.oscillations-title{text-align:left;opacity:0;pointer-events:none;z-index:100;width:100%;position:relative;left:3rem;transform:translate(-20px)}.oscillations-title h2{letter-spacing:.05em;color:#ccc;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.oscillations-title .subtitle{color:#22272f;letter-spacing:.2em;margin-bottom:.25rem;font-family:Fira Code,monospace;font-size:1.5rem}.oscillations-title .description{letter-spacing:.1em;color:#ccc;font-family:Fira Code,monospace;font-size:1.2rem}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-10{z-index:10}.z-20{z-index:20}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-5{grid-column-start:5}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{-o-object-fit:cover;object-fit:cover}.text-right{text-align:right}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.mix-blend-multiply{mix-blend-mode:multiply}.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)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.bento-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.bento-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);gap:16px;width:90%;height:80vh;display:grid}.bento-card{cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 20px #000000b3}.bento-card img{opacity:.5}.bento-card:hover{z-index:2;transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.bento-card.wide{grid-row:calc(var(--c-y)/2*3 + 1)/span 3;grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 2}.bento-card.large{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 6}.bento-card.square{grid-column:calc(var(--c-x) + 1)/span 2;grid-row:calc(var(--c-y) + 1)/span 2}.pink-mesh{background:radial-gradient(at 0 0,#ace0fe95 0,#0000 50%),radial-gradient(at 100% 0,#fbfafa91 0,#0000 50%),radial-gradient(at 100% 100%,#98f8f87d 0,#0000 50%),radial-gradient(at 0 100%,#ffffff86 0,#0000 50%),#150d1189}.pink-mesh h3{color:#c9f5e9;text-align:center;font-family:Supreme,sans-serif;font-size:2.5rem;font-weight:800}.orange-purple-grad{background:linear-gradient(135deg,#fba660,#cc95e5)}.orange-purple-grad h3{color:#fff;text-transform:uppercase;font-family:Supreme,sans-serif;font-size:2.5rem;font-weight:800}.img-card{background-color:#fbbf24;position:relative}.img-card img{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.card-overlay.top{z-index:2;text-align:left;width:100%;position:absolute;bottom:20px;left:20px}.card-overlay h3{font-size:2.5rem;font-weight:700;line-height:1}.card-actions{z-index:3;gap:8px;display:flex;position:absolute;top:20px;right:20px}.icon-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex}.icon-btn:hover{background:#f0f0f0}.blue-fill{background-color:#60a5fa5f}.img-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pink-fill{background-color:#ec489a84}.green-fill{background-color:#34d3997b}.font-satoshi{font-family:Satoshi,sans-serif}.font-erode{font-family:Erode,serif}.font-supreme{font-family:Supreme,sans-serif}.bento-card .text-white{color:#fff}.text-white-dim{color:#fffc}.text-dark{color:#1f2937}.text-dark-dim{color:#1f2937b3}h3,h4{margin:0;padding:0}h4{margin-bottom:4px;font-size:1.5rem;font-weight:600}.bento-card span{font-family:Satoshi,sans-serif;font-size:1rem}@media(max-width:768px){.bento-container{justify-content:center;align-items:center;height:100vh;padding-top:0}.bento-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(2,1fr);gap:8px;width:95%;max-width:100%;margin:0;padding:0;overflow-y:hidden;height:85dvh!important}.bento-card{grid-area:span 1/span 1!important;min-height:0!important}.bento-card.wide:first-child,.bento-card.wide:nth-child(2){grid-area:span 1/span 2!important}.bento-card.large:nth-child(3){grid-area:span 2/span 2!important}.bento-card h3{font-size:1.2rem!important}.bento-card h4{font-size:1rem!important}.bento-card span{font-size:.7rem!important}.icon-btn{width:24px;height:24px;font-size:10px}.card-actions{gap:4px;top:8px;right:8px}.card-overlay{bottom:10px;left:10px}}.bento-popup{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;text-align:left;width:90%;max-width:600px;max-height:90vh;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;overflow-y:visible;transform:translate(-50%,-50%)scale(.9)}.bento-popup ul li{line-height:3em}.bento-popup.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.popup-close{color:#fff9;cursor:pointer;z-index:10;font-size:2rem;line-height:1;transition:color .2s,transform .2s;position:absolute;top:16px;right:20px}.popup-close:hover{color:#fff;transform:scale(1.1)}.popup-content{padding:40px 32px 32px}.popup-content h2{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ace0fe,#98f8f8);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffffff26;margin:0 0 24px;padding-bottom:16px;font-family:Supreme,sans-serif;font-size:1.75rem;font-weight:700}.popup-content ul{margin:0;padding:0;list-style:none}.popup-content li{color:#ffffffd9;border-bottom:1px solid #ffffff0d;padding:12px 0 12px 28px;font-size:1rem;line-height:1.6;position:relative}.popup-content li:last-child{border-bottom:none}.popup-content li:before{content:"✓";color:#34d399;font-size:1rem;font-weight:700;position:absolute;top:12px;left:0}.popup-content li strong{color:#fff;font-weight:600}.bento-popup-overlay{opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0;z-index:-1!important;pointer-events:none!important}.bento-popup-overlay.active{-ms-overflow-style:none;scrollbar-width:none}.bento-popup-overlay.active::-webkit-scrollbar{display:none}.bento-popup-overlay.active{opacity:1;visibility:visible;z-index:9999!important}.bento-card[data-popup-id]{cursor:pointer;position:relative}.bento-card[data-popup-id]:after{content:"↗";color:#fff;opacity:0;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.8)}.bento-card[data-popup-id]:hover:after{opacity:1;transform:scale(1)}@media(max-width:640px){.bento-popup{border-radius:16px;width:95%;max-height:85vh}.popup-content{padding:32px 20px 24px}.popup-content h2{font-size:1.5rem}.popup-content li{padding:10px 0 10px 24px;font-size:.95rem}}.grid-card{grid-template-rows:3rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);width:100%;display:grid}.writing-vertical-lr{writing-mode:vertical-lr;transform:rotate(180deg)}.bento-icon{z-index:2;width:48px;height:48px;margin-bottom:12px;transition:transform .3s;position:relative}.bento-icon svg{filter:drop-shadow(0 2px 4px #0003);width:100%;height:100%}.bento-card:hover .bento-icon{transform:scale(1.2)}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float-gentle}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-wiggle:hover{animation:.5s ease-in-out wiggle}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) bounce-in}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:10s linear infinite spin-slow}.bento-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.bento-card:hover{box-shadow:0 20px 40px #0000004d,0 0 30px var(--glow-color,#fff3);z-index:10;transform:translateY(-8px)rotateX(2deg)rotateY(-2deg)}.pink-mesh{--glow-color:#ec489966}.orange-purple-grad{--glow-color:#fba66066}.blue-fill{--glow-color:#3b82f666}.pink-fill{--glow-color:#ec489966}.purple-grad{--glow-color:#a78bfa66}.red-gradient{--glow-color:#fb232366}.green-fill{--glow-color:#34d39966}.bento-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.bento-card:hover:before{animation:.75s ease-in-out shine}@keyframes shine{0%{left:-100%}to{left:200%}}.floating-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shape{opacity:.15;animation:20s ease-in-out infinite float;position:absolute}.shape-circle{background:linear-gradient(45deg,#ec4899,#8b5cf6);border-radius:50%;width:120px;height:120px;animation-delay:0s;top:5%;left:3%}.shape-triangle{border-bottom:87px solid #fbbf24;border-left:50px solid #0000;border-right:50px solid #0000;width:0;height:0;animation-delay:-5s;top:65%;right:8%}.shape-cross{width:50px;height:50px;animation-delay:-10s;top:25%;right:15%}.shape-cross:before,.shape-cross:after{content:"";background:#34d399;position:absolute}.shape-cross:before{width:100%;height:10px;top:50%;transform:translateY(-50%)}.shape-cross:after{width:10px;height:100%;left:50%;transform:translate(-50%)}.shape-dots{background-image:radial-gradient(circle,#60a5fa 3px,#0000 3px);background-size:20px 20px;width:80px;height:80px;animation-delay:-15s;top:75%;left:15%}.shape-squiggle{border:3px solid #f97316;border-radius:50%/60% 60% 40% 40%;width:100px;height:100px;animation-delay:-8s;top:15%;right:25%}@keyframes float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-40px)rotate(90deg)}50%{transform:translate(-15px,30px)rotate(180deg)}75%{transform:translate(40px,15px)rotate(270deg)}}.pink-mesh{background-color:#0000;background-image:radial-gradient(at 0 0,#fce7f355 0,#0000 50%),radial-gradient(at 100% 0,#fbcfe844 0,#0000 50%),radial-gradient(at 100% 100%,#f9a8d46d 0,#0000 50%),radial-gradient(at 0 100%,#ec489a6c 0,#0000 50%),linear-gradient(135deg,#be185d3b,#9233ea88);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.orange-purple-grad{background:linear-gradient(135deg,#504f4e,#c084fc,#a855f7);position:relative;overflow:hidden}.orange-purple-grad:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.blue-fill{background:radial-gradient(circle at 30% 30%,#93c5fd,#0000 50%),radial-gradient(circle at 70% 70%,#3b82f6,#0000 50%),linear-gradient(135deg,#1d4ed8,#1e40af)}.pink-fill{background:radial-gradient(circle at 20% 80%,#f9a8d4,#0000 50%),linear-gradient(135deg,#ec489940,#be185d24)}.purple-grad{background:radial-gradient(circle at 80% 20%,#c4b5fd,#0000 50%),linear-gradient(#a78bfaaf,#7c3aed14)}.red-gradient{background:radial-gradient(circle at 10% 90%,#fca5a5,#0000 50%),linear-gradient(135deg,#ef4444,#b91c1c)}.green-fill{background:radial-gradient(circle at 90% 10%,#6ee7b7,#0000 50%),linear-gradient(135deg,#10b981,#05966852)}.bento-card:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.bento-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.05em;color:#fff;z-index:5;background:#ffffff40;border-radius:20px;padding:4px 12px;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000026}.bento-card-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex;position:relative}.bento-card-content h3,.bento-card-content h4,.bento-card-content span{z-index:2;position:relative}.sparkle{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media(max-width:768px){.floating-shapes{display:none}.bento-icon{width:32px;height:32px;margin-bottom:8px}.bento-badge{padding:3px 8px;font-size:.55rem}.bento-card:hover{transform:translateY(-4px)}.bento-card:hover .bento-icon{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.animate-float,.animate-wiggle,.animate-pulse,.animate-bounce-in,.animate-spin-slow,.shape{animation:none}.bento-card{transition:none}.bento-card:hover{transform:none}}.bento-container-slide3{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;overflow:hidden}.bento-grid-slide3{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);gap:16px;width:95%;height:85vh;display:grid}.bento-card-slide3{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.bento-card-slide3:hover{z-index:2;transform:translateY(-5px)scale(1.02);box-shadow:0 12px 40px #00000040}.card-content{text-align:center;z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.card-content.empty{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.card-title{margin:0 0 8px;font-family:Supreme,sans-serif;font-size:1.75rem;font-weight:700}.card-subtitle{opacity:.9;margin:0;font-family:Satoshi,sans-serif;font-size:1rem}.card-text{color:#1f2937;margin:0;font-family:Satoshi,sans-serif;font-size:1.25rem}.bento-card-slide3.card-large{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 4}.bento-card-slide3.card-large .card-title{color:#fff;font-size:2.5rem}.bento-card-slide3.card-large .card-subtitle{color:#fffc}.bento-card-slide3.card-square{grid-column:calc(var(--c-x) + 1)/span 2;grid-row:calc(var(--c-y) + 1)/span 2;background:linear-gradient(135deg,#1f2937,#c5de7f)}.bento-card-slide3.card-square .card-title{color:#fbbf24;font-size:1.5rem}.bento-card-slide3.card-square .card-subtitle{color:#ffffffb3}.bento-card-slide3.card-portrait{grid-column:calc(var(--c-x) + 1)/span 2;grid-row:calc(var(--c-y) + 1)/span 4;background:linear-gradient(#374151,#1f2937)}.bento-card-slide3.card-large-light{grid-column:calc(var(--c-x) + 1)/span 4;grid-row:calc(var(--c-y) + 1)/span 4;background:#f3f4f6;border:2px solid #e5e7eb}.bento-card-slide3:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 50%);position:absolute;inset:0}.bento-card-slide3:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000 30%,#ffffff1a,#0000 70%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.bento-card-slide3:hover:after{top:-30%;left:100%}.bento-video{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.bento-video-mobile{display:none}.bento-video-desktop{display:block}.bento-card-slide3 .pendulum-overall{justify-content:center;align-items:center;height:100%;min-height:300px;display:flex;position:relative}.bento-card-slide3 .pendulum-svg{max-width:300px;margin-bottom:0;overflow:visible;scale:1.5}.bento-card-slide3 .pendulums-group{min-width:280px;min-height:250px;display:block}.bento-card-slide3 .oscillations-instructions{top:2rem}.bento-card-slide3 .oscillations-info{z-index:-1;bottom:0;left:-50%}.bento-card-slide3 .schematic-fill{fill:hsl(var(--pk-primary,200 100% 50%))}.bento-card-slide3 .schematic-line{stroke:hsl(var(--pk-primary,200 100% 50%));stroke-width:2px;fill:none}.bento-card-slide3 .schematic-line-thick{stroke-width:3px}.bento-card-slide3 .pendulum-ball{fill:hsl(var(--pk-primary,200 100% 50%))}.bento-card-slide3 .physics-oscillations{justify-content:center;align-items:center;width:100%;height:100%;min-height:250px;display:flex}.bento-card-slide3 .physics-oscillations svg{max-width:100%;height:auto;display:block}@media(max-width:768px){.bento-video-desktop{display:none}.bento-video-mobile{display:block}.bento-card-slide3 .pendulum-overall{min-height:200px}.bento-card-slide3 .pendulum-svg{max-width:200px}.bento-grid-slide3{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(2,1fr);height:auto;min-height:80vh}.bento-card-slide3{grid-area:span 2/span 1!important}.bento-card-slide3.card-large{grid-area:span 3/span 2!important}.bento-card-slide3.card-portrait{grid-area:span 3/span 1!important}.bento-card-slide3.card-large-light{grid-area:span 2/span 2!important}.card-title{font-size:1.25rem}.bento-card-slide3.card-large .card-title{font-size:1.75rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@layer reset,base,composition,feature,utilities;@layer feature{.product-cards{justify-content:flex-start;align-items:flex-start;height:100%;display:flex;container-type:inline-size;width:60%!important}._body{width:50%;max-width:1400px;margin-inline:auto}._card{--_accent:var(--product-card--accent,#c34a36);--_background:var(--white);--_text:var(--black);--_radius:30px;--_padding:24px;background-color:var(--_background);border-radius:var(--_radius);padding:var(--_padding);color:var(--_text);isolation:isolate;grid-template-rows:auto auto auto auto 1fr;grid-template-columns:1fr auto;gap:1rem;transition:background-color .3s,color .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0000001a;padding:1em!important}._thumbnail-stack{aspect-ratio:16/10;width:calc(100% + var(--_padding)*2);margin:calc(var(--_padding)*-1)calc(var(--_padding)*-1)0;border-radius:var(--_radius)var(--_radius)0 0;z-index:1;grid-area:1/1/auto/-1;position:relative;overflow:hidden}._thumbnail-stack img{-o-object-fit:cover;object-fit:cover;border-radius:30px;width:85%;height:100%;display:block;position:relative;left:2.5%;padding-top:1em!important}._category{z-index:2;background-color:var(--_background);margin-top:calc(var(--_padding)*-1);margin-left:calc(var(--_padding)*-1);color:var(--_text);border-bottom-right-radius:20px;grid-area:1/1/auto/-1;place-self:start;padding:.75rem 1.5rem;font-size:1.2rem;font-weight:500;line-height:2;position:relative}._category:before,._category:after{content:"";pointer-events:none;background-color:#0000;width:20px;height:20px;position:absolute}._heading{text-align:left;grid-area:2/1/auto/2;align-self:center;margin-top:.5rem;font-size:1.5rem;font-weight:800}._price{background-color:var(--_accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;grid-area:2/2/auto/3;place-self:center end;padding:.35em 1em;font-weight:700}._description{opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:3/1/auto/-1;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}._tag-list{flex-wrap:wrap;grid-area:4/1/auto/-1;gap:.5rem;margin-block:.5rem;display:flex}._tag{background-color:var(--_accent);border-radius:999px;padding:.25rem .75rem;font-size:.75rem}@supports (color:color-mix(in lab,red,red)){._tag{background-color:color-mix(in srgb,var(--_accent),transparent 85%)}}._tag{color:var(--_text);font-weight:600}._button{background-color:var(--_accent);color:#fff;text-align:center;text-transform:capitalize;border-radius:999px;grid-area:5/1/auto/-1;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;display:flex;padding:1rem!important}._button:hover{filter:brightness(1.1);transform:translateY(-2px)}._button:active{transform:translateY(0)}._button:before{content:"";width:1.2em;height:1.2em;-webkit-mask-image:var(--icon-cart);mask-image:var(--icon-cart);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:global(.dark-mode) ._card{--_background:#2a2a2a;--_text:#fff;box-shadow:0 20px 40px -10px #00000080}:global(.dark-mode) ._category:after{background-image:radial-gradient(circle at 100% 0,transparent 20px,var(--_background)21px)}:global(.dark-mode) ._category:before{background-image:radial-gradient(circle at 0 100%,transparent 20px,var(--_background)21px)}}@layer composition{.composable-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:2rem;padding:2rem;display:grid}}@layer feature{.dashboard-wrapper{container-type:inline-size;width:100%;height:100vh;color:var(--main-color);background-color:var(--app-container);display:flex;justify-content:center;overflow:hidden;position:absolute;top:0;left:0;z-index:10;--app-container: #f3f6fd;--main-color: #1f1c2e;--secondary-color: #4A4A4A;--link-color: #1f1c2e;--link-color-hover: #3a4157;--link-color-active: #fff;--link-color-active-bg: #1f1c2e;--projects-section: #fff;--message-box-hover: #fafcff;--message-box-border: #e9ebf0;--more-list-bg: #fff;--more-list-bg-hover: #f6fbff;--more-list-shadow: rgba(209, 209, 209, .4);--button-bg: #1f1c24;--search-area-bg: #fff;--star: #1ff1c2e;--message-btn: #fff;--light-font: rgba(0, 0, 0, .6)}:global(.dark-mode) .dashboard-wrapper{--app-container: #111827;--main-color: #fff;--secondary-color: rgba(255, 255, 255, .8);--projects-section: #1f2937;--link-color: rgba(255, 255, 255, .8);--link-color-hover: rgba(195, 207, 244, .1);--link-color-active-bg: rgba(195, 207, 244, .2);--button-bg: #1f2937;--search-area-bg: #1f2937;--message-box-hover: #243244;--message-box-border: rgba(255, 255, 255, .1);--star: #ffd92c;--light-font: rgba(255, 255, 255, .8);--more-list-bg: #2f3142;--more-list-bg-hover: rgba(195, 207, 244, .1);--more-list-shadow: rgba(195, 207, 244, .1);--message-btn: rgba(195, 207, 244, .1)}.dashboard-wrapper button,.dashboard-wrapper a{cursor:pointer}.dashboard-wrapper h2{font-family:Supreme,sans-serif;line-height:1.1;letter-spacing:.02em;margin:1em 1em 16px;text-align:left;width:100%;max-width:1800px;color:#fff;text-shadow:.09em .12em 0px black,.05em -.03em 0 black,.05em .005em 0 black,0em .08em 0 black,.05em .08em 0 black,0px -.03em 0 black,-.03em -.03em 0 black,-.03em .08em 0 black,-.03em 0 0 black;font-size:2vw!important;font-weight:900;letter-spacing:.13em}.dashboard-wrapper .app-container{width:100%;display:flex;flex-direction:column;height:100%;background-color:var(--app-container);transition:.2s;max-width:1800px;overflow:hidden}.dashboard-wrapper .app-container button,.dashboard-wrapper .app-container input,.dashboard-wrapper .app-container optgroup,.dashboard-wrapper .app-container select,.dashboard-wrapper .app-container textarea{font-family:DM Sans,sans-serif}.dashboard-wrapper .app-content{display:flex;flex:1;height:100%;overflow:hidden;padding:16px 24px 24px 0}.dashboard-wrapper .app-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;position:relative}.dashboard-wrapper .app-header-left,.dashboard-wrapper .app-header-right{display:flex;align-items:center;gap:.5em}.dashboard-wrapper .app-header-left{flex-grow:1}.dashboard-wrapper .app-header-right button{margin-left:10px}.dashboard-wrapper .app-icon{width:26px;height:2px;border-radius:4px;background-color:var(--main-color);position:relative}.dashboard-wrapper .app-icon:before,.dashboard-wrapper .app-icon:after{content:"";position:absolute;width:12px;height:2px;border-radius:4px;background-color:var(--main-color);left:50%;transform:translate(-50%)}.dashboard-wrapper .app-icon:before{top:-6px}.dashboard-wrapper .app-icon:after{bottom:-6px}.dashboard-wrapper .app-name{color:var(--main-color);font-size:20px;line-height:24px;font-weight:700;margin:0 32px}.dashboard-wrapper .mode-switch{background-color:transparent;border:none;padding:0;color:var(--main-color);display:flex;justify-content:center;align-items:center}.dashboard-wrapper .search-wrapper{border-radius:20px;background-color:var(--search-area-bg);padding-right:12px;height:40px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:480px;color:var(--light-font);box-shadow:0 2px 6px #8894ab33,0 24px 20px -24px #47526b1a;overflow:hidden}:global(.dark-mode) .dashboard-wrapper .search-wrapper{box-shadow:none}.dashboard-wrapper .search-input{border:none;flex:1;outline:none;height:100%;padding:0 20px;font-size:16px;background-color:var(--search-area-bg);color:var(--main-color)}.dashboard-wrapper .search-input:placeholder{color:var(--main-color);opacity:.6}.dashboard-wrapper .add-btn{color:#fff;background-color:var(--button-bg);padding:0;border:0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dashboard-wrapper .notification-btn{color:var(--main-color);padding:0;border:0;background-color:transparent;height:32px;display:flex;justify-content:center;align-items:center}.dashboard-wrapper .profile-btn{border:0;background-color:transparent;display:flex;align-items:center;padding:0 0 0 12px;border-left:2px solid #ddd}.dashboard-wrapper .profile-btn img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-right:4px}.dashboard-wrapper .profile-btn span{color:var(--main-color);font-size:16px;line-height:24px;font-weight:700}.dashboard-wrapper .page-content{flex:1;width:100%}.dashboard-wrapper .app-sidebar{padding:40px 16px;display:flex;flex-direction:column;align-items:center}.dashboard-wrapper .app-sidebar-link{color:var(--main-color);color:var(--link-color);margin:16px 0;transition:.2s;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.dashboard-wrapper .app-sidebar-link:hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.dashboard-wrapper .app-sidebar-link.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.dashboard-wrapper .projects-section{flex:2;background-color:var(--projects-section);border-radius:32px;padding:32px 32px 0;overflow:hidden;height:100%;display:flex;flex-direction:column}.dashboard-wrapper .projects-section-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.dashboard-wrapper .projects-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--main-color)}.dashboard-wrapper .projects-section-header p{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.dashboard-wrapper .projects-section-header .time{font-size:20px}.dashboard-wrapper .projects-status{display:flex;gap:1em}.dashboard-wrapper .item-status{display:flex;flex-direction:column;margin-right:16px}.dashboard-wrapper .item-status:not(:last-child) .status-type:after{content:"";position:absolute;right:8px;top:50%;transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.dashboard-wrapper .status-number{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.dashboard-wrapper .status-type{position:relative;padding-right:24px;color:var(--secondary-color)}.dashboard-wrapper .view-actions{display:flex;align-items:center}.dashboard-wrapper .view-btn{width:36px;height:36px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;transition:.2s}.dashboard-wrapper .view-btn.active{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.dashboard-wrapper .view-btn:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.dashboard-wrapper .messages-section{flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;flex:1;width:100%;border-radius:30px;position:relative;overflow:auto;transition:all .3s cubic-bezier(.19,1,.56,1)}.dashboard-wrapper .messages-section .messages-close{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.dashboard-wrapper .messages-section.show{transform:translate(0);opacity:1;margin-left:0}.dashboard-wrapper .messages-section .projects-section-header{position:sticky;top:0;z-index:1;padding:32px 24px 0}.dashboard-wrapper .message-box{border-top:1px solid var(--message-box-border);padding:16px;display:flex;align-items:flex-start;width:100%}.dashboard-wrapper .message-box:hover{background-color:var(--message-box-hover);border-top-color:var(--link-color-hover)}.dashboard-wrapper .message-box:hover p{color:#111827}.dashboard-wrapper .message-box:hover+.message-box{border-top-color:var(--link-color-hover)}.dashboard-wrapper .message-box img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.dashboard-wrapper .message-header{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard-wrapper .message-header .name{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.dashboard-wrapper .message-content{padding-left:16px;width:100%}.dashboard-wrapper .star-checkbox input{opacity:0;position:absolute;width:0;height:0}.dashboard-wrapper .star-checkbox label{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}:global(.dark-mode) .dashboard-wrapper .star-checkbox{color:var(--secondary-color)}:global(.dark-mode) .dashboard-wrapper .star-checkbox input:checked+label{color:var(--star)}.dashboard-wrapper .star-checkbox input:checked+label svg{fill:var(--star);transition:.2s}.dashboard-wrapper .message-line{font-size:14px;line-height:20px;margin:8px 0;color:var(--message-box-hover);opacity:.7}.dashboard-wrapper .message-line.time{text-align:right;margin-bottom:0}.dashboard-wrapper .project-boxes.jsGridView{display:flex;flex-wrap:wrap}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:33.3%}.dashboard-wrapper .project-boxes.jsListView .project-box{display:flex;border-radius:10px;position:relative}.dashboard-wrapper .project-boxes.jsListView .project-box>*{margin-right:24px}.dashboard-wrapper .project-boxes.jsListView .more-wrapper{position:absolute;right:16px;top:16px}.dashboard-wrapper .project-boxes.jsListView .project-box-content-header{order:1;max-width:120px;white-space:normal}.dashboard-wrapper .project-boxes.jsListView .project-box-header{order:2}.dashboard-wrapper .project-boxes.jsListView .project-box-footer{order:3;padding-top:0;flex-direction:column;justify-content:flex-start}.dashboard-wrapper .project-boxes.jsListView .project-box-footer:after{display:none}.dashboard-wrapper .project-boxes.jsListView .participants{margin-bottom:8px}.dashboard-wrapper .project-boxes.jsListView .project-box-content-header p{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-wrapper .project-boxes.jsListView .project-box-header>span{position:absolute;bottom:16px;left:16px;font-size:12px}.dashboard-wrapper .project-boxes.jsListView .box-progress-wrapper{order:3;flex:1}.dashboard-wrapper .project-box{--main-color-card: #dbf6fd;border-radius:30px;padding:16px;background-color:var(--main-color-card)}.dashboard-wrapper .project-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.dashboard-wrapper .project-box-header span{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.dashboard-wrapper .project-box-content-header{text-align:center;margin-bottom:16px}.dashboard-wrapper .project-box-content-header p{margin:0}.dashboard-wrapper .project-box-wrapper{padding:8px;transition:.2s}.dashboard-wrapper .project-btn-more{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;flex-shrink:0}.dashboard-wrapper .more-wrapper{position:relative}.dashboard-wrapper .box-content-header{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.dashboard-wrapper .box-content-subheader{font-size:14px;line-height:24px;opacity:.7}.dashboard-wrapper .box-progress{display:block;height:4px;border-radius:6px}.dashboard-wrapper .box-progress-bar{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff}.dashboard-wrapper .box-progress-header{font-size:14px;font-weight:700;line-height:16px;margin:0;margin-bottom:1em!important}.dashboard-wrapper .box-progress-percentage{text-align:right;margin:0;font-size:14px;font-weight:700;line-height:16px;margin-top:.5em!important}.dashboard-wrapper .project-box-footer{display:flex;justify-content:space-between;padding-top:16px;position:relative}.dashboard-wrapper .project-box-footer:after{content:"";position:absolute;background-color:#fff9;width:calc(100% + 32px);top:-5px;left:-16px;height:1px}.dashboard-wrapper .participants{display:flex;align-items:center}.dashboard-wrapper .participants img{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.dashboard-wrapper .participants img:not(:first-child){margin-left:-8px}.dashboard-wrapper .add-participant{width:20px;height:20px;border-radius:50%;border:none;background-color:#fff9;margin-left:6px;display:flex;justify-content:center;align-items:center;padding:0}.dashboard-wrapper .days-left{font-size:12px;border-radius:20px;flex-shrink:0;padding:6px 16px;font-weight:700}.dashboard-wrapper .mode-switch.active .moon{fill:var(--main-color)}.dashboard-wrapper .messages-btn{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);display:flex;justify-content:center;align-items:center;padding:4px;display:none}@media screen and (max-width:980px){.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:50%}.dashboard-wrapper .status-number,.dashboard-wrapper .status-type{font-size:14px}.dashboard-wrapper .status-type:after{width:4px;height:4px}.dashboard-wrapper .item-status{margin-right:0}}@media screen and (max-width:880px){.dashboard-wrapper .messages-section{transform:translate(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.dashboard-wrapper .messages-section .messages-close{display:block}.dashboard-wrapper .messages-btn{display:flex}}@media screen and (max-width:720px){.dashboard-wrapper .app-name,.dashboard-wrapper .profile-btn span{display:none}.dashboard-wrapper .add-btn,.dashboard-wrapper .notification-btn,.dashboard-wrapper .mode-switch{width:20px;height:20px}.dashboard-wrapper .add-btn svg,.dashboard-wrapper .notification-btn svg,.dashboard-wrapper .mode-switch svg{width:16px;height:16px}.dashboard-wrapper .app-header-right button{margin-left:4px}}@media screen and (max-width:520px){.dashboard-wrapper .projects-section{overflow:auto}.dashboard-wrapper .project-boxes{overflow-y:visible}.dashboard-wrapper .app-sidebar,.dashboard-wrapper .app-icon{display:none}.dashboard-wrapper .app-content{padding:16px 12px 24px}.dashboard-wrapper .status-number,.dashboard-wrapper .status-type{font-size:10px}.dashboard-wrapper .view-btn{width:24px;height:24px}.dashboard-wrapper .app-header{padding:16px 10px}.dashboard-wrapper .search-input{max-width:120px}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:100%}.dashboard-wrapper .projects-section{padding:24px 16px 0}.dashboard-wrapper .profile-btn img{width:24px;height:24px}.dashboard-wrapper .projects-section-header p,.dashboard-wrapper .projects-section-header .time{font-size:18px}.dashboard-wrapper .status-type{padding-right:4px}.dashboard-wrapper .status-type:after{display:none}.dashboard-wrapper .search-input{font-size:14px}.dashboard-wrapper .messages-btn{top:48px}.dashboard-wrapper .box-content-header,.dashboard-wrapper .box-content-subheader{font-size:12px;line-height:16px}.dashboard-wrapper .project-boxes.jsListView .project-box-header>span{font-size:10px}.dashboard-wrapper .box-progress-header{font-size:12px}.dashboard-wrapper .box-progress-percentage{font-size:10px}.dashboard-wrapper .days-left{font-size:8px;padding:6px;text-align:center}.dashboard-wrapper .project-boxes.jsListView .project-box>*{margin-right:10px}.dashboard-wrapper .project-boxes.jsListView .more-wrapper{right:2px;top:10px}}}.dashboard-wrapper{--app-container: transparent;--main-color: #1f1c2e;--secondary-color: #4A4A4A;--link-color: #1f1c2e;--link-color-hover: #c3cff4;--link-color-active: #fff;--link-color-active-bg: #1f1c2e;--projects-section: #ffffff3c;--message-box-hover: #fafcff;--message-box-border: #e9ebf0;--more-list-bg: #fff;--more-list-bg-hover: #f6fbff;--more-list-shadow: rgba(209, 209, 209, .4);--button-bg: #1f1c24;--search-area-bg: #fff;--star: #1ff1c2e;--message-btn: #fff;--light-font: rgba(0, 0, 0, .6)}:global(.dark-mode) .dashboard-wrapper{--app-container: transparent;--main-color: #fff;--secondary-color: rgba(255, 255, 255, .8);--projects-section: #1f2937;--link-color: rgba(255, 255, 255, .8);--link-color-hover: rgba(195, 207, 244, .1);--link-color-active-bg: rgba(195, 207, 244, .2);--button-bg: #1f2937;--search-area-bg: #1f2937;--message-box-hover: #243244;--message-box-border: rgba(255, 255, 255, .1);--star: #ffd92c;--light-font: rgba(255, 255, 255, .8);--more-list-bg: #2f3142;--more-list-bg-hover: rgba(195, 207, 244, .1);--more-list-shadow: rgba(195, 207, 244, .1);--message-btn: rgba(195, 207, 244, .1)}.swiper-slide.slide4{padding:0!important}.dashboard-wrapper{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding-bottom:20px!important;padding-left:20px!important;padding-right:20px!important;align-items:center;position:absolute;top:0;left:0;z-index:100;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:column}.dashboard-wrapper *{box-sizing:border-box}.dashboard-wrapper .app-container{width:100%;height:auto;display:flex;flex-direction:column;overflow:hidden;gap:20px}.dashboard-wrapper .app-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.dashboard-wrapper .app-content{display:flex;flex:1;overflow:hidden;gap:30px;padding:0 10px;background-color:transparent}.dashboard-wrapper .app-sidebar{display:flex;flex-direction:column;gap:24px;padding-top:10px}.dashboard-wrapper .projects-section{display:flex;flex-direction:column;border-radius:32px;padding:30px;overflow:hidden}.dashboard-wrapper .projects-section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.projects-section-header p{color:var(--gray-950);cursor:pointer;text-align:left;background-color:#fff;justify-content:flex-start;padding:0 5px;line-height:1;font-size:1rem!important}.dashboard-wrapper .projects-section-line{margin-bottom:24px}.dashboard-wrapper .project-boxes{overflow-y:auto;padding-right:10px}.dashboard-wrapper .project-boxes.jsGridView{display:flex;flex-wrap:wrap;gap:24px}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:calc(33.33% - 16px);margin:0}.dashboard-wrapper .project-box{border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:200px}.dashboard-wrapper .messages-section{flex:1;background-color:var(--projects-section);border-radius:32px;padding:30px;display:flex;flex-direction:column;overflow:hidden;gap:20px;box-shadow:0 4px 12px #0000000d}.dashboard-wrapper .messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:10px}.dashboard-wrapper .message-box{padding:16px;border-top:1px solid var(--message-box-border);display:flex;gap:16px}.dashboard-wrapper h2,.dashboard-wrapper p{margin:0}@media screen and (max-width:1200px){.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:calc(50% - 12px)}}@media screen and (max-width:880px){.dashboard-wrapper .messages-section{position:absolute;right:0;top:0;z-index:50;width:100%;height:100%;transform:translate(110%);transition:transform .3s ease}.dashboard-wrapper .messages-section.show{transform:translate(0)}.dashboard-wrapper .project-boxes.jsGridView .project-box-wrapper{width:100%}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}#intro-section{position:relative;height:100vh;width:100%;pointer-events:none}#intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:10001;pointer-events:none}.intro-scale-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;will-change:transform}.intro-text-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;z-index:-1;opacity:.7;height:auto;margin-bottom:2rem;overflow:visible}.intro-text{fill:#e9d32f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2vw;font-weight:900;text-shadow:.09em .12em 0px black,.05em -.03em 0 black,.05em .005em 0 black,0em .08em 0 black,.05em .08em 0 black,0px -.03em 0 black,-.03em -.03em 0 black,-.03em .08em 0 black,-.03em 0 0 black;text-transform:uppercase;letter-spacing:.2em;opacity:1}.pendulum{display:flex;border:3px solid #181811;border-bottom-width:1vw;border-radius:1vw 1vw 0 0;padding:0 2vw 1vw;height:10vw}.piece{transform-origin:center top;display:flex;align-items:center;flex-direction:column;width:2vw;height:10vw}.piece:before{content:"";background:#1a1a1a;width:1px;height:6.9vw}.piece:after{content:"";border-radius:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.3) 20%,transparent 21%),#1a1a1a;width:2vw;height:2vw}.piece:first-child{animation:1s cubic-bezier(.215,.61,.355,1) infinite alternate left}.piece:last-child{animation:1s cubic-bezier(.55,.055,.675,.19) infinite alternate right}@keyframes left{0%{transform:rotate(0)}50%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes right{0%{transform:rotate(-45deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}#intro-portal{border-radius:50%}#intro-portal:before{content:"";position:absolute;inset:-100vmax;padding:100vmax;background:conic-gradient(#0d0d0c,#2d3f3f,#0d0d0d);-webkit-mask:radial-gradient(circle closest-side,#000 99%,#0000 100%) content-box,linear-gradient(#000 0 0);mask:radial-gradient(circle closest-side,#000 99%,#0000 100%) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:50%;pointer-events:none!important}@media(max-width:768px){#intro-section,#intro-overlay,#intro-portal{display:none!important;visibility:hidden!important;width:0!important;height:0!important;pointer-events:none!important}}