@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bebas+Neue&family=IBM+Plex+Mono:wght@500;600;700&family=Instrument+Serif:ital@0;1&family=Manrope:wght@500;600;700;800&family=Orbitron:wght@600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--pointer-x: .5;--pointer-y: .5;--cursor-x: 50vw;--cursor-y: 50vh;color-scheme:dark;--bass: 0;--mids: 0;--highs: 0;--energy: 0;--beat: 0;--pressure: 0;--kick: 0;--spark: 0;--flow: .5;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Manrope", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", monospace;--font-condensed: "Bebas Neue", "Archivo Black", sans-serif;--font-tech: "Orbitron", "Space Grotesk", sans-serif;font-family:var(--font-body);background:#05060a;color:#f7f7fb;text-rendering:geometricPrecision}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#05060a}a{color:inherit;text-decoration:none}::selection{background:#ffffff38;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff09}::-webkit-scrollbar-thumb{border:2px solid rgba(5,6,10,.96);border-radius:999px;background:#ffffff38}button,a{-webkit-tap-highlight-color:transparent}button{border:0;font:inherit;color:inherit;cursor:pointer}img,canvas{display:block}@media(pointer:fine){body,body *{cursor:none}}.custom-cursor{position:fixed;left:0;top:0;z-index:9998;width:38px;height:38px;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .16s ease;will-change:transform}.custom-cursor[data-visible=true]{opacity:1}.custom-cursor i,.custom-cursor b{position:absolute;top:50%;right:50%;bottom:50%;left:50%;display:block;transform:translate(-50%,-50%)}.custom-cursor i{width:100%;height:100%;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 24px currentColor;opacity:.48;transition:width .16s ease,height .16s ease,border-radius .16s ease,opacity .16s ease}.custom-cursor b{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor}.custom-cursor[data-active=true] i{width:56px;height:56px;opacity:.72}.custom-cursor[data-down=true] i{width:24px;height:24px}.hub-page .custom-cursor{color:#ff5060}.theme-let-down .custom-cursor{color:#aebeda}.theme-let-down .custom-cursor i{border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.theme-let-down .custom-cursor b{width:16px;height:1px;border-radius:0}.theme-future-club .custom-cursor{color:#37f4ff}.theme-future-club .custom-cursor i{border-radius:8px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 26px #37f4ff,0 0 18px #ff2ccd}.theme-future-club .custom-cursor b{background:#ff2ccd}.theme-doin-time .custom-cursor{color:#ffe8a0}.theme-doin-time .custom-cursor i{border-radius:50% 50% 8px 8px;border-style:dashed}.theme-doin-time .custom-cursor b{width:12px;height:2px;border-radius:999px}.boot-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;align-content:center;gap:18px;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(150,108,255,.16),transparent 26%),radial-gradient(circle at 50% 50%,rgba(50,58,104,.18),transparent 42%),#000;color:#f4f0ff;opacity:1;transition:opacity .48s ease,visibility .48s ease}.boot-loader--hidden{opacity:0;visibility:hidden}.boot-loader__core{position:relative;display:grid;place-items:center;width:118px;height:118px;border:1px solid rgba(170,148,255,.34);border-radius:50%;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.34),transparent 18%),linear-gradient(145deg,#7b66dc,#ac73ef);box-shadow:inset 0 -18px 34px #1e0c463d,0 0 42px #8262ee4d}.boot-loader__core:before,.boot-loader__core:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border:1px dashed rgba(162,148,255,.44);border-radius:50%;animation:boot-spin 8s linear infinite}.boot-loader__core:after{top:-30px;right:-30px;bottom:-30px;left:-30px;border-color:#7c84ff38;animation-duration:13s;animation-direction:reverse}.boot-loader__core img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:1;filter:saturate(.92) contrast(1.08) brightness(.92)}.boot-loader__core span{position:absolute;right:6px;bottom:8px;z-index:1;display:grid;place-items:center;width:42px;height:25px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#5436aa7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-tech);font-size:.72rem;letter-spacing:.16em;transform:translate(.04em);text-shadow:0 0 18px rgba(255,255,255,.4)}.boot-loader p{margin:24px 0 0;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.5em;text-align:center;text-transform:uppercase;color:#e2dcffeb}.boot-loader small{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-align:center;color:#ffffff57}@keyframes boot-spin{to{rotate:360deg}}.eyebrow{margin:0 0 14px;font-family:var(--font-mono);font-size:clamp(.68rem,1.5vw,.78rem);letter-spacing:.08em;text-transform:uppercase;opacity:calc(.72 + var(--spark) * .18);text-shadow:0 0 calc(4px + var(--spark) * 18px) color-mix(in srgb,currentColor 34%,transparent)}.hero-line{max-width:780px;margin:0 0 18px;font-size:clamp(1.05rem,2.2vw,1.55rem);line-height:1.35}.panel{border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:color-mix(in srgb,#ffffff 5%,transparent);box-shadow:0 24px 80px #00000047,0 0 calc(var(--kick) * 44px) color-mix(in srgb,currentColor 16%,transparent);-webkit-backdrop-filter:blur(calc(12px + var(--bass) * 8px));backdrop-filter:blur(calc(12px + var(--bass) * 8px))}.theme-nav{position:sticky;top:14px;z-index:20;display:flex;width:max-content;max-width:calc(100vw - 32px);gap:8px;margin:0 auto 46px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#05060ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 calc(var(--kick) * 32px) color-mix(in srgb,currentColor 18%,transparent)}.theme-nav a{position:relative;min-height:38px;padding:11px 15px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;color:#ffffffbd;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.theme-nav a:after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:1px;background:currentColor;opacity:0;transform:scaleX(.32);transition:opacity .18s ease,transform .18s ease}.theme-nav a:focus-visible,.theme-nav a:hover{outline:0;background:#ffffff1a;color:#fff}.theme-nav a:hover:after,.theme-nav a:focus-visible:after{opacity:.55;transform:scaleX(1)}.audio-control{position:relative;display:inline-grid;grid-auto-flow:column;gap:10px;align-items:center;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;box-shadow:0 0 calc(18px + var(--bass) * 34px + var(--kick) * 46px) color-mix(in srgb,currentColor 22%,transparent),inset 0 0 calc(var(--spark) * 20px) #ffffff14;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.audio-control:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 calc(10px + var(--energy) * 30px) currentColor;opacity:calc(.54 + var(--energy) * .34);transform:scale(calc(1 + var(--kick) * .65))}.audio-control:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(calc(-120% + var(--beat) * 240%));opacity:calc(.1 + var(--energy) * .5);pointer-events:none}.audio-control:hover,.audio-control:focus-visible{outline:0;transform:translateY(-2px);border-color:#ffffff57}html[data-audio-state=playing] .audio-control{border-color:color-mix(in srgb,currentColor 44%,rgba(255,255,255,.18));background:linear-gradient(90deg,#ffffff1f,#ffffff0a),#ffffff1a}html[data-audio-intensity=high] .theme-nav,html[data-audio-intensity=high] .panel,html[data-audio-intensity=high] .project-card,html[data-audio-intensity=high] .stack-card,html[data-audio-intensity=high] .contact-card{border-color:color-mix(in srgb,currentColor 30%,rgba(255,255,255,.14))}html[data-audio-intensity=medium] .operator-card img,html[data-audio-intensity=high] .operator-card img{outline-color:color-mix(in srgb,currentColor 28%,rgba(255,255,255,.18))}.volume-control{display:inline-grid;grid-template-columns:42px minmax(128px,190px) 42px;gap:10px;align-items:center;min-height:48px;margin:0 0 0 10px;padding:6px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff13;box-shadow:inset 0 0 calc(var(--spark) * 18px) #ffffff0e,0 0 calc(var(--kick) * 28px) color-mix(in srgb,currentColor 16%,transparent);vertical-align:middle;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.volume-control__mute{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff17}.volume-control__mute i{position:absolute;display:block;background:currentColor}.volume-control__mute i:first-child{width:10px;height:13px;clip-path:polygon(0 30%,44% 30%,100% 0,100% 100%,44% 70%,0 70%)}.volume-control__mute i:last-child{width:12px;height:12px;border:1px solid currentColor;border-left:0;border-bottom:0;border-radius:0 50% 0 0;background:transparent;transform:translate(9px) rotate(45deg) scale(calc(.54 + var(--volume) * .55));transform-origin:left bottom}.volume-control[data-muted=true] .volume-control__mute i:last-child{width:16px;height:1px;border:0;border-radius:0;background:currentColor;transform:rotate(-38deg)}.volume-control label{display:grid;gap:4px;min-width:0}.volume-control label span,.volume-control output{font-family:var(--font-mono);font-size:.62rem;line-height:1;text-transform:uppercase;color:#ffffffad}.volume-control input{width:100%;min-width:0;accent-color:currentColor}.volume-control input[type=range]{height:18px;margin:0;background:transparent}.volume-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,currentColor calc(var(--volume) * 100%),rgba(255,255,255,.16) 0)}.volume-control input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#fff;box-shadow:0 0 calc(10px + var(--kick) * 16px) currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-control input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#ffffff29}.volume-control input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:currentColor}.volume-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#fff}.volume-control output{display:grid;place-items:center;min-width:32px}.theme-canvas,.hub-canvas{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.operator-card{position:relative;display:grid;gap:8px;align-content:end;min-height:340px;padding:18px;overflow:hidden;transform:translateY(calc(var(--kick) * -5px));transition:transform .18s ease,box-shadow .18s ease}.operator-card>*{position:relative;z-index:1}.operator-card img{position:relative;width:min(52vw,192px);height:min(52vw,192px);object-fit:cover;border:1px solid rgba(255,255,255,.18);outline:1px solid rgba(255,255,255,calc(.08 + var(--spark) * .22));outline-offset:6px;box-shadow:0 0 calc(18px + var(--kick) * 46px) color-mix(in srgb,currentColor 16%,transparent),inset 0 0 18px #ffffff14}.operator-card span,.operator-card small{font-family:var(--font-mono);text-transform:uppercase;opacity:.72}.operator-card strong{font-family:var(--font-display);font-size:1.55rem;text-shadow:0 0 calc(var(--kick) * 18px) color-mix(in srgb,currentColor 40%,transparent)}.project-grid,.stack-grid,.contact-grid{display:grid;gap:14px}.project-card,.stack-card,.contact-card{position:relative;border:1px solid rgba(255,255,255,.14);background:#ffffff0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:transform .19s ease,border-color .19s ease,box-shadow .19s ease,background .19s ease}.project-card:after,.stack-card:after{pointer-events:none}.project-card,.stack-card{padding:20px}.project-card span,.contact-card span,.deck-meters span,.tide-readout,.status-grid span{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;opacity:.72}.project-card h3,.stack-card h3{margin:10px 0;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.45rem)}.project-card p,.stack-card p{position:relative;z-index:1;margin:0;color:#ffffffbd;line-height:1.6}.project-card h3,.stack-card h3,.project-card span,.stack-card__tag{position:relative;z-index:1}.project-card:hover,.stack-card:hover{transform:translateY(calc(-2px - var(--kick) * 6px));border-color:#ffffff47;background:#ffffff14}.project-card__scratches,.project-card__meter,.project-card__waves,.stack-card__nodes{position:relative;z-index:1}.stack-card__nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:24px}.stack-card__nodes b{display:block;height:calc(6px + var(--kick) * 9px);border:1px solid currentColor;opacity:.22}.stack-card__nodes b:nth-child(2){opacity:.38}.stack-card__nodes b:nth-child(3){opacity:calc(.18 + var(--energy) * .38)}.contact-card{display:grid;gap:10px;min-height:198px;padding:18px;overflow:hidden;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.contact-card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 58%);opacity:calc(.35 + var(--kick) * .18);transform:translate(calc((var(--pointer-x) - .5) * 24px),calc((var(--pointer-y) - .5) * 24px))}.contact-card:after{content:attr(data-contact);position:absolute;right:16px;bottom:16px;z-index:1;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;opacity:.62}.contact-card:hover,.contact-card:focus-visible{outline:0;transform:translateY(calc(-4px - var(--beat) * 8px));border-color:#ffffff57;filter:saturate(1.12)}.contact-card:hover .contact-card__signal i,.contact-card:focus-visible .contact-card__signal i{opacity:.48}.contact-card strong{align-self:end;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem);text-shadow:0 0 calc(var(--spark) * 16px) color-mix(in srgb,currentColor 42%,transparent)}.contact-card small,.contact-card em{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;color:#ffffffb3}.contact-card em{font-style:normal}.contact-card__icon{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.16);background:#ffffff0e;color:currentColor;opacity:.9;transition:transform .18s ease,border-color .18s ease,filter .18s ease}.contact-card__icon i{position:absolute;display:block;background:currentColor}.contact-card[data-contact=telegram] .contact-card__icon i:nth-child(1){width:34px;height:1px;transform:rotate(-24deg) translateY(-5px)}.contact-card[data-contact=telegram] .contact-card__icon i:nth-child(2){width:22px;height:1px;transform:rotate(38deg) translate(8px,7px)}.contact-card[data-contact=telegram] .contact-card__icon i:nth-child(3){width:12px;height:1px;transform:rotate(92deg) translate(5px,-10px);opacity:.62}.contact-card[data-contact=telegram] .contact-card__icon i:nth-child(4){width:7px;height:7px;border-radius:50%;transform:translate(16px,-13px)}.contact-card[data-contact=discord] .contact-card__icon i:nth-child(1){width:34px;height:18px;border-radius:18px 18px 8px 8px;background:transparent;border:1px solid currentColor}.contact-card[data-contact=discord] .contact-card__icon i:nth-child(2),.contact-card[data-contact=discord] .contact-card__icon i:nth-child(3){width:5px;height:5px;border-radius:50%}.contact-card[data-contact=discord] .contact-card__icon i:nth-child(2){transform:translate(-8px,1px)}.contact-card[data-contact=discord] .contact-card__icon i:nth-child(3){transform:translate(8px,1px)}.contact-card[data-contact=discord] .contact-card__icon i:nth-child(4){width:22px;height:1px;transform:translateY(14px);opacity:.64}.contact-card[data-contact=vk] .contact-card__icon i{width:8px;border-radius:999px 999px 2px 2px}.contact-card[data-contact=vk] .contact-card__icon i:nth-child(1){height:30px;transform:translate(-15px)}.contact-card[data-contact=vk] .contact-card__icon i:nth-child(2){height:18px;transform:translate(-3px);opacity:.8}.contact-card[data-contact=vk] .contact-card__icon i:nth-child(3){height:26px;transform:translate(9px)}.contact-card[data-contact=vk] .contact-card__icon i:nth-child(4){height:10px;transform:translate(21px);opacity:.58}.contact-card[data-contact=github] .contact-card__icon i:nth-child(1){width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid currentColor}.contact-card[data-contact=github] .contact-card__icon i:nth-child(2){width:22px;height:1px;transform:rotate(34deg)}.contact-card[data-contact=github] .contact-card__icon i:nth-child(3){width:22px;height:1px;transform:rotate(-34deg)}.contact-card[data-contact=github] .contact-card__icon i:nth-child(4){width:7px;height:7px;border-radius:50%;transform:translateY(16px)}.contact-card:hover .contact-card__icon,.contact-card:focus-within .contact-card__icon{transform:translateY(calc(-2px - var(--kick) * 6px)) scale(calc(1 + var(--kick) * .08));border-color:#ffffff57;filter:drop-shadow(0 0 calc(10px + var(--spark) * 22px) currentColor)}.contact-card__signal{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:min(120px,42%);align-items:end}.contact-card__signal i{display:block;height:calc(8px + var(--energy) * 26px);background:currentColor;opacity:.26;transform-origin:bottom}.contact-card__signal i:nth-child(2){height:calc(14px + var(--bass) * 34px)}.contact-card__signal i:nth-child(3){height:calc(10px + var(--highs) * 30px)}.contact-card__actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.contact-card__actions a,.contact-card__actions button,.contact-actions button,.qr-modal a,.qr-modal__close{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1a;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}.contact-card__actions a,.contact-card__actions button{display:inline-grid;place-items:center;min-width:76px}.contact-card__actions button:hover,.contact-card__actions button:focus-visible,.contact-card__actions a:hover,.contact-card__actions a:focus-visible,.contact-actions button:hover,.contact-actions button:focus-visible,.qr-modal a:hover,.qr-modal a:focus-visible,.qr-modal__close:hover,.qr-modal__close:focus-visible{outline:0;border-color:#ffffff57;background:#ffffff29}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.qr-modal{width:min(92vw,380px);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080810f0;color:#fff;box-shadow:0 32px 120px #0000009e}.qr-modal::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-modal__inner{display:grid;justify-items:center;gap:18px;padding:22px}.qr-modal__close{justify-self:end}@media(max-width:720px){.boot-loader__core{width:104px;height:104px}.boot-loader p{font-size:.74rem;letter-spacing:.32em}.panel,.project-card,.stack-card,.contact-card{-webkit-backdrop-filter:none;backdrop-filter:none}.theme-nav{position:relative;top:0;width:100%;max-width:100%;overflow-x:auto;justify-content:flex-start}.contact-card{min-height:172px;padding:16px}.operator-card{min-height:280px}.audio-control,.volume-control{width:100%;max-width:360px}.volume-control{grid-template-columns:42px minmax(0,1fr) 38px;margin:10px 0 0}.contact-card__icon{width:50px;height:50px}.contact-card small{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
