: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}.pair{--pair-ink: #0b1322;--pair-ink-2: #0e1726;--pair-bone: #f2ece0;--pair-bone-dim: rgba(242, 236, 224, .72);--pair-bone-muted: rgba(242, 236, 224, .45);--pair-brass: #c6a269;--pair-line: rgba(242, 236, 224, .1);--pair-line-strong: rgba(242, 236, 224, .22);position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 90% 10%,rgba(198,162,105,.16),transparent 55%),radial-gradient(ellipse 70% 55% at 5% 90%,rgba(80,110,90,.14),transparent 55%),linear-gradient(180deg,var(--pair-ink-2) 0%,#070c16 100%);color:var(--pair-bone);font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.pair:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);pointer-events:none}.pair__topbar{position:absolute;top:0;left:0;right:0;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;z-index:5}.pair__brand{display:inline-flex;align-items:center;gap:12px;font-family:"Instrument Serif",Times New Roman,serif;font-size:26px;letter-spacing:-.01em;line-height:1}.pair__brand-mark{width:22px;height:22px;border-radius:50%;background:var(--pair-bone);position:relative}.pair__brand-mark:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--pair-brass)}.pair__device-chip{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pair-bone-muted);padding:6px 14px;border:1px solid var(--pair-line);border-radius:999px;background:#ffffff05}.pair__device-chip .dot{width:6px;height:6px;border-radius:50%;background:#6eae85;box-shadow:0 0 0 3px #6eae852e}.pair__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:96px 96px 64px;gap:96px}.pair__left{max-width:580px;justify-self:end;width:100%}.pair__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pair-bone-muted);margin-bottom:28px}.pair__eyebrow:before{content:"";width:24px;height:1px;background:var(--pair-bone-muted)}.pair__headline{font-family:"Instrument Serif",Times New Roman,serif;font-weight:400;font-size:clamp(48px,5.5vw,76px);line-height:1.02;letter-spacing:-.015em;margin:0 0 20px;color:var(--pair-bone)}.pair__headline em{font-style:italic;color:var(--pair-brass)}.pair__lede{font-size:17px;line-height:1.55;color:var(--pair-bone-dim);margin:0 0 56px;max-width:44ch}.pair__code{display:flex;gap:14px;margin-bottom:32px}.pair__slot{width:clamp(56px,6vw,84px);height:clamp(74px,8vw,108px);border-radius:14px;background:#f2ece006;border:1px solid var(--pair-line);display:grid;place-items:center;font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(36px,4vw,56px);line-height:1;color:var(--pair-bone);position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .25s ease,transform .15s ease}.pair__slot--filled{background:#f2ece00a;border-color:var(--pair-line-strong)}.pair__slot--active{border-color:var(--pair-brass);background:#c6a2690f;box-shadow:0 0 0 3px #c6a2691a,0 0 40px -10px #c6a26980}.pair__slot--active:not(.pair__slot--filled):after{content:"";position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:36%;height:2px;background:var(--pair-brass);border-radius:2px;animation:pair-caret-blink 1.2s ease-in-out infinite}@keyframes pair-caret-blink{0%,to{opacity:.2}50%{opacity:1}}.pair__hint{font-size:14px;color:var(--pair-bone-muted);line-height:1.55;max-width:44ch}.pair__right{width:100%;max-width:460px;justify-self:start}.pair__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pair__key{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1.6 / 1;border-radius:14px;background:#f2ece00a;border:1px solid var(--pair-line);color:var(--pair-bone);font-family:"Instrument Serif",Times New Roman,serif;font-size:clamp(32px,3.4vw,46px);line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease,color .15s ease;font-weight:400;padding:0}.pair__key:hover{background:#f2ece014;border-color:var(--pair-line-strong)}.pair__key:active{transform:scale(.97)}.pair__key--muted{font-family:Inter Tight,system-ui,sans-serif;font-size:clamp(13px,1.1vw,16px);font-weight:500;letter-spacing:.04em;color:var(--pair-bone-muted)}.pair__key--muted:hover{color:var(--pair-bone)}.pair__key svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.pair__cta-row{margin-top:24px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.pair__continue{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;background:var(--pair-brass);color:#1a1208;border:none;font-family:Inter Tight,system-ui,sans-serif;font-size:15.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,transform .12s ease,opacity .2s ease}.pair__continue:hover{background:#d6b27a}.pair__continue:active{transform:translateY(1px)}.pair__continue:disabled{background:#c6a2692e;color:#c6a2698c;cursor:not-allowed}.pair__continue svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}.pair__rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:60vh;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.pair__room{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--pair-line);background:#f2ece00a;color:var(--pair-bone);padding:18px 16px;border-radius:14px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .08s ease;font-family:inherit}.pair__room:hover{border-color:var(--pair-brass);background:#c6a26914}.pair__room:active{transform:scale(.98)}.pair__room-id{font-family:"Instrument Serif",Times New Roman,serif;font-size:28px;line-height:1}.pair__room-name{font-size:12px;color:var(--pair-bone-muted);margin-top:6px;font-family:Inter Tight,system-ui,sans-serif}.pair__room-tag{display:inline-block;margin-top:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pair-bone-muted);background:#ffffff0f;padding:3px 8px;border-radius:999px}.pair__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:24px;background:transparent;border:1px solid var(--pair-line-strong);color:var(--pair-bone-muted);font-family:Inter Tight,system-ui,sans-serif;font-size:13.5px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.pair__back:hover{color:var(--pair-bone);border-color:var(--pair-bone-muted)}.pair__bottombar{position:absolute;left:0;right:0;bottom:0;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pair-bone-muted);z-index:5}.pair__meta{display:flex;gap:28px}.pair__meta span strong{color:var(--pair-bone-dim);font-weight:500;margin-left:6px}.pair__help{display:inline-flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0}.pair__help kbd{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;padding:4px 8px;border:1px solid var(--pair-line-strong);border-radius:5px;background:#ffffff08;color:var(--pair-bone-dim);letter-spacing:0}.pair__toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 20px;border-radius:999px;background:#d0645a29;border:1px solid rgba(208,100,90,.35);color:#f4b6af;font-size:13.5px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:10}.pair__toast--show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1100px){.pair__stage{grid-template-columns:1fr;gap:56px;padding:120px 48px 96px;align-content:center;justify-items:center}.pair__left,.pair__right{justify-self:center;max-width:520px}.pair__left{text-align:center}.pair__eyebrow,.pair__code,.pair__cta-row{justify-content:center}.pair__rooms{width:100%}}@media (max-width: 640px){.pair__topbar,.pair__bottombar{padding:20px 24px}.pair__stage{padding:96px 24px 80px}.pair__slot{width:44px;height:60px;font-size:30px}.pair__code{gap:8px}.pair__keypad{gap:10px}.pair__key{font-size:28px}.pair__meta{display:none}.pair__help{font-size:10px}}