:root{--bg: #06080c;--ink: #eaf2ff;--steel: #c3cbda;--muted: #9aa3b4;--dim: #6a7488;--faint: #5c6475;--line: rgba(120, 130, 148, .18);--line-soft: rgba(120, 130, 148, .12);--font-display: "Chakra Petch", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--font-body: "Space Grotesk", system-ui, sans-serif;--plate: linear-gradient(160deg, rgba(28, 32, 40, .92), rgba(14, 17, 23, .96));--deck: linear-gradient(180deg, rgba(20, 24, 32, .6), rgba(10, 13, 19, .95))}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-frame{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:radial-gradient(ellipse at 50% -5%,#3c445666,#06080c 60%),var(--bg)}.fT{font-family:var(--font-display);font-weight:600}.fM{font-family:var(--font-mono);letter-spacing:1.5px}.fB{font-family:var(--font-body)}.h1{font-family:var(--font-display);font-weight:600;font-size:25px;letter-spacing:1px;line-height:1.1;margin:0}.h2{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:1px;margin:0}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--muted);margin:0 0 7px}.plate{position:relative;background:var(--plate);border:1px solid var(--line);border-radius:4px}.rivet{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6b7280,#2a2e37)}.rivet.tl{top:4px;left:4px}.rivet.tr{top:4px;right:4px}.rivet.bl{bottom:4px;left:4px}.rivet.br{bottom:4px;right:4px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(120,130,148,.35) 20%,rgba(120,130,148,.35) 80%,transparent)}.rail-row{display:flex;gap:14px}.rail{width:2px;flex-shrink:0}.lrow{display:flex;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft)}.lrow:last-child{border-bottom:none}.btn{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;padding:8px 14px;border-radius:3px;cursor:pointer;background:transparent;color:var(--muted);border:1px solid rgba(120,130,148,.3);transition:transform .08s ease}.btn:active{transform:scale(.97)}.btn-primary{background:#22d3ee24;color:#22d3ee;border:1px solid rgba(34,211,238,.5)}input,textarea{font-family:var(--font-body);background:#0a101ae6;border:1px solid rgba(120,130,148,.3);border-radius:3px;color:var(--ink);font-size:13px;padding:9px 11px;width:100%}input:focus,textarea:focus{outline:none;border-color:#c3cbda80}button{font:inherit}a{color:inherit;text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.pulse,.wave-bar{animation:none!important}}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 22px}.screen::-webkit-scrollbar{width:0}