:root{--bg:#0e0e10;--fg:#50555f;--muted:#50555f;--rainbow-opacity:.33;--red:#d94343;--orange:#d97d48;--yellow:#d9c239;--green:#2faf65;--cyan:#28a6a6;--blue:#2e6fbf;--violet:#6f48bf;--magenta:#c63c91;--red-1:#d97474;--orange-1:#dda57c;--yellow-1:#e0d177;--green-1:#7ddc8f;--cyan-1:#7ddcdc;--blue-1:#7daedc;--violet-1:#9c7edc;--magenta-1:#dd7db8;--red-2:#e8a5a5;--orange-2:#e8c4a5;--yellow-2:#e8dba5;--green-2:#a5e8b8;--cyan-2:#a5e8e8;--blue-2:#a5c4e8;--violet-2:#b8a5e8;--magenta-2:#e8a5d1}
@font-face{font-family:More Sugar;src:url(/fonts/MoreSugar.woff2)format("woff2"),url(/fonts/MoreSugar.woff)format("woff");font-display:swap;font-weight:400;font-style:normal}body{background:var(--bg);min-height:100vh;color:var(--fg);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);width:100%;height:100%;animation:8s linear infinite scanline;position:fixed;top:0;left:0}.scanline{pointer-events:none;z-index:10000;opacity:0;width:100%;transition:opacity .3s;position:fixed;top:-68px;left:0}.scanline.active{opacity:1}.scanline-main{filter:blur(10px);background:#ffffff1a;height:2px;box-shadow:0 0 15px #ffffff4d,0 0 30px #ffffff1a}.scanline-fade{filter:blur(10px);background:linear-gradient(#0000 0%,#ffffff1a 100%);height:66px;margin-bottom:-2px}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}.rainbow-dots{pointer-events:none;z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.rainbow-dot{width:clamp(3rem,12vw,16rem);height:clamp(3rem,12vw,16rem);opacity:var(--rainbow-opacity,.33);border-radius:50%;animation:8s ease-in-out infinite dot-pulse;position:relative;top:0;transform:translateY(-50%)}.rainbow-dot.red{animation-delay:0s}.rainbow-dot.orange{animation-delay:1s}.rainbow-dot.yellow{animation-delay:2s}.rainbow-dot.green{animation-delay:3s}.rainbow-dot.cyan{animation-delay:4s}.rainbow-dot.blue{animation-delay:5s}.rainbow-dot.violet{animation-delay:6s}.rainbow-dot.magenta{animation-delay:7s}@keyframes dot-pulse{0%,to{opacity:var(--rainbow-opacity,.33);transform:translateY(-50%)scale(1)}50%{opacity:calc(var(--rainbow-opacity,.33)*1.3);transform:translateY(-50%)scale(1.1)}}.rainbow-dot.red{background:radial-gradient(circle,color-mix(in srgb,var(--red)50%,transparent)0%,transparent 70%)}.rainbow-dot.orange{background:radial-gradient(circle,color-mix(in srgb,var(--orange)50%,transparent)0%,transparent 70%)}.rainbow-dot.yellow{background:radial-gradient(circle,color-mix(in srgb,var(--yellow)50%,transparent)0%,transparent 70%)}.rainbow-dot.green{background:radial-gradient(circle,color-mix(in srgb,var(--green)50%,transparent)0%,transparent 70%)}.rainbow-dot.cyan{background:radial-gradient(circle,color-mix(in srgb,var(--cyan)50%,transparent)0%,transparent 70%)}.rainbow-dot.blue{background:radial-gradient(circle,color-mix(in srgb,var(--blue)50%,transparent)0%,transparent 70%)}.rainbow-dot.violet{background:radial-gradient(circle,color-mix(in srgb,var(--violet)50%,transparent)0%,transparent 70%)}.rainbow-dot.magenta{background:radial-gradient(circle,color-mix(in srgb,var(--magenta)50%,transparent)0%,transparent 70%)}.container{text-align:center;z-index:2;max-width:clamp(560px,90vw,1300px);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2rem);position:relative}.status{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);visibility:hidden;opacity:0;margin-bottom:clamp(2rem,5vw,2.8rem);font-size:clamp(.8rem,2vw,1.25rem)}.status span{transition:transform .3s ease-in-out;display:inline-block}.logo{-webkit-user-select:none;user-select:none;visibility:hidden;margin-bottom:clamp(1.2rem,3vw,1.8rem);font-family:More Sugar,Quicksand,system-ui,sans-serif;font-size:clamp(3.5rem,15vw,13rem);line-height:1}.logo span{color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;transition:transform .3s ease-in-out,opacity .1s ease-in;display:inline-block}.l{background-image:linear-gradient(var(--red-1),var(--red))}.i1{background-image:linear-gradient(var(--orange-1),var(--orange))}.o{background-image:linear-gradient(var(--yellow-1),var(--yellow))}.r{background-image:linear-gradient(var(--green-1),var(--green))}.i2{background-image:linear-gradient(var(--cyan-1),var(--cyan))}.t{background-image:linear-gradient(var(--blue-1),var(--blue))}.h{background-image:linear-gradient(var(--violet-1),var(--violet))}.underscore{background-image:linear-gradient(var(--magenta-1),var(--magenta))}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}h1{opacity:0;margin:clamp(1rem,2.5vw,1.4rem) 0 clamp(.7rem,1.8vw,.9rem);font-size:clamp(1.1rem,3vw,1.75rem);font-weight:500;transform:translateY(30px)}p{color:var(--muted);opacity:0;margin:clamp(.35rem,1vw,.45rem) 0;font-size:clamp(.9rem,2vw,1.25rem);line-height:1.65;transform:translateY(30px)}.path-display{text-align:center;z-index:2;pointer-events:none;padding:clamp(1rem,3vw,1.5rem);position:fixed;bottom:0;left:0;right:0}.path-code{color:var(--muted);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0000004d;border:1px solid #7c7e8a33;border-radius:.5rem;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2vw,1.5rem);font-family:Courier New,Courier,monospace;font-size:clamp(.75rem,1.5vw,1rem);transition:all .2s;display:inline-block}.path-code:hover{color:var(--fg);background:#00000080;border-color:#7c7e8a66}.path-code:active{transform:scale(.98)}.path-code.copied{color:var(--green);border-color:var(--green)}.handwritten-note{color:color-mix(in srgb,var(--muted)75%,transparent);opacity:0;z-index:100;pointer-events:none;font-family:More Sugar,cursive;font-size:clamp(1.4rem,3.5vw,2rem);transition:opacity 6.6s ease-in;position:fixed;top:clamp(15%,20vw,25%);right:clamp(15%,25vw,35%);transform:rotate(12deg)}.handwritten-note.show{opacity:1}.theme-trigger{z-index:10001;pointer-events:auto;background:0 0;width:33px;position:fixed;top:0;bottom:0;right:0}.sidepanel{background:color-mix(in srgb,var(--bg)20%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--muted)20%,transparent);z-index:10001;pointer-events:none;width:350px;color:var(--fg);border-radius:1rem;flex-direction:column;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:8px;bottom:8px;right:8px;overflow:hidden auto;transform:translate(calc(100% + 8px))}.sidepanel::-webkit-scrollbar{width:6px}.sidepanel::-webkit-scrollbar-track{background:0 0}.sidepanel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted)30%,transparent);border-radius:3px}.sidepanel::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted)50%,transparent)}.sidepanel.peek{transform:translate(calc(100% - 7px))}.sidepanel.visible{pointer-events:auto;transform:translate(0)}.sidepanel .panel-controls{z-index:10;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.sidepanel .panel-icon{border:1px solid color-mix(in srgb,var(--muted)30%,transparent);cursor:pointer;width:28px;height:28px;color:var(--fg);background:0 0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.sidepanel .panel-icon:hover{background:color-mix(in srgb,var(--muted)10%,transparent);border-color:color-mix(in srgb,var(--muted)50%,transparent)}.sidepanel .panel-icon svg{width:16px;height:16px}.sidepanel .panel-icon.pinned svg{fill:currentColor}.sidepanel.expanded{width:auto;left:8px;right:8px}.sidepanel .status-section{flex-shrink:0;margin-top:2rem}.sidepanel h3{color:var(--fg);margin:0 0 .5rem;font-size:.9rem;font-weight:600}.sidepanel .separator{color:var(--muted);margin:.5rem 0}.sidepanel .status-line{justify-content:space-between;margin:.3rem 0;display:flex}.sidepanel .status-label{color:var(--muted)}.sidepanel .status-value{font-weight:500}.sidepanel .status-value.online{color:var(--green)}.sidepanel .status-value.archived{color:var(--yellow)}.sidepanel .status-value.offline{color:var(--red)}.sidepanel .status-value.parked{color:var(--blue)}.sidepanel .prompt-container{-webkit-user-select:text;user-select:text;color:var(--fg);flex:1;min-height:0;margin-top:.5rem}.sidepanel .prompt-line.empty-line{height:1.5rem}.sidepanel .prompt-line{margin:.5rem 0}.sidepanel .prompt-cursor{animation:2s infinite cursor-blink;display:inline-block}.copy-indicator{background:color-mix(in srgb,var(--green)66%,transparent);color:var(--bg);z-index:1000;opacity:0;pointer-events:none;white-space:nowrap;border-radius:.5rem;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.75rem,1.5vw,.9rem);font-weight:500;position:fixed;bottom:clamp(1rem,2vw,1.5rem);left:50%;transform:translate(-50%)translateY(0)}.copy-indicator.show{animation:1.5s ease-out copySlideUp}@keyframes copySlideUp{0%{opacity:0;transform:translate(-50%)translateY(0)}20%{opacity:1;transform:translate(-50%)translateY(-60px)}80%{opacity:1;transform:translate(-50%)translateY(-60px)}to{opacity:0;transform:translate(-50%)translateY(-80px)}}