*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0a0a0a;--grid-line: rgba(255, 255, 255, .03);--accent: #d4c4b0;--accent-dim: rgba(212, 196, 176, .4);--text-main: #e0e0e0;--text-muted: #666666;--font-sans: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-unit: 2rem}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);margin:0;position:relative;cursor:crosshair}.tech-overlay{position:fixed;inset:0;pointer-events:none;z-index:10;padding:var(--spacing-unit)}.tech-mark{position:absolute;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);opacity:.5;letter-spacing:.05em}.top-left-status{bottom:2rem;right:2rem;top:auto;left:auto}.status-label{color:var(--text-muted)}.status-value{position:relative;color:var(--text-muted);background:linear-gradient(90deg,var(--text-muted) 0%,var(--text-muted) 25%,var(--accent) 50%,var(--text-muted) 75%,var(--text-muted) 100%);background-size:300% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:statusSweep 4s ease-in-out 2s infinite}.brand-glow{position:relative;color:var(--text-muted);background:linear-gradient(90deg,var(--text-muted) 0%,var(--text-muted) 25%,var(--accent) 50%,var(--text-muted) 75%,var(--text-muted) 100%);background-size:300% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:statusSweep 4s ease-in-out 4s infinite}@keyframes statusSweep{0%{background-position:0% 0}50%{background-position:100% 0}to{background-position:0% 0}}.top-right-lang{top:2rem;right:2rem;display:flex;gap:.5rem;align-items:center}.bottom-left-channel{bottom:2rem;left:2rem}.lang-link{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.75rem;opacity:.5;transition:all .3s ease;pointer-events:auto;cursor:pointer}.lang-link:hover,.lang-link.active{color:var(--accent);opacity:1}.lang-divider{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;opacity:.3}.bottom-right-brand{top:2rem;left:2rem;bottom:auto;right:auto;font-family:var(--font-sans);font-size:1.85rem;font-weight:500;color:var(--text-muted);opacity:.5;letter-spacing:-.02em}.grid-bg{position:fixed;inset:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;background-position:center center;pointer-events:none;z-index:0}.grid-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.grid-canvas.base{z-index:1;display:none}.grid-canvas.hover{z-index:2}.blueprint-container{position:relative;z-index:5;height:100vh;height:100dvh;display:flex;align-items:flex-end;justify-content:flex-start;padding:5vh 8vw 15vh 8vw}.content-wrapper{max-width:720px;width:100%}.mono-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);display:block;margin-bottom:.3rem;opacity:.7}.headline{font-family:var(--font-sans);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text-main)}.loading-dots{display:inline-block;margin-left:.3em}.loading-dots:after{content:"";font-size:.35em;letter-spacing:.2em;animation:dotsSquare 3s ease-in-out infinite;vertical-align:middle}@keyframes dotsSquare{0%,20%{content:""}21%,40%{content:"\25a0"}41%,60%{content:"\25a0  \25a0"}61%,80%{content:"\25a0  \25a0  \25a0"}81%,to{content:""}}.subheadline{font-size:1.1rem;color:var(--text-muted);font-weight:300;line-height:1.5;margin-bottom:2rem}.blueprint-form{display:flex;flex-direction:column;gap:1.5rem;opacity:1;transition:opacity .5s ease;margin-top:0}.blueprint-form.hidden{opacity:0;pointer-events:none}.input-group{position:relative}.blueprint-input{width:100%;background:transparent;border:none;border-bottom:1px solid #333;padding:.5rem 0;font-family:var(--font-sans);font-size:1rem;color:var(--text-main);border-radius:0;transition:all .3s ease;caret-color:var(--accent)}.blueprint-input:focus,.blueprint-input:not(:placeholder-shown){outline:none;border-bottom-color:var(--accent);color:var(--accent)}.blueprint-input::placeholder{color:#444;font-weight:300;transition:color .3s ease}.blueprint-input:focus::placeholder{color:var(--accent-dim)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.blueprint-btn{background:transparent;border:1px solid transparent;color:var(--accent);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;padding:.5rem 0;display:flex;align-items:center;gap:1rem;transition:all .3s ease;opacity:.8}.blueprint-btn:hover:not(:disabled){opacity:1;padding-right:1rem}.blueprint-btn:disabled{opacity:.3;cursor:wait}.btn-symbol{font-size:1.2rem;line-height:1}.form-hint{color:var(--accent);text-align:right;min-height:1rem;opacity:0;transition:opacity .3s ease}.form-hint.error{color:#bd4b4b;opacity:1}.success-message{width:100%;padding:1rem 0;margin-bottom:1rem;opacity:0;max-height:0;overflow:hidden;transform:translateY(-10px);transition:all .4s ease}.success-message.active{opacity:1;max-height:100px;transform:translateY(0)}.success-text{font-family:var(--font-sans);font-size:1.2rem;color:var(--text-main)}@media (max-width: 480px){.blueprint-container{padding:2vh 5vw 18vh 5vw;align-items:flex-end;justify-content:flex-start;min-height:100vh;min-height:100dvh}.content-wrapper{max-width:100%;padding-bottom:2rem}.tech-overlay{padding:1rem}.tech-mark{font-size:.65rem;opacity:.45}.top-left-status{top:auto!important;left:auto!important;bottom:1.25rem!important;right:1.25rem!important}.top-right-lang{top:1.25rem;right:1.25rem;gap:.75rem}.lang-link{font-size:.75rem;font-weight:500;opacity:.65}.lang-link:hover,.lang-link.active{opacity:1;color:var(--accent)}.lang-divider{opacity:.5}.bottom-left-channel{bottom:1.25rem;left:1.25rem}.bottom-right-brand{bottom:auto!important;right:auto!important;top:1.25rem!important;left:1.25rem!important;font-size:1.35rem!important;opacity:.5!important;font-weight:500!important}.grid-bg{background-size:40px 40px}.mono-label{font-size:.6rem;margin-bottom:.2rem}.headline{font-size:1.65rem;margin-bottom:.5rem;line-height:1.15}.subheadline{font-size:.8rem;line-height:1.6;margin-bottom:1.25rem;opacity:.65}.blueprint-form{gap:1rem;margin-bottom:2rem}.blueprint-input{font-size:.9rem;padding:.4rem 0}.form-footer{flex-direction:row;gap:.85rem;align-items:center;justify-content:space-between;margin-top:.75rem}.blueprint-btn{font-size:.7rem;padding:.6rem 1rem;width:auto;min-width:130px}.form-hint{font-size:.65rem;text-align:center}.success-message{padding:1.5rem 0;gap:.7rem;margin-bottom:2rem}.success-text{font-size:.95rem}}@media (min-width: 481px) and (max-width: 768px){.blueprint-container{padding:3vh 6vw 18vh 6vw;align-items:flex-end;justify-content:flex-start;min-height:100vh;min-height:100dvh}.content-wrapper{max-width:100%;padding-bottom:1.5rem}.tech-overlay{padding:1rem}.tech-mark{font-size:.7rem;opacity:.5}.top-left-status{top:auto!important;left:auto!important;bottom:1.5rem!important;right:1.5rem!important}.top-right-lang{top:1.5rem;right:1.5rem;gap:.85rem}.lang-link{font-size:.8rem;font-weight:500;opacity:.7}.lang-link:hover,.lang-link.active{opacity:1;color:var(--accent)}.lang-divider{opacity:.55}.bottom-left-channel{bottom:1.5rem;left:1.5rem}.bottom-right-brand{bottom:auto!important;right:auto!important;top:1.5rem!important;left:1.5rem!important;font-size:1.55rem!important;opacity:.55!important;font-weight:500!important}.grid-bg{background-size:45px 45px}.mono-label{font-size:.65rem;margin-bottom:.25rem}.headline{font-size:1.85rem;margin-bottom:.6rem;line-height:1.15}.subheadline{font-size:.9rem;line-height:1.6;margin-bottom:1.35rem;opacity:.7}.blueprint-form{gap:1.15rem;margin-bottom:1.5rem}.blueprint-input{font-size:.95rem;padding:.45rem 0}.form-footer{flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;margin-top:.85rem}.blueprint-btn{font-size:.75rem;padding:.65rem 1.15rem;width:auto;min-width:140px}.form-hint{font-size:.7rem;text-align:center}.success-message{padding:1.5rem 0;gap:.75rem;margin-bottom:1.5rem}.success-text{font-size:1rem}}
