.diag{--void:#0a0a0f;--panel:#13131c;--panel-2:#1b1b27;--text:#e8ecf4;--text-dim:#7a8290;--cyan:#22d3ee;--violet:#8b5cf6;--alert:#fb3b53;--border:#e8ecf414;--border-strong:#e8ecf429;--grad-cta:linear-gradient(135deg, #22d3ee 0%, #8b5cf6 100%);background:var(--void);color:var(--text);min-height:100vh;min-height:100dvh;font-family:Chakra Petch,Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.diag-safe-top{padding-top:env(safe-area-inset-top)}.diag-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.diag-safe-x{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:767px){html,body{overscroll-behavior-y:none}.diag{min-height:100dvh}}.diag-bottom-bar{z-index:40;-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;background:linear-gradient(#0a0a0f00,#0a0a0fd9 30%,#0a0a0ff5);position:fixed;bottom:0;left:0;right:0}.diag ::selection{color:var(--text);background:#22d3ee4d}.diag-display{letter-spacing:.02em;font-family:Space Grotesk,Rajdhani,sans-serif;font-weight:700}.diag-mono{font-feature-settings:"ss01";font-family:JetBrains Mono,Space Mono,monospace}.diag-grid-bg{transform-origin:bottom;pointer-events:none;opacity:.7;background-image:linear-gradient(#22d3ee0f 1px,#0000 1px),linear-gradient(90deg,#22d3ee0f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;transform:perspective(800px)rotateX(60deg)scale(1.4)translateY(20%);-webkit-mask-image:radial-gradient(at 50% 100%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 100%,#000,#0000 70%)}.diag-glow{pointer-events:none;background:radial-gradient(60% 40% at 50% 110%,#22d3ee38,#0000 60%),radial-gradient(40% 30% at 10% 0,#8b5cf62e,#0000 60%),radial-gradient(40% 30% at 90% 20%,#8b5cf61a,#0000 60%);position:absolute;inset:0}.diag-grain{pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='1'/></svg>");position:absolute;inset:0}.diag-clip-tr{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.diag-clip-bl{clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}.diag-clip-tl{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}.diag-clip-br{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.diag-clip-cta{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}@keyframes diag-glitch{0%,92%,to{text-shadow:none;transform:translate(0)}93%{text-shadow:2px 0 var(--cyan),-2px 0 var(--violet);transform:translate(-2px,1px)}94%{text-shadow:-2px 0 var(--cyan),2px 0 var(--alert);transform:translate(2px,-1px)}95%{text-shadow:1px 0 var(--violet);transform:translate(-1px,-1px)}96%{text-shadow:-1px 0 var(--cyan);transform:translate(1px,1px)}}.diag-glitch{animation:5s step-end infinite diag-glitch;display:inline-block}@keyframes diag-scan{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}to{opacity:0;transform:translate(100%)}}.diag-scan-overlay:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#22d3ee59,#0000);animation:.6s ease-out forwards diag-scan;position:absolute;inset:0}@keyframes diag-pulse{0%{transform:scale(1)}40%{transform:scale(.98)}70%{transform:scale(1.02)}to{transform:scale(1)}}.diag-pulse{animation:.45s ease-out diag-pulse}@keyframes diag-blink{50%{opacity:0}}.diag-cursor{animation:.9s step-end infinite diag-blink}.diag :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.diag-input{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);padding:14px 14px 14px 44px;font-family:inherit;font-size:15px;transition:border-color .16s,box-shadow .16s,background .16s}.diag-input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 24px -6px #22d3ee8c;background:var(--panel-2);outline:none}.diag-input::placeholder{color:#7a829099}@media(prefers-reduced-motion:reduce){.diag-glitch,.diag-scan-overlay:after,.diag-pulse{animation:none!important}}.diag textarea.diag-input{resize:vertical;min-height:160px;padding:14px}.diag-hud-corner{border:0 solid #22d3ee73;width:16px;height:16px;position:absolute}.diag-hud-corner.tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.diag-hud-corner.tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.diag-hud-corner.bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.diag-hud-corner.br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}@media(max-width:767px){html,body,.diag,.diag *{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.diag ::-webkit-scrollbar{width:0;height:0;display:none}.diag::-webkit-scrollbar{width:0;height:0;display:none}}