:root{--foyer-bg: #0b0d10;--foyer-fg: #ffffff;--foyer-muted: rgba(255, 255, 255, .55);--foyer-accent: #d4af37;--foyer-tile-bg: rgba(0, 0, 0, .4);--foyer-tile-border: rgba(255, 255, 255, .35);--foyer-radius: 18px}html,body,#root{height:100%;margin:0;background:#000;color:var(--foyer-fg);font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.foyer-app-shell{width:100vw;height:100vh;background:#000;display:grid;place-items:center;overflow:hidden}button{font:inherit;color:inherit}.foyer-app{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;height:auto;box-sizing:border-box;background:var(--foyer-bg, #0b0d10);background-image:var(--foyer-bg-image, none);background-size:cover;background-position:center;overflow:hidden;container-type:size}.foyer-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var( --foyer-vignette, linear-gradient( 0deg, rgba(11, 13, 16, .92) 0%, transparent 100% ) );pointer-events:none;z-index:0}.foyer-brand__logo{object-fit:contain}.foyer-brand__welcome{font-weight:300;letter-spacing:-.5px;line-height:1.1;max-width:60vw}.foyer-clock{text-align:right}.foyer-clock__time{font-size:48px;font-weight:200;font-variant-numeric:tabular-nums}.foyer-clock__date{font-size:18px;color:currentColor;opacity:.6;margin-top:4px;text-transform:capitalize}.foyer-grid-region{z-index:1}.foyer-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;padding:1.5%;min-width:0;min-height:0;background:var(--foyer-tile-bg);border:2px solid var(--foyer-tile-border);border-radius:var(--foyer-radius);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;text-align:center;overflow:hidden;container-type:size}.foyer-tile:hover{background:#0000008c}.foyer-tile--focused{border-color:var(--foyer-accent);background:#0009;box-shadow:0 0 0 4px color-mix(in srgb,var(--foyer-accent) 35%,transparent);transform:translateY(-4px);outline:none}.foyer-tile__icon{flex:0 0 auto;width:45%;height:45%;max-width:45%;max-height:45%;object-fit:contain;min-height:0}.foyer-tile--icon-only .foyer-tile__icon{width:70%;height:70%;max-width:70%;max-height:70%}.foyer-tile__icon--placeholder{background:#ffffff2e;border-radius:12px}.foyer-tile__title{flex:0 0 auto;font-size:clamp(14px,min(14cqw,28cqh),48px);font-weight:500;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.foyer-tile--text-only .foyer-tile__title{font-size:clamp(12px,min(22cqw,50cqh),72px);-webkit-line-clamp:3}.foyer-banner{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:100;background:var(--foyer-accent);color:#111;padding:24px 40px;border-radius:12px;max-width:60%;box-shadow:0 24px 64px #00000080;animation:foyer-banner-in .24s cubic-bezier(.2,.8,.2,1)}.foyer-banner__title{font-size:18px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.foyer-banner__body{font-size:24px;line-height:1.3}@keyframes foyer-banner-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.foyer-boot,.foyer-error{height:100%;display:grid;place-items:center;text-align:center}.foyer-boot__logo,.foyer-error__logo{font-size:96px;font-weight:700;letter-spacing:-2px}.foyer-boot__label,.foyer-error__label{margin-top:16px;color:var(--foyer-muted)}.foyer-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:grid;place-items:center;padding:64px}.foyer-modal__panel{background:#1a1d22;border:1px solid var(--foyer-tile-border);border-radius:var(--foyer-radius);padding:48px;max-width:800px;width:100%}.foyer-modal__title{font-size:40px;font-weight:600;margin-bottom:16px}.foyer-modal__body{font-size:22px;line-height:1.5;color:var(--foyer-muted)}.foyer-modal__hint{margin-top:32px;font-size:14px;color:var(--foyer-muted);text-align:right}.foyer-pair-shell{width:100vw;height:100vh;background:linear-gradient(135deg,#0b0d10,#181a22);display:grid;place-items:center;color:var(--foyer-fg);font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.foyer-pair{width:min(680px,90vw);text-align:center}.foyer-pair__brand{font-size:28px;font-weight:700;letter-spacing:.3em;color:var(--foyer-accent)}.foyer-pair__sub{margin-top:12px;font-size:22px;font-weight:300;color:var(--foyer-muted)}.foyer-pair__pin{margin:48px auto 32px;display:flex;gap:16px;justify-content:center}.foyer-pair__digit{width:64px;height:84px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0a;display:grid;place-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:44px;font-weight:500;transition:border-color .2s,background .2s}.foyer-pair__digit--active{border-color:var(--foyer-accent);background:#ffffff14;box-shadow:0 0 0 4px #d4af3726}.foyer-pair__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto 32px}.foyer-pair__key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;font-size:28px;font-weight:400;height:64px;border-radius:12px;cursor:pointer;transition:background .15s}.foyer-pair__key:hover{background:#ffffff1a}.foyer-pair__key--secondary{font-size:16px;color:var(--foyer-muted)}.foyer-pair__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--foyer-accent);color:#0b0d10;font-size:18px;font-weight:600;padding:14px 36px;border-radius:999px;cursor:pointer;margin-top:8px}.foyer-pair__submit:disabled{opacity:.4;cursor:not-allowed}.foyer-pair__submit--ghost{background:transparent;color:var(--foyer-muted);border:1px solid rgba(255,255,255,.15);margin-top:16px}.foyer-pair__rooms{margin:32px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-width:640px}.foyer-pair__room{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:inherit;padding:18px 16px;border-radius:12px;cursor:pointer;text-align:left;transition:all .15s}.foyer-pair__room:hover{border-color:var(--foyer-accent);background:#ffffff1a}.foyer-pair__room-id{font-size:22px;font-weight:500}.foyer-pair__room-name{font-size:12px;color:var(--foyer-muted);margin-top:4px}.foyer-pair__room-tag{display:inline-block;margin-top:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#ffffff26;padding:2px 8px;border-radius:999px}.foyer-pair__error{margin-top:16px;color:#ff6b6b;font-size:14px}