:root{--ground: oklch(.15 .018 280);--surface: oklch(.205 .02 280);--track: oklch(.26 .02 280);--line: oklch(.34 .02 280);--dim: oklch(.67 .015 280);--text: oklch(.97 .005 280);--ink: oklch(.15 .018 280);--signal: oklch(.72 .19 45);--signal-hi: oklch(.8 .17 55);--arrival: oklch(.82 .15 200);--alert: oklch(.68 .21 25);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Archivo", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--signal);text-decoration:none}a:hover{color:var(--signal-hi)}.mono{font-family:var(--font-mono)}.nav{display:flex;align-items:center;gap:40px;padding:20px 44px;border-bottom:1px solid var(--line)}.nav__logo{font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.04em;color:var(--signal)}.nav__links{display:flex;gap:2px;flex-grow:1}.nav__link{padding:9px 18px;font-size:14px;font-weight:500;color:var(--dim);background:none;border:none;font-family:inherit;cursor:pointer}.nav__link:hover{color:var(--text)}.nav__link--active{font-weight:700;background:var(--signal);color:var(--ink)}.nav__user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dim)}.nav__avatar{width:32px;height:32px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text);object-fit:cover}.btn{font-family:inherit;font-size:14px;font-weight:700;padding:13px 24px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:var(--text);background:none}.btn--primary{background:var(--signal);color:var(--ink)}.btn--primary:hover{background:var(--signal-hi)}.btn--solid{background:var(--text);color:var(--ink);border-color:var(--text)}.btn--ghost{border-color:var(--line);color:var(--dim);font-weight:500}.btn--ghost:hover{color:var(--text);border-color:var(--dim)}.btn:disabled{cursor:not-allowed;background:none;color:#535461;border-color:var(--line)}.label{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--dim)}.pill{padding:4px 9px;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap;border:1px solid var(--line);color:var(--dim);text-transform:uppercase}.pill--ready{border-color:var(--signal);color:var(--signal)}.pill--failed{border-color:var(--alert);color:var(--alert)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:16px;display:block}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin-top:-6.5px;border-radius:0;background:var(--text)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:0;background:var(--text)}input[type=range]:hover::-webkit-slider-thumb{background:var(--signal)}input[type=range]:hover::-moz-range-thumb{background:var(--signal)}.page{padding:40px 44px}.page__title{font-family:var(--font-display);font-weight:800;line-height:.9;letter-spacing:-.04em;font-size:66px;margin:0}.field{font-family:inherit;font-size:14px;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:11px 14px}.field:focus{outline:none;border-color:var(--signal)}[role=alert]{color:var(--alert)}