:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24372e;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:28px 24px 30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.4px}.brand svg{width:27px;height:30px}.quiet{background:none;color:#59675e;padding:10px;font-size:13px;border:1px solid #d7dcd2;border-radius:24px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c48136;outline-offset:4px}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#718071}h1{font-size:clamp(39px,10vw,52px);line-height:1.08;letter-spacing:-2.4px;font-weight:500;margin:15px 0}.intro{font-size:14px;line-height:1.7;color:#778176;margin:0 0 29px}.rail-card{background:#e7ebdf;border:1px solid #dce2d4;padding:22px;border-radius:23px;transition:background .3s}.rail-card.on{background:#e6e8cf}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:9px;letter-spacing:1.5px;font-weight:650}.connection{font-size:10px;color:#657260;display:flex;gap:5px;align-items:center}.connection:before{content:"";height:5px;width:5px;border-radius:50%;background:#9b9e8d}.connection.connected:before{background:#638057}.rail-body{display:flex;align-items:center;justify-content:space-between;min-height:160px}.status{font-size:45px;letter-spacing:-2px;line-height:1.1}.rail-body p{font-size:12px;color:#6c7967;line-height:1.5;max-width:215px;margin:10px 0}.rail-art{width:95px;flex-shrink:0;margin-left:5px}.rail-art svg{width:100%;stroke:#80916f;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.rail-art .heat{stroke:#b4bc9e;opacity:.3}.on .rail-art .heat{stroke:#a18146;opacity:1}.rail-art .towel{fill:#e7ebdf}.power-button,.primary{border:0;background:#2c4839;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:13px;font-size:14px;font-weight:550}.power-button svg{width:19px;height:19px}.on .power-button{background:#f6f5e8;color:#394a32}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 14px}h2{font-size:16px;font-weight:550;letter-spacing:-.4px;margin:0}.section-heading>span{font-size:8px;letter-spacing:1.3px;color:#83907f}.timers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.timers button{display:flex;flex-direction:column;text-align:left;position:relative;border:1px solid #dddfd5;border-radius:16px;background:#f9f8f3;padding:16px 13px 19px;color:#344638;min-height:112px}.timers strong{font-size:30px;font-weight:450;letter-spacing:-1px;line-height:1.1}.timers strong span{font-size:15px;margin-left:3px}.timers button>span:not(.timer-arrow){font-size:10px;color:#7a8474;margin-top:12px}.timers .timer-arrow{position:absolute;right:12px;top:13px;font-size:16px;color:#9aa18d}.timers button.active{background:#e6ebdc;border-color:#899b7e}.cheap-card{margin-top:25px;padding:20px;border:1px solid #dddfd5;border-radius:20px;background:#efeee5}.cheap-heading{display:flex;align-items:center;gap:12px}.moon{font-size:31px;line-height:1;transform:rotate(-20deg);color:#6c7b60}.cheap-heading h2{font-size:15px;margin-bottom:4px}.cheap-heading div>span{font-size:10px;color:#7e8676}#cheap{margin-left:auto;border:0;background:#ccd0c2;border-radius:22px;min-width:46px;width:46px;height:28px;padding:4px;transition:background .2s}#cheap>span{display:block;height:20px;width:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .2s}#cheap[aria-checked=true]{background:#526c48}#cheap[aria-checked=true]>span{transform:translateX(18px)}.schedule{display:flex;align-items:center;gap:22px;border-top:1px solid #dcdfd1;margin-top:20px;padding-top:17px}.schedule div{display:flex;flex-direction:column;gap:5px}.schedule div>span{font-size:8px;letter-spacing:1.2px;color:#7d8874}.schedule strong{font-size:23px;font-weight:450;letter-spacing:-.7px}.schedule-line{color:#9da68e}.every-night{font-size:9px;line-height:1.6;color:#87917c;margin-left:auto;text-align:right}.cheap-card p{font-size:10px;line-height:1.7;color:#7f8978;margin:15px 0 0}footer{text-align:center;color:#8d9587;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:27px}.footer-dot{width:4px;height:4px;background:#99a78b;border-radius:50%}#message{position:fixed;bottom:20px;left:20px;right:20px;margin:auto;max-width:470px;background:#293f33;color:#fff;padding:15px 18px;border-radius:14px;font-size:13px;line-height:1.6;box-shadow:0 5px 25px #0002;z-index:10}#message.error{background:#784833}#login{padding-top:40px}#login h1{font-size:45px}form{margin-top:42px}label{display:block;font-size:12px;margin-bottom:10px;color:#687561}input{display:block;width:100%;padding:16px;background:#fbfaf7;border:1px solid #d9ddd1;border-radius:12px;margin-bottom:14px;color:#273c2e;min-height:54px}.primary{justify-content:space-between;padding:0 20px}.fine{font-size:11px;color:#9a9e91;text-align:center;margin-top:24px}@media(min-width:700px){main{padding-top:42px}header{margin-bottom:55px}}@media(max-width:360px){main{padding:23px 17px}.cheap-card{padding:16px}.schedule{gap:16px}.timers{gap:7px}.timers button{padding:15px 10px}.card-title{font-size:8px}.connection{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
