.app{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero{margin-bottom:1.75rem}.brand{display:flex;align-items:center;gap:.9rem;margin-bottom:.75rem}.logo{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#041016;box-shadow:0 10px 30px color-mix(in oklab,var(--accent) 35%,transparent)}.eyebrow{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:.1rem 0 0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.03em;line-height:1.1}.lede{margin:0;max-width:52rem;color:var(--muted);line-height:1.55}.layout{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:960px){.layout{grid-template-columns:1.05fr .95fr;align-items:start}}.col{display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:1.15rem 1.2rem 1.25rem;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel-head h2{margin:0;font-size:1.05rem;letter-spacing:-.02em}.muted{margin:.3rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.link{color:var(--accent);text-decoration:none;font-size:.9rem;white-space:nowrap}.link:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem .75rem}.field{display:flex;flex-direction:column;gap:.35rem;margin:0;border:0;padding:0;min-width:0}.field>span,.field legend{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.span-2{grid-column:1 / -1}input,select,textarea{width:100%;border-radius:.65rem;border:1px solid var(--border);background:var(--input);color:var(--text);padding:.65rem .75rem;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:color-mix(in oklab,var(--accent) 70%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;cursor:pointer}.chip.active{border-color:color-mix(in oklab,var(--accent) 60%,var(--border));background:color-mix(in oklab,var(--accent) 18%,var(--input));color:var(--text)}.hint{margin:.45rem 0 0;font-size:.78rem;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--muted);cursor:pointer}.check input{width:auto;margin-top:.2rem}.query-preview{background:var(--code-bg);border:1px dashed var(--border);border-radius:.75rem;padding:.75rem .85rem}.query-preview .label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.35rem}.query-preview code,.used-query code{font-family:var(--mono);font-size:.82rem;color:var(--accent-2);white-space:pre-wrap;word-break:break-word}.actions{display:flex;justify-content:flex-end}button{font:inherit;cursor:pointer;border-radius:.65rem;border:1px solid transparent}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#041016;font-weight:700;border:none;padding:.6rem 1rem}.primary.lg{padding:.75rem 1.25rem;min-width:10rem}.primary.sm,.ghost.sm{padding:.4rem .7rem;font-size:.85rem}.ghost{background:transparent;border-color:var(--border);color:var(--text);padding:.55rem .85rem}.ghost:hover,.chip:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.key-row{display:flex;gap:.6rem;flex-wrap:wrap}.input-wrap{flex:1;min-width:12rem;display:flex;gap:.4rem;align-items:center}.input-wrap input{flex:1}.status{margin:.7rem 0 0;font-size:.85rem}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.used-query{display:flex;flex-direction:column;gap:.25rem;margin:0 0 .9rem;font-size:.78rem;color:var(--muted)}.banner{border-radius:.65rem;padding:.7rem .85rem;margin-bottom:.85rem;font-size:.9rem;line-height:1.4}.banner.error{background:color-mix(in oklab,var(--danger) 14%,transparent);border:1px solid color-mix(in oklab,var(--danger) 40%,transparent);color:#ffc9c9}.banner.warn{background:color-mix(in oklab,var(--warn) 14%,transparent);border:1px solid color-mix(in oklab,var(--warn) 40%,transparent);color:#ffe4b0}.empty{padding:1.5rem .5rem 1rem;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:.4rem}.job-list{display:flex;flex-direction:column;gap:.85rem}.job-card{border:1px solid var(--border);background:var(--input);border-radius:.85rem;padding:.95rem 1rem}.job-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.job-card h3{margin:0;font-size:1rem;letter-spacing:-.02em;line-height:1.3}.company{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}.dot{margin:0 .35rem;opacity:.6}.source-badge{flex-shrink:0;font-size:.72rem;border-radius:999px;padding:.25rem .55rem;border:1px solid var(--border);color:var(--muted);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.tag{font-size:.72rem;text-transform:lowercase;border-radius:999px;padding:.18rem .5rem;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent-2)}.tag.salary{background:color-mix(in oklab,var(--ok) 14%,transparent);color:var(--ok)}.desc{margin:.65rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.md-preview{margin:.75rem 0 0;max-height:16rem;overflow:auto;background:var(--code-bg);border-radius:.55rem;padding:.7rem;font-family:var(--mono);font-size:.75rem;color:var(--muted);white-space:pre-wrap}.job-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.skeleton-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-card{height:7.5rem;border-radius:.85rem;background:linear-gradient(90deg,var(--input) 0%,color-mix(in oklab,var(--panel) 70%,white) 50%,var(--input) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.footer{margin-top:2rem;color:var(--muted);font-size:.82rem;line-height:1.5;max-width:48rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}:root{color-scheme:dark;--bg: #070b12;--panel: #0e1522;--input: #111a2a;--border: #243147;--text: #e8eef8;--muted: #93a0b8;--accent: #5eead4;--accent-2: #7dd3fc;--ok: #86efac;--warn: #fbbf24;--danger: #f87171;--code-bg: #0a101b;--shadow: 0 16px 40px rgba(0, 0, 0, .28);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(94,234,212,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(125,211,252,.1),transparent 50%),var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}