.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;gap:8px;opacity:.35;transition:opacity .15s ease}.app:not(.web) .topbar{justify-content:flex-end}.app:not(.web){--iris-surface: rgba(250, 252, 255, .82);--iris-border: rgba(255, 255, 255, .96);--iris-ink: #26354d;--iris-muted: #687790;--iris-blue: #007aff}.app:hover .topbar{opacity:1}.brand{font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);padding:2px 6px}.brand-duo{color:#f5b81f}.tagline{font-size:13px;font-weight:500;color:#5a608ce6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-controls{display:flex;gap:4px}.chip{border:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;color:#fff;background:#1e1e288c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background .12s ease,transform .08s ease}a.chip{text-decoration:none;display:inline-flex;align-items:center;gap:4px}.download-chip{background:#667eea73}.download-chip:hover{background:#667eeab3}.chip:hover{background:#5a5a78bf}.chip:active{transform:scale(.94)}.chip-on{background:#5882f6e6}.chip-ai-on{background:#34a86ee6;animation:ai-breathe 2.4s ease-in-out infinite}.chip-ai-listening{background:#e4584cf0;animation:ai-listening .9s ease-in-out infinite}@keyframes ai-breathe{0%,to{box-shadow:0 0 #34a86e80}50%{box-shadow:0 0 0 5px #34a86e1f}}@keyframes ai-listening{0%,to{box-shadow:0 0 #e4584c8c}50%{box-shadow:0 0 0 6px #e4584c1f}}.ai-toast{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:60;padding:8px 16px;border-radius:10px;background:#1e2037eb;color:#ffd7a1;font-size:13px;box-shadow:0 4px 18px #00000059;animation:card-in .35s ease both;pointer-events:none}.chip-close:hover{background:#dc3c46e6}.user-menu{position:relative;display:flex}.avatar-btn{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 3px}.uname-top{font-size:11px;max-width:82px;text-shadow:none}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;display:flex;flex-direction:column;gap:6px;min-width:120px;padding:8px;border-radius:12px;background:#181822f0;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-pop .chip{width:100%}.chip-logout{color:#ff9c9c}.memory-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#08091061}.memory-dialog{width:min(260px,100%);padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#1c1d2af7;box-shadow:0 16px 38px #00000073;text-align:center}.memory-dialog h2{margin:0 0 12px;color:#fff;font-size:14px}.memory-timeline{max-height:min(44vh,260px);margin:0 0 12px;overflow:auto;text-align:left}.memory-timeline h3{margin:0 0 8px;color:#e8eaff;font-size:12px;font-weight:600}.memory-timeline ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.memory-timeline li{padding:8px;border-left:2px solid rgba(123,209,196,.68);background:#ffffff0e}.memory-timeline time{display:block;margin-bottom:4px;color:#aeb7d5;font-size:10px}.memory-timeline p,.memory-empty{margin:3px 0;color:#e9ebf5;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.memory-timeline strong{display:inline-block;min-width:34px;margin-right:4px;color:#8fe0cf;font-weight:600}.memory-actions{display:grid;gap:7px}.memory-actions .chip{width:100%}.chip-memory-danger{color:#ffb3b3}.memory-msg{margin:10px 0 0;color:#d8dced;font-size:11px;line-height:1.45}.memory-close{margin-top:12px}.stage{flex:1;position:relative;min-height:0}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .12s ease;background:radial-gradient(circle at 50% 62%,rgba(120,200,255,calc(.55 * var(--glow, 0))),#78c8ff00 62%)}.stage.talking:after{opacity:1}.ai-presence{position:absolute;left:50%;bottom:8%;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#1618227a;box-shadow:0 4px 14px #0003;transform:translate(-50%);pointer-events:none}.ai-presence i{width:3px;height:5px;border-radius:3px;background:#dce6ff;animation:ai-presence .8s ease-in-out infinite alternate}.ai-presence i:nth-child(2){animation-delay:.14s}.ai-presence i:nth-child(3){animation-delay:.28s}.stage.ai-listening .ai-presence{border-color:#f68282c7}.stage.ai-listening .ai-presence i{background:#ff9a9a;height:calc(4px + 12px * var(--mic, 0));animation:none}.stage.ai-thinking .ai-presence i{background:#ffd48a}.app.companion-iris .stage.ai-speaking .ai-presence i{background:#a7e5db}@keyframes ai-presence{0%{height:4px}to{height:11px}}.companion-canvas{width:100%;height:100%;display:block}.voicebar{display:flex;align-items:center;justify-content:center;gap:6px;padding:2px 8px;opacity:.45;transition:opacity .15s ease}.app:hover .voicebar{opacity:1}.matchbox{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.ready-surface,.queue-surface{display:grid;justify-items:center;gap:6px;width:min(100%,340px);padding:8px 10px;border:1px solid rgba(160,185,230,.22);border-radius:8px;background:#161a2875;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ready-status{font-size:11px;color:#d5e4ff}.duo-list{display:grid;gap:5px;width:100%}.duo-relationship-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 7px;border:1px solid rgba(165,185,228,.2);border-radius:6px;background:#ffffff0e}.duo-meta{display:grid;min-width:0;gap:2px;color:#edf3ff;font-size:11px}.duo-meta b,.duo-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duo-meta small{color:#a8bddc;font-size:10px}.duo-name{display:flex;align-items:center;gap:5px;min-width:0}.duo-name b{min-width:0}.friend-section{display:grid;justify-items:center;gap:4px}.steam-sync{display:flex;align-items:center;gap:4px}.steam-input{width:150px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 10px;font-size:11px;color:#eef3ff;background:#14141c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none}.steam-input::placeholder{color:#d2dcf073}.steam-input:focus{border-color:#96b4ffe6}.sync-msg{font-size:10px;color:#bcd4ff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.update-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 8px;padding:4px 8px;border-radius:8px;background:#29b6f62e;border:1px solid rgba(41,182,246,.45);font-size:11px;color:#d9efff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.app:not(.web) .update-banner{gap:10px;margin-inline:8px;padding:6px 8px 6px 12px;border:1px solid var(--iris-border);border-radius:9px;color:var(--iris-ink);background:var(--iris-surface);box-shadow:0 8px 22px #0a162a29;text-shadow:none;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.app:not(.web) .update-banner .chip{border-radius:6px;color:#fff;background:var(--iris-blue);box-shadow:none}.app:not(.web) .update-banner .chip:hover{background:#258cff}.game-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-height:92px;overflow-y:auto}.match-intent{display:flex;align-items:center;gap:6px;font-size:10px;color:#bcd4ff}.match-intent select{max-width:144px;border:1px solid rgba(150,180,255,.35);border-radius:5px;padding:3px 6px;font:inherit;color:inherit;background:#14141ca3}.match-reason{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#b8f5c9}.gchip{border:1px solid transparent;border-radius:999px;padding:3px 10px;font-size:10px;color:#c9d2e8;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.gchip:hover{background:#ffffff29;color:#fff}.gchip-on{background:linear-gradient(135deg,#5882f6,#8b6cf0);border-color:transparent;color:#fff;box-shadow:0 2px 10px #646ef059}.find-btn{background:linear-gradient(135deg,#5882f6,#8b6cf0);padding:6px 20px;font-size:12px;box-shadow:0 4px 14px #646ef059}.find-btn:hover{background:linear-gradient(135deg,#6b91f8,#9c7ef4)}.find-btn[aria-disabled=true]{opacity:.55}.need-pick{animation:pick-flash .8s ease 0s 3;border-radius:10px}@keyframes pick-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px #f5b81fe6}}.pick-hint{color:#f5b81f;font-weight:600}.partners{display:flex;flex-direction:column;gap:4px;width:100%;max-height:84px;overflow-y:auto}.partner-row{display:flex;align-items:center;justify-content:center;gap:4px}.call-btn{background:#3caa78e6;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-btn:hover{background:#48c88cf2}.partner-del{padding:3px 8px}.save-partner{background:#dcaa3ceb}.save-partner:hover{background:#f0be50fa}.block-btn{background:#c84646d9}.block-btn:hover{background:#e15555f2}.like-sent{font-size:10px;color:#ffd9a8;text-shadow:0 1px 3px rgba(0,0,0,.6);align-self:center}.blocked-list{display:flex;flex-direction:column;gap:4px;padding-top:6px;margin-top:2px;border-top:1px solid rgba(255,255,255,.12)}.blocked-label{font-size:10px;color:#becdebb3}.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.blocked-id{font-size:10px;color:#cfe6ff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-status{font-size:11px;color:#cfe6ff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.callpanel{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.call-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.call-identity{width:min(100%,380px);padding:7px 8px;border-bottom:1px solid rgba(160,185,230,.16)}.call-actions{display:flex;align-items:center;justify-content:center;gap:6px}.voice-status.call-connected{color:#b8f5c9}.voice-status.call-error{color:#ff9b9b}.voice-status.call-reconnecting{color:#ffd7a6}.app:not(.web) .match-intent,.app.web:not(.dark) .match-intent{color:#5b608c}.app:not(.web) .match-intent select,.app.web:not(.dark) .match-intent select{color:#3d4470;background:#ffffffbf;border-color:#5a64a059}.chip:disabled{opacity:.45;cursor:not-allowed}.mic-warning{font-size:10px;color:#ffd7a6;background:#965a1459;border:1px solid rgba(240,170,80,.45);border-radius:999px;padding:2px 10px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hp-tip{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#cfe0ff;background:#3250964d;border:1px solid rgba(120,160,240,.4);border-radius:999px;padding:2px 6px 2px 10px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hp-tip-close{font-size:12px;line-height:1;color:#cfe0ffb3;padding:0 3px}.hp-tip-close:hover{color:#fff}.vol-ctl{display:inline-flex;align-items:center;gap:4px;font-size:11px}.vol-ctl input[type=range]{width:74px;height:4px;accent-color:#7ec8ff;cursor:pointer}.call-diag{font-size:10px;color:#c8d6f59e;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.spin-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#7ec8ff;box-shadow:0 0 6px #7ec8ffe6;animation:dot-pulse 1s ease-in-out infinite;vertical-align:middle}.peer-name{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#eafff0;text-shadow:0 1px 3px rgba(0,0,0,.6)}.shared-games{max-width:220px;font-size:10px;color:#cfe6ff;text-shadow:0 1px 3px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px}.queue-line{font-size:10px;color:#cfe6ff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.queue-relaxed{font-size:10px;color:#f5b81f;text-shadow:0 1px 3px rgba(0,0,0,.6)}.statusbar{text-align:center;padding:4px 8px 8px;font-size:11px;color:#eee;text-shadow:0 1px 3px rgba(0,0,0,.6);opacity:.5;transition:opacity .15s ease}.app:not(.web) .statusbar{display:flex;position:relative;z-index:4;align-items:center;gap:8px;opacity:.2;pointer-events:auto}.queue-nudge{display:grid;justify-items:center;gap:5px;max-width:300px;padding:5px 7px;font-size:10px;line-height:1.35;text-align:center;color:#d9e8ff}.queue-nudge-actions{display:flex;gap:8px}.queue-keep-searching{color:#e9bf69}.queue-fallback{display:grid;gap:3px;max-width:300px;padding:5px 7px;font-size:10px;line-height:1.35;text-align:center;color:#d9e8ff}.queue-fallback-peak{color:#a8bddc}.queue-pool{gap:5px}.ticket-badge{display:inline-block;min-width:15px;margin-left:5px;padding:0 4px;border-radius:999px;background:#ff5d73;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}.ticket-banner{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:1px solid rgba(255,150,170,.35);border-radius:8px;background:#ff5d731f}.ticket-banner-text{flex:1;min-width:0;border:0;background:none;color:#ffd9df;font-size:11px;line-height:1.35;text-align:left;cursor:pointer}.ticket-panel,.ticket-list{display:grid;gap:5px;width:100%}.ticket-row{cursor:pointer;text-align:left;font:inherit;color:inherit}.ticket-row-hint{color:#a8bddc;font-size:13px}.ticket-thread{display:grid;gap:6px;width:100%}.ticket-thread-head{display:flex;align-items:center;gap:8px;font-size:11px;color:#edf3ff}.ticket-thread-head small{color:#a8bddc;font-size:10px}.ticket-messages{display:grid;gap:4px;max-height:180px;overflow-y:auto;padding:2px}.ticket-msg{justify-self:start;max-width:85%;padding:4px 8px;border-radius:8px;background:#ffffff14;color:#edf3ff;font-size:11px;white-space:pre-wrap;word-break:break-word}.ticket-msg.mine{justify-self:end;background:#78a0ff38}.ticket-composer{display:flex;gap:5px;width:100%}.ticket-input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;font-size:11px;color:#eef3ff;background:#14141c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none}.ticket-input::placeholder{color:#d2dcf073}.ticket-input:focus{border-color:#96b4ffe6}.report-card{max-width:min(92vw,330px)}.report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.report-reasons .chip{min-height:34px;padding:5px 8px;font-size:10px}.launch-focus-note{display:block;margin:0 0 4px;font-size:10px;color:#e9bf69;text-align:center}.app:not(.web):hover .statusbar,.app:not(.web):focus-within .statusbar,.app.call-active .statusbar{opacity:.9}.app:not(.web) .statusbar .brand,.bottom-controls{flex:none}.app:not(.web) .statusbar .status-msg{flex:1;text-align:center;min-width:0}.bottom-controls{display:flex;align-items:center;gap:4px}.app:not(.web) .bottom-controls>.chip{min-width:28px;padding-inline:7px}.app:not(.web) .bottom-controls>.chip:not(.ai-microphone){border:1px solid var(--iris-border);border-radius:7px;color:var(--iris-ink);background:var(--iris-surface);box-shadow:0 3px 12px #0a162a29;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.app:not(.web) .bottom-controls>.chip:not(.ai-microphone):hover{background:#fffffff5}.app:not(.web) .ai-microphone{position:relative;display:grid;place-items:center;width:16px;min-width:16px;height:16px;padding:0;border:1px solid rgba(255,255,255,.96);border-radius:50%;color:#fff;box-shadow:0 2px 8px #0a162a2e}.app:not(.web) .ai-microphone-ready{background:#147ef5}.app:not(.web) .ai-microphone-ready:hover{background:#3b95ff}.app:not(.web) .ai-microphone-connecting{background:#e69b14}.app:not(.web) .ai-microphone-listening{background:#28a66f;animation:ai-microphone-listening 1.3s ease-in-out infinite}.app:not(.web) .ai-microphone-waiting{background:#e69b14;animation:ai-microphone-waiting 1.15s ease-in-out infinite}.app:not(.web) .ai-microphone-speaking{background:#8d5cf6;animation:ai-microphone-speaking .76s ease-in-out infinite}.app:not(.web) .ai-microphone-error{background:#d84e45}.app:not(.web) .ai-microphone-connecting:before,.app:not(.web) .ai-microphone-listening:before,.app:not(.web) .ai-microphone-waiting:before,.app:not(.web) .ai-microphone-speaking:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.app:not(.web) .ai-microphone-connecting:before{inset:-3px;border:1px solid rgba(255,214,126,.8);border-left-color:transparent}.app:not(.web) .ai-microphone-listening:before{inset:-2px;border:1px solid rgba(131,231,179,.82)}.app:not(.web) .ai-microphone-waiting:before{inset:-2px;border:1px dashed rgba(255,219,146,.92)}.app:not(.web) .ai-microphone-speaking:before{inset:-3px;border:1px solid rgba(220,202,255,.9)}.ai-microphone-icon{position:relative;display:block;width:10px;height:13px}.ai-microphone-icon i{position:absolute;top:0;left:3px;width:4px;height:7px;border:1px solid currentColor;border-radius:4px}.ai-microphone-icon:before{content:"";position:absolute;top:5px;left:1px;width:8px;height:5px;border:1px solid currentColor;border-top:0;border-radius:0 0 5px 5px}.ai-microphone-icon:after{content:"";position:absolute;top:10px;left:4px;width:1px;height:3px;background:currentColor;box-shadow:-3px 2px 0 -.2px currentColor,3px 2px 0 -.2px currentColor}@keyframes ai-microphone-listening{0%,to{box-shadow:0 2px 8px #28a66f57,0 0 #28a66f47}50%{box-shadow:0 2px 8px #28a66f57,0 0 0 2px #28a66f1a}}@keyframes ai-microphone-waiting{50%{transform:scale(.92)}}@keyframes ai-microphone-speaking{50%{box-shadow:0 2px 10px #8d5cf673,0 0 0 3px #8d5cf61f}}.app:not(.web) .uname-top{display:none}.app:not(.web) .avatar-btn{padding:3px}.app:not(.web) .menu-pop{top:auto;bottom:calc(100% + 6px);gap:0;padding:4px;border:1px solid var(--iris-border);border-radius:10px;background:var(--iris-surface);box-shadow:0 12px 28px #0a162a33;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);z-index:5}.app:not(.web) .menu-pop .chip{justify-content:flex-start;border-radius:6px;color:var(--iris-ink);background:transparent;box-shadow:none}.app:not(.web) .menu-pop .chip:hover{background:#5b73991f}.app:not(.web) .menu-pop .chip-logout{color:#d84e45}.app:not(.web) .statusbar .brand{cursor:grab}.app:not(.web) .statusbar .brand:active{cursor:grabbing}.app:not(.web) .voicebar{position:absolute;right:8px;bottom:30px;z-index:1;width:min(340px,calc(100% - 16px));max-height:0;padding-block:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(8px);transition:max-height .2s ease,padding .2s ease,opacity .16s ease,transform .2s ease}.app:not(.web) .voicebar:has(.guest-login-panel){z-index:3;max-height:440px;padding-block:2px;opacity:1;pointer-events:auto;transform:translateY(0)}.app:not(.web) .voicebar:focus-within,.app:not(.web).foreground-surface .voicebar{z-index:3;max-height:440px;padding-block:2px;opacity:1;pointer-events:auto;transform:translateY(0)}.app:not(.web) .stage{z-index:2;pointer-events:none}.app:not(.web) .stage .companion-canvas{pointer-events:auto}.app:not(.web) .footer-find-actions{position:absolute;left:50%;transform:translate(-50%);z-index:3}.app:not(.web) .footer-find-actions>.ai-microphone{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%)}.app:not(.web) .footer-find:hover{transform:translateY(-1px)}.app:not(.web) .footer-find:active{transform:scale(.96)}.app:not(.web) .topbar{position:relative;z-index:3;opacity:.15}.app:not(.web):hover .topbar,.app:not(.web):focus-within .topbar,.app.call-active .topbar{opacity:.85}.app:not(.web) .matchbox{position:relative;gap:8px;box-sizing:border-box;width:auto;max-width:min(316px,96%);margin:0 auto;padding:10px 14px 12px;border-radius:12px;background:var(--iris-surface);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--iris-border);box-shadow:0 12px 28px #0a162a2e}.app:not(.web) .finder-dismiss{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;min-width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#626987;background:#5a64a01f;box-shadow:none;font-size:18px;line-height:1}.app:not(.web) .finder-dismiss:hover{color:#373d62;background:#5a64a038}.app:not(.web) .partners{flex-direction:row;justify-content:center;width:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.app:not(.web) .partner-row{flex:none}.app:not(.web) .partner-row .call-btn{max-width:112px}.app:not(.web) .section-label{display:block;align-self:flex-start;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#484e769e;margin-bottom:-2px}.app:not(.web) .matchbox .sync-msg{color:#5b608c;text-shadow:none}.app:not(.web) .matchbox .pick-hint{color:#a86f00}.app:not(.web) .matchbox .like-sent{color:#a86f00;text-shadow:none}.app:not(.web) .matchbox .linkbtn{color:var(--iris-muted)}.app:not(.web) .matchbox .linkbtn:hover{color:var(--iris-blue)}.app:not(.web) .matchbox .steam-input{background:#ffffffbf;border-color:#5a64a059;color:#2c3057}.app:not(.web) .matchbox .steam-input::placeholder{color:#5a608c8c}.app:not(.web) .matchbox .steam-input:focus{border-color:#5882f6e6}.app:not(.web) .matchbox .gchip{background:#5a64a01f;color:#4a507a;-webkit-backdrop-filter:none;backdrop-filter:none}.app:not(.web) .matchbox .gchip:hover{background:#5a64a038;color:#23264a}.app:not(.web) .matchbox .gchip-on,.app:not(.web) .matchbox .gchip-on:hover{background:var(--iris-blue);color:#fff}.app:not(.web) .matchbox .find-btn{background:var(--iris-blue);box-shadow:0 3px 10px #007aff47}.app:not(.web) .matchbox .find-btn:hover{background:#258cff}.app:not(.web) .matchbox .gchip-more,.app:not(.web) .matchbox .gchip-more:hover{background:transparent;border:1px dashed rgba(90,100,160,.45);color:#5b608c}.app:not(.web) .matchbox .partner-del{background:#5a64a026;color:#4a507a}.app:not(.web) .matchbox .partner-del:hover{background:#dc3c46e6;color:#fff}.app:not(.web) .friends{flex-direction:row;align-items:center;justify-content:center;justify-content:safe center;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px}.app:not(.web) .friends::-webkit-scrollbar{height:4px}.app:not(.web) .friends::-webkit-scrollbar-thumb{background:#5a64a059;border-radius:2px}.app:not(.web) .friends::-webkit-scrollbar-track{background:transparent}.app:not(.web) .friend-btn{position:relative;flex:none;width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;background:#5a64a026;border:none;overflow:visible}.app:not(.web) .friend-btn:hover{background:#5a64a040;transform:scale(1.08)}.app:not(.web) .friend-btn.on-app{background:#4de1ff2e;border:none}.app:not(.web) .friend-btn.on-app:hover{background:#4de1ff52}.app:not(.web) .friend-btn .fname{display:none}.app:not(.web) .friend-btn .avatar.sm{width:30px;height:30px;border:2px solid rgba(255,255,255,.95);box-sizing:border-box}.app:not(.web) .friend-btn.on-app .avatar.sm{border-color:#4de1ff}.app:not(.web) .friend-btn .dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;box-sizing:border-box;border:2px solid #fff;z-index:1}.app:hover .statusbar{opacity:1}.statusbar .ok{color:#7ee0a2}.statusbar .err{color:#ff9b9b}.ct-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#5882f6e6;color:#fff;font-size:11px;padding:4px 10px;border-radius:999px;white-space:nowrap}.login-box{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.steam-login{background:#4280d6f2;font-size:12px;padding:5px 14px}.steam-login:hover{background:#5696eb}.steam-login:disabled{opacity:.55;cursor:progress}.linkbtn{background:transparent;border:none;color:#becdebb3;font-size:10px;cursor:pointer;text-decoration:underline;padding:0}.linkbtn:hover{color:#cfe0ff}.user-row{display:flex;align-items:center;gap:6px;max-width:100%}.uname{font-size:12px;color:#eaf1ff;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.25)}.avatar.sm{width:18px;height:18px}.avatar-fb{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#4a507a;background:linear-gradient(135deg,#8ca0f080,#bea0f080)}.friends{display:flex;flex-direction:column;gap:4px;width:100%;max-height:108px;overflow-y:auto}.friend-btn{display:flex;align-items:center;gap:6px;justify-content:flex-start;background:#ffffff0f;max-width:100%}.friend-btn:hover{background:#3caa78d9}.friend-btn.on-app{background:#3caa7829;border:1px solid rgba(96,220,150,.3)}.friend-btn:not(.on-app){opacity:.55}.friend-btn:not(.on-app):hover{opacity:1}.fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{flex:none;width:7px;height:7px;border-radius:50%;background:#9696a0b3}.dot.on{background:#57d98a;box-shadow:0 0 5px #57d98ae6}.dot.app{background:#4de1ff;box-shadow:0 0 6px #4de1fff2;animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.friend-btn.on-app{background:#1e465ab3}.friend-btn.on-app:hover{background:#2896bee6}.friend-btn:disabled{opacity:.55;cursor:default}.ringing-row{display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.invite-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50}.invite-card{background:#1c202cfa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 18px;text-align:center;box-shadow:0 8px 30px #00000080;max-width:88%}.invite-title{font-size:14px;margin-bottom:12px;color:#eee}.invite-sub{font-size:11px;line-height:1.5;color:#c3ccdb;margin:-6px 0 14px}.invite-actions{display:flex;gap:10px;justify-content:center}.fb-card{width:340px;text-align:left}.fb-card .invite-title{text-align:center}.fb-text,.fb-contact{width:100%;box-sizing:border-box;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#eee;font:inherit;font-size:13px;padding:8px 10px;margin-bottom:10px;outline:none}.fb-text{resize:vertical;min-height:90px}.fb-text:focus,.fb-contact:focus{border-color:#ffffff59}.fb-error{color:#ff9b9b;font-size:12px;margin-bottom:10px;text-align:center}.fb-thanks{color:#cfe8cf;font-size:13px;margin-bottom:12px;text-align:center}.section-label{display:none}.app.web{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar    topbar" "stage     voicebar" "statusbar statusbar";background:radial-gradient(130% 90% at 50% 0%,#eef2ff,#f4edfc 46%,#fdeef4)}.app.web .topbar{grid-area:topbar}.app.web .stage{grid-area:stage}.app:not(.web) .ready-surface,.app.web:not(.dark) .ready-surface,.app:not(.web) .queue-surface,.app.web:not(.dark) .queue-surface{border-color:#5a64a033;background:#ffffffb3;-webkit-backdrop-filter:none;backdrop-filter:none}.app:not(.web) .ready-status,.app.web:not(.dark) .ready-status,.app:not(.web) .duo-meta,.app.web:not(.dark) .duo-meta{color:#3d4470}.app:not(.web) .duo-meta small,.app.web:not(.dark) .duo-meta small{color:#687093}.app:not(.web) .duo-relationship-row,.app.web:not(.dark) .duo-relationship-row{border-color:#5a64a033;background:#5a64a014}.app:not(.web) .ticket-thread-head,.app.web:not(.dark) .ticket-thread-head{color:#3d4470}.app:not(.web) .ticket-thread-head small,.app.web:not(.dark) .ticket-thread-head small,.app:not(.web) .ticket-row-hint,.app.web:not(.dark) .ticket-row-hint{color:#687093}.app:not(.web) .ticket-msg,.app.web:not(.dark) .ticket-msg{background:#5a64a01f;color:#3d4470}.app:not(.web) .ticket-msg.mine,.app.web:not(.dark) .ticket-msg.mine{background:#5a78ff2e}.app:not(.web) .ticket-banner,.app.web:not(.dark) .ticket-banner{border-color:#ff5d7359;background:#ff5d731a}.app:not(.web) .ticket-banner-text,.app.web:not(.dark) .ticket-banner-text{color:#a03050}.app:not(.web) .ticket-input,.app.web:not(.dark) .ticket-input{border-color:#5a64a04d;background:#ffffffbf;color:#2c3350}.app.web .voicebar{grid-area:voicebar}.app.web .statusbar{grid-area:statusbar}.app.web .stage{grid-column:1 / -1;grid-row:2;z-index:2;pointer-events:none}.app.web .companion-canvas{pointer-events:auto}.app.web .voicebar{position:relative;z-index:3}.app.web .statusbar{opacity:1}.app.web:not(.dark) .statusbar{color:#5b608c;text-shadow:none}.app.web:not(.dark) .statusbar .ok{color:#1f8a4c}.app.web:not(.dark) .statusbar .err{color:#c65454}.app.web:not(.dark) .statusbar .info-links a{color:#5964d2}.app.web .topbar{position:relative;z-index:3;opacity:1;padding:14px 20px}.app.web .brand{font-size:16px;color:#3b3f66;text-shadow:none}.app.web .tagline{flex:1;min-width:0;text-align:center;padding:0 12px;font-size:15px;font-weight:700;color:#34395f}.app.web .win-only{display:none}.app.web .win-controls .chip{color:#464b70;background:#7882b429;-webkit-backdrop-filter:none;backdrop-filter:none}.app.web .win-controls .chip:hover{background:#7882b44d}.app.web .menu-pop{background:#fffffff5;border-color:#646ea040;box-shadow:0 12px 32px #505a8c40}.app.web .uname-top{color:#464b70}.app.web .chip-logout{color:#c65454}.app.web .voicebar{opacity:1;width:340px;box-sizing:border-box;align-items:flex-start;padding:16px 16px 16px 0}.app.web .matchbox,.app.web .callpanel{gap:12px;width:100%;max-height:100%;box-sizing:border-box;overflow-y:auto;justify-content:flex-start;padding:22px 20px;border-radius:20px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px #505a8c2e}.app.web .matchbox.guest-login-panel{align-self:flex-start;height:fit-content;max-height:none;overflow:visible}.app.web .steam-login{width:100%;padding:10px 16px;font-size:14px;border-radius:14px}.app.web .find-btn{width:100%;padding:9px 16px;font-size:13px;border-radius:14px}.app.web .section-label{display:block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.04em;color:#c8d6f5b8;margin:2px 0 -2px}.app.web .game-chips{max-height:152px}.app.web .gchip-more,.app.web .gchip-more:hover{background:transparent;border:1px dashed rgba(150,160,200,.5)}.app.web .friends{flex-direction:row;align-items:center;justify-content:center;justify-content:safe center;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 4px}.app.web .friends::-webkit-scrollbar{height:4px}.app.web .friends::-webkit-scrollbar-thumb{background:#5a64a059;border-radius:2px}.app.web .friends::-webkit-scrollbar-track{background:transparent}.app.web .friends .friend-btn{position:relative;flex:none;width:38px;height:38px;padding:0;justify-content:center;border-radius:50%;background:#5a64a026;border:none;overflow:visible}.app.web .friends .friend-btn:hover{background:#5a64a040;transform:scale(1.08)}.app.web .friends .friend-btn.on-app{background:#4de1ff2e;border:none}.app.web .friends .friend-btn.on-app:hover{background:#4de1ff52}.app.web .friends .friend-btn .fname{display:none}.app.web .friends .friend-btn .avatar.sm{width:34px;height:34px;border:2px solid rgba(255,255,255,.95);box-sizing:border-box}.app.web .friends .friend-btn.on-app .avatar.sm{border-color:#4de1ff}.app.web .friends .friend-btn .dot{position:absolute;right:0;bottom:0;width:11px;height:11px;box-sizing:border-box;border:2px solid #fff;z-index:1}.app.web:not(.dark) .section-label{color:#484e769e}.app.web:not(.dark) .sync-msg{color:#5b608c;text-shadow:none}.app.web:not(.dark) .pick-hint{color:#a86f00}.app.web:not(.dark) .like-sent{color:#a86f00;text-shadow:none}.app.web:not(.dark) .linkbtn{color:#505682cc}.app.web:not(.dark) .linkbtn:hover{color:#3742b0}.app.web:not(.dark) .steam-input{background:#ffffffbf;border-color:#5a64a059;color:#2c3057}.app.web:not(.dark) .steam-input::placeholder{color:#5a608c8c}.app.web:not(.dark) .steam-input:focus{border-color:#5882f6e6}.app.web:not(.dark) .gchip{background:#5a64a01f;color:#4a507a;-webkit-backdrop-filter:none;backdrop-filter:none}.app.web:not(.dark) .gchip:hover{background:#5a64a038;color:#23264a}.app.web:not(.dark) .gchip-on,.app.web:not(.dark) .gchip-on:hover{background:linear-gradient(135deg,#5882f6,#8b6cf0);color:#fff}.app.web:not(.dark) .gchip-more,.app.web:not(.dark) .gchip-more:hover{background:transparent;border-color:#5a64a073;color:#5b608c}.app.web:not(.dark) .partner-del{background:#5a64a026;color:#4a507a}.app.web:not(.dark) .partner-del:hover{background:#dc3c46e6;color:#fff}.app.web:not(.dark) .voice-status{color:#3d4470;text-shadow:none}.app.web:not(.dark) .voice-status.call-connected{color:#1f8a4c}.app.web:not(.dark) .voice-status.call-error{color:#c65454}.app.web:not(.dark) .voice-status.call-reconnecting{color:#a86f00}.app.web:not(.dark) .peer-name{color:#2c3057;text-shadow:none}.app.web:not(.dark) .shared-games{color:#5b608c;text-shadow:none}.app.web:not(.dark) .queue-line{color:#5b608c;text-shadow:none}.app.web:not(.dark) .queue-relaxed{color:#a86f00;text-shadow:none}.app.web:not(.dark) .call-diag{color:#505682b3;text-shadow:none}.app.web:not(.dark) .mic-warning{color:#8a5a00;background:#f0aa5029;border-color:#c88c2873;text-shadow:none}.app.web:not(.dark) .hp-tip{color:#3d4a75;background:#5882f61f;border-color:#5882f659;text-shadow:none}.app.web:not(.dark) .hp-tip-close{color:#465082b3}.app.web:not(.dark) .hp-tip-close:hover{color:#23264a}.app:not(.web) .matchbox .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on):not(.friend-btn),.app.web:not(.dark) .matchbox .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on):not(.friend-btn),.app.web:not(.dark) .callpanel .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on){background:#5a64a026;color:#40466f;-webkit-backdrop-filter:none;backdrop-filter:none}.app:not(.web) .matchbox .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on):not(.friend-btn):hover,.app.web:not(.dark) .matchbox .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on):not(.friend-btn):hover,.app.web:not(.dark) .callpanel .chip:not(.steam-login):not(.find-btn):not(.call-btn):not(.save-partner):not(.block-btn):not(.chip-close):not(.chip-on):hover{background:#5a64a042;color:#23264a}.app.web:not(.dark) .callpanel .chip-close,.app.web:not(.dark) .matchbox .chip-close{background:#d2505029;color:#b03a3a;-webkit-backdrop-filter:none;backdrop-filter:none}.app.web:not(.dark) .callpanel .chip-close:hover,.app.web:not(.dark) .matchbox .chip-close:hover{background:#dc3c46e6;color:#fff}.web-only{display:none}.app.web .web-only{display:inline-flex;align-items:center}.talk-wave{display:inline-flex;align-items:center;gap:2px;height:12px}.talk-wave i{width:3px;height:4px;border-radius:2px;background:#8ee7a8;opacity:.5;transition:height .1s ease,opacity .1s ease}.talk-wave.on i{opacity:1;animation:wave .7s ease-in-out infinite}.talk-wave.on i:nth-child(2){animation-delay:.15s}.talk-wave.on i:nth-child(3){animation-delay:.3s}.talk-wave.on i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:4px}50%{height:12px}}.stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.loader-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(140,160,240,.25);border-top-color:#8aa0f0;animation:spin .8s linear infinite}.loader-text{font-size:11px;color:#aab4e0;text-shadow:0 1px 3px rgba(0,0,0,.6)}@keyframes spin{to{transform:rotate(360deg)}}.stage.searching:before{content:"";position:absolute;left:50%;top:58%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:2px solid rgba(138,160,240,.5);pointer-events:none;animation:search-pulse 1.5s ease-out infinite}@keyframes search-pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.6);opacity:0}}.app.web .matchbox,.app.web .callpanel{animation:card-in .35s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app.web .chip,.app.web .gchip{transition:background .12s ease,transform .1s ease,border-color .12s ease}.app.web .chip:hover,.app.web .gchip:hover{transform:translateY(-1px)}.app.web .chip:active,.app.web .gchip:active{transform:translateY(0) scale(.96)}.app.web .loader-text{color:#6b6f96;text-shadow:none}.app.web.dark{background:radial-gradient(130% 90% at 50% 0%,#1a1c2e,#211a34 46%,#2a1826)}.app.web.dark .brand{color:#e7e9ff}.app.web.dark .tagline{color:#c8cef0cc}.app.web.dark .win-controls .chip{color:#cfd4f5;background:#96a0dc24}.app.web.dark .win-controls .chip:hover{background:#96a0dc42}.app.web.dark .menu-pop{background:#222436f5;border-color:#ffffff1f;box-shadow:0 12px 32px #00000080}.app.web.dark .uname-top{color:#cfd4f5}.app.web.dark .chip-logout{color:#ff9c9c}.app.web.dark .matchbox,.app.web.dark .callpanel{background:#282a3ee6;border-color:#ffffff1f;box-shadow:0 18px 50px #00000080}.app.web.dark .friends .friend-btn .avatar.sm{border-color:#ffffff80}.app.web.dark .friends .friend-btn .dot{border-color:#2a2c42}.app.web.dark .friends::-webkit-scrollbar-thumb{background:#b4beeb4d}.app.web.dark .loader-text{color:#aab4e0}@media(max-width:640px){.app.web{display:flex;flex-direction:column}.app.web .topbar{padding:10px 14px}.app.web .brand{font-size:15px}.app.web .tagline{display:none}.app.web .voicebar{width:auto;align-items:center;padding:0 10px 18px}.app.web .matchbox,.app.web .callpanel{width:100%;overflow-y:visible;padding:16px 16px 18px;border-radius:16px}}.statusbar .info-links{margin-left:10px;gap:6px}.statusbar .info-links a{color:inherit;text-decoration:underline;opacity:.85}.statusbar .info-links a:hover{opacity:1}.statusbar .info-sep{opacity:.5}.info-overlay{position:fixed;inset:0;z-index:60;overflow-y:auto;padding:32px 16px 48px;box-sizing:border-box;background:radial-gradient(130% 90% at 50% 0%,#eef2ff,#f4edfc 46%,#fdeef4)}.info-card{max-width:720px;margin:0 auto;background:#ffffffeb;border:1px solid rgba(90,90,140,.14);border-radius:18px;box-shadow:0 18px 50px #50508c24;padding:28px 32px 32px;color:#33375c;font-size:14px;line-height:1.7;text-align:left;user-select:text;-webkit-user-select:text}.info-card h1{margin:10px 0 4px;font-size:26px;color:#23264a}.info-card h2{margin:22px 0 6px;font-size:16px;color:#2c3057}.info-card p{margin:6px 0}.info-card ul{margin:6px 0;padding-left:22px}.info-card li{margin:4px 0}.info-subtitle{color:#5b608c}.info-footnote{margin-top:24px;padding-top:14px;border-top:1px solid rgba(90,90,140,.14);font-size:12px;color:#7a7fa8}.info-back{font-size:13px;color:#5964d2}.info-back:hover{color:#3742b0}.app.web.dark .info-overlay{background:radial-gradient(130% 90% at 50% 0%,#1a1c2e,#211a34 46%,#2a1826)}.app.web.dark .info-card{background:#282a3ef5;border-color:#ffffff1f;box-shadow:0 18px 50px #00000080;color:#cfd4f5}.app.web.dark .info-card h1,.app.web.dark .info-card h2{color:#e7e9ff}.app.web.dark .info-subtitle{color:#aab4e0}.app.web.dark .info-footnote{border-top-color:#ffffff1f;color:#8d94c4}.app.web.dark .info-back{color:#9ba6ff}.app.web.dark .info-back:hover{color:#c3caff}.web-showcase{height:100%;overflow-y:auto;overflow-x:hidden;color:#1c2230;background:#f6f7fa;scroll-behavior:smooth}.web-showcase a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.showcase-nav{position:absolute;z-index:4;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:16px clamp(20px,5vw,76px);color:#2b293f}.showcase-mark{justify-self:start;font-size:20px;font-weight:750;letter-spacing:0}.showcase-mark-t{color:#2eafc7}.showcase-mark b{color:#f4b51d}.showcase-nav nav{display:flex;gap:24px;font-size:13px;font-weight:650}.showcase-nav nav a{color:#4e5a6c}.showcase-nav nav a:hover,.showcase-footer a:hover{color:#1279a7}.showcase-language{justify-self:end}.showcase-language select{min-width:60px;height:32px;border:1px solid rgba(36,52,75,.18);border-radius:5px;padding:0 8px;color:#3d4a5b;background:#ffffffbd;font:inherit;font-size:12px}.showcase-hero{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);min-height:620px;height:min(720px,calc(100vh - 100px));padding:94px clamp(20px,7vw,120px) 54px;overflow:hidden;background:#eef3f6}.showcase-hero-copy{position:relative;z-index:2;align-self:center;max-width:530px;padding-bottom:42px}.showcase-eyebrow,.showcase-kicker{margin:0 0 14px;color:#197a8e;font-size:12px;font-weight:750;letter-spacing:.08em}.showcase-hero h1,.showcase-band h2{margin:0;color:#1d2734;font-weight:750;letter-spacing:0}.showcase-hero h1{max-width:530px;font-size:clamp(42px,5vw,70px);line-height:1.04}.showcase-lede{max-width:500px;margin:24px 0 0;color:#586474;font-size:17px;line-height:1.65}.showcase-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.showcase-actions a,.showcase-actions button,.showcase-feedback-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #1f2d3d;border-radius:6px;padding:0 18px;font:inherit;font-size:14px;font-weight:700;letter-spacing:0;cursor:pointer}.showcase-store{color:#1d2b3c;background:#fff;border-color:#1d2b3c}.showcase-store:hover{color:#fff;background:#1279a7;border-color:#1279a7}.showcase-download,.showcase-feedback-button{color:#fff!important;background:#1d2b3c}.showcase-download:hover,.showcase-feedback-button:hover:not(:disabled){background:#1279a7;border-color:#1279a7}.showcase-feedback-button:disabled{opacity:.5;cursor:not-allowed}.showcase-store-note{margin:4px 0 0;color:#6a7481;font-size:11px}.showcase-stage{position:relative;min-height:500px}.showcase-stage:after{content:"";position:absolute;right:12%;bottom:5%;left:12%;height:38px;border-radius:50%;background:#3150601f;filter:blur(16px);pointer-events:none}.showcase-stage .companion-canvas{position:absolute;inset:0;z-index:1;cursor:pointer}.showcase-loading{position:absolute;z-index:2;right:50%;bottom:18%;color:#657183;font-size:13px;transform:translate(50%)}.showcase-scroll-cue{position:absolute;z-index:2;bottom:24px;right:clamp(20px,7vw,120px);color:#4b5a6b;font-size:12px;font-weight:700}.showcase-scroll-cue:after{content:"↓";margin-left:8px;color:#1279a7}.showcase-band{padding:100px clamp(20px,7vw,120px)}.showcase-section-heading{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(280px,.62fr);gap:28px;align-items:start;max-width:1040px;margin:0 auto}.showcase-band h2{font-size:clamp(30px,3.4vw,48px);line-height:1.1}.showcase-capabilities{padding-top:52px;background:#fff}.showcase-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1040px;margin:56px auto 48px}.showcase-capability{border-top:1px solid #cbd3da;padding-top:16px}.showcase-capability>span{color:#1b8093;font-size:12px;font-weight:750}.showcase-capability h3,.showcase-steps h3{margin:18px 0 8px;font-size:19px;line-height:1.25}.showcase-capability p,.showcase-steps p,.showcase-desktop>p{margin:0;color:#5c6877;font-size:15px;line-height:1.65}.showcase-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1160px;margin:0 auto}.showcase-shot-grid img{width:100%;aspect-ratio:.69;object-fit:cover;border:1px solid #d4dce2;border-radius:6px;background:#e8edf1}.showcase-steps{background:#e4edf0}.showcase-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1040px;margin:58px auto 0;padding:0;list-style:none}.showcase-steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding-top:16px;border-top:1px solid rgba(51,71,86,.3)}.showcase-steps li>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #547281;border-radius:50%;color:#2e5564;font-size:13px;font-weight:750}.showcase-steps h3{margin-top:4px}.showcase-feedback{display:flex;align-items:end;justify-content:space-between;gap:32px;background:#fff}.showcase-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,7vw,120px);color:#66717d;background:#fff;border-top:1px solid #dbe1e5;font-size:12px}.showcase-footer-links{display:flex;gap:18px}.showcase-feedback-dialog{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#161f2a6b}.showcase-feedback-dialog section{position:relative;width:min(440px,100%);padding:28px;color:#273240;background:#fff;border:1px solid #d4dce2;border-radius:6px;box-shadow:0 22px 70px #10192438}.showcase-feedback-dialog h2{margin:0 0 16px;font-size:22px}.showcase-feedback-dialog textarea{width:100%;resize:vertical;margin-bottom:14px;border:1px solid #c9d2da;border-radius:5px;padding:10px;color:#273240;background:#fff;color-scheme:light;font:inherit}.showcase-dialog-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;color:#687583;background:transparent;font:inherit;cursor:pointer}.showcase-feedback-error{color:#ad3641;font-size:13px}@media(max-width:760px){.showcase-nav{grid-template-columns:auto 1fr auto;padding:14px 18px}.showcase-nav nav{display:flex;justify-content:center;gap:10px;font-size:11px}.showcase-nav nav a:nth-child(1),.showcase-nav nav a:nth-child(2){display:none}.showcase-hero{display:block;min-height:760px;height:760px;padding:94px 20px 20px}.showcase-hero-copy{align-self:start;padding-bottom:0}.showcase-hero h1{font-size:38px}.showcase-lede{margin-top:18px;font-size:14px;line-height:1.5}.showcase-actions{margin-top:20px}.showcase-stage{position:absolute;right:0;bottom:0;left:0;min-height:0;height:320px;margin:0}.showcase-stage:after{right:18%;left:18%}.showcase-scroll-cue{bottom:18px;right:20px}.showcase-band{padding:68px 20px}.showcase-section-heading{grid-template-columns:1fr;gap:18px}.showcase-capability-grid,.showcase-steps ol{grid-template-columns:1fr;gap:22px;margin-top:38px}.showcase-shot-grid{grid-template-columns:1fr}.showcase-shot-grid img{min-height:0}.showcase-feedback{display:grid;align-items:start}.showcase-footer{display:grid}}:root{color-scheme:light dark;font-family:Inter,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:transparent!important;overflow:hidden}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}