*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body,button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.kitchenode-logo{display:flex;align-items:center;gap:10px}.signage-icon-16{width:16px;height:16px}.signage-icon-24{width:24px;height:24px}.signage-icon-28{width:28px;height:28px}.signage-icon-48{width:48px;height:48px}.signage-icon-56{width:56px;height:56px}.signage-spin{animation:signage-spin 1s linear infinite}@keyframes signage-spin{to{transform:rotate(360deg)}}.signage-player-root{width:100vw;height:100vh;height:100dvh;min-height:100vh;overflow:hidden;background:#000;color:#fff;overscroll-behavior:none;touch-action:manipulation}.signage-player-root button{cursor:pointer}.signage-media{display:block;width:100%;height:100%;border:0;background:transparent}video.signage-media{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:transparent;pointer-events:none}video.signage-media::-webkit-media-controls,video.signage-media::-webkit-media-controls-enclosure,video.signage-media::-webkit-media-controls-panel,video.signage-media::-webkit-media-controls-overlay-play-button,video.signage-media::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;pointer-events:none!important}.signage-media.cover{object-fit:cover}.signage-media.contain{object-fit:contain}.signage-media.stretch{object-fit:fill}.signage-kitchenode-logo{position:absolute;top:32px;left:40px;z-index:20}.signage-kitchenode-logo img{filter:brightness(0) invert(1)}.signage-kitchenode-logo>div{display:flex;align-items:center;gap:10px}.signage-provisioning-screen,.signage-support-screen{position:relative;display:flex;width:100%;height:100%;min-height:100%;flex-direction:column;overflow:hidden;background:#000}.signage-background-image,.signage-dark-overlay,.signage-support-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.signage-background-image{background-position:center;background-size:cover}.signage-dark-overlay{background:linear-gradient(to bottom,#000000d9,#000000b3,#000000e6)}.signage-support-backdrop{background:linear-gradient(to bottom,#000,#09090b,#000)}.signage-provisioning-main{position:relative;z-index:10;display:flex;width:100%;max-width:1240px;flex:1;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:max(108px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) 36px max(32px,env(safe-area-inset-left));text-align:center}.signage-pairing-heading{display:flex;flex-direction:column;align-items:center}.signage-pairing-title{margin:0;color:#fff;font-size:clamp(2.25rem,4.2vw,4rem);font-weight:750;line-height:1.05;letter-spacing:-.035em}.signage-pairing-subtitle{margin:clamp(10px,1.8vh,18px) 0 0;color:#ffffff9e;font-size:clamp(1rem,1.65vw,1.5rem);font-weight:450}.signage-pairing-grid{display:grid;width:100%;grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:clamp(16px,2vw,28px);margin-top:clamp(28px,4.5vh,52px)}.signage-glass-card{border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signage-code-card{display:flex;width:100%;max-width:100%;min-width:0;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:clamp(28px,4vw,54px) clamp(18px,4vw,52px);background:#04080ca8;box-shadow:0 28px 80px #0000006b}.signage-code-label{margin:0;color:#ffffff8f;font-size:clamp(.7rem,.9vw,.9rem);font-weight:700;letter-spacing:.16em}.signage-pairing-code{display:flex;width:100%;min-width:0;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:clamp(12px,2vh,20px);color:#fff;font-size:clamp(2rem,5vw,5.5rem);font-weight:800;line-height:.98;letter-spacing:clamp(.01em,.24vw,.045em);text-align:center}.signage-pairing-code-part{white-space:nowrap}.signage-pairing-instructions{margin:clamp(18px,2.5vh,26px) 0 0;color:#ffffff94;font-size:clamp(.82rem,1.15vw,1.05rem)}.signage-code-expiry{margin:10px 0 0;color:#ffffff61;font-size:clamp(.72rem,.9vw,.88rem)}.signage-qr-card{display:flex;width:100%;max-width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:clamp(26px,3.5vw,46px);border-color:#ffffff2e;background:linear-gradient(145deg,#ffffff1b,#ffffff0e);box-shadow:0 28px 80px #00000052}.signage-qr-code{position:relative;width:clamp(240px,30vw,360px);max-width:100%;aspect-ratio:1;overflow:hidden;padding:clamp(10px,1.25vw,16px);border:1px solid rgba(7,16,25,.08);border-radius:clamp(18px,2vw,26px);background:#fff;box-shadow:0 20px 50px #00000047,0 1px #ffffffe6 inset}.signage-qr-code svg{display:block;width:100%;height:100%}.signage-qr-logo{position:absolute;top:50%;left:50%;display:grid;width:20%;aspect-ratio:1;box-sizing:border-box;place-items:center;padding:3.25%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.035);border-radius:19px;background:#fff;pointer-events:none}.signage-qr-logo img{display:block;width:100%;height:100%;object-fit:contain}.signage-qr-logo-preloader{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.signage-qr-placeholder{width:clamp(220px,20vw,310px);max-width:100%;aspect-ratio:1;border-radius:8px;background:#ffffff1f}.signage-qr-label{margin:18px 0 0;color:#ffffff9e;font-size:clamp(.86rem,1.05vw,1rem);font-weight:600}.signage-status-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(20px,3vh,30px);color:#ffffff94;font-size:clamp(.8rem,1vw,.95rem)}.signage-status-dot{width:8px;height:8px;border-radius:50%;background:#5bd68c;box-shadow:0 0 12px #5bd68c80}.signage-status-dot.error{background:#f87171;box-shadow:0 0 12px #f8717173}.signage-status-connectivity{color:#ffffffc7;font-weight:650}.signage-status-divider{width:1px;height:14px;background:#ffffff2e}.signage-diagnostics{margin-top:18px;color:#fff6;font-size:13px}.signage-diagnostics summary{cursor:pointer;list-style-position:inside;transition:color .15s ease}.signage-diagnostics summary:hover,.signage-diagnostics[open] summary{color:#ffffffad}.signage-diagnostics-content{width:min(520px,calc(100vw - 40px));margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000006b;padding:8px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signage-support-main{position:relative;z-index:10;display:flex;width:100%;max-width:896px;flex:1;flex-direction:column;justify-content:center;margin:0 auto;padding:0 40px}.signage-support-card{margin-top:40px;padding:32px}.signage-support-status{display:flex;align-items:center;gap:12px;margin-bottom:24px}.signage-info-row{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0}.signage-info-row:last-child{border-bottom:0}.signage-support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.signage-primary-button,.signage-secondary-button{border-radius:16px;padding:24px 32px;color:#fff;font-size:20px;font-weight:800;transition:transform .12s ease}.signage-primary-button:active,.signage-secondary-button:active{transform:scale(.98)}.signage-primary-button{border:0;background:#0474bc}.signage-secondary-button{border:1px solid rgba(255,255,255,.2);background:#ffffff1a}.signage-retry-button,.signage-message-button{min-width:220px;margin-top:28px;border:0}.signage-paired-screen{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#07090c}.signage-media-layer,.signage-media-loading{position:absolute;top:0;right:0;bottom:0;left:0}.signage-media-layer{z-index:2;opacity:0;will-change:opacity}.signage-media-current.ready{z-index:3;opacity:1}.signage-media-pending{z-index:4;transition:opacity .6s ease-in-out}.signage-media-pending.entering{opacity:1}.signage-media-loading{z-index:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111820,#07090c 68%);opacity:1;transition:opacity .3s ease}.signage-media-loading .kitchenode-logo{opacity:.7}.signage-media-loading.hidden{opacity:0;visibility:hidden}.signage-landscape{aspect-ratio:16 / 9}.signage-portrait .signage-media{object-position:center}.signage-pdf-object,.signage-html-frame{display:block}.signage-content-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#ffffffc2;font-size:28px;font-weight:800}.signage-offline-indicator{position:absolute;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0000006b;padding:10px 14px;color:#ffffffb8;font-size:13px;font-weight:800;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signage-debug-overlay{position:absolute;top:24px;right:24px;z-index:30;width:384px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#000000c7;padding:24px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.signage-debug-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}@media(max-width:760px),(orientation:portrait){.signage-kitchenode-logo{top:24px;left:24px}.signage-provisioning-main{justify-content:flex-start;overflow-y:auto;padding:max(94px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 28px max(18px,env(safe-area-inset-left))}.signage-pairing-grid{grid-template-columns:1fr;max-width:640px;margin-top:28px}.signage-code-card,.signage-qr-card{max-width:100%}.signage-qr-card{padding:24px}.signage-status-row{flex-wrap:wrap;justify-content:center;row-gap:8px}}@media(max-height:620px)and (orientation:landscape){.signage-provisioning-main{justify-content:flex-start;overflow-y:auto;padding-top:76px}.signage-pairing-grid{margin-top:18px}.signage-status-row{margin-top:14px}.signage-diagnostics{margin-top:10px}}