*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%}html{background:#d7e0e6}body{color:#17212b;background:linear-gradient(#d4dee5 0%,#c8d4dc 48%,#bac8d2 100%);min-height:100dvh;margin:0;font-family:Arial,sans-serif;position:relative;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%236f8796' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.14'%3E%3Ccircle cx='410' cy='82' r='34'/%3E%3Cpath d='M410 25v-17M410 156v17M353 82h-17M484 82h17M370 42l-13-13M450 122l13 13M450 42l13-13M370 122l-13 13'/%3E%3Cpath d='M63 188c5-25 26-42 51-42 22 0 40 13 48 32 6-3 13-5 21-5 25 0 45 18 48 42H63c-18 0-32-12-32-27s14-27 32-27'/%3E%3Cpath d='M91 232l-9 22M127 232l-9 22M163 232l-9 22M199 232l-9 22'/%3E%3Cpath d='M299 295h108c20 0 20-29 0-29-10 0-17 6-19 14M282 320h143c27 0 27 38 0 38-13 0-22-8-25-18M315 345h54'/%3E%3Cpath d='M85 413c4-19 20-32 40-32 17 0 31 10 37 25 5-3 10-4 16-4 19 0 35 14 38 33H85c-14 0-25-9-25-21s11-21 25-21'/%3E%3C/g%3E%3C/svg%3E");background-position:top;background-repeat:repeat;background-size:520px 520px}body:after{background:radial-gradient(circle at 12% 18%,#ffffff38,#0000 25%),radial-gradient(circle at 88% 37%,#ffffff21,#0000 28%),radial-gradient(circle at 40% 92%,#5973841a,#0000 32%)}#root{z-index:1;position:relative}.auth-wrap{width:100%;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:center;align-items:center;margin:0;display:flex}.auth-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffed;border:1px solid #ffffffbf;border-radius:14px;width:100%;max-width:420px;margin:0 auto;padding:28px;box-shadow:0 8px 30px #2f435029}.login-logo{object-fit:contain;width:100%;max-width:320px;height:auto;margin:0 auto 28px;display:block}.activation-title{text-align:center;margin:0 0 22px;font-size:1.35rem}.auth-card label{color:#17212b;margin:14px 0;font-weight:600;display:block}.auth-card input{color:#17212b;background:#fff;border:1px solid #ccd4dc;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:11px;display:block}.auth-card input:focus{border-color:#2878d0;box-shadow:0 0 0 2px #2878d020}.login-button{color:#fff;background:#2878d0;border:0;border-radius:10px;width:100%;margin-top:8px;padding:11px;font-weight:700}.login-button:disabled{opacity:.5;cursor:not-allowed}.link-button{color:#2878d0;background:0 0;border:0;width:100%;margin-top:10px;padding:9px}.error{color:#d64242;font-size:.9rem}.loading{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px;display:flex}.top-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-bottom:1px solid #b2bfc8b8;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px max(3%,50vw - 380px);display:flex}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button{background:#e6ebef;border:0;border-radius:8px;padding:8px 12px}.online-state{color:#299b55;font-weight:700}.offline-state{color:#d64242;font-weight:700}.controller{width:min(760px,94%);margin:auto;padding:20px 0 40px}.oskar{width:100%;margin:0 0 12px}.oskar img{object-fit:contain;width:100%;height:auto;display:block}.weather-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffeb;border:1px solid #ffffffb8;border-radius:14px;padding:16px;box-shadow:0 5px 18px #3548551a}.temperature-card{height:150px;overflow:hidden}h2,h3{margin:0 0 12px}.value{white-space:nowrap;font-size:1.8rem;font-weight:700}.temperature-reading{justify-content:center;align-items:center;min-height:82px;display:flex}.weather-unavailable,.muted{color:#607080}.controls{margin-top:12px}.controls h3{margin-top:22px}.mode-grid{grid-template-columns:repeat(2,74px);justify-content:center;gap:10px;display:grid}.mode{background:#e6ebef;border:0;border-radius:10px;padding:10px;font-size:1.6rem}.selected{background:#eaf4ff;outline:3px solid #2878d0}.stepper{grid-template-columns:52px 100px 52px;justify-content:center;align-items:center;gap:8px;margin:8px 0;display:grid}.stepper button{background:#e6ebef;border:0;border-radius:10px;padding:10px;font-size:1.25rem}.readout{font-size:1.2rem;font-weight:700}.action-row{justify-content:center;gap:14px;margin-top:16px;display:flex}.action-button{color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;width:92px;height:92px;font-size:1rem;font-weight:700;display:flex}.green{background:#299b55}.red{background:#d64242}.action-button:disabled{opacity:.45;cursor:not-allowed}.power-icon{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.status{color:#506070;text-align:left;overflow-wrap:anywhere;background:#f7f9faf0;border:1px solid #ccd4dc;border-radius:3px;min-height:1.2em;margin-top:12px;padding:8px 10px;font:12px monospace}@media (width<=520px){body:before{background-size:400px 400px}.auth-wrap{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.auth-card{max-width:380px;padding:24px 20px}.login-logo{max-width:290px;margin-bottom:24px}.weather-grid{grid-template-columns:1fr 1fr}.card{padding:12px}.value{font-size:1.35rem}.action-button{width:82px;height:82px}.top-bar{padding-left:3%;padding-right:3%}}.verifier-status{border-radius:14px;justify-content:center;align-items:center;gap:12px;width:min(360px,100%);min-height:62px;margin:0 auto 24px;padding:12px 18px;font-size:1.35rem;font-weight:700;transition:background .25s,color .25s,box-shadow .25s;display:flex}.verifier-on{color:#18783d;background:#299b5529;border:1px solid #299b5561;box-shadow:0 3px 12px #299b551a}.verifier-off{color:#b42b2b;background:#d6424224;border:1px solid #d6424259;box-shadow:0 3px 12px #d6424214}.verifier-unknown{color:#596974;background:#64748021;border:1px solid #64748047}.verifier-label{line-height:1}.verifier-spinner{border:3px solid #59697440;border-top-color:#596974;border-radius:50%;flex:0 0 24px;width:24px;height:24px;animation:.8s linear infinite verifier-spin}@keyframes verifier-spin{to{transform:rotate(360deg)}}