@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-100:#d0fae5;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-sky-100:#dff2fe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-sky-700:#0069a4;--color-slate-50:#f8fafc;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-sky-100:lab(94.3709% -4.56053 -8.23453);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-sky-700:lab(41.6013% -9.10804 -42.5647);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.bottom-14{bottom:calc(var(--spacing) * 14)}.left-0{left:0}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.h-screen{height:100vh}.w-1\/3{width:33.3333%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}: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}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-white\/90{border-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.border-white\/90{border-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-100\/60{background-color:#dff2fe99}@supports (color:color-mix(in lab, red, red)){.bg-sky-100\/60{background-color:color-mix(in oklab, var(--color-sky-100) 60%, transparent)}}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.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)}.shadow-sm{--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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-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: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-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-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: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-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-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: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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-white\/40:hover{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.hover\:text-sky-600:hover{color:var(--color-sky-600)}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:bottom-0{bottom:0}.md\:left-24{left:calc(var(--spacing) * 24)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--ink:#eaf3ff;--muted:#8ea6c6;--surface:#081833ad;--surface-strong:#081833e6;--line:#99caff2b;--blue:#4da5ff;--cyan:#5de8ff;--yellow:#ffd85c;--shadow:0 30px 90px #0006146b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#061329}body{min-width:320px;color:var(--ink);background:#061329;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{color:#061329;background:var(--yellow)}.portfolio-shell{min-height:100vh;color:var(--ink);background:#061329;transition:background-color .3s,color .3s;overflow-x:clip}.portfolio-shell[data-theme=day]{--ink:#09213d;--muted:#4e6f92;--surface:#eef8ffc4;--surface-strong:#f4fafff2;--line:#14599b24;--shadow:0 30px 80px #19599629;background:#dff2ff}.ambient-layer{pointer-events:none;z-index:0;background:radial-gradient(circle at 76% 14%,#2f7cdd33,#0000 27%),linear-gradient(135deg,#031126fa,#071b3bf7);position:fixed;inset:0;overflow:hidden}[data-theme=day] .ambient-layer{background:radial-gradient(circle at 76% 14%,#ffd85c5c,#0000 26%),linear-gradient(135deg,#eaf8ff,#bddfff)}.ambient-orb{aspect-ratio:1;filter:blur(70px);opacity:.26;will-change:transform;border-radius:999px;width:34rem;position:absolute}.orb-one{background:var(--blue);animation:14s ease-in-out infinite alternate drift-one;top:-16rem;left:13%}.orb-two{background:var(--yellow);animation:18s ease-in-out infinite alternate drift-two;bottom:-18rem;right:-15rem}.ambient-grid{background-image:linear-gradient(#77b8ff0b 1px,#0000 1px),linear-gradient(90deg,#77b8ff0b 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.ambient-noise{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}[data-playing=true] .orb-one{opacity:.42;animation-duration:6s}[data-playing=true] .orb-two{opacity:.34;animation-duration:8s}.glass-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px)}.intro-screen{z-index:100;background:#061329;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.intro-mark{aspect-ratio:1;background:linear-gradient(145deg,#4da5ff33,#ffd85c1f);border:1px solid #5de8ff73;border-radius:26px;place-items:center;width:78px;display:grid;box-shadow:0 0 55px #4da5ff47}.intro-mark span{color:var(--yellow);font:800 2.6rem/1 Georgia,serif}.intro-screen p{letter-spacing:.28em;color:#91a8c4;margin:0;font-size:11px}.intro-line{background:#ffffff14;width:150px;height:2px;overflow:hidden}.intro-line i{background:linear-gradient(90deg, var(--blue), var(--yellow));width:60%;height:100%;animation:.9s both intro-progress;display:block}.side-rail{z-index:30;background:var(--surface-strong);flex-direction:column;justify-content:space-between;align-items:center;width:94px;padding:20px 10px;display:flex;position:fixed;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.side-rail{background:color-mix(in srgb, var(--surface-strong) 84%, transparent)}}.side-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-button{cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;display:grid}.brand-button span{aspect-ratio:1;color:#08203c;background:linear-gradient(145deg, var(--yellow), #fff0a8);border-radius:15px;place-items:center;width:44px;font:800 1.45rem/1 Georgia,serif;display:grid;box-shadow:0 10px 25px #ffd85c33}.brand-button small{letter-spacing:.18em;color:var(--muted);font-size:8px}.side-rail nav{gap:8px;width:100%;display:grid}.side-rail nav button{min-height:62px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;place-items:center;gap:2px;padding:8px 4px;transition:transform .18s,color .18s,background .18s;display:grid}.side-rail nav button:hover{color:var(--ink);transform:translateY(-2px)}.side-rail nav button.active{color:var(--cyan);background:#4da5ff1f;border-color:#5de8ff2e}.side-rail nav span{text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:750}.side-rail nav small{opacity:.7;font-size:7px}.rail-footer{color:var(--muted);justify-items:center;gap:13px;font:700 10px/1 ui-monospace,monospace;display:grid}.rail-footer a{color:inherit}.topbar{z-index:25;pointer-events:none;justify-content:flex-end;align-items:center;gap:12px;height:74px;padding:14px clamp(18px,4vw,58px);display:flex;position:fixed;top:0;left:94px;right:0}.topbar>*{pointer-events:auto}.status-pill{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:9px;padding:0 15px;font-size:11px;font-weight:700;display:flex}.status-pill i,.portrait-tag i,.server-status i{aspect-ratio:1;background:#51eea7;border-radius:50%;width:7px;box-shadow:0 0 12px #51eea7}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.main-stage{z-index:5;margin-left:94px;padding:86px clamp(18px,4vw,58px) 120px;position:relative}.hero-card{border-radius:36px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);max-width:1320px;min-height:560px;margin:0 auto;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"DISKII";color:#9dcfff09;letter-spacing:-.08em;pointer-events:none;font:900 clamp(6rem,14vw,13rem)/1 Arial Black,sans-serif;position:absolute;bottom:-42px;right:-8px}.hero-copy{z-index:2;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,82px);display:flex;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.17em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.hero-copy h1{letter-spacing:-.065em;max-width:760px;margin:22px 0 18px;font-size:clamp(3rem,6.4vw,6.6rem);line-height:.95}.hero-copy h1 span{color:var(--yellow);font-family:Georgia,serif;font-style:italic;font-weight:700}.hero-lead{max-width:680px;color:var(--muted);margin:0;font-size:clamp(15px,1.4vw,19px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{color:#061329;background:linear-gradient(135deg, var(--yellow), #ffec9a);border:0;box-shadow:0 14px 30px #ffd85c2e}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#ffffff09}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin-top:32px;font-size:11px;font-weight:700;display:flex}.hero-meta span{align-items:center;gap:7px;display:flex}.portrait-zone{place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.portrait-zone:before{content:"";background:linear-gradient(150deg,#0000,#4da5ff1f);position:absolute;inset:0}.portrait-halo{aspect-ratio:1;border:1px solid #5de8ff2b;border-radius:50%;width:min(440px,90%);animation:4s ease-in-out infinite halo-pulse;position:absolute;box-shadow:0 0 0 35px #4da5ff09,0 0 0 76px #ffd85c06}.identity-scanner{z-index:3;pointer-events:none;position:absolute;inset:7% 3% 5%}.scanner-ring{aspect-ratio:1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.scanner-ring-outer{border:1px dashed #5de8ff47;width:min(440px,94%);animation:22s linear infinite scanner-spin}.scanner-ring-outer:before,.scanner-ring-outer:after{content:"";aspect-ratio:1;background:var(--yellow);width:9px;box-shadow:0 0 18px var(--yellow);border-radius:50%;position:absolute}.scanner-ring-outer:before{top:13%;left:10%}.scanner-ring-outer:after{background:var(--cyan);box-shadow:0 0 18px var(--cyan);bottom:17%;right:8%}.scanner-ring-inner{border:1px solid #ffd85c2e;width:min(340px,74%);box-shadow:inset 0 0 55px #5de8ff09}.scanner-crosshair{background:linear-gradient(90deg,#0000,#5de8ff42,#0000);height:1px;position:absolute;inset:50% 6% auto}.scanner-crosshair:after{content:"";background:linear-gradient(#0000,#ffd85c30,#0000);width:1px;height:370px;position:absolute;top:-185px;left:50%}.scanner-line{z-index:4;background:linear-gradient(90deg, transparent, var(--cyan), var(--yellow), transparent);opacity:.82;height:2px;animation:4.6s cubic-bezier(.65,0,.35,1) infinite scanner-sweep;position:absolute;top:20%;left:16%;right:16%;box-shadow:0 0 20px #5de8ffcc,0 10px 45px #5de8ff38}.scanner-corner{border-color:var(--yellow);opacity:.64;width:27px;height:27px;position:absolute}.corner-one{border-top:1px solid;border-left:1px solid;top:8%;left:9%}.corner-two{border-top:1px solid;border-right:1px solid;top:8%;right:9%}.corner-three{border-bottom:1px solid;border-left:1px solid;bottom:8%;left:9%}.corner-four{border-bottom:1px solid;border-right:1px solid;bottom:8%;right:9%}.portrait-frame{z-index:2;aspect-ratio:4/5;border:1px solid #ffffff2e;border-radius:44% 44% 26px 26px;width:min(360px,76%);position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 70px #00000061}.portrait-frame img{object-fit:cover}.portrait-skill-chips{z-index:5;pointer-events:none;position:absolute;inset:0}.portrait-skill-chips span{min-height:32px;color:var(--ink);background:var(--surface-strong);border:1px solid #5de8ff2e;border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.portrait-skill-chips span{background:color-mix(in srgb, var(--surface-strong) 88%, transparent)}}.portrait-skill-chips span{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.06em;font:800 8px/1 ui-monospace,monospace;box-shadow:0 12px 28px #00000038}.portrait-skill-chips span:first-child{top:24%;left:4%}.portrait-skill-chips span:nth-child(2){top:37%;right:4%}.portrait-skill-chips span:nth-child(3){bottom:20%;left:8%}.portrait-skill-chips small{color:var(--cyan);font-size:7px}.portrait-skill-chips b{color:var(--yellow);font-size:8px}.portrait-tag{z-index:6;border:1px solid var(--line);background:var(--surface-strong);letter-spacing:.12em;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:9px;font-weight:850;display:flex;position:absolute;bottom:13%;right:13%;box-shadow:0 12px 30px #0003}.dashboard-row{grid-template-columns:1.15fr .9fr .9fr;gap:18px;max-width:1320px;margin:18px auto 0;scroll-margin-top:100px;display:grid}.dashboard-row article{border-radius:26px;min-height:250px;padding:24px}.card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-heading>div{align-items:baseline;gap:10px;display:flex}.card-heading>.card-actions{align-items:center;gap:4px}.focus-launch{min-height:30px;color:var(--yellow);background:#ffd85c0e;border:1px solid #ffd85c33;border-radius:9px;padding:0 9px}.card-heading h2{letter-spacing:-.02em;margin:0;font-size:16px}.section-index{color:var(--yellow);font:800 9px/1 ui-monospace,monospace}.text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.now-playing{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:28px;display:grid}.album-disc{aspect-ratio:1;width:76px;color:var(--yellow);cursor:pointer;background:radial-gradient(circle,#102847 0 13%,#09182c 14% 35%,#152a44 36% 38%,#071322 39%);border:0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 15px 38px #00000059}.album-disc span{aspect-ratio:1;background:#4da5ff29;border-radius:50%;place-items:center;width:38px;display:grid}[data-playing=true] .album-disc{animation:8s linear infinite disc-spin}.track-copy{gap:3px;min-width:0;display:grid}.track-copy small{color:var(--cyan);letter-spacing:.16em;font-size:8px;font-weight:850}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.track-copy span{color:var(--muted);font-size:10px}.equalizer{align-items:end;gap:3px;height:34px;display:flex}.equalizer i{background:var(--cyan);border-radius:5px;width:3px;height:22%;animation:.75s ease-in-out infinite alternate paused equalize}.equalizer i:nth-child(2){animation-delay:-.45s}.equalizer i:nth-child(3){animation-delay:-.2s}.equalizer i:nth-child(4){animation-delay:-.6s}.equalizer i:nth-child(5){animation-delay:-.33s}[data-playing=true] .equalizer i{animation-play-state:running}.audio-link-form{gap:7px;margin-top:18px;display:grid;overflow:hidden}.audio-link-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.audio-link-form>div{gap:8px;display:flex}.audio-link-form input{min-width:0;height:38px;color:var(--ink);border:1px solid var(--line);background:#ffffff0e;border-radius:11px;outline:none;flex:1;padding:0 12px}.audio-link-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5de8ff1a}.audio-link-form button{color:#061329;background:var(--yellow);cursor:pointer;border:0;border-radius:11px;padding:0 15px;font-size:11px;font-weight:850}.audio-link-form p{color:var(--muted);margin:0;font-size:9px}.audio-link-form p.error{color:#ff9ca8}.skill-list{gap:18px;margin-top:26px;display:grid}.skill-row{gap:8px;display:grid}.skill-row div{justify-content:space-between;gap:10px;font-size:11px;display:flex}.skill-row div span{color:var(--muted)}.skill-row>i{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.skill-row b{border-radius:inherit;height:100%;display:block;box-shadow:0 0 15px}.server-status{justify-content:space-between;align-items:center;margin-top:27px;display:flex}.server-status span{color:#64eeb2;align-items:center;gap:7px;font-size:9px;font-weight:850;display:flex}.server-status strong{font-size:20px}.server-card p{color:var(--muted);font-size:11px;line-height:1.6}.copy-ip{border:1px solid var(--line);cursor:pointer;background:#ffffff0b;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:8px;padding:0 12px;display:flex}.copy-ip code{text-align:left;text-overflow:ellipsis;min-width:0;color:var(--cyan);flex:1;font-size:10px;overflow:hidden}.copy-ip span{color:var(--muted);font-size:9px}.player-dock{z-index:40;border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:10px 18px;display:grid;position:fixed;bottom:20px;left:118px;right:24px;box-shadow:0 20px 70px #00000059}.dock-track{align-items:center;gap:11px;display:flex}.dock-track>span{aspect-ratio:1;width:40px;color:var(--yellow);background:#ffd85c1a;border-radius:12px;place-items:center;display:grid}.dock-track>span.playing{animation:1.6s ease-in-out infinite glow-pulse}.dock-track div{gap:2px;display:grid}.dock-track strong{font-size:11px}.dock-track small{color:var(--muted);font-size:9px}.dock-controls{align-items:center;gap:10px;display:flex}.dock-controls button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.dock-controls .play-button{color:#061329;background:var(--yellow);width:46px;height:46px;box-shadow:0 8px 22px #ffd85c38}.dock-volume{color:var(--muted);justify-self:end;align-items:center;gap:10px;display:flex}.dock-volume span{background:#ffffff1a;border-radius:9px;width:90px;height:4px}.dock-volume i{border-radius:inherit;background:var(--blue);width:72%;height:100%;display:block}.mobile-nav{display:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}@keyframes drift-one{to{transform:translate(120px,80px)scale(1.12)}}@keyframes drift-two{to{transform:translate(-110px,-90px)scale(.88)}}@keyframes intro-progress{0%{transform:translate(-170%)}to{transform:translate(180%)}}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes halo-pulse{50%{opacity:.72;transform:scale(1.045)}}@keyframes equalize{to{height:100%}}@keyframes glow-pulse{50%{box-shadow:0 0 22px #ffd85c47}}@keyframes scanner-spin{to{transform:rotate(360deg)}}@keyframes scanner-sweep{0%,to{opacity:.18;top:16%}48%,52%{opacity:.92}50%{top:82%}}@keyframes focus-orbit{to{transform:rotate(360deg)}}@keyframes focus-equalize{to{filter:hue-rotate(30deg);transform:scaleY(.22)}}@keyframes vip-scan{0%,to{opacity:0;transform:translate(-120%)}50%{opacity:1;transform:translate(280%)}}@keyframes terminal-caret{50%{opacity:0}}@media (max-width:1050px){.hero-card{grid-template-columns:1fr .76fr}.hero-copy{padding:42px}.dashboard-row{grid-template-columns:1fr 1fr}.music-lab{grid-column:1/-1}}@media (max-width:720px){.side-rail{display:none}.topbar{height:64px;padding:12px 16px;left:0}.status-pill{display:none}.main-stage{margin-left:0;padding:72px 14px 160px}.hero-card{border-radius:26px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding:34px 24px 18px}.hero-copy h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-lead{font-size:14px}.hero-meta{gap:10px 14px}.portrait-zone{min-height:390px}.portrait-frame{width:min(300px,75%)}.dashboard-row{grid-template-columns:1fr}.dashboard-row article{border-radius:22px;min-height:0;padding:21px}.music-lab{grid-column:auto}.player-dock{border-radius:18px;grid-template-columns:1fr auto;min-height:62px;padding:8px 12px;bottom:72px;left:10px;right:10px}.dock-volume,.dock-controls>button:not(.play-button){display:none}.dock-controls .play-button{width:42px;height:42px}.mobile-nav{z-index:45;min-height:62px;padding:7px max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{min-width:58px;min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;gap:3px;font-size:8px;display:grid}.mobile-nav button.active{color:var(--yellow);background:#ffd85c14}.glass-card{-webkit-backdrop-filter:blur(14px)}}.pointer-glow{left:var(--pointer-x,50%);top:var(--pointer-y,30%);aspect-ratio:1;filter:blur(8px);opacity:.8;background:radial-gradient(circle,#5de8ff21,#0000 68%);border-radius:50%;width:340px;transition:opacity .25s;position:absolute;transform:translate(-50%,-50%)}.scroll-progress{z-index:130;pointer-events:none;background:#ffffff06;height:3px;position:fixed;top:0;left:94px;right:0;overflow:hidden}.scroll-progress i{width:100%;height:100%;transform:scaleX(var(--scroll-progress,0));transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--cyan), var(--yellow));box-shadow:0 0 14px var(--cyan);transition:transform 80ms linear;display:block}.cursor-ring,.cursor-dot{display:none}@media (hover:hover) and (pointer:fine){[data-effects=high].portfolio-shell,[data-effects=high].portfolio-shell a,[data-effects=high].portfolio-shell button{cursor:none}[data-effects=high].portfolio-shell input,[data-effects=high].portfolio-shell textarea{cursor:auto}[data-effects=high] .cursor-ring,[data-effects=high] .cursor-dot{z-index:160;left:var(--pointer-x,50vw);top:var(--pointer-y,50vh);pointer-events:none;opacity:var(--cursor-visible,0);will-change:left, top, width, height;border-radius:50%;transition:opacity .12s;display:block;position:fixed;translate:-50% -50%}[data-effects=high] .cursor-ring{border:1px solid var(--cyan);width:32px;height:32px}@supports (color:color-mix(in lab, red, red)){[data-effects=high] .cursor-ring{border:1px solid color-mix(in srgb, var(--cyan) 62%, transparent)}}[data-effects=high] .cursor-ring{transition:opacity .12s,width .16s,height .16s,border-color .16s,background .16s;box-shadow:0 0 24px #5de8ff1f,inset 0 0 14px #5de8ff0f}[data-effects=high] .cursor-dot{background:var(--yellow);width:5px;height:5px;box-shadow:0 0 12px var(--yellow);transition:opacity .12s,width .16s,height .16s,background .16s}[data-effects=high].portfolio-shell:has(a:hover,button:hover) .cursor-ring{border-color:var(--yellow);width:46px;height:46px}@supports (color:color-mix(in lab, red, red)){[data-effects=high].portfolio-shell:has(a:hover,button:hover) .cursor-ring{border-color:color-mix(in srgb, var(--yellow) 68%, transparent)}}[data-effects=high].portfolio-shell:has(a:hover,button:hover) .cursor-ring{background:var(--yellow)}@supports (color:color-mix(in lab, red, red)){[data-effects=high].portfolio-shell:has(a:hover,button:hover) .cursor-ring{background:color-mix(in srgb, var(--yellow) 7%, transparent)}}[data-effects=high].portfolio-shell:has(a:hover,button:hover) .cursor-dot{background:var(--cyan);width:7px;height:7px}:is([data-effects=high].portfolio-shell:has(input:hover,textarea:hover,select:hover) .cursor-ring,[data-effects=high].portfolio-shell:has(input:hover,textarea:hover,select:hover) .cursor-dot){opacity:0}}.particle-field{position:absolute;inset:0}.particle-field i{aspect-ratio:1;background:var(--cyan);width:3px;box-shadow:0 0 12px var(--cyan);opacity:.24;border-radius:50%;animation:7s ease-in-out infinite alternate particle-float;position:absolute}[data-effects=low] .particle-field,[data-effects=low] .pointer-glow{display:none}[data-effects=low] .ambient-orb,[data-effects=low] .portrait-halo,[data-effects=low] .scanner-ring,[data-effects=low] .scanner-line,[data-effects=low] .vip-meter:before,[data-effects=low] .vip-scan i,[data-effects=low] .focus-orbit,[data-effects=low] .focus-disc,[data-effects=low] .focus-spectrum i,[data-effects=low] .terminal-teaser-code>b,[data-effects=low] .server-status span i,[data-effects=low] .vip-live-main i{animation:none!important}[data-effects=low] .kinetic-strip>div,[data-focus=true] .ambient-orb,[data-focus=true] .portrait-halo,[data-focus=true] .scanner-ring,[data-focus=true] .scanner-line,[data-focus=true] .kinetic-strip>div,[data-focus=true] .particle-field i{animation-play-state:paused}.command-trigger{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.command-trigger span{font-size:11px;font-weight:750}.command-trigger kbd,.shortcut-card kbd,.command-search kbd{border:1px solid var(--line);min-width:24px;min-height:22px;color:var(--ink);background:#ffffff0e;border-radius:7px;place-items:center;padding:0 6px;font:700 9px/1 ui-monospace,monospace;display:inline-grid;box-shadow:inset 0 -2px #00000029}.portrait-code{color:#eaf3ffcc;letter-spacing:.04em;font:700 10px/1.55 ui-monospace,monospace;position:absolute;bottom:3%;right:17%}[data-theme=day] .portrait-code{color:#09213db3}.music-mini-progress,.dock-progress{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;font:700 9px/1 ui-monospace,monospace;display:grid}.music-mini-progress{margin-top:25px}.music-mini-progress input,.dock-progress input,.dock-volume input{width:100%;height:4px;accent-color:var(--yellow);cursor:pointer;border:0;border-radius:999px;margin:0}.music-mini-progress input:disabled,.dock-progress input:disabled{opacity:.42;cursor:default}.inline-error{color:#ff8585;margin:10px 0 0;font-size:10px;line-height:1.5}.projects-section,.contact-section,.server-live-section{max-width:1320px;margin:96px auto 0;scroll-margin-top:92px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;display:flex}.section-heading span{color:var(--cyan);letter-spacing:.17em;font:800 9px/1 ui-monospace,monospace}.section-heading h2{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(2rem,4vw,4rem);line-height:.95}.section-heading p{max-width:440px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{isolation:isolate;border-radius:28px;flex-direction:column;min-height:350px;padding:26px;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#4da5ff3d,#0000 69%);border-radius:50%;width:210px;position:absolute;top:-80px;right:-80px}.project-card.accent-yellow:after{background:radial-gradient(circle,#ffd85c38,#0000 69%)}.project-card.accent-cyan:after{background:radial-gradient(circle,#5de8ff33,#0000 69%)}.project-top{color:var(--cyan);justify-content:space-between;align-items:center;display:flex}.project-top span{color:var(--yellow);font:800 10px/1 ui-monospace,monospace}.project-card>small{color:var(--cyan);letter-spacing:.16em;margin-top:52px;font-size:9px;font-weight:850}.project-card h3{letter-spacing:-.04em;margin:9px 0;font-size:25px}.project-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.project-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:750}.project-card>button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:auto;padding:22px 0 0;font-size:11px;font-weight:800;display:flex}.contact-section{grid-template-columns:1.45fr .55fr;gap:18px;margin-top:18px;display:grid}.contact-card,.shortcut-card{border-radius:28px;min-height:230px;padding:30px;position:relative;overflow:hidden}.contact-card{justify-content:space-between;align-items:center;gap:28px;display:flex}.contact-card>div:not(.contact-orbit){z-index:1;position:relative}.contact-card h2{letter-spacing:-.05em;margin:10px 0 9px;font-size:clamp(1.9rem,3vw,3.2rem)}.contact-card p{max-width:510px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.contact-card>a{z-index:1;color:#061329;background:var(--yellow);white-space:nowrap;border-radius:14px;align-items:center;gap:9px;min-height:48px;padding:0 17px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex;position:relative}.contact-orbit{aspect-ratio:1;border:1px solid #5de8ff1a;border-radius:50%;width:320px;position:absolute;right:13%}.contact-orbit span,.contact-orbit i,.contact-orbit b{border-radius:50%;position:absolute}.contact-orbit span{border:1px solid #ffd85c26;inset:22%}.contact-orbit i{aspect-ratio:1;background:var(--cyan);width:8px;box-shadow:0 0 14px var(--cyan);top:9%;left:50%}.contact-orbit b{aspect-ratio:1;background:var(--yellow);width:5px;box-shadow:0 0 12px var(--yellow);bottom:26%;right:15%}.shortcut-card{align-content:center;justify-items:start;gap:17px;display:grid}.shortcut-card>svg{color:var(--yellow)}.shortcut-card>div{gap:5px;display:grid}.shortcut-card strong{font-size:14px}.shortcut-card span{color:var(--muted);font-size:10px;line-height:1.5}.shortcut-card button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.shortcut-card button b{font-size:10px}.player-dock{grid-template-columns:minmax(180px,1fr) minmax(280px,1.4fr) minmax(150px,1fr)}.dock-track{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.dock-track div{min-width:0}.dock-track strong,.dock-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock-center{justify-items:center;gap:3px;min-width:0;display:grid}.dock-controls button.active{color:var(--yellow)}.dock-controls button small{margin:13px 0 0 14px;font-size:7px;position:absolute}.dock-progress{width:min(360px,100%)}.dock-volume button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.dock-volume input{width:min(105px,8vw);accent-color:var(--blue)}.focus-backdrop{z-index:118;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);cursor:pointer;background:#010817d1;border:0;width:100%;height:100%;position:fixed;inset:0}.focus-room{z-index:119;max-width:1460px;max-height:900px;color:var(--ink);background:radial-gradient(circle at 18% 40%, #4da5ff38, transparent 34%), radial-gradient(circle at 82% 75%, #ffd85c1f, transparent 30%), var(--surface-strong);border:1px solid #5de8ff33;border-radius:34px;margin:auto;position:fixed;inset:clamp(18px,4vw,54px) clamp(18px,5vw,78px);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.focus-room{background:radial-gradient(circle at 18% 40%, #4da5ff38, transparent 34%), radial-gradient(circle at 82% 75%, #ffd85c1f, transparent 30%), color-mix(in srgb, var(--surface-strong) 95%, #020817)}}.focus-room{box-shadow:0 42px 120px #00000094,inset 0 0 90px #5de8ff06}.focus-room:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#5de8ff17 1px,#0000 1px),linear-gradient(90deg,#5de8ff17 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 70%);mask-image:linear-gradient(135deg,#000,#0000 70%)}.focus-topbar{border-bottom:1px solid var(--line);z-index:2;background:#030c1f47;grid-template-columns:1fr auto auto;align-items:center;gap:24px;min-height:62px;padding:0 24px;display:grid;position:relative}.focus-topbar>div{color:var(--cyan);align-items:center;gap:9px;display:flex}.focus-topbar>div i{aspect-ratio:1;background:#5fffa6;border-radius:50%;width:7px;box-shadow:0 0 14px #5fffa6}.focus-topbar span,.focus-topbar small{letter-spacing:.15em;font:800 8px/1 ui-monospace,monospace}.focus-topbar small{color:var(--muted)}.focus-topbar>button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffff09;border-radius:12px;place-items:center;display:grid}.focus-layout{z-index:1;grid-template-columns:minmax(340px,.95fr) minmax(390px,1.05fr);height:calc(100% - 62px);min-height:0;display:grid;position:relative}.focus-visual{border-right:1px solid var(--line);isolation:isolate;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.focus-visual:before{content:"";aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#4da5ff2e,#5de8ff09 38%,#0000 67%);border-radius:50%;width:min(660px,110%);position:absolute}.focus-orbit{aspect-ratio:1;border:1px solid #5de8ff26;border-radius:50%;animation:22s linear infinite focus-orbit;position:absolute;top:50%;left:50%;translate:-50% -50%}.focus-orbit:after{content:"";aspect-ratio:1;background:var(--yellow);width:8px;box-shadow:0 0 18px var(--yellow);border-radius:50%;position:absolute;top:-4px;left:50%}.orbit-alpha{width:min(470px,76%)}.orbit-beta{border-style:dashed;width:min(580px,92%);animation-duration:34s;animation-direction:reverse}.orbit-beta:after{background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.orbit-gamma{border-color:#ffd85c26;width:min(350px,58%);animation-duration:16s}.focus-disc{aspect-ratio:1;z-index:2;width:min(240px,40%);color:var(--yellow);background:repeating-radial-gradient(circle,#0000 0 8px,#ffffff09 9px 10px),#020a1bb8;border:1px solid #ffd85c52;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 18px #5de8ff06,0 30px 80px #00000057}[data-playing=true] .focus-disc{animation:10s linear infinite disc-spin}.focus-disc i{background:var(--yellow);border-radius:50%;position:absolute;inset:42%;box-shadow:0 0 30px #ffd85c8c}.focus-spectrum{z-index:3;justify-content:center;align-items:end;gap:clamp(3px,.55vw,8px);height:64px;display:flex;position:absolute;bottom:13%;left:9%;right:9%}.focus-spectrum i{width:4px;height:calc(9px + var(--bar) * 2px);background:linear-gradient(180deg, var(--yellow), var(--cyan));opacity:.36;transform-origin:bottom;border-radius:999px;min-height:9px}[data-playing=true] .focus-spectrum i{opacity:.82;animation:.8s ease-in-out infinite alternate focus-equalize;animation-delay:calc(var(--bar) * -.055s)}.focus-visual>strong{color:#ffffff09;letter-spacing:-.09em;font:900 clamp(4rem,9vw,9rem)/.8 Arial Black,sans-serif;position:absolute;bottom:4%;left:7%}.focus-content{flex-direction:column;min-width:0;padding:clamp(28px,5vw,70px);display:flex;overflow-y:auto}.focus-track-copy small{color:var(--cyan);letter-spacing:.18em;font:850 8px/1 ui-monospace,monospace}.focus-track-copy h2{letter-spacing:-.075em;text-wrap:balance;overflow-wrap:anywhere;max-width:680px;margin:17px 0 7px;font-size:clamp(3rem,6.2vw,6.8rem);line-height:.84}.focus-track-copy p{overflow-wrap:anywhere;color:var(--yellow);margin:0;font-size:14px;font-weight:750}.focus-progress{margin-top:clamp(28px,5vh,56px)}.focus-progress>div{color:var(--muted);justify-content:space-between;margin-bottom:11px;font:800 8px/1 ui-monospace,monospace;display:flex}.focus-progress input{width:100%;height:5px;accent-color:var(--yellow);cursor:pointer;margin:0}.focus-controls{align-items:center;gap:11px;margin-top:23px;display:flex}.focus-controls button{border:1px solid var(--line);width:45px;height:45px;color:var(--ink);cursor:pointer;background:#ffffff09;border-radius:50%;place-items:center;display:grid}.focus-controls button.active{color:var(--yellow);border-color:#ffd85c47}.focus-controls .focus-play{color:#061329;background:var(--yellow);border:0;width:61px;height:61px;box-shadow:0 14px 34px #ffd85c33}.focus-queue-mini{gap:7px;margin-top:auto;padding-top:32px;display:grid}.focus-queue-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;display:flex}.focus-queue-heading>span{color:var(--muted);letter-spacing:.16em;font:850 8px/1 ui-monospace,monospace}.focus-queue-heading>button{color:var(--cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.focus-queue-mini>button{min-width:0;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:13px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 13px;display:grid}.focus-queue-mini>button.active{color:var(--ink);background:#5de8ff0e;border-color:#5de8ff2e}.focus-queue-mini>button>span{color:var(--cyan);font:800 8px/1 ui-monospace,monospace}.focus-queue-mini>button div{gap:3px;min-width:0;display:grid}.focus-queue-mini>button strong,.focus-queue-mini>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-queue-mini>button strong{font-size:10px}.focus-queue-mini>button small{color:var(--muted);font-size:8px}.terminal-backdrop{z-index:122;-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);background:#000612d6;position:fixed;inset:0}.terminal-modal{z-index:123;color:#dce8fb;background:linear-gradient(#5de8ff06 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#5de8ff06 1px,#0000 1px) 0 0/30px 30px,#030a17;border:1px solid #5de8ff3d;border-radius:25px;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(820px,100vw - 32px);height:min(620px,100dvh - 34px);display:grid;position:fixed;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 38px 120px #000000ad,inset 0 0 80px #4da5ff06}.terminal-modal-bar{background:#040d1ee0;border-bottom:1px solid #5de8ff1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:55px;padding:0 15px 0 19px;display:grid}.terminal-modal-bar>div{gap:7px;display:flex}.terminal-modal-bar>div i{aspect-ratio:1;background:var(--blue);border-radius:50%;width:8px;box-shadow:0 0 9px #4da5ff66}.terminal-modal-bar>div i:first-child{background:var(--yellow)}.terminal-modal-bar>div i:last-child{background:#5fffa6}.terminal-modal-bar>span{color:var(--cyan);letter-spacing:.15em;font:850 8px/1 ui-monospace,monospace}.terminal-modal-bar>button{color:#dce8fb;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;justify-self:end;place-items:center;width:34px;height:34px;display:grid}.terminal-log{overscroll-behavior:contain;scrollbar-color:#5de8ff40 transparent;min-height:0;padding:22px;overflow-y:auto}.terminal-entry{padding:0 0 20px;font:720 11px/1.55 ui-monospace,monospace}.terminal-entry>div{color:#f2f7ff;margin-bottom:7px}.terminal-entry>div span{color:var(--cyan)}.terminal-entry p{overflow-wrap:anywhere;color:#8fa3c2;margin:3px 0}.terminal-entry.tone-success p{color:#a8eecb}.terminal-entry.tone-error p{color:#ff9d9d}.terminal-empty{color:#7f92b0;font:750 11px/1.6 ui-monospace,monospace}.terminal-suggestions{scrollbar-width:none;border-top:1px solid #5de8ff14;gap:7px;padding:9px 18px;display:flex;overflow-x:auto}.terminal-suggestions::-webkit-scrollbar{display:none}.terminal-suggestions button{color:#9bb0d0;cursor:pointer;background:#5de8ff09;border:1px solid #5de8ff24;border-radius:9px;flex:none;min-height:31px;padding:0 10px;font:750 9px/1 ui-monospace,monospace}.terminal-suggestions button:hover{color:var(--cyan);border-color:#5de8ff52}.terminal-input-row{background:#5de8ff09;border:1px solid #5de8ff38;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:55px;margin:0 18px;display:grid;overflow:hidden;box-shadow:0 0 30px #5de8ff0b}.terminal-input-row:focus-within{border-color:#5de8ff9e;box-shadow:0 0 0 3px #5de8ff1c,0 0 38px #5de8ff17}.terminal-input-row label{color:var(--cyan);padding-left:14px;font:800 10px/1 ui-monospace,monospace}.terminal-input-row input{color:#f4f8ff;background:0 0;border:0;outline:0;min-width:0;height:53px;font:720 16px/1 ui-monospace,monospace}.terminal-input-row input::placeholder{color:#526785}.terminal-input-row>button{color:#061329;background:var(--yellow);cursor:pointer;border:0;border-radius:10px;place-items:center;width:42px;height:42px;margin-right:6px;display:grid}.terminal-help{color:#5f7391;align-items:center;gap:18px;min-height:38px;padding:0 20px;font:750 8px/1 ui-monospace,monospace;display:flex}.modal-backdrop,.command-backdrop,.drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010813b8;position:fixed;inset:0}.modal-backdrop,.command-backdrop{place-items:center;padding:20px;display:grid}.modal-card{border-radius:26px;width:min(520px,100%);max-height:min(760px,100vh - 40px);padding:24px;overflow:auto}.modal-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.modal-heading>div{align-items:center;gap:11px;display:flex}.modal-heading>div>span{aspect-ratio:1;width:40px;color:var(--yellow);background:#ffd85c1a;border-radius:12px;place-items:center;display:grid}.modal-heading>div>div{gap:3px;display:grid}.modal-heading strong{font-size:14px}.modal-heading small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.modal-heading button,.drawer-heading button{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.add-track-modal label{color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.add-track-modal input,.command-search input{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:#ffffff0b;border-radius:12px;outline:0;padding:0 13px}.add-track-modal>input{width:100%;margin:8px 0 14px}.two-fields{grid-template-columns:1fr 1fr;gap:11px;display:grid}.add-track-modal>p{color:var(--muted);margin:14px 0;font-size:10px;line-height:1.55}.add-track-modal>p.error{color:#ff8585}.modal-submit{color:#061329;background:linear-gradient(135deg, var(--yellow), #ffeca0);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:11px;font-weight:850;text-decoration:none;display:flex}.drawer-backdrop{cursor:default;border:0;padding:0}.queue-drawer{z-index:80;width:min(420px,92vw);color:var(--ink);border-left:1px solid var(--line);background:#081b36;flex-direction:column;padding:25px;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-30px 0 80px #0000006b}[data-theme=day] .queue-drawer{background:#eaf8ff}.drawer-heading{justify-content:space-between;align-items:center;display:flex}.drawer-heading>div{gap:4px;display:grid}.drawer-heading span{color:var(--cyan);letter-spacing:.18em;font:800 9px/1 ui-monospace,monospace}.drawer-heading strong{font-size:20px}.queue-now{border:1px solid var(--line);background:#4da5ff12;border-radius:20px;align-items:center;gap:14px;margin:28px 0 18px;padding:16px;display:flex}.queue-disc{aspect-ratio:1;width:58px;color:var(--yellow);background:#071426;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 28px #00000045}.queue-now>div:last-child{gap:3px;min-width:0;display:grid}.queue-now small{color:var(--cyan);letter-spacing:.14em;font-size:8px;font-weight:850}.queue-now strong,.queue-now span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-now span{color:var(--muted);font-size:10px}.queue-list{flex:1;align-content:start;gap:7px;display:grid;overflow:auto}.queue-item{border:1px solid #0000;border-radius:15px;grid-template-columns:1fr auto;align-items:center;min-width:0;padding:6px;display:grid}.queue-item.active{border-color:var(--line);background:#ffffff0a}.queue-item button{min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;display:flex}.queue-item button>span{aspect-ratio:1;width:30px;color:var(--cyan);background:#4da5ff14;border-radius:9px;place-items:center;display:grid}.queue-item button>div{text-align:left;gap:3px;min-width:0;display:grid}.queue-item strong,.queue-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-item strong{font-size:11px}.queue-item small{color:var(--muted);font-size:9px}.queue-item>button:last-child:not(:first-child){width:34px;height:34px;color:var(--muted);place-items:center;padding:0;display:grid}.drawer-add{border:1px dashed var(--line);min-height:44px;color:var(--cyan);cursor:pointer;background:0 0;border-radius:13px;margin-top:15px;font-size:10px;font-weight:800}.command-backdrop{z-index:90;align-items:start;padding-top:min(15vh,130px)}.command-palette{border:1px solid var(--line);width:min(600px,100%);color:var(--ink);background:var(--surface-strong);border-radius:22px;overflow:hidden;box-shadow:0 35px 100px #00000085}.command-search{border-bottom:1px solid var(--line);min-height:64px;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 15px;display:grid}.command-search input{background:0 0;border:0;height:44px;padding:0}.command-results{max-height:340px;padding:8px;overflow:auto}.command-results button{width:100%;min-height:51px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:7px 10px;display:grid}.command-results button:hover{background:#4da5ff1a}.command-results button>span{aspect-ratio:1;width:31px;color:var(--cyan);background:#4da5ff14;border-radius:9px;place-items:center;display:grid}.command-results strong{font-size:11px}.command-results small{color:var(--muted);font-size:9px}.command-results>p{color:var(--muted);text-align:center;padding:26px;font-size:11px}.command-footer{border-top:1px solid var(--line);color:var(--muted);gap:18px;padding:10px 17px;font-size:8px;display:flex}.project-modal{width:min(570px,100%)}.project-modal-visual{border:1px solid var(--line);height:175px;color:var(--cyan);background:radial-gradient(circle,#4da5ff2e,#0000 62%),#07172c;border-radius:20px;place-items:center;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.project-modal-visual span{color:var(--yellow);font:800 9px/1 ui-monospace,monospace;position:absolute;top:13px;right:15px}.project-modal-visual i{aspect-ratio:1;border:1px solid #5de8ff21;border-radius:50%;width:220px;position:absolute}.project-modal>p{color:var(--muted);font-size:12px;line-height:1.7}.project-facts{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.project-facts span{border:1px solid var(--line);min-height:46px;color:var(--cyan);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.project-facts b{color:var(--ink);font-size:9px}.project-modal .project-tags{margin-bottom:18px}.disabled-link{opacity:.62;pointer-events:none}.toast{z-index:110;color:#92f7ca;background:#051f1ff0;border:1px solid #51eea73d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:112px;left:50%;translate:-50%;box-shadow:0 18px 50px #00000059}.sound-unlock{z-index:60;color:#061329;background:linear-gradient(135deg, var(--yellow), #fff0a4);cursor:pointer;border:1px solid #ffd85c4d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:10px;font-weight:850;display:flex;position:fixed;bottom:105px;left:50%;translate:-50%;box-shadow:0 16px 45px #00000057,0 0 32px #ffd85c24}.skills-card .skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:22px}.skills-card .skill-row{gap:6px;min-width:0}.skills-card .skill-row div{min-width:0;font-size:9px}.skills-card .skill-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-refresh{color:var(--cyan);letter-spacing:.05em;margin-top:7px;font-size:8px;display:block}.server-status.offline span{color:#ff8e8e}.server-status.offline span i{background:#ff7474;box-shadow:0 0 12px #ff7474}.server-status:not(.online):not(.offline) span{color:var(--muted)}.server-status.checking span i{background:var(--muted);box-shadow:none}.kinetic-strip{border:1px solid var(--line);background:var(--surface);border-radius:18px;max-width:1320px;height:52px;margin:18px auto 0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.kinetic-strip{background:color-mix(in srgb, var(--surface) 75%, transparent)}}.kinetic-strip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kinetic-strip:before{content:"LIVE TOOLKIT";z-index:2;color:#061329;background:linear-gradient(135deg, var(--yellow), #fff1a6);letter-spacing:.14em;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);place-items:center;width:118px;font:900 8px/1 ui-monospace,monospace;display:grid;position:absolute;inset:0 auto 0 0}.kinetic-strip:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 82%, var(--surface-strong)), linear-gradient(90deg, var(--surface-strong), transparent 17%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.kinetic-strip:after{background:linear-gradient(90deg, transparent 82%, color-mix(in srgb, var(--surface-strong) 88%, transparent)), linear-gradient(90deg, color-mix(in srgb, var(--surface-strong) 82%, transparent), transparent 17%)}}.kinetic-strip>div{will-change:transform;align-items:center;width:max-content;height:100%;margin-left:132px;animation:28s linear infinite kinetic-scroll;display:flex}.kinetic-strip:hover>div{animation-play-state:paused}.kinetic-strip span{color:var(--muted);letter-spacing:.18em;white-space:nowrap;align-items:center;gap:26px;margin-right:26px;font:850 9px/1 ui-monospace,monospace;display:inline-flex}.kinetic-strip span i{aspect-ratio:1;background:var(--yellow);width:5px;box-shadow:0 0 12px var(--yellow);border-radius:50%}.vip-deck{max-width:1320px;margin:92px auto 0;scroll-margin-top:92px}.vip-deck-heading{margin-bottom:24px}.vip-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.vip-card{isolation:isolate;border-radius:28px;min-width:0;min-height:260px;padding:25px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.vip-card:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 38%,#5de8ff0b 50%,#0000 62%) 100% 0/230% 100%,radial-gradient(circle at 85% 10%,#4da5ff21,#0000 38%) 0 0/100% 100%;transition:background-position .55s;position:absolute;inset:0}.vip-card:hover{border-color:#5de8ff3d;transform:translateY(-5px);box-shadow:0 24px 68px #00000038}.vip-card:hover:before{background-position:0 0,0 0}.vip-card-rank{grid-column:span 7}.vip-card-stack,.vip-card-live{grid-column:span 5}.vip-card-network{grid-column:span 7}.vip-card-label{color:var(--cyan);justify-content:space-between;align-items:center;gap:14px;display:flex}.vip-card-label span{letter-spacing:.16em;font:850 8px/1 ui-monospace,monospace}.vip-card-label svg{opacity:.82}.vip-rank-layout{align-items:center;gap:clamp(24px,4vw,54px);margin-top:26px;display:flex}.vip-meter{--meter:80%;aspect-ratio:1;background:conic-gradient(var(--yellow) var(--meter), #ffffff0e 0);border-radius:50%;flex:none;place-items:center;width:146px;padding:10px;display:grid;position:relative;box-shadow:0 0 45px #ffd85c17}.vip-meter:before{content:"";border:1px dashed #5de8ff33;border-radius:50%;animation:18s linear infinite reverse scanner-spin;position:absolute;inset:-8px}.vip-meter>div{border:1px solid var(--line);text-align:center;background:var(--surface-strong);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.vip-meter strong{letter-spacing:-.07em;font-size:38px;line-height:.9}.vip-meter small{color:var(--muted);letter-spacing:.12em;margin-top:7px;font:800 7px/1 ui-monospace,monospace}.vip-rank-copy{min-width:0}.vip-rank-copy>small{color:var(--muted);letter-spacing:.13em;font:800 8px/1 ui-monospace,monospace}.vip-rank-copy h3{color:var(--yellow);letter-spacing:-.075em;margin:10px 0 8px;font-size:clamp(2.8rem,5vw,5rem);line-height:.86}.vip-rank-copy p{max-width:320px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.vip-scan{background:#ffffff0b;border-radius:999px;height:3px;position:absolute;bottom:17px;left:25px;right:25px;overflow:hidden}.vip-scan i{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:36%;height:100%;animation:3.4s ease-in-out infinite vip-scan;display:block}.vip-top-skills{gap:23px;margin-top:30px;display:grid}.vip-top-skills>div{grid-template-columns:24px minmax(90px,.8fr) minmax(80px,1fr) auto;align-items:center;gap:10px;display:grid}.vip-top-skills span{color:var(--cyan);font:800 8px/1 ui-monospace,monospace}.vip-top-skills strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vip-top-skills i{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.vip-top-skills i b{border-radius:inherit;height:100%;display:block;box-shadow:0 0 12px}.vip-top-skills em{color:var(--yellow);font:800 9px/1 ui-monospace,monospace}.vip-card-live.is-online{border-color:#5fffa62e}.vip-live-main{justify-content:space-between;align-items:end;gap:14px;margin-top:40px;display:flex}.vip-live-main>div{align-items:center;gap:9px;display:flex}.vip-live-main>div i{aspect-ratio:1;background:var(--muted);border-radius:50%;width:9px}.vip-card-live.is-online .vip-live-main>div i{background:#5fffa6;animation:1.8s ease-in-out infinite glow-pulse;box-shadow:0 0 18px #5fffa6}.vip-live-main strong{letter-spacing:.08em;font-size:13px}.vip-live-main>b{color:var(--yellow);letter-spacing:-.08em;font:900 clamp(1.65rem,3vw,2.8rem)/.9 ui-monospace,monospace}.vip-player-dots{grid-template-columns:repeat(12,1fr);gap:6px;margin-top:34px;display:grid}.vip-player-dots i{transform-origin:bottom;background:#ffffff0b;border-radius:5px;height:28px}.vip-player-dots i.active{background:linear-gradient(180deg, var(--cyan), var(--blue));box-shadow:0 0 16px #5de8ff3b}.vip-player-dots i:nth-child(3n+1){align-self:end;height:17px}.vip-player-dots i:nth-child(4n+2){align-self:end;height:36px}.vip-live-meta{color:var(--muted);letter-spacing:.07em;justify-content:space-between;margin-top:15px;font:750 8px/1 ui-monospace,monospace;display:flex}.vip-matrix-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px;display:grid}.vip-matrix-grid>div{border:1px solid var(--line);background:#ffffff06;border-radius:17px;align-content:space-between;min-width:0;min-height:90px;padding:14px;display:grid}.vip-matrix-grid strong{color:var(--ink);letter-spacing:-.08em;font:900 clamp(1.5rem,3vw,2.7rem)/.9 ui-monospace,monospace}.vip-matrix-grid span{color:var(--muted);text-transform:uppercase;font:750 8px/1 ui-monospace,monospace}.vip-palette{align-items:center;gap:8px;margin-top:20px;display:flex}.vip-palette i{aspect-ratio:1;border:2px solid #ffffff1f;border-radius:50%;width:17px;box-shadow:0 0 16px}@supports (color:color-mix(in lab, red, red)){.vip-palette i{box-shadow:0 0 16px color-mix(in srgb, currentColor 45%, transparent)}}.vip-palette span{color:var(--muted);letter-spacing:.12em;margin-left:5px;font:800 8px/1 ui-monospace,monospace}.vip-card-terminal{grid-column:1/-1;min-height:290px}.terminal-teaser{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(28px,5vw,70px);margin-top:25px;display:grid}.terminal-teaser-code{color:#a9bad7;background:#010712c2;border:1px solid #5de8ff2b;border-radius:18px;align-content:center;gap:10px;min-width:0;min-height:185px;padding:23px;font:750 10px/1.35 ui-monospace,monospace;display:grid;box-shadow:inset 0 0 45px #4da5ff09}.terminal-teaser-code span{color:#92a3bf}.terminal-teaser-code span i{color:var(--cyan);font-style:normal}.terminal-teaser-code strong{color:#f3f8ff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.terminal-teaser-code strong.online{color:#5fffa6}.terminal-teaser-code>b{width:8px;color:var(--yellow);animation:.9s step-end infinite terminal-caret;overflow:hidden}.terminal-teaser-copy small{color:var(--yellow);letter-spacing:.16em;font:850 8px/1 ui-monospace,monospace}.terminal-teaser-copy h3{letter-spacing:-.065em;max-width:570px;margin:12px 0 10px;font-size:clamp(2rem,4.5vw,4.6rem);line-height:.92}.terminal-teaser-copy p{max-width:540px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.terminal-launch{color:#061329;background:linear-gradient(135deg, var(--cyan), #baf6ff);cursor:pointer;border:1px solid #5de8ff3d;border-radius:13px;align-items:center;gap:8px;min-height:45px;margin-top:24px;padding:0 15px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 13px 32px #5de8ff1f}.social-hub{max-width:1320px;margin:90px auto 0;scroll-margin-top:92px}.social-heading{margin-bottom:24px}.social-heading p{max-width:540px}.social-grid-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.social-card-main{--social-accent:var(--blue);isolation:isolate;min-width:0;min-height:290px;color:var(--ink);border-radius:30px;flex-direction:column;padding:26px;text-decoration:none;transition:border-color .24s,box-shadow .24s,opacity .24s;display:flex;position:relative;overflow:hidden}.social-card-main:before{content:"";z-index:-2;background:radial-gradient(circle at 88% 12%, var(--social-accent), transparent 38%), linear-gradient(145deg, transparent, var(--social-accent));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.social-card-main:before{background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--social-accent) 24%, transparent), transparent 38%), linear-gradient(145deg, transparent, color-mix(in srgb, var(--social-accent) 7%, transparent))}}.social-card-main:after{content:"";z-index:-1;background:linear-gradient(145deg, var(--surface), var(--surface));border-radius:29px;position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.social-card-main:after{background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, var(--surface) 62%, transparent))}}.social-card-main:after{opacity:.7}.social-facebook{--social-accent:#4da5ff}.social-tiktok{--social-accent:var(--cyan)}.social-github{--social-accent:var(--yellow)}.social-card-code{color:var(--social-accent)}@supports (color:color-mix(in lab, red, red)){.social-card-code{color:color-mix(in srgb, var(--social-accent) 82%, var(--ink))}}.social-card-code{letter-spacing:.18em;font:850 8px/1 ui-monospace,monospace}.social-card-icon{aspect-ratio:1;border:1px solid var(--social-accent);width:58px;margin:34px 0 26px}@supports (color:color-mix(in lab, red, red)){.social-card-icon{border:1px solid color-mix(in srgb, var(--social-accent) 36%, transparent)}}.social-card-icon{color:var(--social-accent);background:var(--social-accent);border-radius:18px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.social-card-icon{background:color-mix(in srgb, var(--social-accent) 9%, transparent)}}.social-card-icon{box-shadow:0 14px 34px var(--social-accent)}@supports (color:color-mix(in lab, red, red)){.social-card-icon{box-shadow:0 14px 34px color-mix(in srgb, var(--social-accent) 11%, transparent)}}.social-card-icon{transition:transform .24s,box-shadow .24s;transform:rotate(-4deg)}.social-card-copy{gap:7px;min-width:0;display:grid}.social-card-copy small{color:var(--muted);letter-spacing:.15em;font:800 8px/1 ui-monospace,monospace}.social-card-copy strong{letter-spacing:-.055em;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:.98}.social-card-copy em{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:650 10px/1.4 ui-monospace,monospace;overflow:hidden}.social-card-action{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;font-size:10px;font-weight:850;display:flex}.social-card-action svg{color:var(--social-accent)}.social-card-beam{z-index:-1;background:linear-gradient(90deg, transparent, var(--social-accent), transparent);width:270px;height:1px;box-shadow:0 0 18px var(--social-accent);position:absolute;bottom:42px;right:-92px}@supports (color:color-mix(in lab, red, red)){.social-card-beam{box-shadow:0 0 18px color-mix(in srgb, var(--social-accent) 60%, transparent)}}.social-card-beam{opacity:.48;transition:right .34s,opacity .34s;transform:rotate(-42deg)}.social-card-main:hover{border-color:var(--social-accent)}@supports (color:color-mix(in lab, red, red)){.social-card-main:hover{border-color:color-mix(in srgb, var(--social-accent) 42%, transparent)}}.social-card-main:hover{box-shadow:0 24px 70px var(--social-accent)}@supports (color:color-mix(in lab, red, red)){.social-card-main:hover{box-shadow:0 24px 70px color-mix(in srgb, var(--social-accent) 10%, transparent)}}.social-card-main:hover .social-card-icon{box-shadow:0 18px 42px var(--social-accent);transform:rotate(4deg)scale(1.06)}@supports (color:color-mix(in lab, red, red)){.social-card-main:hover .social-card-icon{box-shadow:0 18px 42px color-mix(in srgb, var(--social-accent) 18%, transparent)}}.social-card-main:hover .social-card-beam{opacity:.84;right:-22px}.social-card-main.is-empty{opacity:.72;border-style:dashed}.social-card-main.is-empty .social-card-icon{filter:saturate(.45)}.social-card-main.is-empty:hover{border-color:var(--line);box-shadow:none}.community-section{grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:18px;max-width:1320px;margin:18px auto 0;display:grid}.community-copy,.discord-widget-card{border-radius:28px}.community-copy{flex-direction:column;justify-content:center;min-height:586px;padding:clamp(30px,5vw,64px);display:flex;position:relative;overflow:hidden}.community-copy:after{content:"#";color:#8d9cff0e;pointer-events:none;font:900 20rem/1 Arial Black,sans-serif;position:absolute;bottom:-14%;right:5%}.community-copy h2{letter-spacing:-.065em;max-width:640px;margin:17px 0 15px;font-size:clamp(2.5rem,5vw,5.6rem);line-height:.94}.community-copy>p{max-width:590px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.community-points{gap:12px;margin-top:34px;display:grid}.community-points span{color:var(--ink);align-items:center;gap:9px;font-size:11px;font-weight:750;display:flex}.community-points i{aspect-ratio:1;background:#8d9cff;border-radius:50%;width:7px;box-shadow:0 0 12px #8d9cff}.social-links{z-index:1;flex-wrap:wrap;gap:9px;margin-top:34px;display:flex;position:relative}.social-links a{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#ffffff09;border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:9px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s;display:inline-flex}.social-links a:hover{border-color:#5de8ff59;transform:translateY(-2px)}.discord-widget-card{background:var(--surface);flex-direction:column;min-width:0;padding:21px;display:flex}@supports (color:color-mix(in lab, red, red)){.discord-widget-card{background:color-mix(in srgb, var(--surface) 82%, #151720)}}.discord-widget-heading{justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.discord-widget-heading>div{gap:4px;min-width:0;display:grid}.discord-widget-heading span{color:#aeb8ff;letter-spacing:.14em;align-items:center;gap:7px;font:800 8px/1 ui-monospace,monospace;display:flex}.discord-widget-heading span i{aspect-ratio:1;background:#57f287;border-radius:50%;width:6px;box-shadow:0 0 10px #57f287}.discord-widget-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.discord-widget-heading small{color:#8d9cff;letter-spacing:.15em;font:800 9px/1 ui-monospace,monospace}.discord-widget-card iframe{background:#1e1f22;border:0;border-radius:18px;width:100%;max-width:350px;height:500px;margin:10px auto 0;display:block}@keyframes particle-float{to{opacity:.55;transform:translate(20px,-42px)scale(1.6)}}@keyframes kinetic-scroll{to{transform:translate(-50%)}}@media (max-width:1050px){.terminal-teaser{grid-template-columns:1fr}.vip-card-terminal{min-height:0}.vip-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-card-rank,.vip-card-network{grid-column:1/-1}.vip-card-stack,.vip-card-live{grid-column:auto}.focus-layout{grid-template-columns:1fr;overflow-y:auto}.focus-visual{border-right:0;border-bottom:1px solid var(--line);min-height:360px}.focus-content{min-height:600px;overflow:visible}.focus-disc{width:min(210px,34%)}.project-grid{grid-template-columns:1fr 1fr}.project-card:first-child{grid-column:1/-1}.social-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card-main:first-child{grid-column:1/-1}.contact-section{grid-template-columns:1fr}.shortcut-card{grid-template-columns:auto 1fr auto;align-items:center;min-height:170px}.player-dock{grid-template-columns:minmax(160px,1fr) minmax(260px,1.35fr) auto}.dock-volume input{display:none}.community-section{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.community-copy{padding:34px}}@media (max-width:860px){.hero-card{grid-template-columns:1fr;min-height:auto}.portrait-zone{min-height:430px}.vip-bento{grid-template-columns:1fr}.vip-card-rank,.vip-card-stack,.vip-card-live,.vip-card-network{grid-column:auto}}@media (max-width:720px){.scroll-progress{left:0}.command-trigger span,.command-trigger kbd{display:none}.command-trigger{justify-content:center;width:40px;padding:0}.identity-scanner{inset:5% 1% 2%}.scanner-ring-outer{width:min(360px,96%)}.scanner-ring-inner{width:min(285px,76%)}.portrait-skill-chips{justify-content:center;gap:5px;display:flex;inset:14px 13px auto}.portrait-skill-chips span{border-radius:8px;gap:4px;min-height:27px;padding:0 7px;font-size:7px;position:static}.portrait-skill-chips small{display:none}.portrait-skill-chips b{font-size:7px}.portrait-code{z-index:6;bottom:4%;right:12%}.projects-section{margin-top:68px}.section-heading{flex-direction:column;align-items:start;gap:12px}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.project-card{min-height:305px;padding:23px}.project-card>small{margin-top:38px}.kinetic-strip{border-radius:15px;height:46px}.kinetic-strip:before{width:96px;font-size:7px}.kinetic-strip>div{margin-left:108px}.vip-deck{margin-top:68px}.vip-bento{grid-template-columns:1fr}.vip-card-rank,.vip-card-stack,.vip-card-live,.vip-card-network{grid-column:auto}.vip-card{border-radius:23px;min-height:0;padding:22px}.vip-rank-layout{align-items:center;gap:22px}.vip-meter{width:108px}.vip-meter strong{font-size:30px}.vip-rank-copy h3{font-size:2.65rem}.vip-matrix-grid{grid-template-columns:repeat(2,1fr)}.vip-matrix-grid>div{min-height:78px}.focus-room{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;inset:0}.focus-topbar{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));gap:10px}.focus-topbar small{display:none}.focus-layout{height:calc(100dvh - 58px - env(safe-area-inset-top))}.focus-visual{min-height:250px}.focus-disc{width:128px}.orbit-alpha{width:210px}.orbit-beta{width:280px}.orbit-gamma{width:160px}.focus-spectrum{height:45px;bottom:8%}.focus-track-copy h2{font-size:clamp(2.7rem,14vw,4.7rem)}.focus-content{min-height:620px;padding:28px max(18px, env(safe-area-inset-right)) max(120px, calc(92px + env(safe-area-inset-bottom))) max(18px, env(safe-area-inset-left))}.focus-controls{justify-content:center}.focus-queue-mini{margin-top:30px}.terminal-teaser{gap:23px;margin-top:21px}.terminal-teaser-code{min-height:170px;padding:19px}.terminal-teaser-copy h3{font-size:clamp(2.25rem,12vw,3.8rem)}.terminal-modal{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;top:0;left:0;translate:0}.terminal-modal-bar{min-height:calc(55px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(13px, env(safe-area-inset-right)) 0 max(15px, env(safe-area-inset-left))}.terminal-modal-bar>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.terminal-log{padding:18px max(15px, env(safe-area-inset-right)) 18px max(15px, env(safe-area-inset-left))}.terminal-suggestions{padding-right:max(15px, env(safe-area-inset-right));padding-left:max(15px, env(safe-area-inset-left))}.terminal-input-row{margin-right:max(12px, env(safe-area-inset-right));margin-left:max(12px, env(safe-area-inset-left))}.terminal-input-row label{display:none}.terminal-input-row{grid-template-columns:minmax(0,1fr) auto}.terminal-input-row input{padding-left:13px}.terminal-help{min-height:max(42px, calc(28px + env(safe-area-inset-bottom)));padding:0 max(14px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px, env(safe-area-inset-left));justify-content:space-between;gap:8px}.terminal-help span:nth-child(2){display:none}.social-hub{margin-top:68px}.social-grid-main{grid-template-columns:1fr}.social-card-main:first-child{grid-column:auto}.social-card-main{border-radius:24px;min-height:240px;padding:23px}.social-card-main:after{border-radius:23px}.social-card-icon{border-radius:15px;width:50px;margin:26px 0 20px}.contact-section{margin-top:14px}.contact-card{flex-direction:column;justify-content:center;align-items:flex-start;min-height:310px;padding:24px}.contact-card>a{width:100%}.shortcut-card{grid-template-columns:auto 1fr;min-height:170px;padding:24px}.shortcut-card button{grid-column:1/-1}.player-dock{grid-template-columns:minmax(0,1fr) auto}.dock-center{display:block}.dock-progress{display:none}.dock-track>span{width:36px}.dock-track strong{max-width:43vw}.modal-backdrop,.command-backdrop{padding:12px}.modal-card{border-radius:22px;max-height:calc(100vh - 24px);padding:20px}.two-fields,.project-facts{grid-template-columns:1fr}.command-backdrop{padding-top:76px}.command-footer{display:none}.queue-drawer{padding:20px 16px 84px}.toast{white-space:nowrap;max-width:calc(100vw - 28px);bottom:145px}.sound-unlock{white-space:nowrap;bottom:145px}.skills-card .skill-list{grid-template-columns:1fr;gap:16px}.community-section{grid-template-columns:1fr}.community-copy{min-height:430px;padding:28px 24px}.community-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.discord-widget-card{padding:15px}.discord-widget-card iframe{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.srv-card{padding:clamp(18px,3vw,28px);position:relative;overflow:hidden}.srv-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd85cb3,#4da5ffb3,#0000) 0 0/200% 100%;height:2px;animation:4s linear infinite srv-beam;position:absolute;inset:0 0 auto}@keyframes srv-beam{0%{background-position:200% 0}to{background-position:-200% 0}}.srv-health{place-items:center;width:46px;height:46px;display:inline-grid;position:relative}.srv-health svg{transform:rotate(-90deg)}.srv-ring-bg{stroke:var(--line)}.srv-ring-fg{stroke:#ffd85c;filter:drop-shadow(0 0 4px #ffd85c80);transition:stroke-dashoffset .8s}.srv-health b{color:var(--yellow);text-shadow:0 0 12px #ffd85c66;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.srv-peak-halo{fill:none;stroke-width:1.5px;stroke:currentColor;opacity:.5;animation:2s ease-out infinite srv-peak}.srv-peak{color:var(--yellow)}@keyframes srv-peak{0%{r:4;opacity:.7}to{r:12;opacity:0}}.srv-uptime{color:#34d399;font-weight:800}.srv-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.srv-head h2{letter-spacing:-.02em;margin:2px 0 4px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.srv-head p{color:var(--muted);margin:0;font-size:12px}.srv-head-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.srv-live{letter-spacing:.1em;border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.srv-live i{background:currentColor;border-radius:50%;width:7px;height:7px}.srv-live.on{color:#34d399;background:#34d3991a;border-color:#34d39959}.srv-live.on i{animation:1.6s ease-in-out infinite srv-pulse}.srv-live.off{color:#f87171;background:#f871711a;border-color:#f8717159}@keyframes srv-pulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 6px #34d39900}}.srv-refresh{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:transform .2s,color .2s,border-color .2s;display:grid}.srv-refresh:hover{color:var(--ink);border-color:#ffd85c66;transform:rotate(-40deg)}.srv-refresh .spin{animation:1s linear infinite srv-spin}@keyframes srv-spin{to{transform:rotate(360deg)}}.srv-stats{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px;display:grid}.srv-stat{border:1px solid var(--line);text-align:center;background:linear-gradient(160deg,#ffffff0b,#ffffff03);border-radius:14px;padding:12px 10px;transition:transform .25s,border-color .25s}.srv-stat:hover{border-color:#ffd85c4d;transform:translateY(-3px)}.srv-stat span{letter-spacing:.08em;color:var(--muted);justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.srv-stat strong{letter-spacing:-.01em;margin-top:4px;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:800;display:block}.srv-stat small{color:var(--muted);justify-content:center;align-items:center;gap:3px;margin-top:2px;font-size:10px;display:flex}.srv-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.srv-tabs button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;transition:all .2s}.srv-tabs button:hover{color:var(--ink);border-color:#ffd85c59}.srv-tabs button.active{background:#ffffff0d}.srv-chart-wrap{border:1px solid var(--line);background:linear-gradient(#ffffff08,#fff0);border-radius:16px;padding:14px 12px 10px;position:relative}.srv-ico{border-radius:8px;place-items:center;width:24px;height:24px;display:inline-grid}.srv-grad{color:#0000!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.srv-chart .srv-line{filter:drop-shadow(0 0 5px)}.srv-tip{z-index:5;pointer-events:none;white-space:nowrap;background:#061329eb;border:1px solid;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:7px 12px;display:flex;position:absolute;transform:translate(-50%,-135%);box-shadow:0 10px 28px #00000059}.srv-tip b{font-size:14px;font-weight:800}.srv-tip span{color:#8ea6c6;font-size:10px}[data-theme=day] .srv-tip{background:#fffffff5;box-shadow:0 10px 28px #19599633}[data-theme=day] .srv-tip span{color:#4e6f92}.srv-chart-meta{flex-wrap:wrap;align-items:baseline;gap:10px;padding:0 6px 6px;display:flex}.srv-chart-meta strong{letter-spacing:-.02em;font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800}.srv-chart-meta span{color:var(--muted);font-size:11px}.srv-chart{touch-action:pan-y;width:100%;height:auto;display:block}.srv-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 5}.srv-cross{stroke:#ffd85c80;stroke-width:1px;stroke-dasharray:4 3}.srv-tick{fill:var(--muted);font-size:11px;font-weight:600}.srv-chart-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 6px 2px;font-size:11px;display:flex}.srv-skeleton{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.srv-skeleton i{background:linear-gradient(100deg,#ffffff0a 30%,#ffffff1a 50%,#ffffff0a 70%) 0 0/200% 100%;border-radius:14px;height:76px;animation:1.4s linear infinite srv-shimmer}.srv-skeleton b{background:linear-gradient(100deg,#ffffff08 30%,#ffffff17 50%,#ffffff08 70%) 0 0/200% 100%;border-radius:16px;grid-column:1/-1;height:220px;animation:1.4s linear infinite srv-shimmer}@keyframes srv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.srv-error{text-align:center;color:var(--muted);padding:36px 16px}.srv-error p{margin:10px 0 16px;font-size:13px}.srv-error button{cursor:pointer;color:#061329;background:var(--yellow);border:0;border-radius:999px;padding:9px 22px;font-size:12px;font-weight:800}.srv-online{border:1px solid var(--line);background:linear-gradient(#ffffff08,#fff0);border-radius:16px;margin-bottom:16px;padding:14px}.srv-online-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.srv-online-head span{letter-spacing:.1em;color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.srv-online-head b{color:#34d399;font-size:12px}.srv-online-grid{flex-wrap:wrap;gap:8px;display:flex}.srv-player{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;transition:transform .2s,border-color .2s;display:inline-flex}.srv-player:hover{border-color:#ffd85c59;transform:translateY(-2px)}.srv-player img{width:28px;height:28px;image-rendering:pixelated;background:#ffffff0f;border-radius:8px}.srv-player-name{font-size:12px;font-weight:700}.srv-rank{letter-spacing:.06em;border-radius:999px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:800}.srv-rank.rank-admin{color:#f87171;background:#f871711f;border:1px solid #f871714d}.srv-rank.rank-mod{color:#4da5ff;background:#4da5ff1f;border:1px solid #4da5ff4d}.srv-rank:not(.rank-admin):not(.rank-mod){color:var(--muted);border:1px solid var(--line);background:#ffffff0d}.srv-online-empty{color:var(--muted);margin:0;font-size:12px}@media (max-width:920px){.srv-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.srv-stats{grid-template-columns:repeat(2,1fr)}.srv-chart-foot{font-size:10px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}