@import"https://fonts.googleapis.com/css2?family=Boldonse&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal}@font-face{font-family:PPNeueBit;src:url(https://assets.codepen.io/7558/PPNeueBit-Bold.woff2) format("woff2");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--cursor-default: url(/cursors/w11-arrow.cur), auto;--cursor-pointer: url(/cursors/w11-hand.cur), pointer;--cursor-text: url(/cursors/w11-ibeam.cur), text;--cursor-move: url(/cursors/w11-sizeall.cur), move;--cursor-wait: url(/cursors/w11-wait.ani), wait}html,body,#app{width:100%;height:100%}html,body{overflow:hidden;background-color:#111;letter-spacing:-.03em}body{font-family:PPSupplyMono,monospace;cursor:var(--cursor-default)}button,a,label,input[type=file],canvas{cursor:var(--cursor-pointer)}input,textarea,[contenteditable=true]{cursor:var(--cursor-text)}.preloader,.preloader *{cursor:var(--cursor-wait)}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity 1s ease-out}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{text-align:center;color:#e0e0e0}.ghost-loader{position:relative;width:64px;height:64px;margin:0 auto 30px;display:flex;justify-content:center;align-items:center}.ghost-svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:ghostFloat 3s ease-in-out infinite}.ghost-body{fill:#fff;opacity:.9}.ghost-eye{fill:#000;animation:eyePulse 2s ease-in-out infinite;transform-origin:center}.left-eye{animation-delay:0s}.right-eye{animation-delay:.1s}@keyframes ghostFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes eyePulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.ghost-orb,.ghost-trail{display:none}.loading-text{font-family:PPSupplyMono,monospace;font-size:12px;text-transform:uppercase;opacity:1;margin-bottom:12px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.1}}.loading-progress{width:96px;height:1px;margin:0 auto;border-radius:1px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00ff80,#0c6);opacity:.1;width:0%;transition:width .8s ease}.content{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#e0e0e0;opacity:0;z-index:auto;pointer-events:none;transition:opacity 1.5s ease-in}.content.fade-in{opacity:1}.quote-container{max-width:90%;overflow:hidden}.quote{--gy: 50%;font-family:Boldonse,system-ui;font-size:6vw;line-height:1.3;font-weight:400;letter-spacing:-.02em;margin-bottom:0;text-transform:uppercase;color:transparent;background-image:radial-gradient(circle at 50% var(--gy),oklch(.96 .12 82) 0%,oklch(.78 .24 48) 38%,oklch(.56 .24 24) 68%,oklch(.36 .16 338 / .35) 100%);-webkit-background-clip:text;background-clip:text;opacity:.82;filter:drop-shadow(0 0 20px oklch(.72 .24 35 / .08))}.quote-word-overlay{position:fixed;z-index:5;display:block;overflow:hidden;color:transparent;background-image:radial-gradient(circle at 50% 18%,#fff0d5,#ffc79c 19%,#ffbc8e,#ffb181 28.5%,#ffac7a,#ffa672 33.25%,#ff9a64 38%,#ff4f14 53%,#f22514,#da0028 68%,#be003cac 84%,#a2004983,#6c005959);background-image:radial-gradient(circle at 50% 18%,color(xyz 0.866 0.879 0.391),color(xyz 0.751 0.631 0.155) 19%,color(xyz 0.724 0.577 0.111),color(xyz 0.698 0.526 0.073) 28.5%,color(xyz 0.685 0.502 0.056),color(xyz 0.673 0.478 0.04) 33.25%,color(xyz 0.648 0.434 0.012) 38%,color(xyz 0.454 0.267 0.023) 53%,#f22514,color(xyz 0.302 0.149 0.027) 68%,color(xyz 0.223 0.112 0.051 / 0.675) 84%,#a2004983,color(xyz 0.08 0.039 0.098 / 0.349));-webkit-background-clip:text;background-clip:text;font-family:Boldonse,system-ui;font-weight:400;text-align:left;text-transform:uppercase;pointer-events:none;opacity:0;transform:translateY(.32em);transition:opacity .16s ease}.quote-word-overlay:after{content:attr(data-layer-overlay);position:absolute;inset:0;color:transparent;background:repeating-linear-gradient(0deg,rgba(0,0,0,.34) 0 1px,rgba(255,255,255,.08) 1px 2px,transparent 2px 4px),radial-gradient(circle at 48% 42%,rgba(255,255,255,.16),transparent 58%);-webkit-background-clip:text;background-clip:text;mix-blend-mode:multiply;opacity:.42;pointer-events:none}.quote-layer-source{visibility:hidden}.identity-block{position:fixed;left:50%;top:78%;transform:translate(-50%);z-index:7;display:inline-block;padding:10px 18px 4px;text-align:center;pointer-events:auto;opacity:0;transition:opacity 1.5s ease-in}.content.fade-in~.identity-block{opacity:1}.content.fade-in~.quote-word-overlay.is-visible{opacity:1}.author{--gy: 55%;display:block;font-family:Boldonse,system-ui;font-size:clamp(10px,.9vw,15px);font-weight:400;line-height:1.35;text-transform:uppercase;letter-spacing:0;color:transparent;background-image:radial-gradient(circle at 50% var(--gy),oklch(.96 .12 82) 0%,oklch(.78 .24 48) 38%,oklch(.56 .24 24) 68%,oklch(.36 .16 338 / .35) 100%);-webkit-background-clip:text;background-clip:text;opacity:.95;filter:drop-shadow(0 0 24px oklch(.72 .24 35 / .16));transition:--gy .24s ease,filter .18s ease}.identity-block:hover .author{--gy: 16%;filter:drop-shadow(0 0 30px oklch(.78 .24 45 / .22))}.social-links{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px;pointer-events:auto}.social-links a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff14;transition:transform .18s ease,border-color .18s ease,background .18s ease}.social-links a:hover{transform:translateY(-2px);border-color:#ffffff7a;background:#ffffff29}.social-links img{width:18px;height:18px;object-fit:contain;filter:invert(1)}.terminal-sidebar{position:fixed;top:clamp(44px,6.8vh,66px);left:clamp(64px,4.6vw,84px);z-index:6;width:clamp(310px,20vw,360px);color:#f5f5f5d1;font-family:JetBrains Mono,PPSupplyMono,monospace;font-size:13px;line-height:1.65;letter-spacing:-.01em;pointer-events:auto;text-shadow:0 0 10px rgba(255,45,122,.06)}.terminal-topline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:48px;white-space:nowrap}.terminal-dots{display:inline-flex;align-items:center;gap:11px}.terminal-dots .dot{width:14px;height:14px;display:block;border-radius:50%;box-shadow:0 0 9px currentColor}.terminal-dots .red{color:#ff5f57;background:#ff5f57}.terminal-dots .yellow{color:#ffbd2e;background:#ffbd2e}.terminal-dots .green{color:#28c840;background:#28c840}.terminal-path{color:#f5f5f59e;font-size:12px}.terminal-path strong{color:#ff2d7a;font-weight:700;text-shadow:0 0 10px rgba(255,45,122,.36)}.terminal-path span{color:#f5f5f5a8}.terminal-prompt{color:#f5f5f5d1;font-size:12px}.terminal-block{margin:0}.terminal-block h2{margin:0 0 20px;color:#ff2d7a;font-family:inherit;font-size:14px;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,45,122,.28)}.terminal-copy{margin:0;color:#f5f5f5b8}.terminal-copy span,.terminal-specialties span{color:#7cff4f;font-weight:700;text-shadow:0 0 10px rgba(124,255,79,.34)}.terminal-copy b{color:#7cff4f;font-weight:700;animation:terminalCursor 1.25s steps(1,end) infinite}.terminal-divider{margin:28px 0 30px;color:#ffffff2e;font-size:12px;line-height:1}.terminal-stack ul,.terminal-specialties ul{margin:0;padding:0;list-style:none}.terminal-stack li{display:flex;align-items:center;gap:13px;min-height:30px;color:#f5f5f5c7;transition:transform .16s ease,color .16s ease}.terminal-stack li:hover{transform:translate(3px);color:#fffffff0}.stack-icon{width:20px;height:20px;display:inline-grid;place-items:center;color:var(--icon-color);font-size:17px;line-height:1;filter:drop-shadow(0 0 6px currentColor)}.stack-icon.api-brackets{grid-template-columns:1fr 1fr;gap:4px;font-size:0}.stack-icon.api-brackets i{width:6px;height:13px;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.stack-icon.api-brackets i:first-child{border-left:2px solid currentColor}.stack-icon.api-brackets i:last-child{border-right:2px solid currentColor}.terminal-specialties li{color:#f5f5f5b8;line-height:1.8}.terminal-status .status-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.status-text{color:#7cff4f;font-size:12px;font-weight:600;letter-spacing:.02em;text-shadow:0 0 11px rgba(124,255,79,.34)}.status-eq{height:23px;display:inline-flex;align-items:end;gap:5px;color:#7cff4f}.status-eq i{width:4px;height:19px;display:block;background:currentColor;transform-origin:bottom;box-shadow:0 0 8px #7cff4f57;animation:statusEqualizer 1.8s ease-in-out infinite}.status-eq i:nth-child(2){height:24px;animation-delay:.12s}.status-eq i:nth-child(3){height:18px;animation-delay:.24s}.status-eq i:nth-child(4){height:22px;animation-delay:.36s}.status-eq i:nth-child(5){height:20px;animation-delay:.48s}@keyframes terminalCursor{0%,46%{opacity:1}47%,to{opacity:.18}}@keyframes statusEqualizer{0%,to{opacity:.68;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}.ghost-panel{position:fixed;left:8px;top:8px;z-index:9;width:min(318px,calc(100vw - 18px));padding:6px;border:1px solid rgba(0,231,255,.24);border-radius:7px;background:#08080ad6;color:#f5f5f5db;font-family:PPSupplyMono,monospace;font-size:11px;letter-spacing:0;box-shadow:0 0 24px #00000059;pointer-events:auto;transition:opacity .22s ease;display:none}.ghost-panel-title{height:24px;display:grid;place-items:center;border-radius:4px;background:#ffffff0b;color:#ffffffdb}.ghost-panel details{margin-top:6px}.ghost-panel summary{height:22px;display:flex;align-items:center;padding:0 4px;background:#ffffff0b;cursor:var(--cursor-pointer);list-style:none}.ghost-panel summary::-webkit-details-marker{display:none}.ghost-panel label{min-height:28px;display:grid;grid-template-columns:126px 1fr 42px;align-items:center;gap:8px;padding:3px 4px}.ghost-panel .ghost-check{grid-template-columns:1fr auto}.ghost-panel input[type=range]{width:100%;accent-color:rgba(240,240,245,.85)}.ghost-panel input[type=checkbox]{width:16px;height:16px;accent-color:rgba(240,240,245,.9)}.ghost-panel output{min-width:36px;padding:3px 4px;border-left:2px solid rgba(255,255,255,.08);color:#ffffffd1;text-align:right}canvas{opacity:0!important;transition:opacity 2s ease-in}canvas.fade-in{opacity:1!important}.music-window{position:fixed;left:var(--window-x);top:var(--window-y);z-index:8;width:min(520px,calc(100vw - 24px));height:min(420px,calc(100vh - 24px));display:grid;grid-template-rows:48px 1fr 58px;overflow:hidden;border:1px solid rgba(255,138,61,.34);border-radius:24px;background:radial-gradient(circle at 0% 20%,rgba(255,138,61,.14),transparent 34%),radial-gradient(circle at 100% 72%,rgba(255,63,180,.12),transparent 34%),linear-gradient(135deg,#fff06a12,#b967ff09),#0e0e122e;box-shadow:0 24px 62px #0000006b,-10px 0 28px #ff8a3d14,10px 0 28px #ff3fb412,inset 0 1px #ffffff47,inset 0 -1px #ffffff14;opacity:1;transform:scale(1);transition:opacity .22s ease,transform .22s ease,box-shadow .18s ease}.music-window:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,240,106,.17),transparent 32%),radial-gradient(circle at 100% 100%,rgba(185,103,255,.13),transparent 34%),linear-gradient(180deg,rgba(255,138,61,.08),transparent 45%)}.music-window:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(255,138,61,.34),transparent 10%,transparent 90%,rgba(255,63,180,.3)),linear-gradient(180deg,rgba(255,240,106,.16),transparent 9%,transparent 91%,rgba(185,103,255,.17));box-shadow:inset 0 0 0 1px #ffe87e29,inset 6px 0 16px #ff8a3d1c,inset -6px 0 16px #ff3fb41a;opacity:1}.music-window.is-dragging{box-shadow:0 30px 72px #00000080,inset 0 1px #ffffff52}.music-window.is-closed{opacity:0;pointer-events:none;transform:scale(.92) translateY(18px)}.music-titlebar,.music-controls{position:relative;z-index:2}.music-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 14px;cursor:var(--cursor-move);-webkit-user-select:none;user-select:none}.music-window.is-dragging .music-titlebar{cursor:var(--cursor-move)}.traffic{display:flex;align-items:center;gap:9px}.traffic-dot{width:13px;height:13px;display:block;border:0;border-radius:999px;box-shadow:inset 0 1px 1px #ffffff8c,0 1px 4px #00000052}button.traffic-dot{cursor:var(--cursor-pointer)}.traffic-dot.close{background:#ff5f57}.traffic-dot.minimize{background:#ffbd2e}.traffic-dot.zoom{background:#28c840}.music-title{display:grid;justify-items:center;gap:2px;min-width:0;color:#ffffffe6;font-family:PPSupplyMono,monospace;text-transform:uppercase}.music-title span{font-size:12px;font-weight:800;letter-spacing:.04em}.music-title small{color:#ffffff6b;font-size:9px;letter-spacing:.1em}.music-close{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#ffffffb8;cursor:var(--cursor-pointer);font:18px/1 system-ui,sans-serif}.music-stage{position:relative;z-index:1;margin:0 12px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#000;box-shadow:inset 0 1px #ffffff2e,0 18px 44px #00000047}.music-stage iframe{width:100%;height:100%;display:block;border:0}.music-controls{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px 14px 14px;color:#ffffffa8}.music-control-btn,.music-file span{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#ffffffe0;cursor:var(--cursor-pointer);font:10px/1 PPSupplyMono,monospace;text-transform:uppercase;letter-spacing:.08em}.music-control-btn{padding:0 18px}.music-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.music-file span{padding:0 14px}.music-track{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff75;font:10px/1.2 PPSupplyMono,monospace;text-transform:uppercase;letter-spacing:.04em}.reopen-player{position:fixed;right:18px;bottom:18px;z-index:9;min-height:38px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#ffffffd6;box-shadow:0 18px 50px #0000005c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:var(--cursor-pointer);font:10px/1 PPSupplyMono,monospace;text-transform:uppercase;letter-spacing:.08em;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.reopen-player.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.entry-transition{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;background:transparent;transition:opacity .24s ease}.entry-transition.is-active{opacity:1}.entry-transition canvas{width:100%;height:100%;display:block;opacity:1!important}.entry-transition span{position:fixed;left:50%;bottom:32px;transform:translate(-50%);color:#ffffffa6;font:10px/1 PPSupplyMono,monospace;letter-spacing:.12em;text-transform:uppercase}.ocean-experience{position:fixed;inset:0;z-index:70;width:100%;height:100%;border:0;opacity:0;pointer-events:none;background:#000;transition:opacity .9s ease}body.experience-active>canvas,body.experience-active #main-content,body.experience-active #music-window,body.experience-active #reopen-player,body.experience-active .terminal-sidebar,body.experience-active #ghost-panel{opacity:0!important;pointer-events:none!important}body.experience-active .ocean-experience{opacity:1!important;pointer-events:auto;transition:none}@media(max-width:1500px),(max-height:850px){.terminal-sidebar{top:46px;width:clamp(310px,20vw,360px);font-size:13px;line-height:1.65;transform:scale(.9);transform-origin:top left}.terminal-topline{gap:22px;margin-bottom:48px}.terminal-dots{gap:11px}.terminal-dots .dot{width:14px;height:14px}.terminal-path,.terminal-prompt,.status-text{font-size:12px}.terminal-block h2{margin-bottom:20px;font-size:14px}.terminal-divider{margin:28px 0 30px;font-size:12px}.terminal-stack li{min-height:30px;gap:13px}.stack-icon{width:20px;height:20px;font-size:17px}.stack-icon.api-brackets{gap:4px}.stack-icon.api-brackets i{width:6px;height:13px}.terminal-specialties li{line-height:1.8}.status-eq{height:23px;gap:5px}.status-eq i{width:4px;height:19px}.status-eq i:nth-child(2){height:24px}.status-eq i:nth-child(3){height:18px}.status-eq i:nth-child(4){height:22px}.status-eq i:nth-child(5){height:20px}.music-window{left:calc(100vw - min(300px,calc(100vw - 24px)) - 12px)!important;top:38px!important;width:min(300px,calc(100vw - 24px));height:min(255px,calc(100vh - 24px));grid-template-rows:36px 1fr 44px;border-radius:16px}.music-stage{margin:0 8px;border-radius:12px}.music-titlebar{gap:8px;padding:0 10px}.music-controls{gap:6px;padding:7px 10px 10px}.music-control-btn,.music-file span{min-height:28px;font-size:8px}.music-track{font-size:8px}.music-control-btn{padding:0 13px}.music-file span{padding:0 11px}.music-title span{font-size:10px}.music-title small{font-size:7px}.traffic{gap:7px}.traffic-dot{width:11px;height:11px}.music-close{width:24px;height:24px;font-size:15px}}@media(max-height:850px){.terminal-sidebar{top:34px;transform:scale(.82)}}@media(max-width:700px){.quote{font-size:11vw}.author{max-width:280px;display:inline-block;line-height:1.7}.music-window{left:12px!important;top:auto!important;bottom:12px;width:calc(100vw - 24px);height:min(390px,calc(100vh - 24px))}.music-controls{grid-template-columns:1fr 1fr}.music-track{grid-column:1 / -1}}@media(max-width:900px){.terminal-sidebar{display:none}}