:root{color:#193b35;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #c06a36}.shell{flex-direction:column;max-width:1320px;min-height:100svh;margin:auto;padding:0 7%;display:flex}header{border-bottom:1px solid #d7ddd4;justify-content:space-between;align-items:center;padding:36px 0;display:flex}.brand{color:inherit;letter-spacing:-1px;align-items:center;gap:11px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#f5f4ee;text-align:center;background:#193b35;border-radius:11px;width:36px;height:36px;font-size:28px;font-weight:500;line-height:32px}.brand-dot{color:#9daa90;margin-left:2px;font-weight:400}.version,.eyebrow{letter-spacing:2px;font-size:10px;font-weight:650}.version{color:#738073}main{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:76px 0 65px;display:grid}.intro>.eyebrow{color:#687b6a;align-items:center;gap:12px;display:flex}.line{background:#7d9279;width:25px;height:1px}h1{letter-spacing:-3.5px;margin:27px 0 24px;font-size:clamp(44px,5.6vw,74px);font-weight:500;line-height:1.06}h1 em{color:#647b5d;font-family:Georgia,serif;font-weight:400}.intro>p{color:#727b70;max-width:300px;font-size:16px;line-height:1.7}.intro-note{color:#838b7f;align-items:center;gap:18px;margin-top:45px;font-size:12px;line-height:1.8;display:flex}.intro-note>span:first-child{text-align:center;color:#6f8264;background:#e9ebdf;border-radius:50%;width:45px;height:45px;font-size:24px;line-height:45px}.intro-note strong{color:#52624f;font-weight:500}.counter-card{color:#f2f3de;background:#183b35;border-radius:24px;padding:30px;box-shadow:0 20px 40px #1c3a3414}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-top .eyebrow{letter-spacing:1.5px;color:#bac8b1;font-size:9px}.local-tag{white-space:nowrap;color:#c5cfbd;align-items:center;gap:6px;font-size:10px;display:flex}.local-tag i{background:#bed19e;border-radius:50%;width:5px;height:5px}.count-wrap{flex-direction:column;align-items:center;gap:12px;margin:48px 0 37px;display:flex}.count{letter-spacing:-6px;overflow-wrap:anywhere;text-align:center;font-variant-numeric:tabular-nums;max-width:100%;font-size:clamp(56px,8vw,112px);font-weight:350;line-height:1}.count-caption{color:#96aa93;font-size:12px}.increment{color:#233e30;background:#d4e4a5;border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.increment:hover:not(:disabled){background:#e2edc1}.increment>span{font-size:22px;font-weight:400}.save-status{color:#a5b79c;text-align:center;min-height:18px;margin:17px 0 0;font-size:11px;line-height:1.6}.save-status.error{color:#ffd0a8}.recovery{color:#f2f3de;background:0 0;border:1px solid #82937e;border-radius:7px;min-height:44px;margin:15px auto 0;padding:10px 16px;display:block}[hidden]{display:none!important}.under-card{color:#808b7d;justify-content:space-between;align-items:center;gap:10px;margin:14px 4px 0;font-size:10px;display:flex}#restart{color:#526b55;background:0 0;border:0;min-height:44px;padding:10px 0 10px 10px;font-size:11px}#restart span{margin-left:6px;font-size:16px}#host-status{color:#8c4026;min-height:18px;margin:0;font-size:12px}footer{color:#8a9185;border-top:1px solid #d7ddd4;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:10px;display:flex}.monitoring-link{color:#526b55;white-space:nowrap;border-bottom:1px solid #9daa90;padding-bottom:3px;font-weight:650;text-decoration:none}.monitoring-link:hover{color:#193b35;border-bottom-color:#193b35}@media (width<=760px){.shell{padding:0 6%}header{padding:24px 0}.version{letter-spacing:1px;font-size:8px}main{grid-template-columns:1fr;gap:36px;padding:44px 0}h1{font-size:54px}.intro-note{display:none}.intro>p{max-width:340px}.counter-area{width:100%;max-width:460px}.count{font-size:90px}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
