:root{--app-bg:#101112;--app-surface:#191a1c;--app-raised:#26282a;--app-line:#323438;--app-text:#f2f2f2;--app-muted:#96999e;color-scheme:dark}html.light{--app-bg:#f4f4f3;--app-surface:#fff;--app-raised:#e9e9e7;--app-line:#d6d6d3;--app-text:#202124;--app-muted:#64676b;color-scheme:light}.app-header,.app-panel,.application-chat,.preferences-shell{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--app-text)}.app-header{position:fixed;inset:0 0 auto;height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:var(--app-bg);border-bottom:1px solid var(--app-line);z-index:40}.app-brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:.06em;color:var(--app-text);text-decoration:none}.header-actions{display:flex;align-items:center;gap:24px}.online-count{font-size:12px;color:var(--app-muted);display:flex;align-items:center;gap:8px}.online-count i,.stage-status i,.text-session-heading i{width:6px;height:6px;border-radius:50%;background:#85898d;display:inline-block}.online-count i,i.connected{background:#81b99a}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .15s}.icon-button:hover{background:var(--app-raised)}.icon-button[aria-pressed=true]{background:#543437;color:#ffd4d4}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.35;cursor:not-allowed}:where(.app-panel,.app-header,.application-chat,.preferences-shell) :where(button,a,input,textarea):focus-visible{outline:2px solid var(--app-text);outline-offset:3px}.primary-button,.secondary-button{min-height:44px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary-button{border:1px solid #ececec;background:#ececec;color:#18191a}.secondary-button{background:var(--app-raised);border:1px solid var(--app-line);color:var(--app-text)}.primary-button:hover,.secondary-button:hover{filter:brightness(.92)}.primary-button:active,.icon-button:active{transform:translateY(1px)}.app-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;animation:app-fade .18s ease}.app-panel{position:fixed;z-index:101;background:var(--app-surface);border:1px solid var(--app-line);box-shadow:0 24px 80px #0005;padding:24px;overflow:auto}.app-modal{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;animation:app-fade .18s ease}.app-drawer{inset:64px 0 0 auto;width:min(640px,95vw);display:flex;flex-direction:column;padding-bottom:max(24px,env(safe-area-inset-bottom));animation:app-slide .22s ease}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.panel-heading h2{font-size:20px;font-weight:600}.panel-description{font-size:13px;color:var(--app-muted);margin:8px 0 24px}.settings-layout{display:grid;grid-template-columns:160px 1fr;margin-top:32px;gap:24px}.settings-layout nav{display:flex;flex-direction:column;gap:4px}.settings-layout nav :is(a,button){text-align:left;padding:12px;font-size:13px;color:var(--app-muted);border-radius:8px}.settings-layout nav [aria-current=page]{background:var(--app-raised);color:var(--app-text)}.settings-content h2{font-size:28px;margin-bottom:16px}.settings-content p{font-size:14px;line-height:1.7;color:var(--app-muted);margin:16px 0}.setting-row{border-top:1px solid var(--app-line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.setting-row small{display:block;margin-top:8px;color:var(--app-muted);line-height:1.6}.settings-content textarea{width:100%;background:var(--app-bg);border:1px solid var(--app-line);padding:12px;border-radius:8px;margin:12px 0}.adult-entry{text-align:center;padding:16px 0}.entry-age{display:inline-block;font-size:13px;border:1px solid var(--app-line);padding:8px 12px;border-radius:24px}.adult-entry h1{font-size:36px;letter-spacing:-.04em;margin:24px 0 12px}.adult-entry p{color:var(--app-muted);font-size:14px;margin-bottom:32px}.adult-entry button{width:100%;margin-bottom:12px}.entry-links{display:flex;justify-content:center;gap:24px;font-size:12px;color:var(--app-muted);margin-top:24px}.preferences-shell.landing-shell{background:var(--app-bg);min-height:100svh;padding-top:64px}.preferences-shell .landing-main{width:min(480px,100%);margin:0 auto;padding:64px 24px 32px;text-align:left}.preferences-shell .landing-main h1{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.2;color:var(--app-text)}.preferences-shell .hero-copy{font-size:14px;color:var(--app-muted);margin:12px 0 40px}.preferences-shell .start-panel{background:none;border:0;box-shadow:none;padding:0;width:100%}.preferences-shell .section-heading{margin:0 0 16px}.preferences-shell .section-heading h2{font-size:14px;font-weight:500;color:var(--app-text)}.preferences-shell .section-heading small{font-size:12px;color:var(--app-muted);margin-left:8px}.preferences-shell .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:32px}.preferences-shell .mode-card{min-height:56px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:12px;background:var(--app-surface);border:1px solid var(--app-line);box-shadow:none;color:var(--app-muted)}.preferences-shell .mode-card.selected{background:var(--app-raised);border-color:#808387;color:var(--app-text)}.preferences-shell .mode-icon{width:auto;height:auto;background:none;color:inherit}.preferences-shell .mode-icon svg{width:20px;height:20px}.preferences-shell .mode-name{font-size:14px}.preferences-shell .mode-description,.preferences-shell .mode-check{display:none}.preferences-shell .interest-section{margin:0;padding:0;border:0}.preferences-shell .suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preferences-shell .interest-chip{padding:8px 16px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:24px;font-size:13px;color:var(--app-muted);text-transform:capitalize}.preferences-shell .interest-chip.selected{background:var(--app-raised);border-color:#85888c;color:var(--app-text)}.preferences-shell input{color:var(--app-text)}.preferences-shell .interest-hint{font-size:12px;line-height:1.6;color:var(--app-muted);margin-top:12px}.preferences-shell .find-button{width:100%;margin-top:32px;background:#eee;color:#18191a;box-shadow:none;border-radius:12px;min-height:52px;font-size:14px}.preferences-shell .age-note{margin-top:16px;color:var(--app-muted);font-size:12px}.preferences-shell .landing-footer{border:0;background:none;max-width:480px;margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--app-muted);font-size:11px}.preferences-shell .landing-footer nav{gap:16px}.application-chat{height:100svh;height:100dvh;overflow:hidden;background:var(--app-bg);padding-top:64px}.chat-workspace{height:100%;position:relative;min-height:0;display:flex;flex-direction:column}.video-stage{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 16px 0;position:relative}.video-stage .stage-video{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:#1b1d1f;border:1px solid #ffffff0c;box-shadow:none}.stage-video video,.stage-video canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#1b1d1f;color:#9a9da1;font-size:14px;text-align:center;padding:16px;line-height:1.7}.stage-placeholder strong{color:#eee}.stage-placeholder .search-rings{display:none}.stage-status{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;font-size:12px;color:#ddd;background:#101112b3;padding:8px 12px;border-radius:24px;z-index:4}.stage-region{position:absolute;bottom:16px;right:16px;font-size:12px;color:#ddd}.video-name{position:absolute;bottom:16px;left:16px;font-size:12px;color:#eee;z-index:3}.flip-camera{position:absolute;right:8px;top:8px;z-index:5;color:#eee;background:#10111288}.video-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin:16px auto max(16px,env(safe-area-inset-bottom));padding:8px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:40px;box-shadow:0 8px 32px #0003}.toolbar-divider{width:1px;height:24px;background:var(--app-line);margin:0 4px}.next-button{min-width:112px;border-radius:24px}.danger-control{color:#d59494}.chat-dot{position:absolute;right:9px;top:9px;background:#91bba0;width:5px;height:5px;border-radius:50%}.stage-expanded.application-chat{padding-top:0}.stage-expanded .app-header{display:none}.stage-expanded .video-stage{display:block;padding:0}.stage-expanded .stage-remote{height:100%;border-radius:0}.stage-expanded .stage-local{position:absolute;width:200px;height:150px;right:24px;bottom:24px;z-index:5}.stage-expanded .video-toolbar{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:10}.session-conversation{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.session-note{color:var(--app-muted);font-size:11px;padding:16px 0;border-bottom:1px solid var(--app-line)}.session-messages{flex:1;min-height:0;overflow:auto;padding:24px 0;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.conversation-empty{margin:auto;text-align:center;max-width:340px;color:var(--app-muted);padding:24px}.conversation-empty svg{margin:0 auto 24px}.conversation-empty h2{font-size:20px;font-weight:500;line-height:1.4;color:var(--app-text)}.conversation-empty p{font-size:13px;line-height:1.8;margin-top:12px}.session-message{max-width:85%;font-size:14px;overflow-wrap:anywhere}.session-message>div{padding:12px 16px;border-radius:16px;background:var(--app-raised)}.message-you{align-self:flex-end}.message-you>div{background:#e5e6e6;color:#161719;border-bottom-right-radius:4px}.message-stranger{align-self:flex-start}.message-stranger>div{border-bottom-left-radius:4px}.session-message small{display:block;color:var(--app-muted);font-size:10px;margin-top:4px}.message-you small{text-align:right}.session-message small button{color:#d99494;text-decoration:underline;margin-left:8px}.message-system,.message-connected,.message-error{align-self:center;text-align:center;font-size:12px;color:var(--app-muted)}.message-system>div,.message-connected>div,.message-error>div{background:none;padding:8px}.message-error{color:#d99494}.session-typing{font-size:12px;color:var(--app-muted);padding:8px 0}.session-composer{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-raised);flex-shrink:0}.session-composer input{width:100%;min-width:0;background:none;border:0;padding:8px;font-size:16px;color:var(--app-text);outline:none}.session-composer:focus-within{border-color:#8a8d90}.send-message{background:var(--app-text);color:var(--app-bg)}.text-workspace{width:min(960px,100%);height:100%;margin:auto;padding:24px 32px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:0}.text-session-heading{display:flex;justify-content:space-between;align-items:center}.text-session-heading h1{font-size:18px;font-weight:600}.text-session-heading span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-muted);margin-top:4px}.text-session-actions{display:flex;align-items:center;gap:12px;padding-top:16px}.text-session-actions a{margin-left:auto;font-size:12px;color:var(--app-muted)}.report-reasons{display:flex;flex-direction:column;gap:4px;margin:24px 0}.report-reasons label{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}.report-reasons label:hover{background:var(--app-raised)}.report-reasons input{accent-color:#aaa}.app-modal>.primary-button{width:100%}@keyframes app-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes app-fade{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.video-stage{display:block;padding:8px 8px 0}.video-stage .stage-remote{height:100%}.video-stage .stage-local{position:absolute;right:24px;bottom:16px;width:25%;max-width:220px;aspect-ratio:3/4;z-index:5}}@media (max-width:600px){.app-header{height:56px;padding:0 16px}.app-brand{font-size:14px;gap:8px}.header-actions{gap:12px}.online-count{font-size:11px}.application-chat,.preferences-shell.landing-shell{padding-top:56px}.preferences-shell .landing-main{padding:40px 24px 24px}.preferences-shell .landing-main h1{font-size:28px}.app-drawer{top:0;right:0;bottom:0;left:0;width:100%;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.settings-layout{grid-template-columns:1fr;margin-top:16px;gap:24px}.settings-layout nav{flex-direction:row;overflow-x:auto;padding-bottom:8px}.settings-layout nav :is(a,button){white-space:nowrap}.settings-content h2{font-size:24px}.video-stage .stage-local{width:104px;right:20px;bottom:12px;border-radius:12px}.video-toolbar{gap:2px;margin:8px auto max(8px,env(safe-area-inset-bottom));padding:6px;max-width:calc(100% - 16px)}.video-toolbar .icon-button{width:36px;height:44px}.video-toolbar .icon-button svg{width:18px;height:18px}.toolbar-divider{display:none}.next-button{min-width:64px;padding:10px 12px;gap:4px}.next-button svg{width:16px}.text-workspace{padding:16px 16px max(12px,env(safe-area-inset-bottom))}.text-session-actions{gap:8px}.text-session-actions .primary-button{padding:12px}.text-session-actions a{font-size:11px}.session-messages{padding:16px 0}.stage-status{top:12px;left:12px}.stage-region{bottom:48px;left:16px;right:auto;max-width:50%}.stage-expanded .stage-local{width:104px;height:140px}.stage-expanded .video-toolbar{width:-moz-max-content;width:max-content}.session-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.app-panel,.app-scrim{animation:none}.icon-button,.primary-button{transition:none}}@media (max-width:600px){.app-drawer{bottom:auto;height:var(--visual-height,100dvh)}.application-text{height:var(--visual-height,100dvh)}}.report-error{color:#e7a0a0;font-size:13px;line-height:1.6;margin-bottom:16px}@media (max-width:600px){.stage-local .stage-placeholder{font-size:10px;gap:8px;padding:8px 8px 24px}.stage-local .video-name{bottom:8px;left:12px}}.social-entry{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--app-bg);color:var(--app-text);padding:32px;text-align:center}.social-entry h1{font-size:clamp(32px,5vw,48px);line-height:1.2;letter-spacing:-.04em;font-weight:600}.social-entry p{font-size:14px;line-height:1.8;color:var(--app-muted);max-width:400px}.entry-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.google-entry{min-width:280px}.google-entry[aria-disabled=true]{opacity:.45;pointer-events:none}.social-entry .entry-caption{font-size:12px}.connections-sidebar{position:fixed;right:0;top:64px;bottom:0;width:304px;background:var(--app-surface);border-left:1px solid var(--app-line);padding:24px 16px;display:flex;flex-direction:column;color:var(--app-text);z-index:30}.with-connections .chat-workspace{width:calc(100% - 304px)}.with-connections .preferences-shell{padding-right:304px}.connections-heading{display:flex;align-items:center;justify-content:space-between}.connections-heading h2{font-size:20px;font-weight:600}.connections-caption{font-size:12px;color:var(--app-muted);margin:8px 0 24px}.connections-empty{margin:auto;text-align:center;padding:24px;color:var(--app-muted)}.connections-empty svg{margin:0 auto 24px}.connections-empty p{color:var(--app-text);font-size:17px;line-height:1.5;margin-bottom:16px}.connections-empty small{font-size:12px;line-height:1.7;display:block}.connection-list{flex:1;overflow:auto}.connection-row{display:flex;gap:4px;align-items:center;padding:12px 0;border-bottom:1px solid var(--app-line)}.connection-person{display:flex;gap:12px;align-items:center;flex:1;min-width:0;text-align:left}.public-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:18px;color:#eee;background:#34424e}.avatar-sky{background:#34424e}.avatar-sage{background:#36483e}.avatar-sand{background:#524936}.avatar-rose{background:#543a42}.avatar-plum{background:#49405a}.connection-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.connection-person small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--app-muted);margin-top:4px}.connection-person small i{width:5px;height:5px;border-radius:50%;background:#666}.connection-person .is-online{background:#85bf9b}.profile-shortcut{border-top:1px solid var(--app-line);padding:20px 0 0;margin-top:auto;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px}.profile-shortcut small{display:block;font-size:11px;color:var(--app-muted);margin-top:4px}.mobile-chats-trigger{display:none}.social-notice{position:fixed;left:24px;bottom:24px;z-index:150;background:var(--app-raised);border:1px solid var(--app-line);color:var(--app-text);padding:12px 16px;border-radius:16px;max-width:calc(100vw - 48px);box-shadow:0 12px 32px #0005;display:flex;align-items:center;gap:12px;font-size:13px}.profile-form{display:flex;flex-direction:column;gap:24px}.profile-form label{font-size:14px;display:flex;flex-direction:column;gap:8px}.profile-form small{font-size:11px;color:var(--app-muted)}.profile-form input{border:1px solid var(--app-line);background:var(--app-bg);border-radius:8px;padding:12px;min-width:0}.avatar-options{display:flex;gap:12px;margin-top:12px}.avatar-options [aria-pressed=true]{outline:2px solid var(--app-text);outline-offset:3px}.connection-details{display:flex;flex-direction:column;gap:16px}.connection-details>.public-avatar,.incoming-call>.public-avatar{width:72px;height:72px;font-size:28px;margin:16px auto}.connection-details p{font-size:13px;color:var(--app-muted);text-align:center}.invite-options{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:50dvh;overflow:auto}.invite-options label{display:flex;align-items:center;gap:12px;min-height:56px;font-size:14px}.invite-options small{display:block;font-size:11px;color:var(--app-muted)}.incoming-call{text-align:center}.incoming-call>div{display:flex;gap:16px;justify-content:center;margin-top:24px}.social-call{position:fixed;top:64px;right:304px;bottom:0;left:0;background:var(--app-bg);color:var(--app-text);z-index:35;display:flex;flex-direction:column;padding:16px;min-height:0}.social-call>header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 16px;gap:12px}.social-call>header span{font-size:12px;color:var(--app-muted)}.call-state{text-align:center;font-size:13px;color:var(--app-muted);padding:8px 0 16px}.group-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);flex:1;min-height:0;gap:8px}.participants-1{grid-template-columns:1fr}.participants-3 .group-video-tile:last-child,.participants-5 .group-video-tile:last-child{grid-column:1/-1}.group-video-tile{min-width:0;min-height:0;position:relative;border-radius:12px;background:#1b1d1f;overflow:hidden;display:flex;align-items:center;justify-content:center}.group-video-tile>.public-avatar{width:72px;height:72px;font-size:28px}.group-video-tile>span:last-of-type{position:absolute;bottom:16px;left:16px;color:#ddd;font-size:12px}.group-video-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.tile-report{position:absolute;top:8px;right:8px;color:#ddd}.playback-button{position:absolute;z-index:2}.social-call .video-toolbar{margin-bottom:max(0px,env(safe-area-inset-bottom))}.with-connections .stage-expanded .chat-workspace{width:100%}@media (max-width:1100px){.connections-sidebar{width:264px}.with-connections .chat-workspace{width:calc(100% - 264px)}.with-connections .preferences-shell{padding-right:264px}.social-call{right:264px}}@media (max-width:800px){.connections-sidebar{display:none}.with-connections .chat-workspace{width:100%}.with-connections .preferences-shell{padding-right:0}.mobile-chats-trigger{display:inline-flex}.social-call{right:0}.social-notice{left:16px;bottom:16px;max-width:calc(100vw - 32px)}.social-entry{padding:24px}.social-entry h1{font-size:32px}.group-video-grid{gap:8px}}@media (max-width:600px){.social-call{top:56px;padding:8px}.social-call>header{font-size:14px}.social-call>header span{font-size:10px}.group-video-tile>span:last-of-type{left:8px;bottom:8px;font-size:11px}.group-video-tile>.public-avatar{width:48px;height:48px;font-size:20px}.avatar-options{gap:8px}.with-connections .header-actions{gap:4px}.with-connections .online-count{display:none}.social-call .video-toolbar{margin-bottom:max(8px,env(safe-area-inset-bottom))}}.account-actions{display:inline-flex;gap:8px;align-items:center}.account-button{min-height:36px;padding:0 14px;font-size:13px;white-space:nowrap}.account-user{display:inline-flex;align-items:center;min-width:32px;justify-content:center}.account-loading{color:var(--app-muted);font-size:13px;min-width:32px;text-align:center}@media (max-width:600px){.account-actions .primary-button{display:none}.account-button{padding:0 12px}}.sign-in-gate{gap:16px}.sign-in-gate h1{margin:8px 0 0}.sign-in-gate .gate-subtitle{font-size:16px;color:var(--app-text);margin-top:-8px}.sign-in-gate .gate-legal{font-size:12px;max-width:340px}.sign-in-gate .gate-legal a{color:var(--app-text);text-decoration:underline}.sign-in-gate .google-entry{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(320px,100%);min-height:48px;margin-top:8px;font-weight:600}.gate-guest{margin-top:8px;font-size:13px;color:var(--app-muted);text-decoration:underline;padding:8px;min-height:44px}.gate-guest:hover{color:var(--app-text)}