*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}#app{position:fixed;top:0;left:0;transform-origin:center center;overflow:hidden}body{background:#0b1020;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.screen{position:relative;width:100%;height:100%}.screen--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center;padding:2rem}.muted{color:#94a3b8}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conn{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot--on{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.dot--off{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}.pairing{background:radial-gradient(120% 120% at 50% 0%,#131a36,#0b1020 60%)}.bolt{color:#818cf8}.pairing__label{font-size:1.1rem;letter-spacing:.25em;color:#94a3b8}.pairing__code{font-size:clamp(4rem,16vw,11rem);font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.pairing__timer{font-size:1rem;color:#64748b}.pairing__timer #ttl{color:#818cf8;font-weight:700}.pairing__hint{font-size:1.1rem;color:#cbd5e1;max-width:36ch}.pairing__hint b{color:#fff}.conn{position:absolute;bottom:2rem}.idle{display:flex;flex-direction:column;background:radial-gradient(120% 120% at 50% 30%,#131a36,#0b1020 70%)}.idle__top{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem}.idle__name{font-size:1.1rem;font-weight:600;color:#e2e8f0}.idle__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.clock{font-size:clamp(4rem,14vw,10rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.date{font-size:1.4rem;color:#94a3b8;text-transform:capitalize}.weather{display:inline-flex;align-items:center;gap:.6rem;margin-top:.75rem;font-size:1.6rem;color:#cbd5e1}.weather__icon{font-size:1.9rem}.weather__temp{font-weight:700;color:#fff}.weather__city{color:#94a3b8}.idle__wait{margin-top:1.5rem;font-size:1rem;color:#64748b;padding:.4rem 1rem;border:1px solid rgba(148,163,184,.2);border-radius:9999px}.lock{align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 30%,#1b1230,#0b1020 70%)}.lock__card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:0 2rem;max-width:80%}.lock__badge{font-size:clamp(3rem,9vw,6rem);line-height:1;filter:drop-shadow(0 0 24px rgba(168,85,247,.55))}.lock__title{font-size:clamp(2rem,6vw,4rem);font-weight:800;color:#fff;letter-spacing:-.01em}.lock__body{font-size:clamp(1rem,2.4vw,1.6rem);color:#cbd5e1;line-height:1.5;max-width:28ch}.lock__brand{margin-top:.5rem;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a855f7}.reset{position:absolute;bottom:1rem;right:1rem;background:rgba(148,163,184,.12);color:#64748b;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;cursor:pointer;opacity:.4;transition:opacity .2s}.reset:hover{opacity:1}.announce{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.card{max-width:70%;animation:pop .35s ease-out}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card__title{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1.05}.card__body{margin-top:1.5rem;font-size:clamp(1.25rem,3vw,2.25rem);color:rgba(255,255,255,.9);line-height:1.35}.emergency{background:linear-gradient(135deg,#b91c1c,#7f1d1d);animation:flash 1.4s ease-in-out infinite}@keyframes flash{0%,to{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}50%{background:linear-gradient(135deg,#dc2626,#991b1b)}}.emergency__label{position:absolute;top:2.5rem;font-size:clamp(1.25rem,3vw,2rem);font-weight:800;letter-spacing:.1em;color:#fff;background:rgba(0,0,0,.25);padding:.5rem 1.5rem;border-radius:9999px}.ticker{position:absolute;bottom:0;left:0;right:0;background:#4f46e5;padding:1rem 0;overflow:hidden;white-space:nowrap}.ticker__track{display:inline-flex;gap:4rem;padding-left:100%;animation:marquee 18s linear infinite;font-size:1.6rem;font-weight:600}@keyframes marquee{to{transform:translate(-100%)}}.media-wrap{background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.media{width:100%;height:100%;object-fit:cover;background:#000}video.media{opacity:0;transition:opacity .25s ease-in}video.media.is-ready{opacity:1}.media--layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease-in-out;will-change:opacity}.media--layer.is-shown{opacity:1}video.media::-webkit-media-controls,video.media::-webkit-media-controls-enclosure,video.media::-webkit-media-controls-panel,video.media::-webkit-media-controls-overlay-play-button,video.media::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;appearance:none;opacity:0!important}#ytplayer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;border:0}.pl-badge{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.55);color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .7rem;border-radius:9999px;font-variant-numeric:tabular-nums}#blackout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9998}#identify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(79,70,229,.92);animation:identify-flash 1s ease-in-out infinite}.identify__card{text-align:center;color:#fff}.identify__bolt{font-size:5rem;line-height:1}.identify__name{margin-top:1rem;font-size:clamp(2rem,8vw,6rem);font-weight:800;letter-spacing:-.02em}.identify__hint{margin-top:.5rem;font-size:clamp(1rem,3vw,2rem);opacity:.85}@keyframes identify-flash{0%,to{background:rgba(79,70,229,.92)}50%{background:rgba(6,182,212,.92)}}#wifi-overlay{position:fixed;left:clamp(.75rem,2vw,2rem);bottom:clamp(.75rem,2vw,2rem);z-index:9000;pointer-events:none}.wifi__card{display:flex;align-items:center;gap:clamp(.6rem,1.4vw,1.1rem);padding:clamp(.6rem,1.4vw,1rem);background:rgba(255,255,255,.97);border-radius:clamp(.6rem,1.2vw,1rem);box-shadow:0 12px 40px -8px rgba(11,16,32,.45)}.wifi__qr{flex-shrink:0;width:clamp(64px,9vw,128px);height:clamp(64px,9vw,128px);background:#fff;border-radius:.4rem}.wifi__qr svg{width:100%;height:100%;display:block}.wifi__info{min-width:0;color:#0b1020}.wifi__title{font-size:clamp(.85rem,1.5vw,1.25rem);font-weight:800;letter-spacing:-.01em}.wifi__row{margin-top:.2rem;display:flex;align-items:baseline;gap:.4rem;font-size:clamp(.8rem,1.3vw,1.05rem)}.wifi__k{color:#5b6577;font-weight:600}.wifi__v{font-weight:800;word-break:break-word}.wifi__hint{margin-top:.3rem;font-size:clamp(.65rem,1vw,.85rem);color:#5b6577}body.has-ticker #wifi-overlay{bottom:calc(clamp(.75rem,2vw,2rem) + clamp(2.4rem,5vh,3.6rem))}#ticker-overlay{position:fixed;left:0;right:0;bottom:0;z-index:8500;height:clamp(2.4rem,5vh,3.6rem);display:flex;align-items:center;overflow:hidden;background:rgba(11,16,32,.94);border-top:2px solid #4361ee;white-space:nowrap}.tk__track{display:inline-flex;align-items:center;flex-shrink:0;animation:tk-scroll linear infinite;will-change:transform}.tk__item{color:#fff;font-size:clamp(.95rem,2vh,1.4rem);font-weight:700;letter-spacing:.01em}.tk__sep{color:#4361ee;margin:0 clamp(.9rem,2vw,1.8rem);font-size:clamp(.8rem,1.6vh,1.1rem)}@keyframes tk-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.wz{gap:.9rem;padding:2rem 1.5rem;max-width:720px;margin:0 auto}.wz__title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800}.wz__sub{color:#c7d0e0;font-size:clamp(.95rem,2.2vw,1.2rem);line-height:1.5}.wz__btn{display:inline-block;margin-top:.3rem;padding:.9rem 1.6rem;border-radius:14px;background:linear-gradient(90deg,#4f46e5,#6d28d9);color:#fff;font-weight:700;font-size:clamp(1rem,2.4vw,1.3rem);text-decoration:none;box-shadow:0 10px 30px -8px rgba(79,70,229,.6)}.wz__steps{text-align:left;display:inline-block;margin:.4rem auto 0;padding-left:1.4rem;color:#e6eaf2;font-size:clamp(.9rem,2.1vw,1.1rem);line-height:1.9}.wz__note{margin-top:.4rem;color:#9aa6bd;font-size:clamp(.8rem,1.8vw,1rem);line-height:1.5}.wz__url{color:#a5b4fc;word-break:break-all;font-family:ui-monospace,monospace}.wz__skip{margin-top:.6rem;background:transparent;border:1px solid rgba(255,255,255,.25);color:#c7d0e0;padding:.6rem 1.1rem;border-radius:10px;font-size:clamp(.85rem,2vw,1.05rem);cursor:pointer}.wz__skip:hover,.wz__skip:focus{background:rgba(255,255,255,.08)}.pair-install{margin-top:.5rem;background:rgba(129,140,248,.12);border:1px solid rgba(129,140,248,.35);color:#c7d2fe;padding:.55rem 1.1rem;border-radius:9999px;font-size:clamp(.85rem,1.8vw,1.05rem);cursor:pointer;transition:background .2s}.pair-install:hover,.pair-install:focus{background:rgba(129,140,248,.22)}.menu{position:relative;display:flex;flex-direction:column;padding:clamp(2rem,4vw,4rem);gap:clamp(1.2rem,3vh,2.4rem);overflow:hidden;background:var(--mb-bg, #fbfaf7);color:var(--mb-text, #1a1a1a);font-family:var(--mb-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif)}.menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--mb-accent, currentColor);padding-bottom:clamp(.8rem,2vh,1.4rem);opacity:.98}.menu__title{font-size:clamp(2.2rem,6vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1}.menu__sub{margin-top:.4rem;font-size:clamp(1rem,2vw,1.6rem);opacity:.7}.menu__clock{font-size:clamp(1.6rem,4vw,3rem);font-weight:700;font-variant-numeric:tabular-nums;opacity:.85}.menu__grid{flex:1;display:grid;gap:clamp(1.2rem,3vw,3rem) clamp(2rem,5vw,5rem);align-content:start;overflow:hidden}.menu__grid--1{grid-template-columns:1fr}.menu__grid--2{grid-template-columns:1fr 1fr}.menu__grid--3{grid-template-columns:1fr 1fr 1fr}.menu__sectitle{font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:800;letter-spacing:.02em;margin-bottom:clamp(.5rem,1.4vh,1rem);color:var(--mb-accent, currentColor)}.menu--upper .menu__sectitle{text-transform:uppercase}.menu__list{list-style:none;display:flex;flex-direction:column;gap:clamp(.4rem,1.2vh,.9rem)}.menu__row{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.05rem,2.1vw,1.7rem)}.menu__name{font-weight:600;white-space:nowrap}.menu__desc{display:block;font-size:.7em;font-weight:400;color:var(--mb-muted, currentColor);opacity:.85;white-space:normal}.menu__dots{flex:1;border-bottom:2px dotted var(--mb-accent, currentColor);opacity:.35;transform:translateY(-.25em)}.menu__row--line .menu__dots{border-bottom-style:solid;opacity:.22}.menu__row--none .menu__dots{display:none}.menu__price{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--mb-accent, currentColor)}.menu__row--ph{align-items:center}.menu__photo{flex:none;width:clamp(2.6rem,5vw,4.4rem);height:clamp(2.6rem,5vw,4.4rem);border-radius:14px;object-fit:cover;background:rgba(127,127,127,.18)}.menu__row--ph .menu__name{white-space:normal}.menu__qr{position:absolute;right:clamp(1.5rem,3vw,3rem);bottom:clamp(1.5rem,3vh,3rem);display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .7rem .55rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.menu__qr img{width:clamp(4.5rem,9vw,7rem);height:auto;display:block}.menu__qr span{font-size:clamp(.62rem,1.1vw,.85rem);font-weight:700;color:#0b1020}.prayer{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}.prayer__head{font-size:1.1rem;color:#cbd5e1;letter-spacing:.02em}.prayer__row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.prayer__cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:4.6rem;padding:.7rem .9rem;border-radius:14px;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.18)}.prayer__cell--next{background:rgba(129,140,248,.22);border-color:rgba(129,140,248,.5);box-shadow:0 0 0 3px rgba(129,140,248,.15)}.prayer__label{font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.prayer__cell--next .prayer__label{color:#c7d2fe}.prayer__time{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}#zone-overlay{position:fixed;z-index:35;overflow:hidden;background:#0b1020}body.zone-on.zone-sidebar #zone-overlay{top:0;right:0;width:28%;height:100%}body.zone-on.zone-strip #zone-overlay{left:0;bottom:0;width:100%;height:22%}body.zone-on.zone-sidebar .screen{width:72%}body.zone-on.zone-strip .screen{height:78%}#zone-overlay .zone-media{display:block;width:100%;height:100%;object-fit:cover}#zone-overlay .screen{width:100%;height:100%}#demo-badge{position:fixed;top:16px;right:16px;z-index:10000;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px;color:#fff;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.22);border-radius:100px;backdrop-filter:blur(6px);pointer-events:none}