@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Reenie+Beanie&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color: #050505;--grid-color: rgba(255, 255, 255, .15);--ink-color: #ffffff;--accent-font: "Reenie Beanie", cursive;--tech-font: "Inter", sans-serif;--mono-font: "Space Mono", monospace;--border-width: 1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sp-body{background-color:var(--bg-color);color:var(--ink-color);font-family:var(--tech-font);height:100vh;width:100vw;overflow:hidden;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:100px 100px;background-position:center center;display:flex;flex-direction:column;justify-content:space-between;position:relative}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:grid;grid-template-columns:300px 1fr 300px;grid-template-rows:100px 1fr 100px;padding:50px}.brand-container{grid-column:1;grid-row:1;border:var(--border-width) solid var(--ink-color);background:var(--bg-color);padding:0 24px;display:flex;align-items:center;justify-content:center;height:80px;width:fit-content}.brand-text{font-size:32px;font-weight:700;letter-spacing:-.05em;text-transform:lowercase;line-height:1;font-family:var(--tech-font);color:var(--ink-color)}.status-container{grid-column:3;grid-row:1;justify-self:end;border:var(--border-width) solid var(--ink-color);background:var(--bg-color);padding:16px;height:80px;display:flex;flex-direction:column;justify-content:space-between;width:140px}.status-label{font-family:var(--mono-font);font-size:10px;text-transform:uppercase;opacity:.7}.status-value{font-family:var(--accent-font);font-size:24px;transform:rotate(-2deg)}.counter-module{grid-column:3;grid-row:3;justify-self:end;align-self:end;border:var(--border-width) solid var(--ink-color);background:var(--bg-color);width:300px;padding:24px;position:relative}.counter-module:before{content:"";position:absolute;top:-20px;right:50px;width:1px;height:20px;background:var(--ink-color)}.counter-header{font-family:var(--mono-font);font-size:11px;line-height:1.4;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px;color:var(--ink-color)}.counter-display{font-size:48px;font-weight:700;font-family:var(--mono-font);letter-spacing:-2px;color:var(--ink-color)}.counter-unit{font-family:var(--accent-font);font-size:18px;position:absolute;bottom:24px;right:24px;transform:rotate(-5deg);color:var(--ink-color)}.annotation-layer{grid-column:2;grid-row:2;position:relative;display:flex;justify-content:center;align-items:center}.footer-info{grid-column:1;grid-row:3;align-self:end;font-family:var(--mono-font);font-size:10px;opacity:.6;line-height:1.6;max-width:250px;border-left:1px solid white;padding-left:12px;color:var(--ink-color)}.about-content{max-width:600px;font-family:var(--mono-font);font-size:13px;line-height:1.8;opacity:.85;border-left:1px solid rgba(255,255,255,.3);padding-left:24px}.about-heading{font-family:var(--tech-font);font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:24px}.nav-link{text-decoration:none;color:inherit;font-family:var(--tech-font);font-size:32px;font-weight:400;letter-spacing:-.05em;text-transform:lowercase;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#signalCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media(max-width:768px){.ui-layer{grid-template-columns:1fr 0px 1fr;padding:24px;gap:0}.brand-container{height:56px;padding:0 16px}.brand-text{font-size:24px}.status-container{height:56px;width:100px;padding:12px}.nav-link{font-size:24px}.counter-module{width:220px;padding:16px}.counter-display{font-size:36px}.footer-info{max-width:180px;font-size:9px}.about-content{font-size:12px;padding-left:16px}.about-heading{font-size:22px;margin-bottom:16px}}@media(max-width:480px){.ui-layer{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:16px;gap:0}.brand-container{height:48px;padding:0 12px}.brand-text{font-size:20px}.status-container{height:48px;width:80px;padding:8px}.nav-link{font-size:20px}.annotation-layer{grid-column:1 / -1;padding:0 4px}.about-content{font-size:11px;line-height:1.6;padding-left:12px}.about-heading{font-size:18px;margin-bottom:12px}.footer-info{grid-column:1;max-width:150px;font-size:8px;line-height:1.5;padding-left:8px}.counter-module{grid-column:2;width:auto;min-width:0;padding:12px}.counter-module:before{display:none}.counter-header{font-size:9px;margin-bottom:8px;padding-bottom:6px}.counter-display{font-size:28px;letter-spacing:-1px}.counter-unit{font-size:14px;bottom:12px;right:12px}}