:root{color-scheme:dark;--bg-app: #09090b;--bg-card: #141417;--bg-input: #0b0b0d;--border: #27272a;--border-strong: #3f3f46;--text-primary: #f4f4f5;--text-body: #e4e4e7;--text-muted: #a1a1aa;--text-subtle: #71717a;--brand-600: #059669;--brand-500: #10b981;--brand-400: #34d399;--rose-400: #fb7185;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#10b9814d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-size:14px;line-height:1.5;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:18vh 24px 48px;display:flex;flex-direction:column;gap:24px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);display:grid;place-items:center}.brand-mark svg{width:28px;height:28px;display:block}h1{margin:0;font-size:26px;letter-spacing:-.02em;font-weight:600}.go-form{display:flex;flex-direction:column;gap:8px}.input-row{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:10px;padding:5px 5px 5px 14px;transition:border-color .15s,box-shadow .15s}.input-row:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #10b98126}#target{all:unset;flex:1;min-width:0;font-size:14.5px;color:var(--text-primary);font-family:SF Mono,Menlo,Monaco,ui-monospace,monospace;padding:9px 0}#target::placeholder{color:var(--text-subtle);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px}#target.invalid{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}50%{transform:translate(-3px)}}button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-body);background:transparent;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s}button.primary{background:var(--brand-600);color:#fff}button.primary:hover{background:var(--brand-500)}.hint{margin:0;font-size:12.5px;color:var(--rose-400);padding:0 4px}.examples{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.chip{font-family:SF Mono,Menlo,Monaco,ui-monospace,monospace;font-size:12px;padding:4px 10px;border-radius:999px;color:var(--text-subtle);background:transparent;border:1px solid var(--border)}.chip:hover{color:var(--text-body);border-color:var(--border-strong)}.built-by{text-align:center;padding:24px 0 32px;font-size:12px;color:var(--text-subtle)}.built-by a{color:var(--text-muted);text-decoration:none;font-weight:500}.built-by a:hover{color:var(--brand-500);text-decoration:underline}
