:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#e9eee9;background:#090d0b;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--muted:#8e9990;--line:#273129;--mint:#b8f28b;--panel:#101612;--deep:#060906}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 20% 0%,#1b2a1d 0,#0a0e0b 50rem)}button,select,input{font:inherit}button{cursor:pointer}.shell{max-width:1160px;margin:auto;padding:0 32px}.topbar{height:72px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#edf2ed;display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px;letter-spacing:-.4px}.brand-mark{width:27px;height:27px;border:1px solid #a9e87c70;border-radius:8px;display:grid;place-items:center;color:var(--mint);font-size:14px}.connection{color:#a2aca4;font-size:11px;display:flex;align-items:center;gap:8px}.connection i{width:6px;height:6px;background:#a6e775;border-radius:50%;box-shadow:0 0 10px #a6e77570}.intro{text-align:center;padding:45px 0 30px}.eyebrow{font:500 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:#929e94;margin:0 0 10px}.intro h1{font:550 clamp(30px,4vw,42px) ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.7px;margin:0;color:#f0f4ed}.lede{color:#9ba59d;font-size:13px;line-height:1.6;max-width:460px;margin:10px auto 0}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);border:1px solid #ffffff12;border-radius:19px;overflow:hidden;background:#0e130f;box-shadow:0 22px 76px #0005;min-height:414px}.display-panel{padding:23px 24px 17px;background:radial-gradient(ellipse at 50% 35%,#1b281b,#101510 72%);border-right:1px solid #ffffff0e;display:flex;flex-direction:column;justify-content:center}.panel-top{display:flex;justify-content:space-between;margin:0 2px 13px;color:#89958b;font:500 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.1px}.lens-frame{padding:10px;border:1px solid #82948345;border-radius:12px;background:linear-gradient(145deg,#151b16,#060806);box-shadow:inset 0 0 0 3px #090c0a,0 13px 32px #0006}.display-preview{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;background:#020403;border-radius:5px;color:#e2f1df;font-family:Arial,ui-sans-serif,sans-serif}.hud-text{position:absolute;white-space:pre;overflow:hidden;text-overflow:clip;font-size:clamp(11px,1.25vw,15px);line-height:1.25;letter-spacing:.05px;text-shadow:0 0 5px #c8f6ac55}.hud-text[data-brightness="3"]{color:#a1b99b;text-shadow:0 0 4px #a1ce9955}.display-caption{font-size:9px;color:#69756b;margin:12px 0 0}.control-panel{padding:25px 25px 20px;display:flex;flex-direction:column}.control-top{display:flex;justify-content:space-between;align-items:center}.control-top .eyebrow{margin:0}.control-top .eyebrow span{color:#c5d5c1}.mode-pill{border:1px solid #a5df7735;border-radius:20px;color:var(--mint);padding:5px 9px;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.5px}.scrub-time{font:500 clamp(36px,4vw,50px) ui-monospace,SFMono-Regular,monospace;letter-spacing:-2px;margin-top:15px;color:#e8f1e3}.scrub-date{margin-top:3px;font-size:11px;color:#8f9a90}.scan-step{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.field-label{font-size:10px;color:#929d94}.step-options{display:flex;padding:3px;border:1px solid #ffffff14;background:#080c09;border-radius:9px;gap:2px}.step-options button{min-width:45px;border:0;border-radius:6px;background:transparent;color:#87938a;padding:6px 9px;font-size:10px}.step-options button[aria-pressed=true]{background:#253522;color:#d8f3c0;box-shadow:inset 0 0 0 1px #9bd86e50}.timeline-wrap{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff0d}.timeline-heading,.scale{display:flex;justify-content:space-between;color:#78847a;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.6px}.timeline-wrap input{display:block;width:100%;margin:15px 0 7px;appearance:none;height:3px;border-radius:4px;background:linear-gradient(90deg,#b8f28b 50%,#39473a 50%);cursor:ew-resize}.timeline-wrap input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #c7f59d;border-radius:50%;background:#0d140d;box-shadow:0 0 9px #b8f28b75}.timeline-wrap input::-moz-range-thumb{width:8px;height:8px;border:2px solid #c7f59d;border-radius:50%;background:#0d140d;box-shadow:0 0 9px #b8f28b75}.timeline-wrap input:focus-visible{outline:2px solid #b8f28b;outline-offset:6px}.nudge-controls{display:flex;gap:9px;margin-top:20px}.nudge-controls button{height:39px;flex:1;border:1px solid #ffffff17;background:#ffffff05;color:#edf2eb;border-radius:9px;font-size:16px}.nudge-controls button:hover{border-color:#b8f28b60;background:#b8f28b0b}.nudge-controls span{font:9px ui-monospace,SFMono-Regular,monospace;color:#99a499;margin-left:4px}.live-button{border:0;background:transparent;color:var(--mint);margin:12px 0 0;padding:6px 0;font-size:10px;text-align:left}.companion-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:#758076;font-size:9px}.companion-footer button{border:0;background:none;color:#bdcfb9;font-size:9px;padding:4px 0}.companion-footer button span{margin-left:4px;color:var(--mint)}.settings-panel{border:1px solid #ffffff12;border-radius:19px;background:#0e130f;padding:28px 32px 30px;box-shadow:0 22px 76px #0005}.settings-heading{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:19px}.settings-heading h2{font-size:23px;letter-spacing:-.7px;margin:0}.settings-heading p:not(.eyebrow){color:#929d94;font-size:11px;margin:8px 0 0}.back-button{white-space:nowrap;border:1px solid #ffffff1c;background:transparent;color:#d9e2d7;border-radius:8px;padding:9px 12px;font-size:10px}.city-settings{border-top:1px solid var(--line)}.city-setting{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.city-setting>div:first-child{min-width:0}.city-setting strong{display:block;font-size:12px}.city-setting small{display:block;font-size:9px;color:#87938a;margin-top:4px}.city-actions{display:flex;gap:8px;flex:none}.city-actions button{border:1px solid #ffffff15;border-radius:7px;background:#ffffff06;color:#aeb9ae;padding:6px 8px;font-size:9px}.city-actions button.reference{border-color:#9bd86e55;color:#c9edaa}.city-actions button.remove:hover{color:#efa9a3}.city-picker{display:flex;flex-direction:column;gap:7px;margin-top:17px;color:#89948b;font-size:10px}.city-picker select{max-width:260px;background:#171d18;color:#dce4da;border:1px solid #303a31;border-radius:7px;padding:9px 28px 9px 10px;font-size:11px}.settings-note{font-size:9px;color:#69766c;margin-top:18px}.settings-panel[hidden],.live-button[hidden]{display:none}footer{text-align:center;color:#627065;font-size:9px;padding:21px 0 25px}footer span{color:var(--mint);margin:0 4px}@media(max-width:820px){.shell{padding:0 18px}.intro{padding:35px 0 24px}.workspace{grid-template-columns:1fr}.display-panel{border-right:0;border-bottom:1px solid #ffffff0e}.display-preview{font-size:15px}.control-panel{min-height:388px}.settings-panel{padding:23px 20px}}@media(max-width:430px){.shell{padding:0 12px}.topbar{height:62px}.intro h1{letter-spacing:-1.2px}.display-panel{padding:18px 13px}.control-panel{padding:21px 17px}.companion-footer{gap:9px;align-items:flex-start}.companion-footer button{white-space:nowrap}.settings-heading{display:block}.back-button{margin-top:15px}}.group-name{font-size:14px;font-weight:600;color:#dbe8d3;margin-top:13px;letter-spacing:-.2px}.reference-label{font:500 8px ui-monospace,SFMono-Regular,monospace;color:#88968b;letter-spacing:1px;margin-top:11px}.team-clocks{display:grid;gap:5px;margin-top:10px}.team-clock{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border-bottom:1px solid #ffffff0a;padding:4px 0;font-size:9px}.team-clock-name{color:#e1e9de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-clock-time{color:#a7b3a5;font-family:ui-monospace,SFMono-Regular,monospace}.team-clock-status{font:11px ui-monospace,SFMono-Regular,monospace;color:var(--mint);width:14px;text-align:center}.team-clock-status[data-status=grace]{color:#edd17a}.team-clock-status[data-status=outside]{color:#829084}.action-row{display:flex;gap:8px;margin-top:10px}.find-button{flex:1;border:1px solid #a5df7740;background:#b8f28b12;color:#d3f2bb;border-radius:9px;padding:8px;font-size:10px}.find-button:hover{background:#b8f28b22}.live-button{border:1px solid #ffffff17;background:#ffffff05;color:#e4ede2;border-radius:9px;margin:0;padding:8px 14px;font-size:10px}.live-button[hidden]{display:none}.find-message{font-size:9px;line-height:1.4;color:#a9d98d;min-height:12px;margin:5px 0 0}.availability-legend{display:flex;align-items:center;gap:18px;border:1px solid #ffffff10;background:#ffffff04;border-radius:10px;padding:11px 13px;color:#cbd5c9;font-size:10px}.availability-legend b{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px;border-radius:50%;background:#a6e7751e;color:var(--mint);font:600 11px ui-monospace,monospace}.availability-legend span:nth-child(2) b{color:#edd17a;background:#edd17a18}.availability-legend span:nth-child(3) b{color:#98a197;background:#98a19718}.availability-legend small{color:#869188;font-size:9px;margin-left:auto}.group-tools{padding:16px 0;border-bottom:1px solid var(--line)}.group-tools label,.person-add-grid label,.person-edit label{display:flex;flex-direction:column;gap:6px;color:#89948b;font-size:9px}.group-tools select,.group-tools input,.person-add-grid input,.person-add-grid select,.person-edit input,.person-edit select{min-width:0;background:#171d18;color:#dce4da;border:1px solid #303a31;border-radius:7px;padding:8px 9px;font-size:10px}.group-tools>label select{margin-top:6px;max-width:300px}.group-actions{display:flex;gap:7px;margin-top:10px}.group-actions input{flex:1;max-width:220px}.group-actions button,.person-add-grid button,.person-edit button{border:1px solid #ffffff18;background:#ffffff08;color:#dce4da;border-radius:7px;padding:7px 10px;font-size:9px}.group-actions button:hover,.person-add-grid button:hover,.person-edit button:hover{border-color:#b8f28b65}.group-actions button.danger{color:#daa69f}.settings-note{font-size:9px;line-height:1.5;color:#778378;margin:8px 0 0}.people-heading{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 8px}.people-heading h3,.person-add h3{font-size:13px;margin:0;color:#e8efe5}.people-heading span{font-size:9px;color:#78847a}.people-list{border-top:1px solid var(--line)}.person-card{padding:12px 0;border-bottom:1px solid var(--line)}.person-edit{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(145px,1.2fr) repeat(3,minmax(90px,.8fr)) auto;gap:9px;align-items:end}.person-edit .person-id{font-size:8px;color:#657167;margin-top:4px}.person-edit .remove-person{color:#daa69f;padding:8px}.person-add{margin-top:19px;padding:15px;border:1px solid #ffffff10;border-radius:11px;background:#ffffff03}.person-add h3{margin-bottom:12px}.person-add-grid{display:grid;grid-template-columns:1.1fr 1.2fr repeat(3,.8fr) auto;gap:9px;align-items:end}.person-add-grid button{padding:9px 12px;color:#d6f0c1;border-color:#a8df6c4a}.form-error{color:#f0aaa2;font-size:10px;min-height:0;margin:6px 0 0}.form-error:empty{display:none}.settings-panel[hidden]{display:none}.settings-note strong{color:#c5d5c1}@media(max-width:900px){.person-edit,.person-add-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.person-edit .remove-person{grid-column:3}.availability-legend{flex-wrap:wrap}.availability-legend small{width:100%;margin:0}}@media(max-width:560px){.person-edit,.person-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.person-edit .remove-person{grid-column:2}.availability-legend{gap:8px}.group-actions{flex-wrap:wrap}.group-actions input{max-width:none;flex:1 1 100%}}.confirm-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #435244;border-radius:15px;background:#101612;color:#e9eee9;padding:22px;box-shadow:0 26px 90px #000a}.confirm-dialog::backdrop{background:#020503b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog h2{margin:0;font-size:18px;letter-spacing:-.4px}.confirm-dialog p{font-size:12px;line-height:1.5;color:#a5afa5;margin:9px 0 20px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-actions button{border:1px solid #ffffff20;background:#ffffff08;color:#dce4da;border-radius:8px;padding:8px 13px;font-size:10px}.confirm-actions .danger{border-color:#b8776f66;color:#edb1a9}.group-actions button:disabled,.person-edit button:disabled{opacity:.45;cursor:not-allowed}