:root{font-family:Arial,Helvetica,sans-serif;color:#f5f8ff;background:#08172f;font-synthesis:none;--green:#245dc1;--muted:#a9bcda;--line:#29405f}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #7bb5ff;outline-offset:4px}header{max-width:1320px;margin:auto;padding:32px 56px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:25px;letter-spacing:-1.1px;font-weight:750;color:inherit;text-decoration:none;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:#08172f;color:var(--green);border-radius:10px;width:34px;height:34px;font-size:30px;vertical-align:middle;margin-right:8px}.amp{color:#78b4ff}.brand-dot{color:#78b4ff}.tagline{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:4px}header>.text-button{margin-left:auto}.text-button{border:0;background:none;color:#adc3e5;padding:10px;font-size:13px}.text-button:hover{text-decoration:underline}main{max-width:1208px;margin:auto;padding:66px 28px 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:7px;height:7px;background:#69b0ff;border-radius:50%;box-shadow:0 0 0 4px #69b0ff22;flex-shrink:0}h1{font-size:clamp(48px,6vw,76px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:24px 0}.accent{color:#78b4ff}.intro{font-size:17px;line-height:1.8;color:#a9bcda;margin-bottom:36px}.welcome-grid{display:grid;grid-template-columns:420px 1fr;gap:65px;align-items:center}.panel{background:#11243f;border:1px solid var(--line);border-radius:18px;padding:30px}.panel-top{display:flex;justify-content:space-between;color:#9bbbe7;font-size:18px}.step{font-size:10px;letter-spacing:1.5px}h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:22px 0 10px}.panel p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:24px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}input{width:100%;background:#0c1c35;border:1px solid var(--line);border-radius:8px;padding:14px;color:#f5f8ff;outline:none}input:focus{border-color:#7bb5ff;box-shadow:0 0 0 3px #78b4ff33}input::placeholder{color:#8fa5c5;font-size:13px}.primary,.secondary{border:0;border-radius:8px;font-size:13px;font-weight:600;padding:14px 20px;display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:44px}.primary{background:var(--green);color:#ffffff}.primary:hover{background:#366fd9}.secondary{background:#11243f;border:1px solid var(--line);color:#e4eeff}.secondary:hover{background:#1c3556}.full{width:100%;justify-content:space-between}.panel .primary{margin-top:25px}.panel .text-button{text-align:center;display:block;margin-top:8px}.illustration{position:relative;min-height:350px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #223e61;border-radius:50%;width:390px;height:390px}.orbit-two{width:470px;height:250px;transform:rotate(-28deg)}.sample-card{width:380px;background:#142d50;color:#f5f8ff;padding:26px;border-radius:17px;transform:rotate(-5deg);box-shadow:12px 26px 45px #02081755;z-index:1}.sample-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#c1d5ef}.sample-top .live-dot{background:var(--green);width:5px;height:5px;margin-right:6px}.sample-label{font-size:14px;margin-top:35px;color:#b6cbe8}.sample-time{font-size:62px;letter-spacing:-3px;font-variant-numeric:tabular-nums;margin:12px 0 26px}.sample-time span{color:#7195c4}.sample-time small{font-size:35px}.sample-bottom{display:flex;align-items:center;gap:12px;font-size:10px;color:#bbceea;border-top:1px solid #ffffff20;padding-top:20px}.avatars{display:inline-flex;align-items:center;padding-left:7px}.avatars b{display:grid;place-items:center;width:29px;height:29px;border:2px solid #08172f;background:#244b76;border-radius:50%;margin-left:-7px;color:#d9e8ff;font-size:10px;font-weight:500}.avatars b:nth-child(2n){background:#34466c}.avatars b:nth-child(3n){background:#264f7c}.sample-card .avatars b{border-color:#142d50}.annotation{position:absolute;bottom:-17px;right:30px;color:#9db5d7;font-size:12px;transform:rotate(-5deg)}footer{border-top:1px solid var(--line);margin-top:65px;padding:24px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#97adcb}#workspace .session-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}#session-name{font-size:52px;overflow-wrap:anywhere;max-width:760px;margin:18px 0 12px}.session-subtitle{color:var(--muted);font-size:14px;margin-bottom:28px}.session-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.session-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a6bada}.member-group{display:flex;gap:12px;align-items:center}.connection{display:flex;align-items:center;gap:10px;white-space:nowrap}.connection.offline{color:#d4deed}.connection.offline .live-dot{background:#a8bad4}.timers-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 24px}.timers-heading h2{margin:0;font-size:22px}.timers-heading h2 span{font-size:12px;background:#213d61;padding:4px 8px;border-radius:5px;margin-left:8px;color:#b5c9e7}.timer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timer{background:#11243f;border:1px solid var(--line);border-radius:14px;padding:23px;min-width:0}.timer.running{background:#142d50;color:#f5f8ff;border-color:#142d50}.timer-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.timer-label{background:none;border:0;color:inherit;font-size:16px;text-align:left;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-label:hover{text-decoration:underline}.timer-state{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a6bada;display:flex;gap:7px;align-items:center}.running .timer-state{color:#badbff}.timer-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.time{font-family:ui-monospace,'Courier New',monospace;font-variant-numeric:tabular-nums;font-size:clamp(27px,3vw,39px);letter-spacing:-1.8px;margin:30px 0 9px;white-space:nowrap}.time small{font-size:.58em;color:#a8caf4;letter-spacing:-1px}.by{font-size:10px;color:#adc4e3;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-controls{display:flex;gap:8px}.timer-controls .toggle{flex:1}.timer-controls .secondary{padding:10px 13px;background:transparent;color:inherit}.running .secondary{border-color:#44648e}.timer-delete{border:0;background:none;color:#a4bbda;display:block;margin:13px auto -8px;font-size:10px;padding:8px}.empty{text-align:center;background:#10223d;border:1px dashed #365276;padding:55px 20px;border-radius:15px}.empty-icon{font-size:40px;color:#80b4f6}.empty p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:24px}.workspace-note{text-align:center;font-size:11px;color:#9bb3d3;margin:30px 0}dialog{border:1px solid var(--line);border-radius:18px;width:min(440px,calc(100% - 32px));padding:32px;color:#f5f8ff;box-shadow:0 30px 100px #02081755}dialog::backdrop{background:#020817bb;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog p{font-size:14px;color:#a9bcda;line-height:1.7;white-space:pre-line}dialog .primary{margin-top:22px}.close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:25px;color:#b2c6e2}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#08172f;color:#f5f8ff;border-radius:10px;box-shadow:0 7px 30px #0002;font-size:13px;z-index:5;max-width:90%;text-align:center}.member-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between}.member-row span{color:#a5bfdf;font-size:11px}[hidden]{display:none!important}@media(min-width:1100px){#welcome{position:relative;padding-top:3px}#welcome .welcome-grid{margin-top:-250px;align-items:end}#welcome .panel{margin-top:265px}#welcome .illustration{margin-bottom:90px}}@media(max-width:900px){header{padding:25px 28px}.tagline{display:none}.welcome-grid{grid-template-columns:1fr 1fr;gap:20px}.sample-card{width:290px;padding:21px}.sample-time{font-size:48px}.orbit{width:290px;height:290px}.orbit-two{width:320px;height:180px}.annotation{font-size:10px;right:5px;bottom:12px}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time{font-size:36px}}@media(max-width:600px){header{padding:20px}.brand{font-size:22px}header>.text-button{font-size:11px;padding-right:0}main{padding:38px 20px 12px}h1{font-size:53px;letter-spacing:-2.8px}.intro{font-size:14px}.welcome-grid{display:flex;flex-direction:column}.panel{width:100%;padding:25px}.illustration{display:none}footer{margin-top:35px;gap:20px;line-height:1.8;font-size:8px}#workspace .session-heading{align-items:flex-start;flex-direction:column;gap:0}#session-name{font-size:38px;letter-spacing:-2px}.session-actions{flex-direction:row;margin-bottom:20px}.session-bar{align-items:flex-start;flex-direction:column;gap:15px}.member-group{flex-wrap:wrap;gap:9px}.member-group .text-button{padding:4px}.connection{padding-left:2px}.timers-heading{gap:8px}.timers-heading h2{font-size:19px}.timers-heading .primary{font-size:11px;padding:12px}.timer-grid{grid-template-columns:1fr}.time{font-size:48px}.timer{padding:24px}.timer-delete{margin-top:12px}.empty{padding:35px 15px}.empty h2{font-size:21px}}

/* Navy & white identity */
.brand-icon{background:#1d4070;color:#fff}.brand-dot,.amp{color:#78b4ff}
.product-credit{font-size:10px;letter-spacing:.6px;color:#9db3d1;white-space:nowrap}
.header-links{display:flex;gap:12px;align-items:center;margin-left:auto}
.header-links .text-button{white-space:nowrap}
input{color:#f5f8ff}.primary{background:#245dc1;color:#fff}.primary:hover{background:#366fd9}
.secondary{background:#11243f;color:#e4eeff}.secondary:hover{background:#1c3556}
dialog{background:#11243f;color:#f5f8ff}.sample-card .live-dot{background:#78b4ff}
.timer.running{border-color:#477bb9;box-shadow:inset 0 3px #78b4ff}
.install-guide{margin:20px 0}.install-guide h3{font-size:15px;font-weight:600;margin:20px 0 8px;color:#edf4ff}
.install-guide ol{font-size:13px;line-height:1.8;color:#bdcee6;padding-left:20px}.install-guide p{font-size:12px}
.install-guide a{color:#9bcbff}.install-guide .primary{margin-top:6px}
@media(max-width:600px){header{flex-wrap:wrap;gap:8px 14px}.product-credit{font-size:9px;margin-left:auto}.header-links{width:100%;justify-content:flex-end;gap:16px}.header-links .text-button{font-size:12px;padding:8px 0}.header-links .text-button:first-child{margin-right:auto}}