@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark;--bg0: #070a12;--bg1: #0a1022;--bg2: #0a1630;--panel: rgba(255, 255, 255, .06);--panel2: rgba(12, 18, 36, .75);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--faint: rgba(255, 255, 255, .35);--accent: #2dd4bf;--accent-rgb: 45, 212, 191;--accent2: #f59e0b;--danger: #fb7185;--danger-rgb: 251, 113, 133;--ok: #34d399;--ok-rgb: 52, 211, 153;--border: rgba(255, 255, 255, .12);--border2: rgba(255, 255, 255, .08);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--shadow2: 0 10px 30px rgba(0, 0, 0, .35);--focus: rgba(45, 212, 191, .35);--control-bg: rgba(0, 0, 0, .28);--control-bg2: rgba(255, 255, 255, .06);--pill-bg: rgba(0, 0, 0, .24);--badge-bg: rgba(0, 0, 0, .22);--kbd-bg: rgba(0, 0, 0, .25);--hr: rgba(255, 255, 255, .09);--divider-line: rgba(255, 255, 255, .1);--canvas-bg: rgba(0, 0, 0, .32);--canvas-border: rgba(255, 255, 255, .08);--canvas-section-fill: rgba(255, 255, 255, .04);--canvas-section-text: rgba(255, 255, 255, .18);--canvas-grid: rgba(255, 255, 255, .06);--body-bg: radial-gradient(1200px 700px at 15% 10%, rgba(45, 212, 191, .18), transparent 65%), radial-gradient(900px 500px at 85% 25%, rgba(245, 158, 11, .14), transparent 60%), radial-gradient(1000px 600px at 45% 95%, rgba(96, 165, 250, .12), transparent 70%), linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, #050713 100%);--panel-bg: linear-gradient(180deg, var(--panel2), rgba(12, 18, 36, .55));--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}@media (prefers-color-scheme: light){:root{--bg0: #f6f7fb;--bg1: #ffffff;--bg2: #eef2f7;--panel: rgba(255, 255, 255, .82);--panel2: rgba(255, 255, 255, .92);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .62);--faint: rgba(15, 23, 42, .4);--accent: #0ea5e9;--accent-rgb: 14, 165, 233;--accent2: #f59e0b;--danger: #e11d48;--danger-rgb: 225, 29, 72;--ok: #16a34a;--ok-rgb: 22, 163, 74;--border: rgba(15, 23, 42, .18);--border2: rgba(15, 23, 42, .12);--shadow: 0 18px 60px rgba(2, 6, 23, .1);--shadow2: 0 10px 30px rgba(2, 6, 23, .08);--focus: rgba(14, 165, 233, .35);--control-bg: rgba(255, 255, 255, .92);--control-bg2: rgba(2, 6, 23, .04);--pill-bg: rgba(255, 255, 255, .72);--badge-bg: rgba(255, 255, 255, .75);--kbd-bg: rgba(2, 6, 23, .04);--hr: rgba(15, 23, 42, .12);--divider-line: rgba(15, 23, 42, .12);--canvas-bg: rgba(255, 255, 255, .78);--canvas-border: rgba(15, 23, 42, .14);--canvas-section-fill: rgba(2, 6, 23, .04);--canvas-section-text: rgba(15, 23, 42, .4);--canvas-grid: rgba(15, 23, 42, .1);--body-bg: radial-gradient(1200px 700px at 15% 10%, rgba(14, 165, 233, .1), transparent 65%), radial-gradient(900px 500px at 85% 25%, rgba(245, 158, 11, .1), transparent 60%), radial-gradient(1000px 600px at 45% 95%, rgba(99, 102, 241, .08), transparent 70%), linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 55%, var(--bg2) 100%);--panel-bg: linear-gradient(180deg, var(--panel2), var(--panel))}}html,body{height:100%}body{margin:0;color:var(--text);font-family:var(--font-sans);line-height:1.45;background:var(--body-bg)}.shell{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.container{max-width:1180px;margin:0 auto;padding:28px clamp(14px,3vw,26px) 80px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}@media (max-width: 720px){.topbar{flex-direction:column;align-items:stretch}}.brand{display:flex;flex-direction:column;gap:2px}.brand h1{margin:0;font-size:18px;letter-spacing:.2px}.brand small{color:var(--muted)}.panel{background:var(--panel-bg);border:1px solid var(--border2);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px}.grid.single{grid-template-columns:1fr}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.section{padding:16px}.section h2{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,select,textarea,button{font:inherit;min-width:0}input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border2);background:var(--control-bg);color:var(--text);outline:none}textarea{resize:vertical}input[type=range]{width:100%}button{min-height:44px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border2);background:var(--control-bg2);color:var(--text);cursor:pointer;box-shadow:var(--shadow2);transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}button.primary{border-color:rgba(var(--accent-rgb),.55);background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.12))}button.danger{border-color:rgba(var(--danger-rgb),.6);background:linear-gradient(180deg,rgba(var(--danger-rgb),.2),rgba(var(--danger-rgb),.1));box-shadow:0 12px 35px rgba(var(--danger-rgb),.15)}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border)}button.primary:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.75)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.googleBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:var(--border);background:var(--panel)}button.googleBtn:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.55)}.googleIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.googleIcon svg{width:18px;height:18px;display:block}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}@media (max-width: 520px){.row{grid-template-columns:1fr}}.muted{color:var(--muted)}.error{color:var(--danger);white-space:pre-wrap}.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--border2);border-radius:999px;background:var(--pill-bg);color:var(--muted)}.canvasWrap{height:clamp(240px,44vh,520px);padding:12px}canvas{width:100%;height:100%;display:block;border-radius:var(--radius-lg);border:1px solid var(--canvas-border);background:var(--canvas-bg)}.stack{display:flex;flex-direction:column;gap:16px}.cluster{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.clusterEnd{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.twoCol{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}@media (max-width: 980px){.twoCol{grid-template-columns:1fr}}.authCard{padding:18px}.title{font-size:24px;letter-spacing:-.02em;margin:0 0 6px}.section h2.title{font-size:24px;letter-spacing:-.02em;margin:0 0 6px;text-transform:none;color:var(--text)}.subtitle{margin:0;color:var(--muted)}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px;margin:14px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--divider-line)}.kbd{font-family:var(--font-mono);font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border2);background:var(--kbd-bg);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border2);background:var(--badge-bg);color:var(--muted)}.dot{width:9px;height:9px;border-radius:999px;background:var(--border)}.dot.ok{background:rgba(var(--ok-rgb),.9)}.dot.accent{background:rgba(var(--accent-rgb),.95)}.dot.danger{background:rgba(var(--danger-rgb),.95)}.dot.muted{background:var(--border2)}.liftIn{animation:liftIn .38s ease both}.hr{height:1px;background:var(--hr);margin:14px 0}.chipGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.btnRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 520px){.btnRow{grid-template-columns:1fr}}.jobRow{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border2);background:var(--pill-bg)}.jobMeta{display:flex;flex-direction:column;gap:2px;min-width:180px}.jobActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@keyframes liftIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.liftIn{animation:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.linkBtn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid transparent;color:var(--accent);background:transparent;text-decoration:none}.linkBtn:hover{border-color:var(--border2);background:var(--control-bg2);text-decoration:none}.authContainer{max-width:560px}.authPanel{max-width:560px;margin:0 auto}.authHeader{display:flex;flex-direction:column;gap:4px}.authFooter{display:flex;flex-direction:column;gap:10px;margin-top:6px}.hint{border:1px solid var(--border2);border-radius:var(--radius-lg);background:var(--pill-bg);padding:10px 12px}.reqList{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:12px}.reqList li{margin:2px 0}.okText{color:rgba(var(--ok-rgb),.95)}.prose h2{margin:16px 0 10px;font-size:16px;text-transform:none;letter-spacing:0;color:var(--text)}.prose p{margin:0 0 12px;color:var(--muted)}.prose ul{margin:0 0 12px;padding-left:18px;color:var(--muted)}.prose li{margin:4px 0}.jobRow.selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.jobRow.selectable:hover{border-color:var(--border);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),var(--pill-bg))}.jobRow.selectable input[type=checkbox]{margin:0}
