@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#ecf0ef;background:#101417;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.app-shell{min-height:100vh;background:radial-gradient(circle at 72% 5%,#1d2b2a 0,transparent 28%),#101417}header{height:78px;border-bottom:1px solid #253034;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:39px;height:39px;border-radius:11px;background:#a3edb4;color:#102219;display:grid;place-items:center;font-weight:700;font-size:23px;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#287247}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:-.5px}.brand small{font:10px DM Mono,monospace;letter-spacing:2px;color:#88a09e;margin-top:2px}.header-right{font:10px DM Mono,monospace;letter-spacing:1px;color:#899b99;display:flex;align-items:center;gap:11px}.live-dot{width:6px;height:6px;background:#a3edb4;border-radius:50%;box-shadow:0 0 12px #a3edb4}.text-button{border:0;background:none;color:#a8b8b4;margin-left:22px;font:11px DM Mono,monospace}.content{max-width:1330px;margin:auto;padding:63px 28px 30px}.topline{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.eyebrow,.timezone,.preview-caption,.time-scale,footer{font:11px DM Mono,monospace;letter-spacing:1.4px;color:#859b98}.eyebrow{margin:0}.topline h1{font-size:clamp(38px,5vw,61px);letter-spacing:-3.2px;line-height:1.05;margin:15px 0 0}.topline h1 span{color:#a3edb4}.timezone{border:1px solid #34413e;padding:12px 15px;border-radius:8px}.timezone span{color:#a3edb4;margin-left:20px}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:19px}.timer-card,.display-card,.panel{border:1px solid #2c383b;background:#1a2225;border-radius:16px}.timer-card{padding:29px 31px 24px;min-height:380px;background:linear-gradient(140deg,#1d2b2b,#182024 72%)}.display-card{padding:29px 31px}.section-head{display:flex;justify-content:space-between;align-items:center}.badge{padding:7px 10px;background:#303737;color:#b9c2bf;border-radius:100px;font:10px DM Mono,monospace;letter-spacing:1px;text-transform:uppercase}.badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aeb7b3;margin-right:5px;vertical-align:2px}.badge-on{background:#173d2e;color:#a6ecba}.badge-on i{background:#a3edb4}.timer-label{color:#a6b6b2;font-size:14px;margin:42px 0 8px}.timer{font:clamp(54px,6.5vw,89px) "DM Mono",monospace;letter-spacing:-6px;line-height:1.1;color:#eef5f1}.time-scale{display:flex;justify-content:space-between;margin:23px 0 9px;font-size:9px}.scale-line{height:5px;border-radius:5px;background:linear-gradient(90deg,#315441,#3f5334,#665a2a,#73363c);overflow:hidden}.scale-line>span{display:block;height:100%;min-width:2px;box-shadow:0 0 10px currentColor}.timer-actions{display:flex;gap:10px;margin-top:32px}.primary,.secondary{border:0;border-radius:9px;padding:15px 19px;font-weight:700;font-size:13px}.primary{background:#a3edb4;color:#11251a;min-width:158px}.primary span{margin-left:25px}.secondary{background:#2b3538;color:#d5dfdb}.hint{color:#718987;font-size:11px;margin:20px 0 0}.led{height:178px;margin-top:33px;border:8px solid #0a0d0e;border-radius:13px;box-shadow:0 8px 25px #060a0bbb,inset 0 0 20px #050808;position:relative;overflow:hidden;background:#080b0d;display:grid;place-items:center}.led-dots{position:absolute;inset:0;opacity:.42;background-image:radial-gradient(circle,#3b4544 1.4px,transparent 1.7px);background-size:7px 7px}.led-content{position:relative;z-index:1;font:clamp(16px,2.3vw,31px) "DM Mono",monospace;letter-spacing:1px;color:#f0f7f2;text-shadow:0 0 12px currentColor;white-space:nowrap}.led-busy .led-content{color:#ef3e45;font-weight:700;font-size:48px}.led-scale .led-content{color:#60a5fa;font-weight:700;display:flex;align-items:center;gap:12px}.scale-led-mark{width:78px;height:48px;image-rendering:pixelated}.led-away .led-content{color:#eeaa8a;font-size:21px}.led-paused .led-content{color:#fbbf24;font-size:22px}.walker{margin-right:11px;display:inline-block;animation:walk 1s ease-in-out infinite alternate}@keyframes walk{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.preview-caption{display:flex;justify-content:space-between;margin-top:19px;font-size:10px}.preview-caption strong{color:#d9e4df;font-weight:500}.display-divider{height:1px;background:#314043;margin:27px 0 23px}.rear-preview{font:23px DM Mono,monospace;color:#dfe9e5;text-align:center;margin-top:16px;letter-spacing:3px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:19px}.panel{padding:26px 30px 27px;min-height:280px}.panel-icon{color:#a3edb4;font-size:20px}.panel h2{font-size:23px;letter-spacing:-.8px;margin:18px 0 5px}.muted{color:#8ea19e;font-size:13px;margin:0}.location-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.location-options button{height:76px;background:#202b2d;border:1px solid #3a4949;color:#d8e2dc;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700}.location-options button.selected{border-color:#9ee9b1;background:#243e33;color:#adf0bb}.option-icon{font-size:20px;font-weight:400}.link-action{border:0;background:none;color:#a3edb4;font-size:12px;padding:0;margin-top:19px}.link-action span{margin-left:8px}.connections .muted{margin-bottom:15px}.connection-row{display:flex;align-items:center;border-top:1px solid #314043;padding:13px 0;gap:12px}.connection-icon{height:33px;width:33px;border-radius:8px;display:grid;place-items:center;background:#493d2c;color:#ffcf80}.connection-icon.good{background:#264738;color:#a7edb9}.connection-row>div:nth-child(2){min-width:0;flex:1}.connection-row strong,.connection-row small{display:block}.connection-row strong{font-size:12px}.connection-row small{color:#869c98;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-state{font:10px DM Mono,monospace;color:#f7cb8d}.connection-state.good-text{color:#a3edb4}.error{color:#ff9b9b;font-size:13px}footer{display:flex;justify-content:space-between;margin-top:35px;font-size:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#203d31,transparent 48%),#101417;padding:24px}.login-card{max-width:430px;width:100%;background:#1a2225;border:1px solid #33413f;padding:39px;border-radius:17px}.login-card .eyebrow{margin-top:36px}.login-card h1{font-size:45px;line-height:1.07;letter-spacing:-2.2px;margin:13px 0 15px}.login-card .muted{margin-bottom:32px}.login-card label{font-size:12px;color:#b6c9c0;display:block;margin-bottom:8px}.login-card input{background:#11191b;border:1px solid #3b4b47;border-radius:8px;color:#fff;padding:14px;width:100%;outline:none}.login-card input:focus{border-color:#a3edb4}.login-card .primary{width:100%;margin-top:17px;text-align:left}.login-card .primary span{float:right}@media(max-width:800px){.grid,.lower-grid{grid-template-columns:1fr}.content{padding-top:40px}.timezone{display:none}.timer{font-size:clamp(54px,11vw,83px)}.led-content{font-size:clamp(16px,4vw,30px)}}@media(max-width:500px){header{height:67px}.header-right{font-size:0}.header-right .text-button{font-size:11px;margin-left:3px}.content{padding:35px 16px 25px}.topline h1{font-size:40px}.timer-card,.display-card,.panel{padding:23px}.timer{font-size:55px;letter-spacing:-5px}.led{height:125px}.led-busy .led-content{font-size:38px}.led-away .led-content{font-size:16px}.location-options{gap:5px}.location-options button{height:67px}footer{display:block;line-height:2}}