@import "https://fonts.googleapis.com/css2?family=Martian+Mono:wght@300;400;500;600;700&family=Spline+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(13% .018 142);--bg-2:oklch(16% .02 142);--panel:oklch(18% .022 142);--panel-hi:oklch(22% .026 142);--ink:oklch(92% .018 142);--muted:oklch(66% .022 142);--dim:oklch(48% .02 142);--line:oklch(34% .032 142);--line-hi:oklch(48% .045 142);--paper:oklch(93% .014 110);--paper-ink:oklch(18% .023 142);--paper-muted:oklch(42% .02 142);--good:oklch(76% .16 151);--good-bg:oklch(25% .065 151);--warn:oklch(82% .14 82);--warn-bg:oklch(26% .06 82);--bad:oklch(68% .18 28);--bad-bg:oklch(25% .075 28);--accent:oklch(78% .11 198);--accent-bg:oklch(23% .055 198);--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;background:var(--bg);color:var(--ink);font-family:Spline Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(oklch(100% 0 0/.03) 1px, transparent 1px), linear-gradient(90deg, oklch(100% 0 0/.03) 1px, transparent 1px), var(--bg);background-size:32px 32px;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(#0000,oklch(8% .02 142/.42));position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}code{color:var(--warn)}.app-shell{width:min(1580px,100% - 32px);padding:var(--space-2xl) 0 var(--space-3xl);margin:0 auto;position:relative}.hero{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:end;display:grid}.eyebrow{margin:0 0 var(--space-md);color:var(--accent);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:var(--space-sm);font-family:Martian Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700;display:inline-flex}h1{letter-spacing:-.07em;text-transform:uppercase;max-width:12ch;margin:0;font-family:Martian Mono,ui-monospace,monospace;font-size:clamp(2.2rem,4.6vw,5.4rem);line-height:.92}.hero-copy{color:var(--muted);max-width:68ch;margin:var(--space-lg) 0 0;font-family:Martian Mono,ui-monospace,monospace;font-size:.86rem;line-height:1.7}.hero-panel,.panel,.notice,.login-panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 1px oklch(0% 0 0/.28),12px 12px oklch(0% 0 0/.18)}.hero-panel{padding:var(--space-md);gap:var(--space-sm);display:grid}.hero-metric{justify-content:space-between;align-items:baseline;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-2);border:1px solid var(--line);display:flex}.hero-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem}.hero-metric strong{letter-spacing:-.04em;font-family:Martian Mono,ui-monospace,monospace;font-size:1.15rem}.system-note{color:var(--warn);border:1px solid var(--line);padding:var(--space-sm);background:var(--warn-bg);margin:0;font-family:Martian Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.5}.hero-actions{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}button,.ghost{min-height:40px;color:var(--ink);border:1px solid var(--line-hi);letter-spacing:-.04em;text-transform:uppercase;background:oklch(24% .026 142);justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-family:Martian Mono,ui-monospace,monospace;font-size:.74rem;font-weight:700;transition:transform .12s,background .12s,color .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:4px 4px oklch(0% 0 0/.45)}button.primary{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}button.danger{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}button.ghost{min-height:32px;color:var(--ink);background:0 0;padding:.45rem .7rem}.notice{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);font-family:Martian Mono,ui-monospace,monospace;font-size:.82rem;display:flex}.notice.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.notice.warn{background:var(--warn-bg);color:var(--warn);border-color:oklch(55% .1 82)}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.phone-grid{grid-template-columns:repeat(3,minmax(300px,1fr));align-items:start;gap:clamp(1rem,2vw,2rem);display:grid}.phone-frame{place-items:center;display:grid}.phone-hardware{background:linear-gradient(145deg,oklch(8% .015 142),oklch(31% .03 142));border-radius:40px;width:100%;max-width:450px;padding:13px;box-shadow:inset 0 0 0 1px oklch(52% .028 142),0 28px 70px oklch(5% .015 142/.62)}.phone-speaker{background:oklch(48% .02 142);border-radius:999px;width:86px;height:7px;margin:4px auto 10px}.phone-screen{min-height:820px;padding:var(--space-lg);background:var(--paper);color:var(--paper-ink);gap:var(--space-md);border-radius:30px;flex-direction:column;display:flex;overflow:hidden}.phone-topbar{justify-content:space-between;align-items:start;gap:var(--space-sm);border-bottom:1px solid var(--line-light,oklch(78% .018 110));padding-bottom:var(--space-sm);display:flex}.phone-topbar strong{letter-spacing:-.05em;text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:1.1rem}.phone-topbar small,.jobs-mini small,.event-row small,.job-row small{color:var(--paper-muted);font-family:Martian Mono,ui-monospace,monospace;font-size:.7rem;line-height:1.45;display:block}.pill{text-transform:uppercase;letter-spacing:.06em;border:1px solid;align-items:center;padding:.33rem .55rem;font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem;font-weight:800;display:inline-flex}.pill.good,.dot.good{color:oklch(43% .15 154);background:oklch(90% .055 154)}.pill.warn,.dot.warn{color:oklch(47% .13 78);background:oklch(91% .06 78)}.pill.bad,.dot.bad{color:oklch(46% .16 28);background:oklch(91% .07 28)}.pill.quiet,.dot.quiet{color:oklch(45% .02 110);background:oklch(86% .012 110)}.screenshot-box{aspect-ratio:9/16;background:oklch(14% .02 142);border:1px solid oklch(74% .018 110);border-radius:18px;place-items:center;width:100%;display:grid;overflow:hidden}.screenshot-box img{object-fit:cover;width:100%;height:100%;display:block}.no-shot{place-items:center;gap:var(--space-sm);color:oklch(76% .016 110);text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-weight:700;display:grid}.mini-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.metric{padding:var(--space-sm) var(--space-md);column-gap:var(--space-sm);background:oklch(96% .01 110);border:1px solid oklch(77% .018 110);grid-template-columns:auto 1fr;align-items:center;display:grid}.metric svg{color:oklch(40% .12 198);grid-row:span 2}.metric span{color:var(--paper-muted);text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem}.metric strong{font-family:Martian Mono,ui-monospace,monospace;font-size:.98rem}.detail-block{padding:var(--space-sm) var(--space-md);background:oklch(96% .01 110);border:1px solid oklch(77% .018 110)}.detail-block span{color:var(--paper-muted);text-transform:uppercase;margin-bottom:.15rem;font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem;display:block}.detail-block strong{word-break:break-word;min-height:2.5em;font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem;line-height:1.35;display:block}.punch-strip{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.punch-strip div{padding:var(--space-sm) var(--space-md);background:oklch(90% .025 110);border:1px solid oklch(77% .018 110)}.punch-strip span{color:var(--paper-muted);text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem;display:block}.punch-strip strong{font-family:Martian Mono,ui-monospace,monospace;font-size:.76rem}.jobs-mini{gap:.2rem;min-height:2.2rem;display:grid}.running-line{align-items:center;gap:var(--space-sm);color:oklch(35% .12 198);padding:var(--space-sm);text-transform:uppercase;background:oklch(90% .04 198);border:1px solid oklch(68% .08 198);font-family:Martian Mono,ui-monospace,monospace;font-size:.68rem;display:flex}.control-pad{gap:var(--space-sm);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.control-pad button{min-height:36px;color:var(--paper);background:oklch(23% .026 142);border-color:oklch(36% .034 142);padding-inline:.45rem;font-size:.66rem}.control-pad button:nth-child(4),.control-pad button:nth-child(5),.control-pad button:nth-child(6){background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.control-pad button:nth-child(7){background:var(--warn-bg);color:var(--warn);border-color:var(--warn);grid-column:1/-1}.lower-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);display:grid}.panel{padding:var(--space-xl);min-height:280px}.panel h2{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-lg);letter-spacing:-.04em;text-transform:uppercase;color:var(--accent);font-family:Martian Mono,ui-monospace,monospace;font-size:1rem;display:flex}.job-list,.event-list{gap:var(--space-sm);display:grid}.job-row,.event-row{align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--line);background:var(--bg-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.job-row strong,.event-row strong{letter-spacing:-.03em;text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.78rem}.event-row a{color:var(--warn);text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem;font-weight:800;text-decoration:none}.dot{border:1px solid;width:12px;height:12px;display:inline-block}.empty{color:var(--muted);margin:0;font-family:Martian Mono,ui-monospace,monospace;font-size:.82rem}.text-good{color:var(--good)}.text-bad,.error-text{color:var(--bad)}.login-shell{min-height:100vh;padding:var(--space-xl);place-items:center;display:grid}.login-panel{width:min(460px,100%);padding:var(--space-2xl);gap:var(--space-lg);display:grid}.login-panel h1{max-width:none;font-size:2.6rem}.login-panel p{color:var(--muted);margin:0;font-family:Martian Mono,ui-monospace,monospace;font-size:.82rem;line-height:1.6}.login-panel input{border:1px solid var(--line-hi);width:100%;min-height:48px;color:var(--ink);padding:0 var(--space-lg);background:oklch(12% .02 142);font-family:Martian Mono,ui-monospace,monospace}.login-panel button{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.modal-backdrop{z-index:50;padding:var(--space-xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(oklch(0% 0 0/.68),oklch(0% 0 0/.72)),repeating-linear-gradient(0deg,#0000 0 7px,oklch(100% 0 0/.04) 8px);place-items:center;display:grid;position:fixed;inset:0}.schedule-modal{background:var(--panel);border:1px solid var(--accent);width:min(680px,100%);color:var(--ink);gap:var(--space-lg);display:grid;box-shadow:14px 14px oklch(0% 0 0/.55),inset 0 0 0 1px oklch(100% 0 0/.08)}.modal-chrome{background:var(--accent-bg);border-bottom:1px solid var(--accent);color:var(--accent);letter-spacing:.08em;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem;display:flex}.modal-x{width:32px;min-height:28px;color:var(--accent);border:1px solid var(--accent);background:0 0;padding:0;font-size:1rem;line-height:1}.modal-head{justify-content:space-between;gap:var(--space-lg);padding:0 var(--space-xl);align-items:start;display:flex}.modal-head h2{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-family:Martian Mono,ui-monospace,monospace;font-size:clamp(1.45rem,3vw,2.4rem)}.modal-eyebrow{margin-bottom:var(--space-sm)}.modal-device{border:1px solid var(--line-hi);background:var(--bg-2);color:var(--muted);padding:var(--space-sm) var(--space-md);text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem}.modal-grid{gap:var(--space-md);padding:0 var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.modal-grid label{gap:var(--space-sm);display:grid}.modal-grid label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:Martian Mono,ui-monospace,monospace;font-size:.72rem}.modal-wide{grid-column:1/-1}.modal-grid input{border:1px solid var(--line-hi);width:100%;min-height:46px;color:var(--ink);padding:0 var(--space-md);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:oklch(11% .02 142);font-family:Martian Mono,ui-monospace,monospace;font-size:.82rem}.modal-grid input:focus{outline:2px solid var(--accent);outline-offset:2px}.mode-toggle{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.mode-toggle button{background:var(--bg-2);color:var(--muted)}.mode-toggle button.selected{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.modal-readout{margin:0 var(--space-xl);border:1px solid var(--line);background:var(--bg-2);padding:var(--space-md);gap:var(--space-xs);display:grid}.modal-readout strong,.modal-readout span{font-family:Martian Mono,ui-monospace,monospace}.modal-readout strong{color:var(--warn);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.modal-readout span{color:var(--muted);font-size:.76rem;line-height:1.55}.modal-actions{justify-content:flex-end;gap:var(--space-sm);padding:0 var(--space-xl) var(--space-xl);display:flex}@media (width<=1220px){.phone-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.hero{grid-template-columns:1fr}}@media (width<=760px){.app-shell{width:min(100% - 20px,1580px);padding-top:var(--space-lg)}.phone-grid,.lower-grid{grid-template-columns:1fr}.phone-hardware{max-width:100%}.hero-actions,.control-pad,.modal-grid{grid-template-columns:1fr}.control-pad button:nth-child(7),.modal-wide{grid-column:auto}.modal-head,.modal-actions{flex-direction:column;align-items:stretch}.schedule-modal{max-height:calc(100vh - 32px);overflow:auto}h1{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}