.diag{--void: #0a0a0f;--panel: #13131c;--panel-2: #1b1b27;--text: #e8ecf4;--text-dim: #7a8290;--cyan: #22d3ee;--violet: #8b5cf6;--alert: #fb3b53;--border: rgba(232, 236, 244, .08);--border-strong: rgba(232, 236, 244, .16);--grad-cta: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 100%);background:var(--void);color:var(--text);font-family:Chakra Petch,Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;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{position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(180deg,#0a0a0f00,#0a0a0fd9 30%,#0a0a0ff5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px}.diag *::selection{background:#22d3ee4d;color:var(--text)}.diag-display{font-family:Space Grotesk,Rajdhani,sans-serif;font-weight:700;letter-spacing:.02em}.diag-mono{font-family:JetBrains Mono,Space Mono,monospace;font-feature-settings:"ss01"}.diag-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,1) 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,1) 0%,transparent 70%);transform:perspective(800px) rotateX(60deg) scale(1.4) translateY(20%);transform-origin:center bottom;pointer-events:none;opacity:.7}.diag-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 110%,rgba(34,211,238,.22),transparent 60%),radial-gradient(ellipse 40% 30% at 10% 0%,rgba(139,92,246,.18),transparent 60%),radial-gradient(ellipse 40% 30% at 90% 20%,rgba(139,92,246,.1),transparent 60%);pointer-events:none}.diag-grain{position:absolute;inset:0;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>")}.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{transform:translate(0);text-shadow:none}93%{transform:translate(-2px,1px);text-shadow:2px 0 var(--cyan),-2px 0 var(--violet)}94%{transform:translate(2px,-1px);text-shadow:-2px 0 var(--cyan),2px 0 var(--alert)}95%{transform:translate(-1px,-1px);text-shadow:1px 0 var(--violet)}96%{transform:translate(1px,1px);text-shadow:-1px 0 var(--cyan)}}.diag-glitch{display:inline-block;animation:diag-glitch 5s infinite steps(1,end)}@keyframes diag-scan{0%{transform:translate(-100%);opacity:0}20%{opacity:1}to{transform:translate(100%);opacity:0}}.diag-scan-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.35),transparent);animation:diag-scan .6s ease-out forwards;pointer-events:none}@keyframes diag-pulse{0%{transform:scale(1)}40%{transform:scale(.98)}70%{transform:scale(1.02)}to{transform:scale(1)}}.diag-pulse{animation:diag-pulse .45s ease-out}@keyframes diag-blink{50%{opacity:0}}.diag-cursor{animation:diag-blink .9s steps(1) infinite}.diag :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.diag-input{width:100%;background:var(--panel);border:1px solid var(--border);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{padding:14px;min-height:160px;resize:vertical}.diag-hud-corner{position:absolute;width:16px;height:16px;border-color:#22d3ee73;border-style:solid;border-width:0}.diag-hud-corner.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.diag-hud-corner.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.diag-hud-corner.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.diag-hud-corner.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}