:root{--background:#000;--foreground:#fff;--font-family-base:"Inter",sans-serif;--color-green-gradient:linear-gradient(180deg,#ff610c 0%,#ca3104 100%);--color-green-7:#ff610c;--color-green-11:#ca3104;--color-green-3:#ffd1a6;--color-grey-1:#ffffff14;--color-grey-2:#efefef;--color-grey-5:#b7b7b7;--color-grey-8:#525252;--color-black:#000;--color-white:#fff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at top,#ff610c29,transparent 35%),radial-gradient(circle at bottom right,#ca310429,transparent 30%),var(--background);color:var(--foreground);font-family:var(--font-family-base);overflow:hidden}button,input{font:inherit}button{cursor:pointer}.display-app-shell{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.display-centered-screen{justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.display-pairing-screen{background:var(--color-grey-2);width:100%;height:100%;color:var(--color-black);position:relative;overflow:auto}.display-pairing-screen__action{z-index:10;position:absolute;top:24px;right:24px}.display-brand-header{background:var(--color-green-gradient);border-radius:52px;justify-content:center;align-items:center;min-height:78px;margin:16px 28px 0;padding:10px 16px;display:flex}.display-brand-header__frame{background:var(--color-white);border-radius:999px;justify-content:center;align-items:center;width:min(240px,100%);min-height:58px;padding:6px 18px;display:flex}.display-brand-header__logo{width:100%;max-width:100%;height:auto}.display-gradient-pill{background:var(--color-green-gradient);min-height:82px;color:var(--color-white);border-radius:999px;justify-content:center;align-items:center;padding:18px 38px;font-size:clamp(24px,3vw,40px);font-weight:700;display:inline-flex}.display-pairing-screen__content{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,5vw,60px);min-height:calc(100vh - 94px);padding:clamp(24px,5vw,70px) 18px 36px;display:flex}.display-pairing-screen__title-wrap{flex-direction:column;align-items:center;display:flex}.display-pairing-screen__timer-chip{background:#ff610c14;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:8px 18px;display:inline-flex}.display-pairing-screen__timer-dot{background:var(--color-green-7);border-radius:999px;width:9px;height:9px}.display-pairing-screen__timer-text{color:var(--color-green-11);font-variant-numeric:tabular-nums;font-size:clamp(14px,1.6vw,18px);font-weight:600}.display-pairing-screen__cards{justify-content:center;align-items:center;gap:clamp(14px,5vw,60px);display:flex}.display-pairing-screen__block{flex-direction:column;align-items:center;display:flex}.display-pairing-screen__gradient-card{background:var(--color-green-gradient);border-radius:clamp(24px,4vw,44px);justify-content:center;align-items:center;width:clamp(160px,28vw,360px);height:clamp(160px,28vw,360px);display:flex}.display-pairing-screen__qr-card{padding:clamp(10px,2.4vw,30px)}.display-pairing-screen__qr-inner{background:var(--color-white);border-radius:34px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.display-pairing-screen__qr-image{object-fit:contain;width:100%;height:100%}.display-pairing-screen__code-text{color:var(--color-white);letter-spacing:clamp(1px,.35vw,4px);font-size:clamp(42px,5vw,68px);font-weight:600}.display-pairing-screen__block-text{color:var(--color-black);margin:clamp(10px,2vw,24px) 0 0;font-size:clamp(13px,2vw,28px);font-weight:500}.display-pairing-screen__or-text{color:var(--color-black);margin:0;font-size:clamp(24px,3vw,45px);font-weight:700}.display-state-screen{justify-content:center;align-items:center;min-height:calc(100vh - 94px);padding:clamp(24px,5vw,70px) 18px 36px;display:flex}.display-state-screen__title-wrap{text-align:center;flex-direction:column;align-items:center;width:min(100%,920px);display:flex}.display-state-screen__title{color:var(--color-black);letter-spacing:-.04em;margin:clamp(24px,3vw,32px) 0 14px;font-size:clamp(32px,5vw,68px);line-height:1}.display-state-screen__description{max-width:720px;color:var(--color-grey-8);margin:0;font-size:clamp(16px,2.4vw,22px);line-height:1.6}.display-state-screen__action{margin-top:28px}.display-screen-card{border:1px solid var(--color-grey-2);background:linear-gradient(#141414f5,#080808f5);border-radius:32px;width:min(100%,920px);box-shadow:0 24px 80px #00000073}.display-button{color:var(--color-white);background:var(--color-green-gradient);letter-spacing:.02em;border:0;border-radius:999px;padding:14px 22px;font-weight:700}.display-button-secondary{border:1px solid var(--color-grey-2);color:var(--color-white);background:#ffffff0f;border-radius:999px;padding:12px 18px}.display-player-root{background:#000;width:100%;height:100%}.display-player-frame{transform-origin:50%;background:#000;position:absolute;top:50%;left:50%;overflow:hidden}.display-media-layer{width:100%;height:100%;position:absolute;inset:0}.display-image,.display-video{object-fit:cover;background:#000;width:100%;height:100%}.display-overlay-chip{z-index:20;border:1px solid var(--color-grey-2);color:var(--color-white);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000094;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex;position:absolute}.display-top-bar{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:20px;left:20px;right:20px}.display-top-bar>*{pointer-events:auto}.display-spinner{border:2px solid #ffffff40;border-top-color:var(--color-white);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}.display-pulse-dot{background:var(--color-green-7);border-radius:999px;width:10px;height:10px;animation:1.8s infinite pulse;box-shadow:0 0 #ff610c8c}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #ff610c99}70%{box-shadow:0 0 0 14px #ff610c00}to{box-shadow:0 0 #ff610c00}}@media (max-width:768px){.display-centered-screen{padding:20px}.display-screen-card{border-radius:24px}.display-pairing-screen__action{top:12px;right:12px}.display-brand-header{margin-left:14px;margin-right:14px}.display-brand-header__frame{width:min(200px,100%);min-height:50px}.display-gradient-pill{min-height:52px;padding:12px 22px;font-size:22px;font-weight:400}.display-pairing-screen__timer-chip{margin-top:12px;padding:6px 14px}.display-pairing-screen__timer-dot{width:8px;height:8px}.display-pairing-screen__cards{flex-wrap:wrap}.display-pairing-screen__or-text{text-align:center;width:100%}.display-state-screen__title{margin-top:20px}.display-state-screen__action{margin-top:22px}}