*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-2{bottom:.5rem}.bottom-\[-10\%\]{bottom:-10%}.left-0{left:0}.left-\[-10\%\]{left:-10%}.right-0{right:0}.right-\[-10\%\]{right:-10%}.top-0{top:0}.top-\[-10\%\]{top:-10%}.z-0{z-index:0}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.\!hidden{display:none!important}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[350px\]{height:350px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-screen{height:100vh}.w-16{width:4rem}.w-24{width:6rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[600px\]{width:600px}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-accent\/20{border-color:#06b6d433}.border-accent\/40{border-color:#06b6d466}.border-accent\/50{border-color:#06b6d480}.border-border{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-accent\/20{background-color:#06b6d433}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-primary\/10{background-color:#3b82f61a}.bg-secondary\/10{background-color:#6366f11a}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/5{background-color:#ffffff0d}.bg-\[url\(\'https\:\/\/grainy-gradients\.vercel\.app\/noise\.svg\'\)\]{background-image:url(https://grainy-gradients.vercel.app/noise.svg)}.p-0{padding:0}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Outfit,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-\[9px\]{font-size:9px!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-accent{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.underline{text-decoration-line:underline}.\!opacity-40{opacity:.4!important}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.blur-\[128px\]{--tw-blur: blur(128px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.drop-shadow-\[0_0_15px_rgba\(0\,255\,255\,0\.4\)\]{--tw-drop-shadow: drop-shadow(0 0 15px rgba(0,255,255,.4));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)}.drop-shadow-\[0_0_5px_rgba\(0\,255\,255\,0\.4\)\]{--tw-drop-shadow: drop-shadow(0 0 5px rgba(0,255,255,.4));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)}.drop-shadow-\[0_0_8px_rgba\(0\,255\,255\,0\.4\)\]{--tw-drop-shadow: drop-shadow(0 0 8px rgba(0,255,255,.4));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)}.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)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-primary\/30 *::-moz-selection{background-color:#3b82f64d}.selection\:bg-primary\/30 *::selection{background-color:#3b82f64d}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-primary\/30::-moz-selection{background-color:#3b82f64d}.selection\:bg-primary\/30::selection{background-color:#3b82f64d}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-within\:border-accent:focus-within{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:bg-accent\/40:hover{background-color:#06b6d466}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.3\)\]:hover{--tw-shadow: 0 0 20px rgba(6,182,212,.3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.4\)\]:hover{--tw-shadow: 0 0 20px rgba(6,182,212,.4);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-accent:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:-translate-x-1{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media not all and (min-width:768px){.max-md\:hidden{display:none}}@media(min-width:768px){.md\:\!block{display:block!important}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-6{height:1.5rem}.md\:h-8{height:2rem}.md\:h-\[400px\]{height:400px}.md\:w-10{width:2.5rem}.md\:w-6{width:1.5rem}.md\:w-8{width:2rem}.md\:gap-2{gap:.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #02040a;--bg-storm: #0c111c;--fg: #f8fafc;--accent: #06b6d4;--border: #1e293b;--glass: rgba(2, 4, 10, .75);--titlebar: #0c111c;--waybar-height: 40px}#snap-indicator{position:fixed;background:#06b6d41a;border:2px solid var(--accent);border-radius:8px;z-index:9998;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);opacity:0;backdrop-filter:blur(4px)}body{background-color:var(--bg-deep);color:var(--fg);font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw;background-image:url(/backgrounds/margindataos.webp);background-size:cover;background-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.linux-window{position:absolute;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;max-width:98vw;max-height:calc(100vh - 32px);z-index:200;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1),top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1)}.linux-window.active{border-color:#06b6d480;box-shadow:0 15px 45px #0009,0 0 20px #06b6d426}.linux-window:not(.active) iframe{pointer-events:none}.linux-window.dragging{transition:none!important;cursor:grabbing!important}@media(max-width:767px){.linux-window{width:95vw!important}}@media(min-width:768px){.linux-window{min-width:300px}}.selection-box{position:absolute;border:1.5px solid var(--accent);background:#06b6d426;pointer-events:none;display:none;z-index:10;box-shadow:0 0 15px #06b6d44d}.linux-window.minimized{opacity:0;transform:scale(.01);pointer-events:none}.context-menu{position:absolute;background:#02040ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 0;display:none;z-index:9999;box-shadow:0 10px 30px #000c;min-width:180px}.context-menu-item{padding:8px 15px;font-size:11px;color:var(--fg);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease}.context-menu-item:hover{background:#06b6d433;color:var(--accent)}.context-menu-divider{height:1px;background:#ffffff1a;margin:5px 0}.hidden{display:none}@keyframes window-launch{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-launching{animation:window-launch .4s cubic-bezier(.34,1.56,.64,1) forwards}.window-header{background:var(--titlebar);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:move;border-bottom:1px solid var(--border)}.window-title{font-size:12px;font-weight:500;color:var(--fg);display:flex;align-items:center;gap:8px}.window-controls{display:flex;gap:8px}.control-dot{width:12px;height:12px;border-radius:50%;background:#444;transition:opacity .2s;cursor:pointer}.control-dot:hover{opacity:.8}.dot-close{background:#f55}.dot-min{background:#ffb86c}.dot-max{background:#50fa7b}.window-content{flex-grow:1;padding:16px;overflow-y:auto;max-height:calc(100% - 32px);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.resize-handle{position:absolute;bottom:0;right:0;width:15px;height:15px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border) 50%);border-bottom-right-radius:8px;z-index:100}.linux-window.maximized{top:var(--waybar-height)!important;left:0!important;width:100vw!important;height:calc(100vh - var(--waybar-height))!important;border-radius:0;border:none!important}.linux-window.maximized .resize-handle{display:none}.terminal{font-family:Fira Code,monospace;font-size:13px;line-height:1.5}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;margin:20px;cursor:pointer;text-align:center;transition:transform .2s;position:absolute;pointer-events:auto;will-change:left,top}.desktop-icon.dragging{transition:none!important;z-index:1000}.icon-box{width:56px;height:56px;background:#06b6d408;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px;backdrop-filter:blur(5px);transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-icon:hover .icon-box{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 0 15px #06b6d44d;background:#06b6d41a}.desktop-icon:hover img,.dock-icon:hover img{filter:brightness(1.3) contrast(1.3) drop-shadow(0 0 8px rgba(6,182,212,.6))}.icon-box img,.dock-icon img{width:40px;height:40px;image-rendering:pixelated;mix-blend-mode:screen;filter:brightness(1.2) contrast(1.3);transition:transform .2s ease}.icon-label{font-size:11px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#0003;padding:2px 6px;border-radius:4px;position:relative}.desktop-indicator{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent);opacity:0;transition:all .3s ease;pointer-events:none;z-index:50}@media(min-width:769px){.desktop-indicator{display:block!important}}.desktop-icon.active .desktop-indicator{opacity:1;width:20px}.desktop-icon.active .icon-box{border-color:#06b6d466;background:#06b6d40d}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:16px;padding:8px}.folder-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--fg);transition:transform .2s}.folder-item:hover{transform:translateY(-2px);color:var(--accent)}.folder-icon{font-size:24px}.folder-text{font-size:10px;text-align:center}.waybar{position:fixed;top:0;left:0;width:100%;height:var(--waybar-height);background:#02040af2;border-bottom:1px solid var(--border);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;z-index:3000;padding:0 8px}.waybar-section{display:flex;align-items:center;gap:15px}.os-toast{background:#0f0f14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(100,116,139,.2);border-radius:8px;box-shadow:0 4px 15px #00000080;padding:8px 10px;display:flex;flex-direction:column;gap:4px;transition:all .4s cubic-bezier(.18,.89,.32,1.28);font-size:10px;color:#cbd5e1;pointer-events:auto;width:220px}.os-toast svg,.os-notification-header svg,.toast-header svg{width:14px!important;height:14px!important;flex-shrink:0}#toast-container{position:fixed;top:200px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;transition:top .3s ease}.os-notification{animation:toast-in .4s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){#toast-container{top:40px;left:10px;right:auto;align-items:flex-start}.os-notification{width:160px;animation:toast-in-left .4s cubic-bezier(.34,1.56,.64,1)}#gnome-toast{top:40px!important;right:-300px;left:auto;width:180px!important}#gnome-toast.show{right:10px!important}.os-notification-msg,#toast-body{font-size:9px}.desktop-indicator,.dock-indicator{display:none!important}.dock-icon:has(.dock-indicator.active) img,.desktop-icon.active .icon-box{filter:brightness(1.4) contrast(1.4) drop-shadow(0 0 10px var(--accent))!important;transform:scale(1.1)!important;border-color:var(--accent)!important;background:#06b6d433!important}}.os-notification.fade-out{animation:toast-out .4s cubic-bezier(.16,1,.3,1) forwards}.os-notification-header{font-family:Inter,sans-serif;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;margin-bottom:2px;letter-spacing:.5px}.os-notification-header svg{width:12px;height:12px;color:var(--accent)}.os-notification-msg{font-size:10px;color:#cbd5e1;line-height:1.4;opacity:.8;font-family:Inter,sans-serif}@keyframes toast-in{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-in-left{0%{opacity:0;transform:translate(-50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.waybar-center{flex-grow:1;margin:0 20px;overflow:hidden}.waybar-module{display:flex;align-items:center;gap:8px;padding:0 12px;height:24px;border-radius:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:10px;font-family:Fira Code,monospace;white-space:nowrap}.module-label{color:var(--accent)}.module-value{color:#fff;opacity:.9}.nav-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:10px;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.background-accent{background-color:var(--accent)}.hover\:shadow-cyan:hover{box-shadow:0 0 12px var(--accent)}.browser-bookmarks{display:flex;gap:12px;padding:4px 12px;background:#0000004d;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.browser-bookmarks::-webkit-scrollbar{display:none}.bookmark-item{font-size:10px;color:#fff;opacity:.7;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s}.bookmark-item:hover{opacity:1;color:var(--accent)}.waybar-tasks,.desktop-task-dock{display:none}.task-item{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#06b6d40d;border:1px solid rgba(6,182,212,.15);border-radius:6px;font-size:11px;font-family:Fira Code,monospace;color:var(--accent);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);max-width:150px;white-space:nowrap}.task-item:hover{background:#06b6d426;border-color:var(--accent);transform:translateY(-2px)}.task-item.active{background:#06b6d41a;border-color:var(--accent);box-shadow:0 0 10px #06b6d433}.dock-icon{position:relative}.dock-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 5px var(--accent);opacity:0;transition:opacity .3s}.dock-indicator.active{opacity:1}.marquee-log-container{flex-grow:1;overflow:hidden;background:#0000004d;border-radius:4px;height:22px;display:flex;align-items:center;border:1px solid rgba(6,182,212,.1)}.marquee-label{height:100%;background:#16161ef2;color:var(--accent);font-size:8px;font-weight:700;display:flex;align-items:center;padding:0 8px;border-right:1px solid rgba(6,182,212,.1);z-index:10;flex-shrink:0}.marquee-inner-wrap{flex-grow:1;overflow:hidden;display:flex;align-items:center}.marquee-inner{display:flex;white-space:nowrap;animation:linux-marquee 60s linear infinite}@keyframes linux-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{color:var(--accent);font-size:10px;padding:0 20px;opacity:.7;font-family:Fira Code,monospace}.marquee-item:before{content:"[OK] ";opacity:.5}#gnome-toast{position:fixed;top:calc(var(--waybar-height) + 12px);right:-300px;z-index:9999}#gnome-toast.show{right:20px}.toast-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.toast-btn{background:transparent;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:9px;transition:all .2s;color:#94a3b8;font-weight:500}.toast-btn.accept{background:#06b6d41a;border-color:#06b6d44d;color:var(--accent)}.toast-btn:hover{background:#ffffff1a}.toast-btn.accept:hover{background:#06b6d440}.chat-pills{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap;padding:0 4px}.chat-pill{font-size:9px;padding:2px 8px;border:1px solid rgba(6,182,212,.3);border-radius:12px;color:var(--accent);cursor:pointer;background:#06b6d40d;transition:all .2s;font-family:Fira Code,monospace;white-space:nowrap}.chat-pill:hover{background:var(--accent);color:#000;border-color:var(--accent)}.chat-send-btn{cursor:pointer;opacity:.6;transition:all .2s;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;flex-shrink:0;color:var(--accent)}.chat-send-btn:hover{opacity:1;background:#06b6d41a;transform:scale(1.1)}@media(max-width:768px){.linux-window{width:96%!important;left:2%!important;right:2%!important;top:170px!important;height:48vh!important;position:fixed!important;font-size:10px}#win-marginbot.linux-window:not(.hidden){width:100%!important;height:calc(100% - 32px)!important;height:calc(100dvh - 32px)!important;inset:32px 0 0!important;margin:0!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column;padding-bottom:140px!important}#win-marginbot.linux-window .window-content{flex-grow:1!important;height:auto!important}.window-header{padding:4px 10px!important}.window-content{padding:10px!important}body{background-image:url(/backgrounds/margindataosmobile.webp)}.terminal{font-size:9px!important;padding:4px!important}.ascii-art{font-size:6px!important;line-height:1!important;margin-bottom:5px}.desktop-icon{margin:5px;width:65px}.icon-box{width:36px;height:36px;font-size:18px}.icon-label{font-size:9px}#icon-aboutme{top:20px!important;left:15px!important}#icon-socials{top:20px!important;left:95px!important}#icon-github{top:20px!important;left:175px!important}#icon-projects{top:110px!important;left:15px!important}#icon-marginbot{top:110px!important;left:95px!important}.waybar{padding:0 4px;gap:4px;height:32px!important;display:flex;align-items:center;justify-content:space-between}.waybar-section{flex-shrink:0;display:flex;align-items:center;gap:4px}.waybar-module{padding:0 6px;font-size:8.5px;height:24px!important;min-width:0;border:1px solid rgba(255,255,255,.05)!important;background:#ffffff08!important;border-radius:4px}.module-label{display:none}#way-os-label,#way-lang-label{display:inline!important;margin-right:2px}#way-os-label{color:var(--accent);opacity:.7}.waybar-module:has(#way-bot-status){display:none!important}.waybar-center{flex:1;display:flex;min-width:60px;margin:0 4px;overflow:hidden}.marquee-log-container{width:100%;background:#ffffff08;border-radius:4px;height:20px;display:flex;align-items:center}.marquee-label{font-size:7px;opacity:.6;padding:0 4px!important}.waybar-module:has(#way-lang-val){font-size:9px!important;padding:0 6px;border:1px solid rgba(6,182,212,.25)!important;background:#ffffff08!important;border-radius:4px;height:24px!important;min-width:0;font-weight:400}#way-lang-val{font-size:9px!important}#way-lang-label{display:inline!important;margin-right:3px}#label-proj-pertodaqui:before,#label-proj-audit:before{content:"open:";text-transform:lowercase}#label-proj-experience:before{content:"read:";text-transform:lowercase}.mobile-dock{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#02040acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(6,182,212,.2);border-radius:24px;padding:10px 20px;display:flex;gap:10px;z-index:2000;box-shadow:0 10px 40px #000c;animation:dock-slide-up .5s cubic-bezier(.16,1,.3,1)}@keyframes dock-slide-up{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.dock-icon{flex-direction:column;width:64px;height:64px;background:#02040a66;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;gap:2px}.dock-label{font-size:8px;color:var(--accent);font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:.5px}.dock-icon:hover{border-color:var(--accent);box-shadow:0 0 15px #06b6d44d;background:#06b6d41a}.desktop-icon{display:none!important}.linux-window{top:170px!important;height:48vh!important;width:96%!important;left:2%!important;right:2%!important;position:fixed!important;font-size:10px;border-radius:12px;box-shadow:0 20px 50px #0009;transition:opacity .4s cubic-bezier(.3,0,.2,1),transform .4s cubic-bezier(.3,0,.2,1),filter .4s ease!important}.linux-window.minimized{transform:scale(.01)!important;opacity:0!important;filter:blur(15px)!important}}@media(min-width:769px){.mobile-dock{display:none}#label-proj-pertodaqui:before,#label-proj-audit:before{content:"browse:";text-transform:lowercase}#label-proj-experience:before{content:"read:";text-transform:lowercase}}.settings-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;font-size:11px;color:#94a3b8;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-family:Fira Code,monospace;display:flex;align-items:center;justify-content:space-between}.settings-btn:hover{border-color:var(--accent);background:#06b6d41a;color:#fff;box-shadow:0 0 15px #06b6d433;transform:translateY(-1px)}.settings-btn.active{border-color:var(--accent);background:#06b6d433;color:#fff!important;font-weight:600;box-shadow:0 0 20px #06b6d44d;position:relative}.settings-btn.active:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")!important;font-size:10px;color:var(--accent);margin-left:8px;opacity:1}