:root{--bg:#17161b;--panel:#222027;--panel-2:#2b2932;--head:#f0eef5;--head-ink:#17161b;--fg:#e8e5ef;--muted:#8b8797;--faint:#45424e;--grid:hsla(0,0%,100%,.035);--accent:#8b5cff;--accent-ink:#fff;--font-display:"UnifrakturMaguntia","Old English Text MT","Times New Roman",serif;--font-ui:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ease-out:cubic-bezier(0.165,0.84,0.44,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);color-scheme:dark}body[data-mode=light]{--bg:#e6e4eb;--panel:#f5f4f8;--panel-2:#dcd9e4;--head:#17161b;--head-ink:#f0eef5;--fg:#17161b;--muted:#6a6676;--faint:#b6b2c1;--grid:rgba(0,0,0,.05);color-scheme:light}#__next,body,html{height:100%}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;color:var(--fg);font-family:var(--font-ui);font-size:12px;letter-spacing:.02em;text-transform:uppercase;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}body.no-grid{background-image:none}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;text-transform:inherit;letter-spacing:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){body.has-cursor,body.has-cursor *{cursor:none!important}}.stage{position:relative;min-height:100%;height:100%;min-height:720px;overflow:hidden}.topbar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;z-index:20}.pills,.tools{display:flex;gap:6px;flex-wrap:wrap}.pill{background:var(--head);color:var(--head-ink);padding:0 10px;height:32px;display:inline-flex;align-items:center;gap:10px}.pill.ghost{background:var(--panel);color:var(--muted)}.tools{background:var(--head);padding:4px;gap:4px}.tool{width:28px;height:24px;display:grid;place-items:center;color:var(--head-ink);transition:background-color .15s ease,color .15s ease}.tool:hover{background:var(--accent);color:var(--accent-ink)}.tool svg{width:15px;height:15px;display:block}.tool.on{background:var(--accent);color:var(--accent-ink)}.bars{display:flex;gap:2px;align-items:flex-end;height:12px}.bars i{width:2px;height:3px;background:currentColor;display:block}.tool.on .bars i{animation:eq .9s ease-in-out infinite}.tool.on .bars i:nth-child(2){animation-delay:-.3s}.tool.on .bars i:nth-child(3){animation-delay:-.6s}.tool.on .bars i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.panels{inset:0;z-index:10;pointer-events:none}.panel,.panels{position:absolute}.panel{background:color-mix(in srgb,var(--panel) 58%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;will-change:transform;transition:background-color .3s ease}.panel.dragging,.panel:focus-within,.panel:hover{background:color-mix(in srgb,var(--panel) 96%,transparent)}.panel.settling{transition:transform .5s var(--ease-in-out),background-color .3s ease}.p-head{display:flex;align-items:center;height:36px;background:color-mix(in srgb,var(--head) 78%,transparent);transition:background-color .3s ease,color .15s ease;color:var(--head-ink);padding:4px;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.p-grip{width:28px;height:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--head-ink) 8%,transparent)}.p-grip svg{width:12px;height:12px}.p-title{flex:1 1;text-align:center;white-space:nowrap;overflow:hidden}.p-btn{width:28px;height:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--head-ink) 8%,transparent);transition:background-color .15s ease,color .15s ease}.p-btn:hover{background:var(--accent);color:var(--accent-ink)}.p-btn svg{width:12px;height:12px;transition:transform .25s var(--ease-out)}.panel.collapsed .p-btn svg{transform:rotate(45deg)}.p-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s var(--ease-out)}.panel.collapsed .p-wrap{grid-template-rows:0fr}.p-body{overflow:hidden;min-height:0}.p-in{padding:10px 12px 12px}.panel:focus-within .p-head,.panel:hover .p-head{background:var(--head)}.panel.bare .p-head{position:absolute;top:0;left:0;right:0;z-index:2;background:none;justify-content:space-between;pointer-events:none}.panel.bare .p-title{display:none}.panel.bare .p-btn,.panel.bare .p-grip{pointer-events:auto;background:var(--head);color:var(--head-ink);opacity:.8;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.panel.bare .p-btn:focus-visible,.panel.bare:hover .p-btn,.panel.bare:hover .p-grip{opacity:1}.panel.bare .p-btn:hover{background:var(--accent);color:var(--accent-ink)}.panel.bare.dragging .p-head{background:none}.panel.bare.dragging .p-grip{background:var(--accent);color:var(--accent-ink);opacity:1}.panel.bare.collapsed{min-height:36px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel.dragging .p-head{background:var(--accent);color:var(--accent-ink)}#p-list{left:16px;top:68px;width:280px}#p-details{left:312px;top:68px;width:290px}#p-now{left:16px;top:396px;width:280px}#p-cam{right:328px;top:68px;width:190px}#p-about{top:68px}#p-about,#p-contact{right:16px;width:296px}#p-contact{top:316px}#p-stack{right:328px;top:352px;width:330px}.rows{grid-gap:1px;gap:1px}.row,.rows{display:grid}.row{grid-template-columns:34px 1fr auto;align-items:center;height:22px;padding:0 4px;color:var(--fg);transition:background-color .15s ease,color .15s ease}.row .arrow,.row .idx{color:var(--muted)}.row .arrow{opacity:0;transition:opacity .15s ease}.row.active,.row:hover{background:var(--accent);color:var(--accent-ink)}.row.active .arrow,.row.active .idx,.row:hover .arrow,.row:hover .idx{color:var(--accent-ink);opacity:1}.kv{display:grid;grid-template-columns:72px 1fr;grid-gap:6px 10px;gap:6px 10px}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.desc{margin:12px 0 0;line-height:1.5;text-transform:none;font-family:var(--font-body);font-size:13px;letter-spacing:0;min-height:3em}.about p,.desc{color:var(--muted)}.about p{margin:0 0 10px;line-height:1.45;font-size:12.5px;min-height:2.9em}.about p:last-child{margin:0}.about.live p{color:var(--fg)}.hint{color:var(--faint);font-size:10.5px;margin-top:10px}#cam,.hint{display:block}#cam{width:100%;aspect-ratio:190/220;max-width:100%;background:var(--panel-2);image-rendering:pixelated}#p-cam .p-in{padding:0}.stack{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.tile{aspect-ratio:1.25;background:color-mix(in srgb,var(--panel-2) 60%,transparent);display:grid;place-items:center;font-size:10.5px;text-align:center;padding:4px;transition:background-color .15s ease,color .15s ease}.panel:hover .tile{background:var(--panel-2)}.panel:hover .tile:hover,.tile:hover{background:var(--accent);color:var(--accent-ink)}.now li{list-style:none;display:grid;grid-template-columns:48px 1fr;grid-gap:10px;gap:10px;padding:4px 0;border-top:1px dashed var(--faint)}.now li:first-child{border-top:0}.now ul{margin:0;padding:0}.now span:first-child{color:var(--muted)}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.lbtn{display:inline-flex;align-items:stretch;background:color-mix(in srgb,var(--panel-2) 70%,transparent);height:32px}.lbtn .t{display:flex;align-items:center;padding:0 10px}.lbtn .a{width:32px;display:grid;place-items:center;background:color-mix(in srgb,var(--fg) 12%,transparent);transition:background-color .15s ease,color .15s ease}.lbtn .a svg{width:12px;height:12px;transition:transform .3s var(--ease-out)}.lbtn:hover .a{background:var(--accent);color:var(--accent-ink)}.lbtn:hover .a svg{transform:rotate(45deg)}.roll{position:relative;display:inline-flex;overflow:hidden;line-height:1.25;vertical-align:middle}.roll .ra,.roll .rb{display:inline-flex;white-space:pre}.roll .rb{position:absolute;left:0;top:0}.roll .ch{display:inline-block;transition:transform .45s var(--ease-out);transition-delay:calc(var(--i) * 16ms)}.roll .rb .ch{transform:translateY(110%)}@media (hover:hover) and (pointer:fine){.hov:hover .roll .ra .ch{transform:translateY(-110%)}.hov:hover .roll .rb .ch{transform:translateY(0)}}.bl{position:absolute;inset:0;z-index:1;pointer-events:none;display:grid;place-content:center;text-align:center;mix-blend-mode:difference;color:#fff}.bl .line{font-family:var(--font-display);font-size:clamp(64px,12.5vw,230px);line-height:.92;white-space:nowrap;text-transform:none;letter-spacing:-.01em}.bl .ch{display:inline-block;will-change:transform}.dock{position:absolute;left:312px;right:16px;bottom:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px;z-index:5;font-size:11px;color:var(--muted)}.d-keys{grid-column:3}.dock h3{font:inherit;margin:0 0 8px;color:var(--fg);opacity:.6}.dock dl{display:grid;grid-template-columns:auto 1fr;grid-gap:3px 12px;gap:3px 12px;margin:0}.dock dd{margin:0;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg);opacity:.75}.keys{grid-gap:3px;gap:3px}.key,.keys{display:grid}.key{grid-template-columns:48px 1fr;text-align:left;transition:color .15s ease}.key span:last-child{text-align:right}.key:hover{color:var(--accent)}.foot{position:absolute;left:16px;right:16px;bottom:16px;justify-content:space-between;align-items:flex-end;gap:12px;z-index:20}.foot,.foot .links{display:flex;flex-wrap:wrap}.foot .links{gap:6px}.foot .credit{color:var(--muted)}.foot .credit b{font-weight:400;color:var(--fg);border-bottom:1px solid}#gl,#trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#gl{z-index:2}#trail{z-index:50}#cursor{position:fixed;inset:0;pointer-events:none;z-index:60}#cursor[hidden]{display:none}.c-dot{width:6px;height:6px;background:var(--accent)}.c-corner,.c-dot{position:absolute;left:0;top:0}.c-corner{width:7px;height:7px;border:0 solid var(--accent)}.c-tl{border-top-width:1.5px;border-left-width:1.5px}.c-tr{border-top-width:1.5px;border-right-width:1.5px}.c-bl{border-bottom-width:1.5px;border-left-width:1.5px}.c-br{border-bottom-width:1.5px;border-right-width:1.5px}.c-label{position:absolute;left:0;top:0;background:var(--accent);color:var(--accent-ink);padding:4px 8px;white-space:pre;font-size:12px;opacity:0;transition:opacity .15s ease-out}.c-label.show{opacity:1}@media (max-width:1180px){.dock{grid-template-columns:repeat(2,minmax(0,1fr))}.d-keys{grid-column:2}#p-stack{right:16px;top:auto;bottom:230px}#p-contact{display:none}}@media (max-width:899px){.stage{height:auto;min-height:0;overflow:visible;padding-inline:16px;padding-block:16px 24px;display:grid;grid-gap:12px;gap:12px}.bl,.dock,.foot,.panels,.topbar{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto}.topbar{flex-direction:column}.tools{align-self:flex-start}.bl{height:56svh;min-height:320px;z-index:1}.bl .line{font-size:clamp(54px,17vw,120px)}.panels{display:grid;grid-gap:12px;gap:12px;pointer-events:auto}#p-about,#p-cam,#p-contact,#p-details,#p-list,#p-now,#p-stack,.panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;display:block}#cam{max-height:260px;aspect-ratio:auto;height:260px}.p-head{touch-action:auto}.dock{display:none}.foot{flex-direction:column;align-items:flex-start}.panels{order:3}.foot{order:5}#gl{z-index:2}.panels{z-index:10}}@media (prefers-reduced-motion:reduce){.c-label,.lbtn .a svg,.p-btn svg,.p-wrap,.panel.settling,.roll .ch{transition:none}.tool.on .bars i{animation:none;height:8px}}.noscript-note{display:none}