:root{--bg-pitch: #000000;--bg-surface: #070708;--bg-card: #0d0d0f;--bg-card-hover: #121215;--line-subtle: #18181b;--line-medium: #27272a;--line-bright: #52525b;--text-pure-white: #ffffff;--text-high-grey: #d4d4d8;--text-mid-grey: #a1a1aa;--text-low-grey: #71717a;--text-dark-grey: #3f3f46;--font-display: "Syne", sans-serif;--font-cinzel: "Cinzel", serif;--font-serif: "Instrument Serif", serif;--font-mono: "Space Grotesk", monospace, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;background-color:var(--bg-pitch);color:var(--text-mid-grey);font-family:var(--font-mono);overflow:hidden;-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#ffffff09,#fff0 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s}.screen-canvas{position:relative;z-index:2;width:100vw;height:100vh;max-width:177.78vh;max-height:56.25vw;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem 2.25rem;border:1px solid var(--line-subtle);background-color:var(--bg-pitch)}.telemetry-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--line-subtle)}.brand-node{display:flex;align-items:center;gap:.75rem}.brand-code{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.25em;color:var(--text-pure-white)}.brand-divider{color:var(--line-medium);font-size:.8rem}.brand-sub{font-size:.65rem;letter-spacing:.15em;color:var(--text-low-grey);text-transform:uppercase}.system-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;background:var(--bg-surface);border:1px solid var(--line-medium);border-radius:4px}.pulse-node{width:6px;height:6px;background-color:var(--text-pure-white);border-radius:50%;box-shadow:0 0 8px #fffc;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.status-label{font-size:.62rem;font-weight:600;letter-spacing:.14em;color:var(--text-mid-grey)}.main-stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.advisory-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;letter-spacing:.22em;color:var(--text-low-grey);text-transform:uppercase;margin-bottom:.75rem}.advisory-badge:before{content:"▪";color:var(--text-pure-white)}.main-headline{font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin-bottom:.75rem;display:flex;flex-direction:column}.font-syne{font-family:var(--font-display)}.font-cinzel{font-family:var(--font-cinzel)}.font-serif{font-family:var(--font-serif);font-style:italic}.headline-dimmed{color:var(--text-dark-grey);transition:color .3s ease}.headline-bright{color:var(--text-pure-white);font-weight:800}.main-description{font-size:.85rem;line-height:1.55;color:var(--text-mid-grey);max-width:580px;margin-bottom:1.15rem;font-weight:300}.font-selector-row{display:flex;align-items:center;gap:.4rem;margin-bottom:1.15rem}.selector-tag{font-size:.6rem;letter-spacing:.15em;color:var(--text-low-grey);margin-right:.3rem}.font-btn{background:var(--bg-surface);border:1px solid var(--line-subtle);color:var(--text-low-grey);padding:.2rem .6rem;border-radius:3px;font-size:.66rem;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.font-btn:hover{border-color:var(--line-medium);color:var(--text-high-grey)}.font-btn.active{background:#ffffff14;border-color:var(--text-pure-white);color:var(--text-pure-white)}.signature-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.panel-block{background:var(--bg-card);border:1px solid var(--line-subtle);border-radius:6px;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s ease,background-color .2s ease}.panel-block:hover{background:var(--bg-card-hover);border-color:var(--line-medium)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.panel-title{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--text-pure-white);text-transform:uppercase}.panel-tag{font-size:.58rem;color:var(--text-dark-grey);letter-spacing:.1em}.panel-body{font-size:.78rem;color:var(--text-low-grey);line-height:1.45;margin-bottom:.85rem}.subdomain-preset-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.subdomain-chip{background:var(--bg-surface);border:1px solid var(--line-subtle);color:var(--text-mid-grey);padding:.2rem .5rem;border-radius:3px;font-size:.65rem;cursor:pointer;transition:all .15s ease}.subdomain-chip:hover{border-color:var(--line-bright);color:var(--text-pure-white)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:all .15s ease;border:1px solid transparent}.button-primary{background-color:var(--text-pure-white);color:var(--bg-pitch);border-color:var(--text-pure-white)}.button-primary:hover{background-color:var(--text-high-grey);border-color:var(--text-high-grey)}.button-secondary{background-color:var(--bg-surface);color:var(--text-mid-grey);border-color:var(--line-medium)}.button-secondary:hover{background-color:#ffffff0f;color:var(--text-pure-white);border-color:var(--line-bright)}.telegram-input-row{display:flex;align-items:center;gap:.5rem}.handle-display{flex:1;background:#040405;border:1px solid var(--line-medium);border-radius:4px;padding:.45rem .75rem;font-size:.85rem;font-weight:700;color:var(--text-pure-white);letter-spacing:.05em}.icon-trigger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--bg-surface);border:1px solid var(--line-medium);border-radius:4px;color:var(--text-mid-grey);cursor:pointer;transition:all .15s ease}.icon-trigger:hover{border-color:var(--line-bright);color:var(--text-pure-white)}.origin-telemetry-bar{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;background:var(--bg-surface);border:1px solid var(--line-subtle);border-radius:4px;font-size:.7rem}.telemetry-dot{width:4px;height:4px;background-color:var(--text-low-grey);border-radius:50%}.telemetry-text{color:var(--text-low-grey)}.telemetry-highlight{color:var(--text-pure-white);font-weight:600}.telemetry-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--line-subtle);font-size:.68rem;color:var(--text-low-grey)}.footer-nodes{display:flex;align-items:center;gap:.5rem}.footer-sep{color:var(--line-medium)}.clock-counter{display:flex;align-items:center;gap:.4rem;background:var(--bg-surface);padding:.2rem .55rem;border-radius:3px;border:1px solid var(--line-subtle)}.clock-label{font-size:.55rem;color:var(--text-dark-grey);letter-spacing:.1em}.clock-val{color:var(--text-high-grey);font-weight:600}.toast-notice{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#121214;border:1px solid var(--line-bright);border-radius:4px;color:var(--text-pure-white);font-size:.72rem;transform:translateY(100px);opacity:0;transition:all .25s var(--ease-out-expo);z-index:100}.toast-notice.visible{transform:translateY(0);opacity:1}@media (max-width: 768px){html,body,#root{overflow-y:auto}.screen-canvas{height:auto;min-height:100vh;max-height:none;padding:1rem}.signature-panel-grid{grid-template-columns:1fr}}