:root{--bg:#000;--panel:#111418;--panel-line:#23282f;--text:#f2f2f2;--text-dim:#9aa3ad;--accent:#7cc4ff;--gap:.5vh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;font-family:Inter,Noto Sans,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);--wref:min(100vw, 100dvh * 4 / 3);grid-template-columns:minmax(0, 1fr) calc(var(--wref) * var(--f-cameras,.24)) calc(var(--wref) * var(--f-info,.19));gap:var(--gap);background:var(--bg);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}#app.no-cameras{grid-template-columns:minmax(0, 1fr) calc(var(--wref) * var(--f-info,.19))}#app.no-cameras .cameras{display:none}.photos{min-height:0;position:relative;overflow:hidden;container-type:size}.slide{opacity:0;transition:opacity var(--fade,1.5s) ease-in-out;will-change:opacity;position:absolute;inset:0}.slide.top{z-index:1}.slide.visible{opacity:1}.slide-bg{background-position:50%;background-size:cover;position:absolute;inset:-2%}.slide-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.slide-info{left:calc(2.5 * var(--cqw,1cqw));bottom:calc(2.5 * var(--cqh,1cqh));max-width:80%;font-size:clamp(12px, calc(1.9 * var(--cqh,1cqh)), 28px);text-shadow:0 1px 3px #0009;background:#00000073;border-radius:.6em;padding:.6em .9em;line-height:1.35;position:absolute}.slide-info[hidden]{display:none}.slide-info .meta{color:#ddd}.slide-info .memory{color:#ffd27a;margin-bottom:.2em;font-size:1.15em;font-weight:600}.slide-info .caption{font-size:1.25em;font-weight:500}.empty{text-align:center;color:var(--text-dim);font-size:clamp(14px, calc(3 * var(--cqh,1cqh)), 40px);place-content:center;gap:.5em;display:grid;position:absolute;inset:0}.empty[hidden]{display:none}.empty small{font-size:.55em}.cameras{gap:var(--gap);grid-auto-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.cam{background:var(--panel);position:relative;overflow:hidden;container-type:size}.cam img,.cam video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-placeholder{color:var(--text-dim);font-size:clamp(11px, calc(6 * var(--cqw,1cqw)), 22px);place-content:center;display:grid;position:absolute;inset:0}.cam-label{left:calc(4 * var(--cqw,1cqw));top:calc(4 * var(--cqw,1cqw));font-size:clamp(11px, calc(6 * var(--cqw,1cqw)), 22px);background:#0000008c;border-radius:.4em;padding:.25em .6em;position:absolute}.info{background:var(--panel);flex-direction:column;min-width:0;min-height:0;padding:7% 8%;display:flex;overflow:hidden;container-type:inline-size}.clock{text-align:center;padding-bottom:calc(7 * var(--cqw,1cqw));border-bottom:1px solid var(--panel-line)}.clock-weekday{font-size:calc(12 * var(--cqw,1cqw));text-transform:capitalize;color:var(--text-dim)}.clock-date{font-size:calc(13 * var(--cqw,1cqw));font-weight:500}.clock-time{font-size:calc(30 * var(--cqw,1cqw));margin-top:calc(3 * var(--cqw,1cqw));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600;line-height:1.05}.weather[hidden],.waste[hidden]{display:none}.weather{margin-top:calc(5 * var(--cqw,1cqw))}.wx-now{justify-content:center;align-items:center;gap:calc(3 * var(--cqw,1cqw));display:flex}.wx-icon{font-size:calc(15 * var(--cqw,1cqw));line-height:1}.wx-temp{font-size:calc(16 * var(--cqw,1cqw));font-variant-numeric:tabular-nums;font-weight:600}.wx-range{font-size:calc(7 * var(--cqw,1cqw));color:var(--text-dim);text-align:left;flex-direction:column;line-height:1.25;display:flex}.wx-hours{margin-top:calc(4 * var(--cqw,1cqw));grid-template-columns:repeat(4,1fr);display:grid}.wx-hour{flex-direction:column;align-items:center;line-height:1.3;display:flex}.wx-h{font-size:calc(6.5 * var(--cqw,1cqw));color:var(--text-dim)}.wx-i{font-size:calc(10 * var(--cqw,1cqw))}.wx-t{font-size:calc(7.5 * var(--cqw,1cqw));font-variant-numeric:tabular-nums}.wx-rain{margin-top:calc(4 * var(--cqw,1cqw))}.wx-rain-text{font-size:calc(7.5 * var(--cqw,1cqw));color:#8fc8ff}.wx-bars{height:calc(10 * var(--cqw,1cqw));margin-top:calc(2 * var(--cqw,1cqw));align-items:flex-end;gap:1px;display:flex}.wx-bars i{background:var(--panel-line);border-radius:1px;flex:1}.wx-bars i.wet{background:#4aa3ff}.waste{align-items:center;gap:calc(3 * var(--cqw,1cqw));margin-top:calc(5 * var(--cqw,1cqw));font-size:calc(8 * var(--cqw,1cqw));color:var(--text-dim);display:flex}.waste.soon{color:inherit}.waste b{font-weight:600}.waste-dots{flex:none;gap:2px;display:flex}.waste-dots i{width:calc(4.5 * var(--cqw,1cqw));height:calc(4.5 * var(--cqw,1cqw));border-radius:50%}.agenda{min-height:0;margin-top:calc(6 * var(--cqw,1cqw));flex:1;position:relative;overflow:hidden}.day+.day{margin-top:calc(6 * var(--cqw,1cqw))}.day[hidden],.day>[hidden]{display:none}.day h3{margin-bottom:calc(2.5 * var(--cqw,1cqw));font-size:calc(9 * var(--cqw,1cqw));color:var(--accent);font-weight:600}.event{column-gap:calc(3.5 * var(--cqw,1cqw));padding:calc(1.8 * var(--cqw,1cqw)) 0 calc(1.8 * var(--cqw,1cqw)) calc(3.5 * var(--cqw,1cqw));border-left:calc(1.4 * var(--cqw,1cqw)) solid var(--cal,#888);font-size:calc(8 * var(--cqw,1cqw));grid-template-columns:auto 1fr;align-items:baseline;line-height:1.25;display:grid}.event+.event{margin-top:calc(1.8 * var(--cqw,1cqw))}.event-time{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.event.all-day{grid-template-columns:1fr}.event.all-day .event-time{display:none}.event-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event.now{background:#ffffff0f}.event.now .event-time{color:var(--accent);font-weight:600}.agenda-none{font-size:calc(7.5 * var(--cqw,1cqw));color:var(--text-dim)}.agenda-warning{font-size:calc(6 * var(--cqw,1cqw));color:#f0b45a;position:absolute;bottom:0;left:0;right:0}.cam img{object-fit:cover}.cam-time{right:calc(4 * var(--cqw,1cqw));bottom:calc(4 * var(--cqw,1cqw));color:var(--text-dim);font-size:clamp(10px, calc(5 * var(--cqw,1cqw)), 18px);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:.4em;padding:.2em .5em;position:absolute}.cam-time:empty{display:none}.cam-live{right:calc(4 * var(--cqw,1cqw));top:calc(4 * var(--cqw,1cqw));font-weight:700;font-size:clamp(10px, calc(5 * var(--cqw,1cqw)), 18px);background:#d62828;border-radius:.4em;padding:.2em .6em;display:none;position:absolute}.cam.is-live .cam-live{display:block}.cam.is-live{outline-offset:-3px;outline:3px solid #d62828}.live{z-index:20;opacity:0;background:#000;transition:opacity .5s;position:fixed;inset:0}.live.visible{opacity:1}.live[hidden]{display:none}.live-poster,.live-video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.live-poster{filter:blur(6px)brightness(.6);transform:scale(1.03)}.live-poster[hidden]{display:none}.live-video{opacity:0;transition:opacity .4s}.live-video.playing{opacity:1}.live-head{left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);top:env(safe-area-inset-top,0px);background:linear-gradient(#000000b3,#0000);align-items:center;gap:1.2vw;padding:2.2vh 2vw;font-size:clamp(16px,3.2vh,44px);display:flex;position:absolute}.live-badge{background:#2a6fdb;border-radius:.4em;padding:.25em .7em;font-weight:700}.live[data-reason=ding] .live-badge{background:#d62828;animation:1.2s ease-in-out infinite pulse}.live[data-reason=motion] .live-badge{background:#e08a00}@keyframes pulse{50%{filter:brightness(1.35)}}.live-name{font-weight:600}.live-status{color:var(--text-dim)}.live-remaining{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.live-progress{left:0;right:0;bottom:env(safe-area-inset-bottom,0px);background:#ffffff26;height:.6vh;position:absolute}.live-progress>div{background:#ffffffb3;height:100%;transition:width 1s linear}.screen-off{z-index:10;background:#000;position:fixed;inset:0}.screen-off[hidden]{display:none}.offline{background:#8a1c1c;border-radius:.4em;padding:.4em .8em;font-size:clamp(11px,1.4vh,18px);position:fixed;bottom:1vh;right:1vw}*{-webkit-tap-highlight-color:transparent}img{-webkit-touch-callout:none;-webkit-user-drag:none}.photos,.live,.cam{touch-action:none}.cam{cursor:pointer;transition:filter .2s}.cam.is-tapped{filter:brightness(1.4)}body.touch .agenda{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-y:auto}body.touch .agenda::-webkit-scrollbar{display:none}.live-close{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:clamp(44px,6vh,72px);height:clamp(44px,6vh,72px);margin-left:1vw;font-size:clamp(20px,3vh,36px);line-height:1}.live-close:active{background:#ffffff59}@media (orientation:portrait){#app{grid-template-rows:minmax(0,50fr) minmax(0,50fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#app.no-cameras{grid-template-columns:minmax(0,1fr)}.photos{grid-column:1/-1}.info{--cqw:min(1cqw, .15dvh)}}.live-spinner{border:clamp(4px,.8vh,8px) solid #ffffff40;border-top-color:#fff;border-radius:50%;width:clamp(48px,9vh,96px);height:clamp(48px,9vh,96px);animation:.9s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live.is-playing .live-spinner,.live.is-error .live-spinner{display:none}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.live.is-error .live-status{color:#ff8a8a;font-weight:600}.slide-video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.slide-video[hidden]{display:none}.mute-btn{right:calc(2.5 * var(--cqw,1cqw));bottom:calc(2.5 * var(--cqh,1cqh));z-index:3;width:clamp(44px, calc(7 * var(--cqh,1cqh)), 72px);height:clamp(44px, calc(7 * var(--cqh,1cqh)), 72px);padding:clamp(10px, calc(1.6 * var(--cqh,1cqh)), 16px);color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;position:absolute}.mute-btn[hidden]{display:none}.mute-btn.unmuted{background:#2a6fdbd9}.quick{gap:calc(3 * var(--cqw,1cqw));margin-top:calc(4 * var(--cqw,1cqw));padding-top:calc(4 * var(--cqw,1cqw));border-top:1px solid var(--panel-line);flex:none;display:grid}.switches{gap:calc(3 * var(--cqw,1cqw));display:grid}.quick[hidden],.switches[hidden],.switch-btn[hidden]{display:none}.switch-btn{align-items:center;gap:calc(4 * var(--cqw,1cqw));width:100%;min-height:44px;padding:calc(4 * var(--cqw,1cqw)) calc(5 * var(--cqw,1cqw));border:1px solid var(--panel-line);border-radius:calc(4 * var(--cqw,1cqw));color:var(--text);font:inherit;font-size:calc(7.5 * var(--cqw,1cqw));text-align:left;cursor:pointer;touch-action:none;background:#ffffff0a;grid-template-columns:auto 1fr auto;transition:background .25s,border-color .25s,box-shadow .25s;display:grid}.switch-icon{width:calc(10 * var(--cqw,1cqw));height:calc(10 * var(--cqw,1cqw));color:var(--text-dim);transition:color .25s}.switch-state{color:var(--text-dim);font-size:.85em}.switch-btn.is-on{background:#ffc44029;border-color:#ffc44099;box-shadow:0 0 18px #ffc44040}.switch-btn.is-on .switch-icon{color:#ffc440}.switch-btn.is-on .switch-state{color:#ffd77a}.switch-btn.is-pending{opacity:.7}.switch-btn.is-offline{opacity:.45}.switch-btn.is-error{border-color:#d62828}.switch-btn.is-error .switch-state{color:#ff8a8a}.switch-btn:active{transform:scale(.98)}.photos.spotify-on{touch-action:auto}.spotify{--sp-green:#1db954;z-index:4;color:#fff;font-size:clamp(13px, calc(2.1 * var(--cqh,1cqh)), 26px);background:#0b0d10;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.spotify[hidden],.spotify [hidden]{display:none!important}.sp-bg{filter:blur(40px)brightness(.45)saturate(1.3);background:50%/cover no-repeat;transition:background-image .6s;position:absolute;inset:-10%}.spotify>:not(.sp-bg){position:relative}.sp-tabs{flex-wrap:wrap;gap:.5em;padding:1em 1em .5em;display:flex}.sp-tabs button,.sp-device-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:99px;align-items:center;gap:.4em;padding:.4em 1em;font-size:.85em;display:inline-flex}.sp-tabs button.active{color:#000;background:#fff;font-weight:600}.sp-device-btn{max-width:40%;margin-left:auto}.sp-device-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-ico{flex:none;width:1.2em;height:1.2em}.sp-now{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.1em;min-height:0;padding:.5em 6% 1.5em;display:flex}.sp-cover-wrap{width:min(calc(70 * var(--cqw,1cqw)), calc(48 * var(--cqh,1cqh)));aspect-ratio:1;background:#ffffff14;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #00000080}.sp-cover{object-fit:cover;width:100%;height:100%}.sp-cover-empty{color:#ffffff4d;width:100%;height:100%;padding:30%}.sp-meta{text-align:center;width:100%}.sp-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.5em;font-weight:700;line-height:1.2;overflow:hidden}.sp-artist{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;margin-top:.25em;overflow:hidden}.sp-progress{color:#ffffffb3;font-variant-numeric:tabular-nums;align-items:center;gap:.8em;width:100%;font-size:.8em;display:flex}.sp-bar{cursor:pointer;background:#ffffff40;border-radius:3px;flex:1;height:6px;box-shadow:0 0 0 12px #0000}.sp-fill{background:#fff;border-radius:3px;height:100%;transition:width .5s linear}.sp-controls{justify-content:center;align-items:center;gap:1.4em;display:flex}.sp-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;width:2.6em;min-width:44px;height:2.6em;min-height:44px;padding:.55em;position:relative}.sp-btn:active{transform:scale(.92)}.sp-play{color:#000;background:#fff;width:3.8em;height:3.8em;padding:1em}.sp-shuffle,.sp-repeat{color:#ffffff8c}.sp-shuffle.on,.sp-repeat.on{color:var(--sp-green)}.sp-one{font-size:.6em;font-weight:700;display:none;position:absolute;top:.1em;right:.15em}.sp-repeat.one .sp-one{display:block}.sp-volume{color:#ffffffb3;align-items:center;gap:.8em;width:min(100%,26em);display:flex}.sp-volume input{accent-color:#fff;flex:1;height:32px}.sp-volume-note{color:#ffffff8c;align-items:center;gap:.6em;font-size:.8em;display:flex}.spotify.sp-idle .sp-volume-note{display:none}.sp-empty{text-align:center;color:#ffffffd9}.sp-empty small{color:#fff9}.spotify.sp-idle .sp-meta,.spotify.sp-idle .sp-progress,.spotify.sp-idle .sp-controls,.spotify.sp-idle .sp-volume{display:none}.sp-playlists,.sp-search{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding:.5em 1em 1.5em;overflow-y:auto}.sp-grid{grid-template-columns:repeat(auto-fill, minmax(max(110px, calc(22 * var(--cqw,1cqw))), 1fr));gap:1em;display:grid}.sp-tile{color:#fff;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.3em;padding:0;display:flex}.sp-tile-img{aspect-ratio:1;color:#ffffff4d;background:#ffffff14;border-radius:8px;padding:0;overflow:hidden}.sp-tile-img img{object-fit:cover;width:100%;height:100%;display:block}.sp-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9em;font-weight:600;overflow:hidden}.sp-tile-sub{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:.75em;overflow:hidden}.sp-q{color:#000;width:100%;min-height:48px;font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:0;border-radius:99px;margin-bottom:1em;padding:.6em 1em;font-size:16px}.sp-section h4{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:1em 0 .4em;font-size:.85em}.sp-row{color:#fff;width:100%;min-height:52px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.8em;padding:.4em;display:flex}.sp-row:active,.sp-row.active{background:#ffffff1a}.sp-row.active .sp-row-name{color:var(--sp-green)}.sp-row-img{color:#ffffff80;border-radius:4px;flex:none;width:2.6em;height:2.6em;overflow:hidden}.sp-row-img img{object-fit:cover;width:100%;height:100%}.sp-row-text{flex-direction:column;min-width:0;display:flex}.sp-row-name,.sp-row-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-row-sub{color:#fff9;font-size:.8em}.sp-muted{color:#fff9}.sp-devices{z-index:2;background:#0000008c;place-items:center;display:grid;inset:0;position:absolute!important}.sp-devices-card{background:#1c1f24;border-radius:14px;width:min(90%,28em);max-height:80%;padding:1em;overflow-y:auto}.sp-devices-why{color:#ffd27a;margin-bottom:.6em;font-size:.85em}.sp-open-app{color:#000;background:#1db954;border-radius:99px;justify-content:center;align-items:center;min-height:48px;margin-top:.8em;font-weight:700;text-decoration:none;display:flex}.sp-open-direct{text-align:center;color:#ffffffb3;margin-top:.6em;font-size:.8em;display:block}.sp-hint{color:#ffffff8c;margin-top:.8em;font-size:.75em;line-height:1.4}.sp-devices-card h3{margin-bottom:.5em;font-size:1em}.sp-toast{z-index:3;background:#8f1f1f;border-radius:10px;max-width:90%;padding:.6em 1em;font-size:.85em;bottom:1.2em;left:50%;transform:translate(-50%);position:absolute!important}.spotify-btn.is-on{background:#1db9542e;border-color:#1db954b3;box-shadow:0 0 18px #1db95440}.spotify-btn.is-on .switch-icon,.spotify-btn.is-on .switch-state{color:#1db954}.agenda.refreshing:before{content:"Bijwerken…";z-index:1;background:var(--accent);color:#000;font-size:calc(5.5 * var(--cqw,1cqw));border-radius:99px;padding:.2em .6em;font-weight:600;position:absolute;top:0;right:0}.quick-modes{gap:calc(3 * var(--cqw,1cqw));grid-template-columns:1fr 1fr;display:grid}.quick-modes .switch-btn{gap:calc(2.5 * var(--cqw,1cqw));padding:calc(4 * var(--cqw,1cqw)) calc(3.5 * var(--cqw,1cqw));font-size:calc(6.5 * var(--cqw,1cqw));grid-template-columns:auto 1fr}.quick-modes .switch-state,.quick-modes .switch-btn[hidden]{display:none}.info-btn.is-on{background:#7cc4ff29;border-color:#7cc4ffb3;box-shadow:0 0 18px #7cc4ff33}.info-btn.is-on .switch-icon{color:var(--accent)}.cam-siren{color:#fff;font-weight:700;font-size:clamp(11px, calc(6 * var(--cqw,1cqw)), 22px);letter-spacing:.05em;background:#d61f1f;border-radius:.5em;padding:.35em .8em;animation:1s ease-in-out infinite siren-pulse;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cam.is-siren .cam-siren{display:block}.cam.is-siren{box-shadow:inset 0 0 0 3px #d61f1f}@keyframes siren-pulse{50%{opacity:.55}}.live-siren{z-index:3;color:#fff;min-width:16em;min-height:52px;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#140000a6;border:2px solid #ff5050cc;border-radius:999px;padding:.8em 1.4em;font-size:clamp(14px,2.2vh,24px);font-weight:600;position:absolute;bottom:5vh;right:2.5vw;overflow:hidden}.live-siren[hidden]{display:none}.live-siren-fill{background:#d61f1fd9;width:0;position:absolute;inset:0 auto 0 0}.live-siren-label{position:relative}.live-siren.is-on{background:#d61f1f;border-color:#fff;animation:1s ease-in-out infinite siren-pulse}.not-home{color:#e8ecf1;text-align:center;background:#0b0d10;flex-direction:column;justify-content:center;align-items:center;gap:.6em;min-height:100dvh;padding:0 8vw;font-size:clamp(16px,2.6vh,28px);display:flex}.not-home-icon{font-size:3.5em}.not-home h1{margin:0;font-size:2em}.not-home p{max-width:34em;margin:0}.not-home-hint{color:#9aa3ad;font-size:.85em;line-height:1.5}.d-login{color:#e8ecf1;cursor:auto;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;width:min(360px,86vw);min-height:100dvh;margin:0 auto;font-size:17px;display:flex}.d-login,.d-login *{-webkit-user-select:text;user-select:text}.d-login-icon{border-radius:20px;width:84px;height:84px;margin:0 auto}.d-login h1{text-align:center;margin:0;font-size:28px}.d-login-sub{text-align:center;color:#9aa3ad;margin:0 0 8px}.d-login input{color:#fff;min-height:48px;font:inherit;background:#1a1f26;border:1px solid #2c333c;border-radius:12px;padding:0 14px;font-size:17px}.d-login button{color:#0b0d10;min-height:50px;font:inherit;cursor:pointer;background:#5a9cff;border:0;border-radius:12px;font-weight:600}.d-login button:disabled{opacity:.6}.d-login-error{text-align:center;color:#ff6b6b;margin:0}.d-pair{text-align:center}.d-pair-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#fff;margin:10px 0 6px;font-size:52px;font-weight:700}.d-pair-hint{color:#9aa3ad;margin:0;font-size:13px}.d-login-or{text-align:center;color:#6c7580;margin:18px 0 0;font-size:13px}html.mouse-idle,html.mouse-idle *{cursor:none!important}.cam,.agenda,.screen-off,.weather{cursor:pointer}.photo-nav{z-index:3;width:clamp(44px, calc(7 * var(--cqh,1cqh)), 72px);height:clamp(44px, calc(7 * var(--cqh,1cqh)), 72px);color:#fff;font-size:clamp(22px, calc(3.5 * var(--cqh,1cqh)), 36px);cursor:pointer;opacity:0;background:#00000073;border:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:opacity .2s,background .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav.prev{left:calc(2 * var(--cqw,1cqw))}.photo-nav.next{right:calc(2 * var(--cqw,1cqw))}@media (hover:hover) and (pointer:fine){.photo-nav{display:flex}.photos:hover .photo-nav{opacity:1}.photo-nav:hover{background:#000000b3}.switch-btn:hover{background:#ffffff17}.cam:hover{outline-offset:-2px;outline:2px solid #7cc4ff99}}html.mouse-idle .photo-nav{opacity:0!important}.full-btn .switch-state{display:none}.full-btn{grid-template-columns:auto 1fr}#app.photo-full{touch-action:none;grid-template-columns:minmax(0,1fr)}#app.photo-full .cameras,#app.photo-full .info,.full-clock,.full-hint{display:none}#app.photo-full .full-clock{z-index:2;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 12px #0009;pointer-events:none;font-size:clamp(28px,6vh,80px);font-weight:600;display:block;position:absolute;top:3vh;right:2.5vw}#app.photo-full .photos.show-hint .full-hint{z-index:3;color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:.5em 1.1em;font-size:clamp(14px,2vh,22px);display:block;position:absolute;top:3vh;left:50%;transform:translate(-50%)}.quick-modes{grid-template-columns:1fr 1fr 1.7fr;align-items:stretch}.quick-modes .icon-btn{justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.quick-modes .icon-btn .switch-icon{width:calc(10 * var(--cqw,1cqw));height:calc(10 * var(--cqw,1cqw))}.spotify-btn .switch-icon{color:#1db954}.radio-btn .switch-icon{color:#ff9b52}.radio-btn.is-on,.radio-btn.is-playing{background:#ff9b5224;border-color:#ff9b52b3}.radio-btn.is-playing:not(.is-on) .switch-icon{animation:1.6s ease-in-out infinite radio-pulse}@keyframes radio-pulse{50%{opacity:.45}}.radio{z-index:4;padding:calc(3.5 * var(--cqh,1cqh)) calc(4 * var(--cqw,1cqw));color:#fff;font-size:clamp(13px, calc(2.1 * var(--cqh,1cqh)), 26px);background:#0b0d10;flex-direction:column;gap:.8em;display:flex;position:absolute;inset:0;overflow:hidden}.radio[hidden],.radio [hidden]{display:none!important}.rd-now{background:#16191f;border-radius:1.1em;align-items:center;gap:.9em;padding:.8em;display:flex}.rd-now-text{flex-direction:column;flex:1;min-width:0;display:flex}.rd-now-text b{white-space:nowrap;text-overflow:ellipsis;font-size:1.25em;overflow:hidden}.rd-now-text small{color:#ff9b52}.rd-play{color:#15171b;cursor:pointer;background:#ff9b52;border:0;border-radius:50%;width:3em;height:3em;font-size:1.1em}.rd-play:disabled{opacity:.35}.rd-logo{--h:200;background:hsl(var(--h) 45% 32%);color:#fff;border-radius:.8em;flex:none;justify-content:center;align-items:center;width:3.2em;height:3.2em;font-weight:700;display:flex;position:relative;overflow:hidden}.rd-logo img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.rd-logo i{font-size:.85em;font-style:normal}.rd-tabs{gap:.5em;display:flex}.rd-tabs button{color:#cfd3da;min-height:2.4em;font:inherit;cursor:pointer;background:#1c1f25;border:0;border-radius:999px;padding:0 1em;font-size:.9em}.rd-tabs button.active{color:#15171b;background:#ff9b52;font-weight:600}.rd-tabs .rd-edit{margin-left:auto}.rd-search input{color:#fff;width:100%;min-height:2.6em;font:inherit;-webkit-user-select:text;user-select:text;background:#16191f;border:1px solid #2c333c;border-radius:999px;padding:0 1em;font-size:max(16px,1em)}.rd-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.rd-grid{grid-template-columns:repeat(auto-fill,minmax(6.4em,1fr));align-content:start;gap:.6em;display:grid}.rd-tile{color:#fff;font:inherit;text-align:center;cursor:pointer;background:#16191f;border:2px solid #0000;border-radius:1em;flex-direction:column;align-items:center;gap:.45em;padding:.75em .4em;font-size:.85em;display:flex;position:relative}.rd-tile .rd-logo{width:3.6em;height:3.6em}.rd-tile.on{border-color:#ff9b52}.rd-remove{color:#fff;background:#c0392b;border-radius:50%;justify-content:center;align-items:center;width:1.8em;height:1.8em;display:flex;position:absolute;top:.3em;right:.3em}.rd-rows{flex-direction:column;gap:.4em;display:flex}.rd-row{cursor:pointer;background:#16191f;border-radius:.9em;align-items:center;gap:.8em;padding:.5em .6em;display:flex}.rd-row.on{box-shadow:inset 0 0 0 2px #ff9b52}.rd-row div{flex-direction:column;flex:1;min-width:0;display:flex}.rd-row b,.rd-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-row small{color:#8b929c;font-size:.8em}.rd-star{color:#8b929c;cursor:pointer;background:0 0;border:0;border-radius:50%;width:2.4em;height:2.4em;font-size:1.2em}.rd-star.on{color:#ffcf33}.rd-msg{color:#8b929c;margin:.5em 0}.p2000-stack{top:max(12px, env(safe-area-inset-top));z-index:61;pointer-events:none;flex-direction:column;gap:.5em;width:min(92vw,40em);font-size:clamp(15px,2.4vh,26px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.p2000{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:#1c0c0cf2;border:2px solid #ff5a4f;border-radius:1em;align-items:center;gap:.8em;padding:.7em 1em;animation:.4s ease-out p2000-in;display:flex;box-shadow:0 8px 30px #0000008c}.p2000.ambulance{background:#1e1808f2;border-color:#ffc94d}.p2000.politie{background:#0a1222f2;border-color:#5b9bff}.p2000-icon{flex:none;font-size:1.8em;line-height:1}.p2000-text{flex-direction:column;flex:1;gap:.15em;min-width:0;display:flex}.p2000-text b{font-weight:600;line-height:1.25}.p2000-text small{color:#c9ced6;font-size:.8em}.p2000-close{color:#8b929c;flex:none}@keyframes p2000-in{0%{opacity:0;transform:translateY(-20px)}}.p2000.burgernet{background:#002848f5;border-color:#3d9bff}.p2000.amber{background:#2e1a00f7;border-color:#ff9f1a}.p2000 .p2000-text b{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.p2000-photo{object-fit:cover;border-radius:.6em;flex:none;width:3.6em;height:3.6em}.p2000.nlalert{background:#3c0606f7;border-color:#ff3b30}.rd-volume{color:#8b929c;align-items:center;gap:.6em;padding:0 .4em;display:flex}.rd-volume input{--fill:80%;cursor:pointer;appearance:none;background:0 0;flex:1;height:2.2em;margin:0}.rd-volume input::-webkit-slider-runnable-track{background:linear-gradient(to right, #ff9b52 var(--fill), #2c333c var(--fill));border-radius:999px;height:.35em}.rd-volume input::-moz-range-track{background:linear-gradient(to right, #ff9b52 var(--fill), #2c333c var(--fill));border-radius:999px;height:.35em}.rd-volume input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:1.1em;height:1.1em;margin-top:-.375em}.rd-volume input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:1.1em;height:1.1em}.menu-line[hidden],.cook[hidden]{display:none!important}.menu-line{align-items:center;gap:calc(3 * var(--cqw,1cqw));margin-top:calc(4 * var(--cqw,1cqw));font-size:calc(8 * var(--cqw,1cqw));line-height:1.25;display:flex}.menu-line.has-recipe{cursor:pointer}.menu-line .menu-when{color:var(--text-dim)}.menu-line b{font-weight:600}.cook{z-index:19;color:#f2f3f5;background:#0d0f13;flex-direction:column;font-size:clamp(16px,1.2vh + .6vw,28px);display:flex;position:fixed;inset:0;overflow:hidden}.cook-head{padding:max(14px, env(safe-area-inset-top)) 1.4em .8em;border-bottom:1px solid #23282f;align-items:center;gap:1em;display:flex}.cook-head img{object-fit:cover;border-radius:.8em;width:4.5em;height:4.5em}.cook-title{flex:1;min-width:0}.cook-title h1{margin:0;font-size:1.5em;line-height:1.2}.cook-title p{color:#9aa3ad;margin:.2em 0 0}.cook-close{color:#fff;cursor:pointer;background:#1c1f25;border:0;border-radius:50%;width:2.6em;height:2.6em;font-size:1.1em}.cook-body{min-height:0;padding:1em 1.4em max(16px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;grid-template-columns:minmax(14em,1fr) 2fr;gap:2em;display:grid;overflow-y:auto}.cook-body h2{color:#9aa3ad;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5em;font-size:.85em}.cook-body ul,.cook-body ol{margin:0;padding-left:1.2em}.cook-body ul li{padding:.25em 0}.cook-body ul li.sub{margin:.6em 0 0 -1.2em;font-weight:600;list-style:none}.cook-body ol li{padding:.45em 0 .45em .3em;font-size:1.15em;line-height:1.45}@media (max-aspect-ratio:1){.cook-body{grid-template-columns:1fr}}.cook-back{color:#fff;min-height:2.6em;font:inherit;cursor:pointer;background:#1c1f25;border:0;border-radius:999px;flex:none;padding:0 1em}.cook-week{min-height:0;padding:1em 1.4em max(16px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:.5em;display:flex;overflow-y:auto}.cw-day{color:#f2f3f5;width:100%;min-height:3.6em;font:inherit;text-align:left;cursor:pointer;background:#16191f;border:0;border-radius:1em;align-items:center;gap:1em;padding:.5em 1em;display:flex}.cw-day.is-plain{cursor:default}.cw-date{color:#9aa3ad;flex:none;width:9em}.cw-date:first-letter{text-transform:uppercase}.cw-day img,.cw-noimg{object-fit:cover;border-radius:.6em;flex:none;width:2.8em;height:2.8em}.cw-noimg{background:#1f232a;justify-content:center;align-items:center;display:flex}.cw-title{flex:1;min-width:0;font-weight:600}.cw-title i{color:#6b727c;font-style:normal;font-weight:400}.cw-go{color:#9aa3ad;font-size:1.6em}.cook-kitchen{background:#111418;border-bottom:1px solid #23282f;flex-wrap:wrap;gap:.5em 1.6em;padding:.7em 1.4em;display:flex}.cook-kitchen:empty{display:none}.ck-row{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.ck-label{margin-right:.3em;font-weight:600}.ck-label small{color:#9aa3ad;font-weight:400}.ck-msg{color:#ffcf6e;flex-basis:100%;margin:-.2em 0 0;font-size:.85em}.ck-btn,.ck-step,.ck-chip,.cook-timer{color:#fff;min-height:2.3em;font:inherit;cursor:pointer;background:#1f232a;border:0;border-radius:999px;padding:0 .9em}.ck-step{width:2.3em;padding:0;font-size:1.1em}.ck-temp{text-align:center;min-width:3ch;font-size:1.15em}.ck-btn.primary{color:#15171b;background:#ff8a3d;font-weight:600}.ck-btn.danger{background:#c0392b}.ck-chip.sel{color:#0b1220;background:#7cc4ff;font-weight:600}.ck-btn:disabled,.ck-step:disabled,.ck-chip:disabled{opacity:.5}.cook-timer{color:#9fd3ff;vertical-align:middle;background:#23303f;min-height:1.9em;margin-left:.4em;padding:0 .7em;font-size:.8em}.kt-stack{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:59;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.45em;font-size:clamp(15px,2.3vh,24px);display:flex;position:fixed}.kt{color:#fff;max-width:70vw;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;pointer-events:auto;background:#0e141cf0;border:1px solid #7cc4ff80;border-radius:999px;padding:.55em 1em;overflow:hidden;box-shadow:0 6px 22px #00000080}.kt.done{color:#15171b;background:#ff8a3d;border-color:#ff8a3d;font-weight:700;animation:1s ease-in-out infinite kt-blink}@keyframes kt-blink{50%{opacity:.55}}.holiday-line[hidden]{display:none}.holiday-line{margin-top:calc(3 * var(--cqw,1cqw));color:#ffcf6e;font-size:calc(7.5 * var(--cqw,1cqw));line-height:1.3}.quick-modes.quick-row2{grid-template-columns:1fr 1fr}.quick-row2 .switch-btn{gap:calc(1.8 * var(--cqw,1cqw));min-width:0;padding-left:calc(2.5 * var(--cqw,1cqw));padding-right:calc(2 * var(--cqw,1cqw));font-size:calc(5.6 * var(--cqw,1cqw))}.quick-row2 .switch-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.news-btn .switch-icon{color:#7cc4ff}.news[hidden]{display:none!important}.news{z-index:18;color:#f2f3f5;background:#0d0f13;flex-direction:column;font-size:clamp(14px,1.05vh + .45vw,24px);display:flex;position:fixed;inset:0}.nw-head{padding:max(14px, env(safe-area-inset-top)) 1.4em .7em;border-bottom:1px solid #1f242b;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.nw-head h1{margin:0;font-size:1.4em}.nw-back{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#1c1f25;border:0;border-radius:999px;justify-self:start;padding:0 1em}.nw-date{color:#9aa3ad;justify-self:end}.nw-date:first-letter{text-transform:uppercase}.nw-body{min-height:0;padding:1em 1.4em max(14px, env(safe-area-inset-bottom));flex:1;grid-template-columns:1.6fr 1fr;gap:1.4em;display:grid}.nw-main,.nw-side{flex-direction:column;min-height:0;display:flex}.nw-side{-webkit-overflow-scrolling:touch;touch-action:pan-y;gap:1em;overflow-y:auto}.nw-tabs{gap:.5em;margin-bottom:.8em;display:flex}.nw-tabs button{color:#cfd3da;min-height:2.4em;font:inherit;cursor:pointer;background:#1c1f25;border:0;border-radius:999px;padding:0 1.1em}.nw-tabs button.sel{color:#0b1220;background:#7cc4ff;font-weight:600}.nw-list{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:.5em;min-height:0;display:flex;overflow-y:auto}.nw-item{color:#f2f3f5;width:100%;font:inherit;text-align:left;cursor:pointer;background:#15181d;border:0;border-radius:.9em;align-items:flex-start;gap:.9em;padding:.6em;display:flex}.nw-item.open{background:#1c2129}.nw-item img,.nw-noimg{object-fit:cover;background:#1f232a;border-radius:.6em;flex:none;width:6em;height:4em}.nw-text{flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}.nw-text b{font-weight:600;line-height:1.3}.nw-text small{color:#8b929c;font-size:.8em}.nw-summary{color:#cfd3da;margin-top:.35em;line-height:1.45}.nw-empty{color:#8b929c}.nw-card{background:#15181d;border-radius:1em;padding:.9em 1em}.nw-card h2{color:#9aa3ad;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5em;font-size:.8em}.nw-de{margin:0;font-size:1.6em;font-weight:700}.nw-nl{color:#7cc4ff;margin:.1em 0 .4em}.nw-ex{color:#cfd3da;margin:0;font-style:italic}.nw-hist{margin:0;padding:0;list-style:none}.nw-hist li{border-bottom:1px solid #ffffff0d;gap:.8em;padding:.35em 0;font-size:.9em;line-height:1.35;display:flex}.nw-hist b{color:#ffcf6e;flex:none;width:3em}.nw-photo img{object-fit:cover;border-radius:.7em;width:100%;max-height:30vh}.nw-photo p{color:#9aa3ad;margin:.4em 0 0;font-size:.8em}@media (max-aspect-ratio:1){.nw-body{grid-template-columns:1fr;overflow-y:auto}}.nw-games{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow-y:auto}.nw-games button{font:inherit;cursor:pointer}.gm-back{color:#fff;background:#1c1f25;border:0;border-radius:999px;min-height:2.4em;margin-bottom:.7em;padding:0 1em}.gm-menu{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.gm-tile{color:#f2f3f5;text-align:left;background:#15181d;border:0;border-radius:1.1em;flex-direction:column;gap:.3em;padding:1.1em;display:flex}.gm-tile span{font-size:2.2em}.gm-tile b{font-size:1.15em}.gm-tile small{color:#9aa3ad}.gm-msg{color:#ffcf6e}.gm-count{color:#9aa3ad;margin:0 0 .6em}.gm-btn{color:#0b1220;background:#7cc4ff;border:0;border-radius:999px;min-height:2.6em;margin-top:.8em;padding:0 1.4em;font-weight:600}.gm-scores{margin:.3em 0 0;padding:0;list-style:none}.gm-scores li{border-bottom:1px solid #ffffff0f;padding:.3em 0}.gm-done{text-align:center}.gm-done.small{margin-bottom:.6em}.gm-big{margin:.2em 0;font-size:2em;font-weight:700}.gm-result{margin:0 0 .6em;font-size:1.1em}.wd{flex-wrap:wrap;align-items:flex-start;gap:1.2em;display:flex}.wd-board{flex-direction:column;gap:.35em;display:flex}.wd-row{gap:.35em;display:flex}.wd-tile{border:2px solid #2c333c;border-radius:.4em;justify-content:center;align-items:center;width:2.6em;height:2.6em;font-size:1.2em;font-weight:700;display:flex}.wd-tile.typed{border-color:#6b7380}.wd-tile.hit{background:#3f9d55;border-color:#3f9d55}.wd-tile.near{background:#c9a227;border-color:#c9a227}.wd-tile.miss{background:#3a3f47;border-color:#3a3f47}.wd-side{flex:1;min-width:15em}.wd-kb{flex-direction:column;gap:.35em;display:flex}.wd-keys{justify-content:center;gap:.25em;display:flex}.wd-key{color:#fff;background:#2b3038;border:0;border-radius:.45em;flex:1;max-width:2.6em;min-height:2.9em;padding:0;font-weight:600}.wd-key.wide{flex:1.5;max-width:3.8em}.wd-key.hit{background:#3f9d55}.wd-key.near{background:#c9a227}.wd-key.miss{color:#5b626c;background:#15181d}.wd-side h3{color:#9aa3ad;text-transform:uppercase;margin:1em 0 0;font-size:.85em}.wd-mini{margin-top:.2em;font-size:.7em;line-height:1.15;display:block}.gm-q{margin:0 0 1em;font-size:1.25em;line-height:1.4}.gm-q small{color:#9aa3ad;font-size:.75em}.gm-word{color:#7cc4ff}.gm-opts{grid-template-columns:1fr 1fr;gap:.6em;display:grid}.gm-opt{color:#f2f3f5;background:#15181d;border:2px solid #2c333c;border-radius:.9em;min-height:3.2em;padding:.4em .8em;font-size:1.05em}.gm-opt.right{background:#3f9d5540;border-color:#3f9d55}.gm-opt.wrong{background:#c0392b40;border-color:#c0392b}.gm-opt.dim{opacity:.45}.gm-hint{color:#9aa3ad;margin:.8em 0 0;font-style:italic}.mm-grid{grid-template-columns:repeat(4,1fr);gap:.5em;max-width:32em;display:grid}.mm-card{aspect-ratio:1;color:#7cc4ff;background:linear-gradient(135deg,#2a3a55,#1c2433);border:0;border-radius:.7em;padding:0;font-size:1.6em;font-weight:700;overflow:hidden}.mm-card img{object-fit:cover;width:100%;height:100%}.mm-card.found{opacity:.85;outline:3px solid #3f9d55}.g2048{flex-wrap:wrap;gap:1.2em;display:flex}.g2048-board{touch-action:none;background:#2a2f37;border-radius:.8em;grid-template-columns:repeat(4,3.6em);grid-auto-rows:3.6em;gap:.4em;padding:.4em;display:grid}.t2048{color:#fff;background:#3a404a;border-radius:.5em;justify-content:center;align-items:center;font-size:1.25em;font-weight:800;display:flex}.t2048.v2{color:#776e65;background:#eee4da}.t2048.v4{color:#776e65;background:#ede0c8}.t2048.v8{background:#f2b179}.t2048.v16{background:#f59563}.t2048.v32{background:#f67c5f}.t2048.v64{background:#f65e3b}.t2048.v128{background:#edcf72;font-size:1.05em}.t2048.v256{background:#edcc61;font-size:1.05em}.t2048.v512{background:#edc850;font-size:1.05em}.t2048.v1024{background:#edc53f;font-size:.9em}.t2048.v2048,.t2048.v4096{background:#3f9d55;font-size:.9em}.g2048-side{flex:1;min-width:12em}.g2048-pad{grid-template-columns:repeat(3,3.2em);grid-template-areas:".up.""left down right";gap:.35em;display:grid}.g2048-pad button{color:#fff;background:#2b3038;border:0;border-radius:.6em;height:3em;font-size:1.2em}.g2048-pad [data-dir=up]{grid-area:up}.g2048-pad [data-dir=left]{grid-area:left}.g2048-pad [data-dir=down]{grid-area:down}.g2048-pad [data-dir=right]{grid-area:right}.sd{flex-wrap:wrap;gap:1.2em;display:flex}.sd-grid{border:2px solid #9aa3ad;grid-template-columns:repeat(9,2.3em);grid-auto-rows:2.3em;display:grid}.sd-cell{color:#7cc4ff;background:#15181d;border:1px solid #2c333c;padding:0;font-size:1.1em;font-weight:600}.sd-cell.given{color:#f2f3f5;background:#1b1f25}.sd-cell.br{border-right:2px solid #9aa3ad}.sd-cell.bb{border-bottom:2px solid #9aa3ad}.sd-cell.same{background:#23303f}.sd-cell.sel{background:#2f4a6b}.sd-cell.bad{color:#ff6b6b}.sd-side{flex:1;min-width:12em}.sd-pad{grid-template-columns:repeat(5,2.8em);gap:.35em;display:grid}.sd-pad button{color:#fff;background:#2b3038;border:0;border-radius:.6em;height:2.8em;font-size:1.15em;font-weight:600}.hm{flex-wrap:wrap;align-items:flex-start;gap:1.4em;display:flex}.hm-svg{color:#cfd3da;width:9em}.hm-side{flex:1;min-width:15em}.hm-word{flex-wrap:wrap;gap:.3em;margin-bottom:.6em;display:flex}.hm-l{border-bottom:3px solid #9aa3ad;justify-content:center;width:1.4em;font-size:1.5em;font-weight:700;display:inline-flex}.hm-keys{flex-wrap:wrap;gap:.3em;display:flex}.hm-keys .wd-key{flex:0 0 2.5em}.wd-key:disabled{opacity:.9}.c4{flex-wrap:wrap;gap:1.2em;display:flex}.c4-board{background:#1d4e9e;border-radius:.8em;gap:.25em;padding:.4em;display:flex}.c4-col{background:0 0;border:0;border-radius:.5em;flex-direction:column;gap:.25em;padding:0;display:flex}.c4-col:active{background:#ffffff1f}.c4-cell{background:#0d0f13;border-radius:50%;justify-content:center;align-items:center;width:2.4em;height:2.4em;font-size:1.6em;line-height:1;display:flex}.c4-side{flex:1;min-width:12em}.gm-flag{margin:0 0 .8em}.gm-flag img{border-radius:.4em;width:min(16em,60%);height:auto;display:block;box-shadow:0 0 0 1px #ffffff26,0 6px 20px #0006}.ms-sum{margin:.2em 0 .6em;font-size:2.6em;font-weight:800}.ms.right .ms-sum{color:#6fd38f}.ms.wrong .ms-sum{color:#ff6b6b}.heli[hidden]{display:none!important}.heli{z-index:18;color:#f2f3f5;background:#0d0f13;flex-direction:column;font-size:clamp(14px,1.05vh + .45vw,24px);display:flex;position:fixed;inset:0}.heli-body{flex:1;grid-template-columns:1fr 18em;min-height:0;display:grid}.heli-map{background:#111;min-height:0}.heli-info{-webkit-overflow-scrolling:touch;touch-action:pan-y;border-left:1px solid #1f242b;padding:1em;overflow-y:auto}.heli-info h2{color:#9aa3ad;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6em;font-size:.8em}.heli-row{color:#f2f3f5;width:100%;font:inherit;text-align:left;cursor:pointer;background:#15181d;border:0;border-radius:.8em;flex-direction:column;gap:.2em;margin-bottom:.5em;padding:.6em .8em;display:flex}.heli-row.watched{box-shadow:inset 0 0 0 2px #ff5a4f}.heli-row small{color:#9aa3ad}.heli-icon span{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.heli-icon.watched span{background:#ff5a4fe6;box-shadow:0 0 0 4px #ff5a4f4d}.heli-icon.other span{background:#7c8794bf}.heli-icon.base span{background:#0d0f13cc}.heli .leaflet-tooltip{color:#fff;background:#0d0f13e6;border:0;font-weight:600}.heli .leaflet-container{font:inherit;background:#111}@media (max-aspect-ratio:1){.heli-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.heli-info{border-top:1px solid #1f242b;border-left:0;max-height:35vh}}.heli .heli-dark{filter:invert()hue-rotate(180deg)brightness(.85)contrast(.9)saturate(.6)}.heli .heli-icon{background:0 0;border:0}.heli .leaflet-control-layers{color:#fff;background:#0d0f13e6;border:0;border-radius:.8em;font-size:.9em}.heli .leaflet-control-layers-expanded{padding:.6em .9em}.heli .leaflet-control-layers label{margin:.3em 0}.heli-icon.hm-home span{background:#2a6fdb;box-shadow:0 0 0 3px #ffffffd9}.heli-icon.hm-pad span{background:0 0}.heli-icon.hm-pin.probable{opacity:.6}.heli-info .heli-h2{margin-top:1.2em}