:root{--bg:#0a0a0e;--surface:#0c0c12;--border:#1a1a26;--text:#9a9a9a;--text-dim:#505060;--text-bright:#d8d8d0;--accent:#d4a020;--font-mono:"JetBrains Mono",ui-monospace,monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-size:13px}#root{display:flex;justify-content:center;align-items: center;width:100%;min-height:100vh;padding:32px}.terminal{position:relative;background:var(--surface);border:1px solid var(--border);overflow:hidden;border-radius:8px;width:100%;max-width:480px}.scanlines{position:absolute;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000005 2px 4px);border-radius:8px;inset:0}.terminal-bar{display:flex;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:1;justify-content:space-between;align-items: center;padding:11px 16px}.terminal-dots{display:flex;gap:6px}.dot{background:var(--border);border-radius:50%;width:8px;height:8px}.invisible{visibility:hidden}.terminal-title{color:var(--text-dim);font-size:11px}.terminal-body{display:flex;position:relative;z-index:1;flex-direction:column;gap:20px;padding:28px 24px 24px}.brand{color:var(--text-bright);letter-spacing:.04em;font-size:1.8rem;font-weight:600;line-height:1}.tagline{color:var(--text-dim);line-height:1.6}.highlight{color:var(--accent);font-weight:500}.targets{display:flex;flex-direction:column;gap:2px}.target-row{display:flex;text-decoration:none;color:var(--text);justify-content:space-between;align-items: center;padding:6px 0;transition:color .12s}.target-row:hover{color:var(--accent)}.target-row:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.target-row.recommended .target-file{color:var(--accent)}.target-file{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.target-row:hover .target-file{color:var(--accent)}.target-platform{color:var(--text-bright);font-size:12px}@media (max-width:480px){#root{padding:20px}.terminal-body{gap:18px;padding:24px 20px}.brand{font-size:1.5rem}}
