:root{color-scheme:light;--canvas:#f6f7fb;--surface:#fff;--surface-elevated:#fff;--surface-soft:#f1f3f7;--surface-strong:#e8ebf2;--ink:#111318;--ink-2:#343943;--muted:#727985;--muted-2:#a0a6b0;--line:#e4e7ed;--line-strong:#d4d8e1;--brand:#5b5ff5;--brand-strong:#4548d9;--brand-deep:#2f319c;--brand-soft:#eeefff;--accent:#ff4f86;--accent-soft:#fff0f5;--play:#00a884;--play-soft:#e9fbf6;--danger:#e5484d;--warning:#f5a524;--success:#18a86b;--shadow-xs:0 1px 2px rgba(17,19,24,.04);--shadow-sm:0 8px 28px rgba(17,19,24,.08);--shadow-md:0 18px 50px rgba(17,19,24,.12);--shadow-lg:0 30px 80px rgba(17,19,24,.18);--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--pill:999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2,.8,.2,1);--z-base:1;--z-sticky:40;--z-nav:60;--z-float:80;--z-story:180;--z-modal:200;--z-popover:220;--focus-ring:0 0 0 3px rgba(91,95,245,.16);--transition-fast:.15s var(--ease)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--canvas);color:var(--ink);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);overflow-x:hidden}#root{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}input,textarea,select{min-width:0}:focus-visible{outline:3px solid rgba(91,95,245,.22);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.button{min-height:42px;border-radius:13px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid transparent;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease);white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.985)}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 10px 24px #0b7a5533}.button.primary:hover{background:linear-gradient(135deg,#0d8760,#086248);box-shadow:0 13px 28px #0b7a5540}.button.secondary,.button.ghost{border-color:var(--line);background:#fffdf8db;box-shadow:0 1px #fffc inset}.button.secondary:hover,.button.ghost:hover{border-color:var(--line-strong);background:#fff}.button.compact{min-height:36px;padding:0 12px;font-size:13px}.button.full{width:100%}.icon-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:.15s var(--ease)}.icon-button.active{background:var(--brand-soft);color:var(--brand)}.avatar{border-radius:50%;overflow:hidden;background:#dfe7e2;display:inline-grid;place-items:center;flex:none;font-weight:800;color:#304139}.avatar img{width:100%;height:100%;object-fit:cover}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a56e;margin-left:6px;box-shadow:0 0 0 2px #fff}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17a66f;box-shadow:0 0 0 3px #17a66f1f}.segmented{padding:4px;background:#ece6dac7;border:1px solid rgba(207,199,185,.58);border-radius:14px;display:flex;gap:3px}.segmented button{height:34px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:720;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.segmented button.active{background:var(--surface-elevated);color:var(--ink);box-shadow:0 5px 14px #161e1914}.compact-segment button{padding-inline:10px}.state-box{min-height:170px;background:#fffdf8d6;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;place-items:center;align-content:center;text-align:center;gap:8px;padding:28px;color:var(--muted);box-shadow:var(--shadow-xs)}.state-box strong{color:var(--ink);font-size:17px}.state-box p{max-width:420px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{border-color:#ecd3d6;color:var(--danger)}.form-error{color:var(--danger);font-size:13px;margin:6px 0}.success-text{color:var(--success);font-weight:750;margin-left:10px}.load-more{width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:13px;font-weight:760}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#09110ca8;backdrop-filter:blur(14px) saturate(110%);display:grid;place-items:center;padding:20px}.modal-card{width:min(520px,100%);max-height:min(88dvh,820px);overflow:auto;background:var(--surface-elevated);border:1px solid rgba(255,255,255,.5);border-radius:26px;box-shadow:var(--shadow-lg)}.modal-card.wide{width:min(760px,100%)}.modal-head{height:62px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff7;backdrop-filter:blur(10px);z-index:2}.modal-head h2{font-size:19px;letter-spacing:-.02em}.modal-form{display:grid;gap:14px;padding:20px}.modal-form label,.settings-card label,.room-form label,.auth-panel label{display:grid;gap:7px;font-weight:720;font-size:13px}.modal-form input,.modal-form textarea,.modal-form select,.settings-card input,.settings-card textarea,.settings-card select,.room-form input,.room-form textarea,.room-form select,.auth-panel input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;outline:none;font-size:16px}.modal-form textarea,.settings-card textarea,.room-form textarea{min-height:104px;resize:vertical}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus,.settings-card input:focus,.settings-card textarea:focus,.room-form input:focus,.room-form textarea:focus,.room-form select:focus,.auth-panel input:focus{border-color:#8bbca8;box-shadow:0 0 0 3px #0f765014}.quick-create{position:fixed;left:50%;bottom:23px;transform:translate(-50%);z-index:var(--z-float);min-height:48px;padding:0 18px;border-radius:var(--pill);background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;display:flex;align-items:center;gap:8px;font-weight:820;box-shadow:0 18px 42px #075b404d}.create-grid{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.create-grid>button{min-height:130px;border:1px solid var(--line);border-radius:18px;padding:16px;text-align:left;display:grid;align-content:start;gap:7px;background:var(--surface);transition:.16s var(--ease)}.create-grid>button:hover{border-color:#b9cec2;background:#f9fbfa;transform:translateY(-2px)}.create-grid>button>span{width:38px;height:38px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.create-grid>button strong{font-size:16px}.create-grid>button small{color:var(--muted);line-height:1.4}.create-grid>button:last-child{grid-column:1/-1;min-height:100px}.feed-heading{margin-bottom:0;padding:22px 22px 20px;border-radius:25px;background:radial-gradient(circle at 88% 15%,rgba(215,166,74,.22),transparent 12rem),linear-gradient(135deg,#10271f,#183b2e);color:#fff;box-shadow:var(--shadow-md);overflow:hidden}.feed-list{display:grid;gap:18px}.composer-card{background:#fffdf8f5;border:1px solid rgba(207,199,185,.78);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}.composer-row{display:flex;gap:11px;align-items:flex-start;padding:14px 16px}.composer-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--brand),var(--brand-deep));color:#fff;display:grid;place-items:center;font-weight:900;flex:none}.composer-card textarea{display:block;width:100%;min-height:42px;max-height:180px;border:0;resize:vertical;outline:none;padding:8px 0;background:transparent;font-size:15px}.composer-card.open textarea{min-height:76px}.composer-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 12px}.composer-spacer{flex:1}.file-button{min-height:38px;border-radius:10px;padding:0 12px;border:1px solid var(--line);display:inline-flex;align-items:center;font-size:13px;font-weight:720;cursor:pointer}.file-button input,.composer-attach input{display:none}.file-preview{margin:0 14px 10px;padding:8px 10px;background:var(--surface-soft);border-radius:10px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.file-preview button{color:var(--danger);font-weight:700}.post-card{background:#fffdf8f7;border:1px solid rgba(207,199,185,.78);border-radius:23px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.post-head{height:66px;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.author-row{display:flex;align-items:center;gap:10px;min-width:0}.author-row>span{display:grid;min-width:0}.author-row strong,.author-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-row small{color:var(--muted);font-size:11px;margin-top:2px}.post-copy{padding:0 16px 14px;font-size:15px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.media-frame{display:block;background:#172019;overflow:hidden}.media-frame img,.media-frame video{width:100%;max-height:780px;object-fit:contain;background:#172019}.room-inline{margin:0 14px 14px;border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;gap:3px;background:var(--surface-soft)}.room-inline>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:850}.room-inline small{color:var(--muted)}.post-actions{height:54px;padding:0 10px;display:flex;align-items:center;border-top:1px solid rgba(222,217,206,.9);gap:2px;background:linear-gradient(180deg,#fff0,#f5f1e847)}.post-actions button,.post-actions a{min-width:46px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink-2);font-size:17px}.post-actions button:hover,.post-actions a:hover{background:var(--surface-soft)}.post-actions span{font-size:12px;font-weight:720;color:var(--muted)}.post-actions .active{color:#bd2f4a}.stories-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.stories-rail::-webkit-scrollbar{display:none}.stories-rail button{width:68px;flex:none;display:grid;justify-items:center;gap:5px}.stories-rail small{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.story-ring{padding:3px;border-radius:50%;background:conic-gradient(from 210deg,var(--brand),#48aa7d,var(--accent),#d36b74,var(--brand));box-shadow:0 4px 12px #14281d1a}.story-ring>.avatar{border:3px solid var(--surface)}.story-overlay{position:fixed;inset:0;z-index:180;background:#080a09e6;display:grid;place-items:center;padding:20px}.story-stage{width:min(430px,100%);height:min(760px,88dvh);border-radius:22px;background:#121512;overflow:hidden;position:relative;display:grid;place-items:center;color:#fff}.story-stage>header{position:absolute;top:0;left:0;right:0;padding:15px;display:flex;align-items:center;gap:9px;z-index:2;background:linear-gradient(rgba(0,0,0,.55),transparent)}.story-stage>img,.story-stage>video{width:100%;height:100%;object-fit:contain}.story-stage>p{position:absolute;bottom:0;left:0;right:0;padding:38px 18px 18px;background:linear-gradient(transparent,#000000a8)}.story-text{padding:24px;font-size:24px;text-align:center}.story-close{position:fixed;top:18px;right:22px;color:#fff;font-size:34px;z-index:181}.product-dashboard{background:radial-gradient(circle at 90% 0,rgba(215,166,74,.23),transparent 18rem),radial-gradient(circle at 0 100%,rgba(71,165,119,.18),transparent 18rem),linear-gradient(145deg,#0d2119,#17392c);color:#fff;border-radius:26px;padding:22px;box-shadow:0 24px 55px #0d211930;display:grid;gap:17px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.mix-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mix-head .eyebrow{color:#93c7b0}.mix-head h2{font-size:24px;letter-spacing:-.035em;margin:3px 0 5px}.mix-head p{color:#bdd0c7;font-size:13px;max-width:420px;line-height:1.5}.progress-cluster{min-width:210px;display:grid;gap:8px}.streak-pill{display:flex;align-items:center;gap:8px;font-size:12px}.streak-pill svg{color:#ffd78b}.weekly-progress>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#c6d7cf}.weekly-progress>i{display:block;height:6px;background:#ffffff1f;border-radius:9px;margin-top:6px;overflow:hidden}.weekly-progress>i>b{display:block;height:100%;background:#8dd8b7;border-radius:inherit}.jump-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jump-card{min-width:0;background:#ffffff16;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;backdrop-filter:blur(8px)}.jump-card:hover{background:#ffffff24;transform:translateY(-1px)}.jump-icon{width:36px;height:36px;border-radius:11px;background:#ffffff1c;display:grid;place-items:center}.jump-card>div{display:grid;min-width:0}.jump-card small{font-size:9px;letter-spacing:.1em;color:#8fb6a5}.jump-card strong,.jump-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jump-card strong{font-size:13px}.jump-card>div>span{font-size:11px;color:#b9cbc2}.mix-empty{grid-column:1/-1;color:#b9cbc2;font-size:13px;padding:12px}.people-suggestions{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.people-suggestions>span{font-size:11px;color:#9db9ad;white-space:nowrap;margin-right:3px}.people-suggestions>a{display:flex;align-items:center;gap:6px;min-width:max-content;padding:5px 8px 5px 5px;background:#ffffff0f;border-radius:999px}.people-suggestions strong{font-size:11px}.people-suggestions small{font-size:9px;color:#abc0b7}.search-row{display:flex;gap:9px;align-items:center}.search-box{height:52px;display:flex;align-items:center;gap:10px;background:#fffdf8f0;border:1px solid var(--line);border-radius:16px;padding:0 15px;flex:1;box-shadow:var(--shadow-sm)}.search-box svg{color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:16px}.save-search-button{flex:none}.saved-search-strip{display:grid;gap:9px}.saved-search-strip>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.saved-search-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}.saved-search-chip>button:first-child{min-height:34px;padding:0 8px 0 10px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:720}.saved-search-chip b{min-width:18px;height:18px;border-radius:20px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px}.remove-chip{width:29px;height:32px;display:grid;place-items:center;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.person-card{position:relative;background:#fffdf8f2;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;min-width:0;box-shadow:var(--shadow-xs)}.person-card strong,.person-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card span{font-size:12px;color:var(--muted);margin-top:2px}.person-card>svg{color:var(--muted)}.search-loading{font-size:12px;color:var(--muted)}.messages-layout{height:calc(100dvh - 48px);min-height:620px;background:var(--surface);border:1px solid rgba(207,199,185,.78);border-radius:26px;overflow:hidden;display:grid;grid-template-columns:320px minmax(0,1fr);box-shadow:var(--shadow-md)}.inbox-panel{border-right:1px solid var(--line);min-width:0;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;background:linear-gradient(180deg,#faf7f0,#f5f1e8)}.inbox-head{padding:20px 17px 12px}.inbox-head h1{font-size:27px;letter-spacing:-.04em}.inbox-filters{margin:0 12px 10px}.thread-list{overflow:auto;padding:3px 8px 12px}.thread-row-wrap{position:relative;border-radius:13px;display:grid;grid-template-columns:1fr auto;align-items:center}.thread-row-wrap:hover,.thread-row-wrap.active{background:var(--surface-soft)}.thread-main{min-width:0;width:100%;padding:9px 8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}.thread-main span{font-size:12px;color:var(--muted);margin-top:2px}.thread-main small b{min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px}.thread-pin{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted);margin-right:5px}.conversation-panel{min-width:0;overflow:hidden}.conversation{height:100%;display:grid;grid-template-rows:62px minmax(0,1fr) auto auto}.conversation>header{padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.conversation>header>div{display:grid;min-width:0;flex:1}.conversation>header span{font-size:11px;color:var(--muted)}.mobile-back{display:none;width:36px;height:36px;border-radius:50%;place-items:center}.message-stream{overflow-y:auto;padding:20px 17px;display:flex;flex-direction:column;gap:6px;background:radial-gradient(circle at 84% 8%,rgba(11,122,85,.055),transparent 18rem),linear-gradient(#fffdf8,#faf7f0)}.message-row.theirs{justify-content:flex-start}.bubble{position:relative;max-width:min(76%,520px);padding:10px 12px;border-radius:17px;background:#ece8df;box-shadow:0 2px 5px #181f1a0a}.mine .bubble{background:linear-gradient(135deg,#d9f0e5,#e6f5ed)}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.bubble img,.bubble video{max-width:280px;max-height:330px;border-radius:12px;margin-bottom:7px}.message-meta{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.message-meta small{font-size:9px;color:var(--muted)}.reaction-summary button{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 6px}.reaction-summary button.mine{border-color:#9ccbb7;background:var(--brand-soft)}.reaction-picker{display:none;position:absolute;bottom:calc(100% + 5px);right:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow-sm)}.bubble:hover .reaction-picker{display:flex}.reaction-picker button{width:30px;height:30px;border-radius:50%}.reaction-picker button:hover{background:var(--surface-soft)}.message-composer{min-height:62px;padding:8px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid var(--line);background:#fff}.composer-attach{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);cursor:pointer}.message-composer input{height:42px;border:1px solid var(--line);border-radius:999px;padding:0 15px;outline:0;font-size:16px}.send-button{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center}.message-file-preview{padding:7px 12px;background:var(--surface-soft);display:flex;justify-content:space-between;font-size:11px}.message-file-preview button{color:var(--danger)}.clips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clip-card{background:linear-gradient(180deg,#111a15,#08110d);color:#fff;border-radius:21px;overflow:hidden;box-shadow:0 18px 42px #0a140e2e;border:1px solid rgba(255,255,255,.04)}.clip-media{position:relative;background:#050706}.clip-card video{width:100%;aspect-ratio:9/14;object-fit:cover;background:#000}.clip-save{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;background:#0000007a;color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}.clip-save.active{background:#fff;color:var(--ink)}.clip-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff26}.clip-progress i{display:block;height:100%;background:#fff}.clip-copy{padding:12px;display:grid;gap:8px}.clip-copy>div strong{font-size:13px}.clip-copy p{color:#d0d8d3;font-size:13px;margin-top:4px;line-height:1.4}.clip-copy>span{font-size:10px;color:#9eaaa3}.rooms-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-card{position:relative;background:#fffdf8f7;border:1px solid rgba(207,199,185,.78);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.room-card-main{display:block;padding:19px}.room-card-top{display:flex;align-items:center;justify-content:space-between}.room-card-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--brand-soft),#f6f1df);display:grid;place-items:center;color:var(--brand);font-size:20px}.room-card-top>span{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:850;color:var(--muted)}.room-card h3{font-size:18px;margin:16px 0 6px}.room-card p{color:var(--muted);font-size:13px;line-height:1.45;min-height:38px}.room-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;border-top:1px solid var(--line);padding-top:11px}.room-card footer small{color:var(--muted);font-size:10px}.room-card footer strong{font-size:11px}.room-save{position:absolute;top:11px;right:11px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);box-shadow:var(--shadow-xs)}.room-save.active{color:var(--brand);background:var(--brand-soft)}.room-map{height:560px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#e8ece9;z-index:0}.room-detail-hero{background:radial-gradient(circle at 92% 8%,rgba(215,166,74,.2),transparent 16rem),linear-gradient(145deg,#fffdf8,#f5f1e8);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow-sm)}.room-hero-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.room-hero-actions{display:flex;gap:7px}.room-detail-hero h1{font-size:35px;letter-spacing:-.045em;margin:7px 0 10px}.room-detail-hero>p{font-size:15px;color:var(--muted);max-width:600px;line-height:1.55}.room-detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.room-detail-meta span{min-height:34px;padding:0 10px;background:var(--surface-soft);border-radius:10px;font-size:11px;display:flex;align-items:center;gap:6px}.room-actions{display:flex;gap:8px;margin-top:18px}.arrival-control{margin-top:18px;padding-top:17px;border-top:1px solid var(--line);display:grid;gap:7px}.arrival-control>span{font-size:12px;color:var(--muted)}.arrival-control .segmented{width:max-content;max-width:100%}.status-badge{padding:4px 7px;border-radius:999px;background:#eef1ef;color:var(--muted);font-size:9px;font-weight:800}.status-badge.arrived{background:var(--brand-soft);color:var(--brand)}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.settings-card h2{margin-bottom:13px}.settings-card label{margin:12px 0}.room-form select,.room-form input,.room-form textarea{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-label{display:flex!important;align-items:center;gap:9px}.check-label input{width:auto!important}.profile-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 88% 5%,rgba(215,166,74,.24),transparent 15rem),linear-gradient(135deg,#11291f,#1a4131);color:#fff;border:1px solid rgba(255,255,255,.05);border-radius:28px;padding:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;box-shadow:0 24px 60px #0d21192e;overflow:hidden}.profile-hero h1{font-size:34px;letter-spacing:-.05em;margin:5px 0}.profile-hero p{color:#c8d8d0;margin-bottom:14px}.profile-stats{display:flex;gap:18px;font-size:12px}.profile-stats strong{font-size:15px}.profile-actions{display:flex;gap:7px}.profile-highlights{display:grid;gap:8px}.highlight-row{display:flex;gap:12px;overflow:auto;padding:3px 1px 5px;scrollbar-width:none}.highlight-chip{width:76px;flex:none;display:grid;justify-items:center;gap:5px}.highlight-chip>span{width:60px;height:60px;border-radius:50%;border:2px solid var(--line);padding:3px;background:#fff;display:grid;place-items:center;overflow:hidden}.highlight-chip>span img{width:100%;height:100%;object-fit:cover;border-radius:50%}.highlight-chip strong{font-size:11px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlight-chip small{font-size:9px;color:var(--muted)}.highlight-chip.add>span{border-style:dashed;color:var(--brand);background:var(--brand-soft)}.highlight-viewer{padding:16px;display:grid;gap:10px}.highlight-viewer>img,.highlight-viewer>video{width:100%;max-height:65dvh;object-fit:contain;border-radius:16px;background:#111}.highlight-viewer>p{color:var(--ink-2)}.highlight-nav{display:flex;align-items:center;justify-content:space-between}.highlight-nav button{display:flex;align-items:center;gap:5px;min-height:36px;padding:0 9px;border-radius:9px;background:var(--surface-soft);font-size:12px}.highlight-manager{padding:18px;display:grid;gap:20px}.highlight-create-row{display:flex;gap:8px}.highlight-create-row input{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 11px;flex:1}.highlight-select{display:grid;gap:8px}.highlight-select>div{display:flex;gap:7px;overflow:auto}.highlight-select button{min-width:90px;border:1px solid var(--line);border-radius:11px;padding:9px;display:grid;gap:2px}.highlight-select button.active{border-color:var(--brand);background:var(--brand-soft)}.highlight-select small{color:var(--muted)}.story-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.story-picker button{aspect-ratio:3/4;border-radius:12px;overflow:hidden;position:relative;background:var(--surface-soft)}.story-picker img,.story-picker video{width:100%;height:100%;object-fit:cover}.story-picker button>span{padding:10px;display:grid;place-items:center;height:100%}.story-picker small{position:absolute;bottom:5px;right:5px;background:#fff;padding:3px 6px;border-radius:999px;font-weight:750}.quality-card{background:linear-gradient(145deg,#fffdf8,#f7f2e8);border:1px solid var(--line);border-radius:20px;padding:19px;display:grid;gap:12px;box-shadow:var(--shadow-xs)}.quality-head{display:flex;justify-content:space-between;align-items:center}.quality-head h2{font-size:17px;margin-top:2px}.quality-head>strong{font-size:24px}.quality-bar{height:7px;background:var(--surface-strong);border-radius:999px;overflow:hidden}.quality-bar i{display:block;height:100%;background:var(--brand);border-radius:inherit}.quality-checks{display:flex;gap:6px;flex-wrap:wrap}.quality-checks span{padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:10px;display:flex;align-items:center;gap:4px}.quality-checks span.done{background:var(--brand-soft);color:var(--brand)}.mutual-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:11px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-right:-8px;border:2px solid #fff}.mutual-row>span{display:grid}.mutual-row small{color:var(--muted);font-size:10px}.activity-card{background:radial-gradient(circle at 95% 0,rgba(215,166,74,.18),transparent 10rem),linear-gradient(135deg,#111f19,#18392c);color:#fff;border-radius:20px;padding:15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-sm)}.activity-icon{width:42px;height:42px;border-radius:13px;background:#ffffff17;display:grid;place-items:center;color:#9fd4bb}.activity-card>div:nth-child(2){display:grid;min-width:0;flex:1}.activity-card .eyebrow{color:#8eb7a4}.activity-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card small{font-size:10px;color:#a8bbb2}.activity-card .button.secondary{background:#ffffff14;border-color:#ffffff24;color:#fff}.activity-card .icon-button{color:#c6d4cd}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score-grid>a,.score-grid>div{background:linear-gradient(145deg,#f8f3e9,#fffdf8);border:1px solid var(--line);border-radius:14px;padding:13px;display:grid}.score-grid span{text-transform:capitalize;color:var(--muted);font-size:11px}.score-grid strong{font-size:22px;margin-top:3px}.games-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 83% 10%,rgba(215,166,74,.32),transparent 16rem),radial-gradient(circle at 15% 115%,rgba(67,168,119,.25),transparent 17rem),linear-gradient(135deg,#0c1d16,#173b2c);color:#fff;border-radius:30px;padding:32px;display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:26px;overflow:hidden;box-shadow:0 26px 65px #0c1d1638}.games-hero .eyebrow{color:#90c6ae}.games-hero h1{font-size:52px;letter-spacing:-.06em;margin:4px 0 8px}.games-hero p{color:#bfd0c8;line-height:1.55;max-width:530px;font-size:14px}.games-hero-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.games-hero-pills span{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;display:flex;align-items:center;gap:7px;font-size:10px;color:#d6e1dc}.games-hero-art{border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,#ffffff1a,#ffffff09);display:grid;place-items:center;align-content:center;gap:11px;color:#d2eadf;box-shadow:inset 0 1px #ffffff14}.games-hero-art strong{color:#fff;font-size:12px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{background:#fffdf8fa;border:1px solid rgba(207,199,185,.78);border-radius:23px;padding:10px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.game-card-main{display:block}.game-card-cover{height:158px;border-radius:17px;background:linear-gradient(145deg,#e3eee8,#f8f4ea);display:grid;place-items:center;align-content:center;gap:8px;overflow:hidden}.game-card-cover>span{font-size:50px;filter:drop-shadow(0 8px 14px rgba(25,35,29,.15))}.game-card-cover small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:850}.game-card-copy{padding:12px 5px 10px}.game-live{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.game-card h3{font-size:19px;margin:6px 0 5px}.game-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.game-card footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.game-card footer span{background:var(--surface-soft);border-radius:10px;padding:8px;display:grid}.game-card footer strong{font-size:15px}.game-card footer span{font-size:9px;color:var(--muted)}.game-detail-page{display:grid;gap:16px}.game-detail-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.back-link{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:750}.game-playing{justify-self:center;min-height:34px;padding:0 11px;border:1px solid var(--line);background:var(--surface);border-radius:999px;display:flex;align-items:center;gap:7px;font-size:10px}.game-detail-topbar>div{display:flex;justify-content:flex-end;gap:7px}.game-detail-heading{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.game-detail-icon{width:66px;height:66px;border-radius:19px;background:#12211a;color:#fff;display:grid;place-items:center;font-size:34px}.game-detail-heading h1{font-size:38px;letter-spacing:-.05em;margin:4px 0 5px}.game-detail-heading p{color:var(--muted);font-size:13px}.game-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}.game-frame-card{min-width:0;background:linear-gradient(145deg,#17271f,#0c1712);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:10px;overflow:hidden;box-shadow:var(--shadow-md)}.game-frame{display:block;width:100%;height:650px;border:0;border-radius:17px;background:#f3f0e8}.game-side{display:grid;gap:9px}.game-info-card,.leader-mini{background:#fffdf8f5;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow-xs)}.game-info-card p{color:var(--muted);font-size:12px;line-height:1.5;margin-top:7px}.game-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.game-stat-grid>div{background:linear-gradient(145deg,#10271f,#18392c);color:#fff;border-radius:17px;padding:14px;display:grid;box-shadow:var(--shadow-xs)}.game-stat-grid strong{font-size:22px}.game-stat-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#a9bdb3}.leader-mini{display:grid;gap:5px}.leader-mini-row{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:7px;padding:5px 0}.leader-mini-row>b{font-size:10px;color:var(--muted)}.leader-mini-row>span{font-size:11px;overflow:hidden;text-overflow:ellipsis}.leader-mini-row>strong{font-size:11px}.post-detail-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.comments-pane{background:var(--surface);border:1px solid var(--line);border-radius:20px;min-height:620px;max-height:calc(100dvh - 56px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.comments-pane>header{padding:17px;border-bottom:1px solid var(--line)}.comments-pane h2{margin-top:3px}.comment-list{padding:13px;overflow:auto}.comment-thread{display:grid}.comment{display:flex;gap:8px;padding:8px 0}.comment>div{min-width:0}.comment p{margin:3px 0;line-height:1.45;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;gap:8px}.comment-actions button,.comment-actions small{font-size:10px;color:var(--muted)}.comment-actions button.active,.mention-link{color:var(--brand);font-weight:750}.comment-replies{margin-left:41px;padding-left:9px;border-left:1px solid var(--line)}.comment.reply{padding-block:6px}.comment-composer{position:relative;padding:9px;border-top:1px solid var(--line);background:#fff}.comment-composer>div:last-of-type{display:flex;gap:6px}.comment-composer input{height:40px;border:1px solid var(--line);border-radius:999px;padding:0 13px;min-width:0;flex:1;font-size:16px}.comment-composer>div>button{padding:0 10px;color:var(--brand);font-weight:780}.reply-banner{padding:0 5px 7px!important;display:flex;justify-content:space-between!important;font-size:10px;color:var(--muted)}.mention-menu{position:absolute;left:9px;right:9px;bottom:58px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:5px;display:grid!important;z-index:5}.mention-menu>button{display:flex!important;align-items:center;gap:8px!important;text-align:left!important;padding:7px!important;color:var(--ink)!important;border-radius:9px}.mention-menu>button:hover{background:var(--surface-soft)}.mention-menu span{display:grid}.mention-menu small{color:var(--muted)}.comments-signin{padding:14px}.rail-card{background:#fffdf8e6;border:1px solid rgba(207,199,185,.76);border-radius:20px;padding:14px;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.rail-title{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 9px}.rail-title a{font-size:11px;color:var(--brand);font-weight:750}.rail-title span{font-size:10px;color:var(--muted)}.rail-person{display:flex;align-items:center;gap:9px;padding:7px 2px}.rail-person>span{display:grid;min-width:0}.rail-person strong,.rail-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-person small{color:var(--muted);font-size:10px}.progress-rail p{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:9px}.rail-progress{height:6px;background:var(--surface-strong);border-radius:999px;overflow:hidden}.rail-progress i{display:block;height:100%;background:var(--brand)}.desktop-message-launcher{position:fixed;right:22px;bottom:20px;z-index:60;min-height:48px;padding:0 16px;border:1px solid rgba(207,199,185,.84);border-radius:999px;background:#fffdf8f5;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px;font-weight:800;backdrop-filter:blur(14px)}.desktop-message-launcher b{min-width:20px;height:20px;border-radius:20px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e9f2ed,#f8f9f8 52%)}.auth-panel{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow-md)}.brand-large{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-panel h1{font-size:30px;letter-spacing:-.04em;margin-bottom:8px}.auth-panel>p{color:var(--muted);line-height:1.5}.auth-panel label{margin:13px 0}.auth-switch{width:100%;margin-top:14px;padding:10px;color:var(--brand);font-weight:750}.notification-row{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px}.notification-row.unread{border-color:#b9d9cb;background:#f5fbf8}.notification-row>div{display:grid;gap:2px}.notification-row p{font-size:13px}.notification-row small{font-size:10px;color:var(--muted)}@media(max-width:760px){.quick-create{display:flex;left:50%;bottom:calc(var(--bottom-mobile) + 10px + var(--safe-bottom));transform:translate(-50%);min-width:48px;height:48px;padding:0 13px}.quick-create span{display:none}.quick-create:hover{transform:translate(-50%) translateY(-1px)}.create-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:0;align-items:end}.modal-card,.modal-card.wide{width:100%;max-height:92dvh;border-radius:24px 24px 0 0}.feed-heading{display:grid;gap:12px;align-items:start}.feed-heading .segmented{justify-self:start}.composer-card,.post-card,.state-box,.profile-hero,.quality-card,.settings-card,.messages-layout,.comments-pane,.room-detail-hero{border-left:0;border-right:0;border-radius:0;margin-left:-12px;margin-right:-12px;box-shadow:none}.product-dashboard{margin-left:-4px;margin-right:-4px;border-radius:20px;padding:16px}.mix-head{display:grid}.progress-cluster{min-width:0;width:100%}.jump-row,.people-grid,.rooms-grid,.games-grid{grid-template-columns:1fr}.person-card{border-radius:13px}.search-row{align-items:stretch}.save-search-button span{display:none}.messages-layout{height:100dvh;min-height:0;display:block;overflow:hidden;border-top:0;margin:0}.inbox-panel,.conversation-panel{height:100%}.conversation-panel,.messages-layout.conversation-open .inbox-panel{display:none}.messages-layout.conversation-open .conversation-panel{display:block}.inbox-panel{border-right:0}.mobile-back{display:grid}.conversation{grid-template-rows:58px minmax(0,1fr) auto auto}.conversation>header{padding-top:var(--safe-top);height:calc(58px + var(--safe-top))}.message-stream{padding:13px 10px}.bubble{max-width:86%}.message-composer{padding:8px 9px calc(8px + var(--safe-bottom));min-height:calc(58px + var(--safe-bottom))}.reaction-picker{display:none!important}.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.clip-card{border-radius:13px}.clip-copy{padding:9px}.rooms-toolbar{display:grid;gap:8px}.rooms-toolbar>.segmented{justify-self:start}.room-map{height:calc(100dvh - 190px);border-radius:14px}.room-detail-hero{padding:22px 14px}.room-detail-hero h1{font-size:30px}.profile-hero{grid-template-columns:auto 1fr;padding:20px 14px}.profile-hero>.button,.profile-hero>.profile-actions{grid-column:1/-1}.profile-stats{gap:11px;flex-wrap:wrap}.activity-card{margin-inline:0;flex-wrap:wrap}.score-grid{grid-template-columns:repeat(2,1fr)}.story-picker{grid-template-columns:repeat(3,1fr)}.games-hero{grid-template-columns:1fr;padding:22px 16px;border-radius:20px;margin:0 -2px}.games-hero h1{font-size:40px}.games-hero-art{display:none}.game-detail-topbar{position:sticky;top:calc(var(--header-mobile) + var(--safe-top));z-index:18;background:#fffffff5;backdrop-filter:blur(12px);margin:0 -10px;padding:7px 10px;border-bottom:1px solid var(--line);grid-template-columns:1fr auto}.game-playing{display:none}.game-detail-topbar>div .secondary{display:none}.game-detail-heading{grid-template-columns:52px 1fr;padding:4px 2px}.game-detail-icon{width:52px;height:52px;border-radius:15px;font-size:27px}.game-detail-heading h1{font-size:30px}.game-detail-layout{display:block;margin:0 -10px}.game-frame-card{border-left:0;border-right:0;border-radius:0;padding:0;background:#f4f6f5}.game-frame{height:min(720px,calc(100dvh - 145px));min-height:560px;border-radius:0}.game-side{padding:10px}.post-detail-page{display:block}.post-detail-page>.comments-pane{margin-top:12px;min-height:520px;max-height:none}.comments-pane{grid-template-rows:auto minmax(320px,1fr) auto}.comment-list{max-height:60dvh}.auth-page{padding:0;background:#fff}.auth-panel{border:0;box-shadow:none;border-radius:0;padding:26px 20px;width:100%;max-width:460px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.clips-grid{grid-template-columns:1fr}.clip-card video{aspect-ratio:4/5}.page-title-row .button span{display:none}.game-frame{min-height:520px}.room-hero-actions .button{padding-inline:10px}.profile-hero{grid-template-columns:72px 1fr}.profile-hero .avatar{width:72px!important;height:72px!important}.highlight-chip{width:68px}.highlight-chip>span{width:56px;height:56px}}@media(max-width:390px){.composer-card,.post-card,.state-box,.profile-hero,.quality-card,.settings-card,.comments-pane,.room-detail-hero{margin-left:-10px;margin-right:-10px}.segmented button{font-size:11px;padding-inline:9px}.product-dashboard{margin-inline:0}.profile-stats{font-size:11px}.game-frame{height:calc(100dvh - 145px);min-height:500px}}.button.danger{background:var(--danger);color:#fff}.avatar-upload{position:relative;overflow:hidden;width:max-content;margin-top:10px}.avatar-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.settings-profile-head{display:flex!important;align-items:center;gap:16px}.settings-card-title,.settings-action-row,.settings-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card form{display:grid;gap:13px;margin-top:14px}.settings-note{font-size:12px}.status-chip{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:var(--surface-strong);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-chip.good{background:#e7f6ef;color:#126a4b}.status-chip.warn{background:#fff3dd;color:#93600b}.danger-zone{border-color:#eed8da!important}.danger-zone h2,.danger-zone>p{color:var(--danger)}.auth-success{padding:10px 12px;border-radius:11px;background:#e9f7f0;color:#126a4b;font-size:13px}.auth-switch.subtle{margin-top:0;color:var(--muted)}.arena-section{display:grid;gap:11px}.arena-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.arena-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;align-content:start;gap:9px;box-shadow:var(--shadow-xs)}.arena-card.featured{background:linear-gradient(145deg,#10261d,#183b2d);color:#fff;border-color:transparent}.arena-card.featured .eyebrow,.arena-card.featured p{color:#b7cec3}.arena-card.featured .button.primary{background:#fff;color:#10261d}.arena-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffff1f}.arena-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-radius:11px;background:var(--surface-soft)}.arena-row>span{display:grid;min-width:0}.arena-row small{color:var(--muted);font-size:10px}.arena-result{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.arena-result:last-child{border-bottom:0}.arena-result strong{color:var(--brand);text-align:right}.challenge-page{max-width:760px;margin-inline:auto}.challenge-hero,.challenge-play-card,.challenge-attempts{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-xs)}.challenge-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.challenge-hero p{margin-top:4px;color:var(--muted)}.challenge-play-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px}.challenge-play-card>svg{color:var(--brand)}.challenge-play-card p{color:var(--muted);margin-top:4px;font-size:13px}.challenge-attempts{display:grid;gap:8px}.challenge-attempt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.challenge-attempt:last-child{border-bottom:0}.challenge-run-banner{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:13px;background:#edf7f2;color:#155f46;font-size:12px;font-weight:700;border:1px solid #cfe8dc}.challenge-run-banner.error{background:#fff1f2;color:var(--danger);border-color:#efd3d7}.challenge-run-banner.done{background:#e4f8ed}.challenge-run-banner.submitting{opacity:.8}@media(min-width:761px){.quick-create{display:flex;left:50%;bottom:24px;transform:translate(-50%)}.quick-create:hover{transform:translate(-50%) translateY(-1px)}}@media(max-width:900px){.arena-grid{grid-template-columns:1fr 1fr}.arena-card.featured{grid-row:span 2}}@media(max-width:760px){.arena-grid{grid-template-columns:1fr}.arena-card.featured{grid-row:auto}.settings-profile-head{margin-left:-12px;margin-right:-12px;padding-inline:14px}.settings-card-title{align-items:flex-start}.challenge-page{margin-inline:0}.challenge-hero,.challenge-play-card,.challenge-attempts{border-radius:0;border-left:0;border-right:0;margin-left:-12px;margin-right:-12px}.challenge-play-card{grid-template-columns:auto 1fr}.challenge-play-card .button{grid-column:1/-1}.challenge-run-banner{margin:0 0 2px}.game-detail-page:has(.challenge-run-banner) .game-frame{height:min(680px,calc(100dvh - 190px))}}@media(max-width:390px){.settings-profile-head,.challenge-hero,.challenge-play-card,.challenge-attempts{margin-left:-10px;margin-right:-10px}.settings-profile-head{align-items:flex-start}.challenge-hero{grid-template-columns:auto 1fr}.challenge-hero>.status-chip{grid-column:1/-1;justify-self:start}}.collection-picker{padding:14px;display:grid;gap:10px}.collection-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.collection-create input{min-width:0;height:42px;border:1px solid var(--line);border-radius:11px;padding:0 12px;font-size:16px}.collection-picker-list{display:grid;gap:6px;max-height:390px;overflow:auto}.collection-picker-row{border:1px solid transparent;background:var(--surface-soft);border-radius:13px;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left}.collection-picker-row:hover{border-color:var(--line);background:#fff}.collection-picker-row>span:nth-child(2){display:grid}.collection-picker-row small{font-size:10px;color:var(--muted)}.collection-picker-row b{font-size:10px;color:var(--brand)}.collection-cover-mini{width:42px;height:42px;border-radius:10px;background:#e8efeb;display:grid;place-items:center;overflow:hidden}.collection-cover-mini img{width:100%;height:100%;object-fit:cover}.collection-empty{padding:24px;text-align:center;color:var(--muted)}.collection-action{width:28px!important;padding:0!important;color:var(--muted)!important}.saved-shell-v20{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.collections-v20{position:sticky;top:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;gap:5px}.collection-title{padding:5px 4px 8px}.collection-title>div{display:grid}.collection-title small{color:var(--muted);font-size:10px}.collection-create.compact{grid-template-columns:1fr;margin-bottom:4px}.collection-create.compact .button{width:100%}.collection-nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border-radius:12px}.collection-nav-wrap.active,.collection-nav.active{background:var(--brand-soft)}.collection-nav{min-width:0;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border-radius:12px;padding:6px}.collection-nav>span{width:34px;height:34px;border-radius:9px;background:#e8efeb;display:grid;place-items:center;overflow:hidden}.collection-nav>span img{width:100%;height:100%;object-fit:cover}.collection-nav>div{display:grid;min-width:0}.collection-nav strong,.collection-nav small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-nav small{font-size:9px;color:var(--muted)}.collection-remove{width:27px;height:27px;display:grid;place-items:center;color:var(--muted);border-radius:8px}.collection-remove:hover{background:#fff;color:var(--danger)}.saved-content{min-width:0}@media(max-width:760px){.saved-shell-v20{display:block}.collections-v20{position:static;margin:0 -12px 10px;border-left:0;border-right:0;border-radius:0;padding:9px 12px}.collection-create.compact{grid-template-columns:minmax(0,1fr) auto}.collection-create.compact .button{width:auto}.collections-v20>.collection-nav,.collections-v20>.collection-nav-wrap{margin-top:2px}.collection-picker{padding:12px}.collection-create{grid-template-columns:1fr}.collection-create .button{width:100%}}@media(max-width:390px){.collections-v20{margin-left:-10px;margin-right:-10px}}.messages-dock{position:fixed;right:22px;bottom:20px;z-index:90}.messages-dock .desktop-message-launcher{position:static}.dock-panel{position:absolute;right:0;bottom:58px;width:340px;height:480px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dock-panel>header{min-height:58px;padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.dock-panel>header>div:first-child{display:grid;flex:1}.dock-peer{display:grid;min-width:0;flex:1}.dock-peer small{font-size:10px;color:var(--muted)}.dock-thread-list{overflow:auto;padding:6px}.dock-thread-list>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;padding:8px;border-radius:11px}.dock-thread-list>button:hover{background:var(--surface-soft)}.dock-thread-list>button>span{display:grid;min-width:0}.dock-thread-list strong,.dock-thread-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-thread-list small{color:var(--muted);font-size:10px}.dock-thread-list>button>b{width:20px;height:20px;border-radius:20px;background:var(--brand);color:#fff;font-size:9px;display:grid;place-items:center}.dock-empty{padding:24px;color:var(--muted);text-align:center}.dock-open-all{height:42px;display:grid;place-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--brand);font-weight:750}.dock-messages{overflow:auto;padding:10px;display:flex;flex-direction:column;gap:5px}.dock-bubble{max-width:82%;border-radius:14px;padding:8px 10px;font-size:12px;line-height:1.4;display:grid;gap:3px}.dock-bubble.mine{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:5px}.dock-bubble.theirs{align-self:flex-start;background:var(--surface-strong);border-bottom-left-radius:5px}.dock-composer{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;padding:8px;border-top:1px solid var(--line)}.dock-composer input{min-width:0;height:38px;border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:14px}.dock-composer button{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center}.dock-composer button:disabled{opacity:.45}@media(max-width:760px){.messages-dock{display:none!important}}.notes-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}.notes-rail::-webkit-scrollbar{display:none}.note-chip{flex:0 0 118px;display:grid;gap:5px}.note-bubble{min-height:62px;padding:10px 11px;border:1px solid var(--line);border-radius:17px 17px 17px 6px;background:linear-gradient(145deg,#fffdf8,#f8f3e9);font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;box-shadow:var(--shadow-xs)}.note-chip>div:last-child{display:flex;align-items:center;gap:6px;padding-left:3px}.note-chip>div:last-child>span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list{display:grid;padding:8px}.option-list>button{text-align:left;padding:13px 14px;border-radius:12px;font-weight:760;display:grid;gap:2px}.option-list>button:hover{background:var(--surface-soft)}.option-list>button span{font-size:11px;color:var(--muted);font-weight:500}.option-list>.danger-option{color:var(--danger)}.modal-status{display:block;margin:0;padding:0 18px 16px}.privacy-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.privacy-list{display:grid;gap:5px;margin-top:8px}.privacy-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:12px}.privacy-person>span{display:grid;min-width:0}.privacy-person small{color:var(--muted);font-size:10px}.privacy-person strong,.privacy-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.privacy-columns{grid-template-columns:1fr}.privacy-person .button{padding-inline:9px}}.story-stage header>div:not(.story-owner-actions){display:grid;min-width:0}.story-stage header small{font-size:9px;color:#ffffffb8;text-transform:capitalize}.story-owner-actions{margin-left:auto;display:flex;gap:5px}.story-owner-actions button{font-size:9px;color:#fff;background:#ffffff1f;padding:5px 7px;border-radius:8px}.story-step{position:fixed;z-index:181;top:50%;width:42px;height:42px;border-radius:50%;background:#00000075;color:#fff;display:grid;place-items:center}.story-step.prev{left:22px}.story-step.next{right:22px}.story-step:disabled{opacity:.18}.viewer-list{padding:10px;display:grid;gap:5px}.viewer-list>div{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px}.viewer-list>div:hover{background:var(--surface-soft)}.viewer-list>div>span{display:grid}.viewer-list small{color:var(--muted);font-size:10px}@media(max-width:760px){.story-step{width:36px;height:36px}.story-step.prev{left:6px}.story-step.next{right:6px}}.story-shared-post{width:min(360px,88%);max-height:72%;overflow:hidden;background:#fff;color:var(--ink);border-radius:18px;box-shadow:var(--shadow-lg);display:grid}.story-shared-post>img,.story-shared-post>video{width:100%;max-height:360px;object-fit:cover;background:#0d100e}.story-shared-author{display:flex;align-items:center;gap:9px;padding:12px}.story-shared-post>p{position:static!important;background:none!important;color:var(--ink);padding:12px!important;font-size:14px;line-height:1.45}.story-shared-post>span{padding:0 12px 14px;color:var(--brand);font-size:11px;font-weight:800}.message-reply-preview{padding:8px 12px;border-top:1px solid var(--line);background:#f8faf9;display:flex;align-items:center;gap:10px}.message-reply-preview>span{display:grid;min-width:0;flex:1}.message-reply-preview small{color:var(--brand);font-size:9px;font-weight:800}.message-reply-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.message-reply-preview>button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.message-reply-quote{border-left:3px solid var(--brand);padding:5px 7px;margin-bottom:6px;background:#ffffff8c;border-radius:7px;display:grid}.message-reply-quote small{font-size:9px;font-weight:800;color:var(--brand)}.message-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px;opacity:0;transition:opacity .15s}.bubble:hover .message-actions,.bubble:focus-within .message-actions{opacity:1}.message-actions button{font-size:9px;color:var(--muted);font-weight:750}.message-actions .danger-text{color:var(--danger)}.message-shared-card{display:grid;gap:6px;padding:8px;margin-bottom:7px;border-radius:10px;background:#ffffffad;border:1px solid rgba(0,0,0,.06)}.message-shared-card img{width:100%;max-height:180px;object-fit:cover;margin:0}.message-shared-card small{font-size:9px;color:var(--muted)}.message-shared-card strong{font-size:11px}.message-send-error{padding:6px 12px;background:#fff1f1;color:var(--danger);font-size:10px;border-top:1px solid #f2dada}@media(max-width:760px){.message-actions{opacity:1}.message-actions button{font-size:10px;padding:4px}.conversation{grid-template-rows:calc(58px + var(--safe-top)) minmax(0,1fr) auto auto auto auto}}.last-score{display:flex;justify-content:space-between;align-items:end;margin:13px 0 9px;padding-top:11px;border-top:1px solid var(--line)}.last-score small{color:var(--muted);font-size:10px}.last-score strong{font-size:25px}.daily-note{display:flex;align-items:center;gap:6px!important;color:var(--brand)!important;font-weight:700}.challenge-created{display:flex;gap:10px;align-items:center;padding:12px;border-radius:13px;background:var(--brand-soft)}.challenge-created>svg{color:var(--brand)}.challenge-created div{display:grid;gap:2px}.challenge-created p{font-size:11px;color:var(--muted)}.room-chat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-xs)}.room-chat.locked{padding:18px}.room-chat-stream{max-height:360px;overflow:auto;display:grid;gap:8px;padding:8px 0}.room-chat-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.room-chat-row>div{min-width:0;background:var(--surface-soft);border-radius:12px;padding:8px 10px}.room-chat-row strong{font-size:11px}.room-chat-row small{font-size:9px;color:var(--muted)}.room-chat-row p{font-size:12px;line-height:1.45;overflow-wrap:anywhere;margin-top:3px}.room-chat-empty{padding:25px;text-align:center;color:var(--muted);font-size:12px}.room-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.room-chat-composer input{height:40px;border:1px solid var(--line);border-radius:999px;padding:0 13px;font-size:16px;outline:0}@media(max-width:760px){.room-chat{border-radius:0;border-left:0;border-right:0;margin-left:-12px;margin-right:-12px;padding-inline:14px}}.profile-stats button{display:inline-flex;align-items:baseline;gap:4px;color:inherit;padding:2px 0;border-radius:7px}.profile-stats button:hover{color:var(--brand)}.connections-list{display:grid;padding:8px;min-height:120px}.connection-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:13px}.connection-row:hover{background:var(--surface-soft)}.connection-row>span{display:grid;min-width:0}.connection-row strong,.connection-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-row small{color:var(--muted);font-size:11px;margin-top:2px}.command-palette{padding:12px}.command-search{height:48px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;background:var(--surface-soft)}.command-search input{border:0;outline:0;background:transparent;font-size:16px}.command-list{display:grid;gap:3px;padding:10px 0}.command-list>button{min-height:58px;border-radius:12px;padding:8px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}.command-list>button:hover{background:var(--surface-soft)}.command-list>button>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.command-list>button>div{display:grid;gap:2px}.command-list small{color:var(--muted);font-size:10px}.command-list kbd,.command-palette footer kbd{font:inherit;font-size:9px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 5px;color:var(--muted);box-shadow:0 1px 0 var(--line)}.command-list>p{text-align:center;color:var(--muted);padding:24px}.command-palette footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 2px 2px;color:var(--muted);font-size:9px}.connectivity-status{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:var(--z-popover);max-width:calc(100vw - 24px);min-height:34px;padding:0 12px;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;box-shadow:var(--shadow-md);background:#fff;border:1px solid var(--line)}.connectivity-status i{width:7px;height:7px;border-radius:50%}.connectivity-status.offline i{background:var(--danger)}.connectivity-status.online i{background:var(--success)}@media(max-width:760px){.connectivity-status{top:calc(var(--safe-top) + 8px)}.command-palette footer{display:none}}.rooms-view-actions{display:flex;align-items:center;gap:8px}.rooms-view-actions>.button.active{background:var(--brand-soft);color:var(--brand);border-color:#b9d9cb}.location-privacy-note{margin-top:-10px;color:var(--muted);font-size:10px}.approx-location{display:grid;justify-items:start;gap:6px;padding:11px;border-radius:13px;background:var(--surface-soft)}.approx-location p{font-size:10px;color:var(--muted);line-height:1.4}@media(max-width:760px){.rooms-view-actions{justify-content:space-between}.rooms-view-actions>.button{min-width:0}.rooms-view-actions>.button svg{display:none}}@media(max-width:900px)and (min-width:761px){.game-detail-layout{grid-template-columns:1fr}.game-side{grid-template-columns:1fr 1fr;align-items:start}.game-side>.leader-mini{grid-column:1/-1}.game-frame{height:620px}}@media(max-width:760px){.game-frame{height:clamp(500px,calc(100dvh - var(--header-mobile) - var(--bottom-mobile) - 108px - var(--safe-top) - var(--safe-bottom)),680px)}}.score-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.score-actions>.button:first-child{grid-column:1/-1}.score-actions .button{min-width:0;padding-inline:9px}.destructive-confirm>p{color:var(--muted);line-height:1.55}.button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.button.danger:hover{filter:brightness(.94)}.fatal-state{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e7f3ec,#f8faf9 58%)}.fatal-state>div{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-md);padding:30px;display:grid;gap:12px}.fatal-state h1{font-size:32px;letter-spacing:-.04em}.fatal-state p:not(.eyebrow){color:var(--muted);line-height:1.55}.fatal-state>div>div{display:flex;gap:8px;flex-wrap:wrap}.fatal-state small{color:var(--muted);overflow-wrap:anywhere}.fatal-icon{width:48px;height:48px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}@media(max-width:760px){.messages-layout{height:calc(100dvh - var(--header-mobile) - var(--bottom-mobile) - var(--safe-top) - var(--safe-bottom) - 16px);min-height:0}.mobile-chat-open .messages-layout,.mobile-chat-open .conversation-panel,.mobile-chat-open .conversation{height:100dvh}}.feed-heading .eyebrow{color:#9bd1b8}.feed-heading h1{color:#fff;font-size:40px}.feed-heading .segmented{background:#ffffff17;border-color:#ffffff1c}.feed-heading .segmented button{color:#cbd9d1}.feed-heading .segmented button.active{background:#fff;color:#12251d}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#b7ae9eeb}.rooms-heading{padding:24px;border-radius:26px;background:radial-gradient(circle at 88% 18%,rgba(215,166,74,.24),transparent 16rem),linear-gradient(135deg,#f8f1df,#eef4ee);border:1px solid rgba(207,199,185,.72);box-shadow:var(--shadow-sm);align-items:center}.rooms-heading p{margin-top:8px;color:var(--muted);max-width:620px;line-height:1.5}.rooms-heading h1{font-size:40px}.room-category-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 4px}.room-category-rail::-webkit-scrollbar{display:none}.room-category-rail button{flex:0 0 auto;height:40px;padding:0 13px;border-radius:999px;background:#fffdf8d1;border:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:760;color:var(--ink-2)}.room-category-rail button.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:var(--shadow-sm)}.room-category-rail button span{font-size:15px}.room-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--brand),var(--accent))}.room-card:nth-child(3n+2):before{background:linear-gradient(90deg,#456aa8,#86aee8)}.room-card:nth-child(3n+3):before{background:linear-gradient(90deg,#b65c69,#e6a17e)}.room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.profile-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;bottom:-150px;background:#ffffff0e;z-index:-1}.profile-hero .eyebrow{color:#a7d5bf}.profile-hero .profile-stats{color:#d7e2dc}.profile-hero .profile-stats strong{color:#fff}.profile-hero .button.secondary{background:#ffffff1a;border-color:#ffffff29;color:#fff}.profile-avatar-wrap{position:relative}.profile-avatar-wrap .avatar{border:4px solid rgba(255,255,255,.92);box-shadow:0 15px 36px #00000038}.profile-online-dot{position:absolute;right:5px;bottom:7px;width:16px;height:16px;border-radius:50%;background:#21b878;border:3px solid #17392c}.profile-insight-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;align-items:stretch}.score-section{background:#fffdf8f0;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-xs);display:grid;gap:12px}.profile-content{display:grid;gap:14px}.profile-tabs{display:flex;gap:4px;padding:4px;background:#ece6dac7;border:1px solid rgba(207,199,185,.65);border-radius:15px;overflow-x:auto}.profile-tabs button{min-width:0;height:39px;padding:0 13px;border-radius:11px;font-size:12px;font-weight:780;color:var(--muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.profile-tabs button span{font-size:9px;opacity:.66}.profile-tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-xs)}.profile-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:20px;overflow:hidden;background:var(--line)}.profile-media-tile{position:relative;aspect-ratio:1/1;overflow:hidden;background:#162019}.profile-media-tile img,.profile-media-tile video{width:100%;height:100%;object-fit:cover;transition:transform .22s var(--ease)}.profile-media-tile span{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:999px;background:#0a120d9e;color:#fff;font-size:9px;opacity:0;transition:opacity .16s}.profile-media-tile:hover img,.profile-media-tile:hover video{transform:scale(1.025)}.profile-media-tile:hover span{opacity:1}.profile-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-notes-grid article{min-height:140px;padding:17px;border-radius:19px;background:linear-gradient(145deg,#fff6dd,#f8edcf);border:1px solid #e7d8b6;display:grid;align-content:space-between;gap:10px;box-shadow:var(--shadow-xs)}.profile-notes-grid article>span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#8d671f}.profile-notes-grid p{font-size:16px;line-height:1.4}.profile-notes-grid small{color:var(--muted);font-size:10px}.games-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-180px;top:-200px;z-index:-1}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.game-card:nth-child(2) .game-card-cover{background:linear-gradient(145deg,#e7e8fa,#d8e1f4)}.game-card:nth-child(3) .game-card-cover{background:linear-gradient(145deg,#efe2f4,#e3d2ea)}.game-card:nth-child(4) .game-card-cover{background:linear-gradient(145deg,#d9eff3,#cce6ed)}.game-card:nth-child(5) .game-card-cover{background:linear-gradient(145deg,#e5e8dc,#d4dfce)}.game-card:nth-child(6) .game-card-cover{background:linear-gradient(145deg,#f6dfe6,#f0ccd8)}.rail-live{background:linear-gradient(145deg,#10271f,#18392c);color:#fff;border-color:#ffffff0f}.rail-live .rail-title a{color:#a8d8c1}.rail-live .rail-title strong{display:flex;align-items:center;gap:7px}.rail-live-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:13px}.rail-live-row:hover{background:#ffffff14}.rail-live-icon{width:36px;height:36px;border-radius:11px;background:#ffffff17;display:grid;place-items:center;color:#b8dec9}.rail-live-row>span:nth-child(2){display:grid;min-width:0}.rail-live-row strong{font-size:12px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-live-row small{font-size:9px;color:#a9beb4}.rail-live-row>b{font-size:9px;color:#91d0b2}.rail-empty{font-size:11px;color:#abc0b6;padding:8px}.progress-rail{background:linear-gradient(145deg,#fff8e8,#fffdf8)}.rail-plan-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid rgba(222,217,206,.72)}.rail-plan-row span{display:grid;min-width:0}.rail-plan-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-plan-row small{font-size:9px;color:var(--muted)}@media(max-width:760px){.feed-heading{border-radius:22px;padding:19px 17px;margin:0 -2px}.feed-heading h1{font-size:34px}.rooms-heading{border-radius:22px;padding:20px 16px;margin:0 -2px;display:grid;align-items:start}.rooms-heading h1{font-size:34px}.rooms-heading .button{justify-self:start}.profile-insight-grid{grid-template-columns:1fr}.profile-content{margin-inline:-12px}.profile-tabs{border-radius:0;border-left:0;border-right:0;padding-inline:12px}.profile-post-list .post-card{margin-inline:0}.profile-media-grid{border-radius:0}.profile-notes-grid{grid-template-columns:1fr;padding-inline:12px}.room-category-rail{margin-inline:-12px;padding-inline:12px}.game-frame-card{background:#12221a}}.personalize-link{height:40px;border-radius:13px;padding:0 10px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#173b2d,#0b7a55);color:#fff;font-size:12px;font-weight:850;box-shadow:0 8px 20px #0b7a552e}.personalize-link:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0b7a553d}@media(max-width:1280px){.personalize-link span{display:none}.personalize-link{width:42px;justify-content:center;padding:0}}.discovery-pulse{border-radius:24px;padding:18px;background:linear-gradient(135deg,#10271f,#17392c 56%,#244c3b);color:#fff;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.discovery-pulse:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(215,166,74,.19),transparent 68%);right:-90px;top:-120px;pointer-events:none}.discovery-pulse>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px;position:relative;z-index:1}.discovery-pulse h2{font-size:23px;letter-spacing:-.04em;margin-top:2px}.discovery-pulse .eyebrow{color:#9ed3ba}.discovery-pulse>header>a{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#b9ddcc}.pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.pulse-column{display:grid;align-content:start;gap:4px;min-width:0}.pulse-column>strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9eb8ac;padding:0 6px 5px}.pulse-column>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#ffffff0e;transition:background .15s var(--ease),transform .15s var(--ease)}.pulse-column>a:hover{background:#ffffff1b;transform:translateY(-1px)}.pulse-column>a>span:nth-child(2){display:grid;min-width:0}.pulse-column b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-column small{font-size:9px;color:#b3c8be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-icon{width:34px;height:34px;border-radius:11px;background:#ffffff17;display:grid;place-items:center;color:#c4e2d3}.pulse-column .live-dot{width:7px;height:7px;margin-right:2px}.explore-v22{gap:20px}.explore-hero{position:relative;overflow:hidden;border-radius:28px;padding:32px;background:linear-gradient(140deg,#fff9ec,#f2eee3 60%,#e0efe7);border:1px solid rgba(207,199,185,.72);box-shadow:var(--shadow-sm)}.explore-hero:after{content:"";position:absolute;right:-90px;top:-130px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(11,122,85,.12);box-shadow:inset 0 0 0 60px #0b7a5507}.explore-hero h1{max-width:590px;font-size:42px;line-height:.98;letter-spacing:-.06em;margin:6px 0 10px}.explore-hero>p{max-width:520px;color:var(--muted);font-size:15px}.v22-search{position:relative;z-index:1;margin-top:22px;max-width:620px}.v22-search .search-box{background:#fff;box-shadow:0 10px 28px #1c251f14}.discovery-home,.search-results-v22{display:grid;gap:26px}.discovery-section-title{display:grid;gap:2px;margin-bottom:12px}.discovery-section-title h2{font-size:22px;letter-spacing:-.04em}.active-people-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:10px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.active-people-row::-webkit-scrollbar{display:none}.active-person-card{min-width:132px;padding:16px 12px;border-radius:20px;background:linear-gradient(155deg,#17392c,#10271f);color:#fff;box-shadow:var(--shadow-sm);display:grid;justify-items:center;text-align:center;gap:6px}.active-person-card>div{position:relative}.active-person-card .online-dot{position:absolute;right:0;bottom:2px;width:11px;height:11px;border:2px solid #17392c}.active-person-card strong{font-size:12px}.active-person-card span{font-size:9px;color:#b8cbc2;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-people .person-card.richer{min-height:82px}.person-card.richer>div{display:grid;min-width:0}.person-card.richer small{font-size:9px;color:var(--brand);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.discovery-room-card{min-height:154px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:8px;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.discovery-room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.discovery-room-card h3{font-size:17px;line-height:1.12;letter-spacing:-.025em}.discovery-room-card p{font-size:11px;color:var(--muted);margin-top:auto}.discovery-room-card>div{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.room-type-pill{align-self:flex-start;padding:5px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:9px;font-weight:850;text-transform:capitalize}.discovery-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.discovery-split>div{padding:18px;border-radius:22px;background:#fffdf8e0;border:1px solid var(--line);box-shadow:var(--shadow-xs)}.topic-cloud{display:flex;flex-wrap:wrap;gap:8px}.topic-cloud>a,.topic-cloud>button,.topic-static{min-width:100px;padding:10px 12px;border-radius:14px;background:var(--surface-soft);border:1px solid rgba(207,199,185,.72);display:grid;text-align:left;gap:2px;transition:background .15s var(--ease),transform .15s var(--ease)}.topic-cloud>a:hover,.topic-cloud>button:hover{background:var(--brand-soft);transform:translateY(-1px)}.topic-cloud span{font-size:11px;font-weight:800}.topic-cloud small,.topic-static small{font-size:8px;color:var(--muted);text-transform:capitalize}.game-discovery-list{display:grid;gap:6px}.game-discovery-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-radius:14px}.game-discovery-list>a:hover{background:var(--surface-soft)}.game-discovery-list>a>span:nth-child(2){display:grid;min-width:0}.game-discovery-list strong{text-transform:capitalize;font-size:12px}.game-discovery-list small{font-size:9px;color:var(--muted)}.onboarding-page{max-width:920px;margin-inline:auto;display:grid;gap:18px}.onboarding-hero{border-radius:30px;padding:35px;background:linear-gradient(138deg,#10271f,#17392c 58%,#23513d);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.onboarding-hero:after{content:"";position:absolute;right:-120px;top:-150px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(215,166,74,.25),transparent 65%)}.onboarding-hero .eyebrow{color:#9dd1b9}.onboarding-hero h1{max-width:650px;font-size:44px;line-height:1;letter-spacing:-.06em;margin:6px 0 10px}.onboarding-hero p{max-width:600px;color:#c2d3cb}.onboarding-steps{display:flex;align-items:center;width:200px;margin-top:22px}.onboarding-steps span.active{background:#e8c77d;color:#173026}.onboarding-steps i{height:1px;flex:1;background:#ffffff3b}.onboarding-card{border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);overflow:hidden}.onboarding-section{padding:24px 26px;border-bottom:1px solid var(--line);display:grid;gap:16px}.onboarding-section h2{font-size:23px;letter-spacing:-.04em}.onboarding-section p{font-size:12px;color:var(--muted);margin-top:3px}.location-fields{display:grid;grid-template-columns:1fr 90px;gap:10px}.location-fields input{height:46px;border:1px solid var(--line-strong);border-radius:14px;padding:0 13px;background:#fff}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.goal-grid button{min-height:70px;padding:12px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line);display:flex;align-items:center;gap:10px;text-align:left}.goal-grid button.selected,.interest-cloud button.selected{background:var(--brand-soft);border-color:#0b7a5547;color:var(--brand-strong);box-shadow:inset 0 0 0 1px #0b7a5512}.interest-group{display:grid;gap:7px}.interest-group>strong{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.interest-cloud button{padding:9px 12px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:11px;font-weight:750}.onboarding-footer{padding:18px 26px;display:flex;justify-content:flex-end;gap:9px;background:#fbf8f1}.notification-subtitle{font-size:11px;color:var(--muted);max-width:220px;text-align:right}.notification-list.grouped{display:grid;gap:8px}.notification-group{grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;border-radius:18px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.notification-avatar-stack{position:relative}.notification-avatar-stack>span{position:absolute;right:-5px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:var(--brand-deep);color:#fff;border:2px solid var(--surface);display:grid;place-items:center}.notification-count{min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:10px;display:grid;place-items:center}.actor-list{display:block!important;color:var(--brand)!important}.v22-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.discovery-pulse{margin-inline:-2px;padding:16px;border-radius:22px}.discovery-pulse>header{align-items:start}.discovery-pulse h2{font-size:21px}.pulse-grid{grid-template-columns:1fr}.pulse-column:nth-child(3){display:none}.explore-hero{padding:22px 17px;border-radius:22px;margin-inline:-2px}.explore-hero h1{font-size:34px}.discovery-room-grid{grid-template-columns:1fr 1fr}.discovery-split{grid-template-columns:1fr}.active-people-row{margin-inline:-12px;padding-inline:12px}.onboarding-page{margin:-2px}.onboarding-hero{border-radius:22px;padding:24px 18px}.onboarding-hero h1{font-size:34px}.onboarding-card{border-radius:22px}.onboarding-section{padding:20px 16px}.goal-grid{grid-template-columns:1fr 1fr}.location-fields{grid-template-columns:1fr 78px}.onboarding-footer{padding:16px}.notification-subtitle{display:none}}@media(max-width:430px){.discovery-room-grid,.goal-grid{grid-template-columns:1fr}.v22-create-grid{grid-template-columns:1fr 1fr}.topic-cloud>a,.topic-cloud>button,.topic-static{min-width:calc(50% - 4px)}}.local-people-row{grid-auto-columns:minmax(190px,1fr)}.local-person-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 12px;border-radius:17px;background:linear-gradient(145deg,#fffdf8,#f1ede4);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.local-person-card>span{display:grid;min-width:0}.local-person-card strong{font-size:12px}.local-person-card small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personalization-settings{display:flex;align-items:center;justify-content:space-between;gap:18px}.personalization-settings>div{max-width:440px;display:grid;gap:4px}@media(max-width:560px){.personalization-settings{display:grid}.personalization-settings .button{justify-self:start}}.discovery-privacy-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.discovery-privacy-row>div{display:grid;gap:3px;max-width:470px}.discovery-privacy-row strong{font-size:13px}.discovery-privacy-row small{font-size:10px;line-height:1.45;color:var(--muted)}.toggle-switch{width:46px;height:27px;padding:3px;border-radius:999px;background:#d6d2c9;border:1px solid #c7c1b6;transition:.18s var(--ease);flex:none}.toggle-switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000029;transition:transform .18s var(--ease)}.toggle-switch.on{background:var(--brand);border-color:var(--brand)}.toggle-switch.on i{transform:translate(18px)}.personalization-nudge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border-radius:18px;background:linear-gradient(135deg,#fff3d7,#f4ead1 48%,#e4f2eb);border:1px solid #dfd1ac;box-shadow:var(--shadow-xs)}.personalization-nudge>span{width:40px;height:40px;border-radius:13px;background:var(--brand-deep);color:#fff;display:grid;place-items:center}.personalization-nudge>div{display:grid;gap:2px}.personalization-nudge strong{font-size:12px}.personalization-nudge small{font-size:9px;line-height:1.35;color:var(--muted)}body{background:linear-gradient(180deg,#fbfbfd 0,#f6f7fb 260px 100%)}.button{border-radius:999px;font-weight:800;box-shadow:none!important}.button.primary:hover{background:var(--brand-strong)!important}.button.secondary{background:#fff!important;border-color:var(--line-strong)!important;color:var(--ink)!important}.text-button{color:var(--muted);font-weight:750;padding:8px}.icon-button{background:transparent}.online-dot{background:#19b36b}.kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--brand);text-transform:uppercase}.v27-shell{width:min(100%,1420px);margin:0 auto;min-height:100dvh;display:grid;grid-template-columns:228px minmax(0,680px) 320px;gap:22px;padding:16px 18px 90px;align-items:start}.v27-sidebar{height:calc(100dvh - 32px);position:sticky;top:16px;display:flex;flex-direction:column;padding:8px 8px 14px;background:transparent}.v27-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:900;letter-spacing:-.04em}.v27-brand>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand),#7d5cff);box-shadow:0 10px 24px #5b5ff53d}.v27-brand.desktop{padding:3px 9px 19px}.v27-sidebar nav{display:grid;gap:3px}.v27-sidebar nav>a{height:50px;padding:0 12px;border-radius:15px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:760;color:#4a505a;position:relative}.v27-sidebar nav>a:hover{background:#eceef5;color:var(--ink)}.v27-sidebar nav>a.active{background:#fff;color:var(--ink);box-shadow:0 6px 20px #11131812}.v27-badge{margin-left:auto;min-width:21px;height:21px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px}.v27-create{height:48px;margin:14px 6px 0;border-radius:999px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;box-shadow:0 10px 24px #5b5ff538}.v27-create:hover{background:var(--brand-strong);transform:translateY(-1px)}.v27-sidebar-bottom{margin-top:auto;display:grid;gap:6px}.v27-sidebar-bottom>a{min-height:44px;border-radius:13px;padding:7px 10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.v27-sidebar-bottom>a:hover{background:#eceef5;color:var(--ink)}.v27-main{min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:calc(100dvh - 32px);box-shadow:0 10px 36px #1113180e}.v27-global-top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px;position:sticky;top:0;background:#fffffff0;backdrop-filter:blur(18px);z-index:35}.v27-global-top form{height:40px;flex:1;background:#f2f4f7;border:1px solid transparent;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--muted)}.v27-global-top form:focus-within{background:#fff;border-color:#cfd3dc;box-shadow:var(--focus-ring)}.v27-top-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative}.v27-top-icon:hover{background:var(--surface-soft)}.v27-top-icon b{position:absolute;right:-1px;top:-2px;background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid;place-items:center}.v27-rail-stack{display:grid;gap:14px;position:sticky;top:16px}.v27-rail-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v27-rail-title strong{font-size:15px}.v27-rail-title a{font-size:11px;color:var(--brand);font-weight:800}.v27-rail-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 2px}.v27-rail-person>a:last-child{width:34px;height:34px;border-radius:50%;background:var(--surface-soft);display:grid;place-items:center;color:var(--brand)}.v27-rail-card.play{background:linear-gradient(150deg,#17182a,#232443 58%,#34306e);color:#fff;border:0}.v27-rail-card.play>span{font-size:9px;letter-spacing:.14em;color:#b9bbff;font-weight:900}.v27-rail-card.play>strong{display:block;font-size:18px;line-height:1.16;margin:7px 0}.v27-rail-card.play p{font-size:11px;color:#c8c9db;margin-bottom:12px}.core-feed-head{height:88px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:13px 18px 0;border-bottom:1px solid var(--line);position:sticky;top:58px;background:#fffffff2;backdrop-filter:blur(16px);z-index:20}.core-feed-head h1{font-size:22px;letter-spacing:-.04em;align-self:center}.core-feed-tabs button{min-width:94px;height:44px;color:var(--muted);font-weight:760;position:relative}.core-feed-tabs button.active:after{content:"";position:absolute;left:23px;right:23px;bottom:0;height:3px;border-radius:999px;background:var(--brand)}.core-stories{padding:14px 15px 11px;border-bottom:1px solid var(--line);gap:13px}.story-ring{padding:2px;background:conic-gradient(from 220deg,#ff4f86,#ff8b3d,#6b65ff,#ff4f86);box-shadow:none}.core-composer{margin:0;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 16px!important;background:#fff!important;display:flex;gap:11px;border-bottom:1px solid var(--line)!important}.core-composer.open textarea{min-height:74px}.core-composer-actions{display:flex;justify-content:space-between;align-items:center;padding-top:6px}.core-media-preview{display:flex;align-items:center;gap:7px;background:var(--surface-soft);border-radius:10px;padding:7px 9px;font-size:11px}.public-feed-note{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;gap:3px}.public-feed-note span{font-size:12px;color:var(--muted)}.feed-list{display:block}.post-copy{padding:0 16px 14px;font-size:15px;line-height:1.45}.post-actions{height:50px;background:#fff!important;border-top:0!important;border-bottom:0;padding:0 9px}.post-actions button,.post-actions a{border-radius:50%}.friends-head{padding:24px 20px 18px;background:radial-gradient(circle at 88% 8%,rgba(255,79,134,.12),transparent 15rem),radial-gradient(circle at 10% 10%,rgba(91,95,245,.14),transparent 18rem),#fff}.friends-head h1{font-size:34px;letter-spacing:-.055em;line-height:1;margin:5px 0 8px}.friends-tabs{height:52px;padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:3px;overflow-x:auto;scrollbar-width:none;background:#fff;position:sticky;top:58px;z-index:18}.friends-tabs button.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;border-radius:999px;background:var(--brand)}.friend-discovery-layout{padding:18px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start;background:linear-gradient(180deg,#fbfbfe,#fff)}.friend-deck-copy{position:sticky;top:132px;padding-top:8px}.friend-deck-copy h2{font-size:22px;letter-spacing:-.04em;margin:6px 0}.friend-deck-copy p{font-size:12px;line-height:1.55;color:var(--muted)}.friend-step{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:850}.friend-safety{display:flex;gap:7px;align-items:flex-start;margin-top:14px;padding:10px;border-radius:13px;background:#f4f5f9;color:var(--muted);font-size:10px;line-height:1.4}.friend-deck-stage{width:min(100%,390px);min-height:620px;margin-inline:auto;position:relative;display:flex;flex-direction:column;align-items:center}.friend-card-drag{width:100%;touch-action:pan-y;user-select:none;z-index:2;position:relative}.friend-card{width:100%;border:1px solid var(--line);border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 22px 55px #14161f24}.friend-card.ghost{position:absolute;top:12px;left:12px;width:calc(100% - 24px);transform:scale(.965);opacity:.55;z-index:0}.friend-photo{height:390px;position:relative;background:linear-gradient(145deg,#dfe2fb,#f9e5ed);overflow:hidden}.friend-photo>img{width:100%;height:100%;object-fit:cover}.friend-photo-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#e9eaff,#fde9f0)}.friend-photo-fallback .avatar{width:110px!important;height:110px!important;box-shadow:0 12px 30px #1113181f}.friend-photo-shade{position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,#0e0f15c2)}.friend-card-identity{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:17px;display:flex;align-items:end;justify-content:space-between;gap:10px}.friend-card-identity h3{font-size:26px;letter-spacing:-.045em}.friend-card-identity span{font-size:11px;color:#e3e4eb}.friend-card-identity>b{display:flex;align-items:center;gap:5px;font-size:10px;background:#0000004d;backdrop-filter:blur(10px);padding:7px 9px;border-radius:999px}.friend-card-body{padding:15px 16px 17px;display:grid;gap:11px}.friend-card-body>p{font-size:13px;line-height:1.48;color:#383d47}.friend-signals,.interest-chips{display:flex;gap:6px;flex-wrap:wrap}.friend-signals span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:10px;font-weight:780}.interest-chips span{padding:6px 9px;border-radius:999px;background:#f2f3f7;color:#555b66;font-size:10px}.swipe-stamp{position:absolute;top:28px;padding:7px 11px;border:3px solid;border-radius:10px;font-size:20px;font-weight:950;letter-spacing:.08em;opacity:0;transition:opacity .1s}.swipe-stamp.show{opacity:1}.swipe-stamp.pass{right:20px;color:#ff506d;border-color:#ff506d;transform:rotate(10deg)}.swipe-stamp.wave{left:20px;color:#38c989;border-color:#38c989;transform:rotate(-10deg)}.friend-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:17px}.friend-action{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px #11131817}.friend-action.profile{width:44px;height:44px;color:var(--brand)}.friend-action.pass{color:#ff506d}.friend-action.wave{color:#22b978}.friend-action:hover{transform:translateY(-2px)}.friend-empty{min-height:520px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;gap:10px}.friend-empty-icon{width:58px;height:58px;border-radius:19px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.friend-empty p{max-width:420px;color:var(--muted);font-size:13px}.friend-empty>div:last-child{display:flex;gap:8px;margin-top:6px}.friend-match-backdrop{position:fixed;inset:0;z-index:210;background:#1011169e;backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}.friend-match{width:min(410px,100%);border-radius:28px;background:#fff;padding:28px;text-align:center;box-shadow:var(--shadow-lg)}.match-spark{display:block;font-size:36px;color:var(--brand)}.friend-match h2{font-size:28px;letter-spacing:-.05em;margin:4px 0}.friend-match p{font-size:13px;color:var(--muted)}.match-avatars{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0}.match-avatars>span{font-size:25px;color:var(--accent)}.match-actions{display:grid;gap:8px}.friend-section{padding:20px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.section-intro h2{font-size:26px;letter-spacing:-.045em}.section-intro>p{font-size:11px;color:var(--muted)}.friend-list{display:grid;border-top:1px solid var(--line)}.friend-list>article{min-height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px}.friend-list-person{display:flex;align-items:center;gap:11px;min-width:0}.friend-list-person strong,.friend-list-person small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-list>article>div{display:flex;gap:7px}.icon-pill{height:36px;padding:0 11px;border-radius:999px;background:#f2f3f7;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.nearby-hero{padding:20px;border-radius:22px;background:linear-gradient(135deg,#16172a,#28284d);color:#fff;display:flex;justify-content:space-between;gap:14px;align-items:start}.nearby-hero h2{font-size:28px;letter-spacing:-.045em;margin:5px 0 6px}.nearby-hero p{font-size:12px;color:#c9cad9;max-width:440px}.nearby-hero .kicker{color:#aeb0ff}.nearby-hero .button.secondary{background:#ffffff1a!important;border-color:#ffffff24!important;color:#fff!important}.availability-box{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fafbfc}.availability-box>div:first-child:not(.activity-pills){display:flex;justify-content:space-between;align-items:center}.availability-box strong,.availability-box span{display:block}.availability-box span{font-size:11px;color:var(--muted)}.v27-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.v27-pills button{padding:7px 10px;border-radius:999px;background:#eef0f4;color:#5e6570;font-size:10px;font-weight:780}.v27-pills button.active{background:var(--brand);color:#fff}.availability-compose input{height:42px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;padding:0 14px;outline:0}.nearby-grid{display:grid;border-top:1px solid var(--line)}.nearby-grid>article{min-height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 2px}.nearby-grid>article>div{display:grid;gap:2px}.nearby-grid span{font-size:11px;color:var(--brand);font-weight:750}.nearby-grid p{font-size:11px;color:var(--muted)}.round-message{width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-grid>a{min-height:118px;padding:13px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.plan-icon{width:42px;height:42px;border-radius:13px;background:var(--surface-soft);display:grid;place-items:center;font-size:19px}.plan-grid>a>div{display:grid;gap:3px}.plan-grid span,.plan-grid small{font-size:10px;color:var(--muted)}.friend-signin{min-height:560px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;gap:10px}.friend-signin h1{font-size:28px}.friend-signin p{max-width:440px;color:var(--muted);font-size:13px}.core-profile-page{display:block}.core-profile-hero{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:var(--ink)!important;padding:0!important;display:block!important}.core-profile-hero .profile-cover{height:190px;background:linear-gradient(135deg,#d9ddff,#f4e1ec 55%,#dceefc);background-size:cover;background-position:center}.core-profile-hero .profile-identity{padding:0 18px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}.core-profile-hero .profile-avatar-wrap{margin-top:-52px;position:relative}.core-profile-hero .profile-avatar-wrap .avatar{border:4px solid #fff;background:#e9eaff}.profile-online-dot{position:absolute;right:6px;bottom:8px;width:14px;height:14px;border-radius:50%;background:#18b36e;border:3px solid #fff}.core-profile-hero .profile-copy{padding-top:11px}.core-profile-hero .profile-copy h1{font-size:25px;letter-spacing:-.045em;color:var(--ink)!important}.core-profile-hero .profile-copy>small{color:var(--muted)!important}.core-profile-hero .profile-copy>p{margin:8px 0;color:var(--ink-2)!important;font-size:13px}.core-profile-stats{display:flex;gap:15px;font-size:11px;color:var(--muted)}.core-profile-stats b{color:var(--ink);font-size:13px}.privacy-chip{margin-top:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f1f2f6;font-size:9px;color:var(--muted)}.profile-actions{display:flex;gap:7px;padding-top:10px}.private-profile-state{min-height:340px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;padding:30px}.private-profile-state svg{color:var(--muted)}.private-profile-state p{font-size:12px;color:var(--muted)}.core-messages{height:calc(100dvh - 91px);min-height:600px;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;grid-template-columns:280px minmax(0,1fr)}.core-messages .inbox-panel{background:#fff!important;border-right:1px solid var(--line)}.core-messages .inbox-head{padding:15px 14px 9px}.core-messages .inbox-head h1{font-size:22px}.core-messages .inbox-head span{font-size:10px;color:var(--muted)}.core-messages .segmented{margin:0 10px 9px;background:#f1f2f6;border:0}.core-messages .thread-list{padding:0}.core-messages .thread-row-wrap{border-radius:0;border-bottom:1px solid #f0f1f4}.core-messages .thread-row-wrap:hover,.core-messages .thread-row-wrap.active{background:#f6f7fa}.conversation>header{height:62px;background:#fff}.message-stream{background:#fafbfc!important;padding:18px 14px}.bubble{box-shadow:none!important;background:#eceef3!important}.mine .bubble{background:var(--brand)!important;color:#fff}.mine .message-meta small{color:#d9daff}.message-composer{background:#fff!important}.message-composer input{background:#f3f4f7;border-color:transparent}.message-composer input:focus{background:#fff;border-color:#cfd3dc;box-shadow:var(--focus-ring)}.send-button{background:var(--brand)}.typing-bubble{background:#eceef3}.core-play-page{padding:0 0 20px;gap:0!important}.core-page-head{padding:20px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.core-page-head h1{font-size:28px;letter-spacing:-.05em}.core-page-head p{font-size:12px;color:var(--muted);margin-top:4px}.core-game-grid{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:9px;border:0!important}.core-game-card{min-height:124px;border:1px solid var(--line)!important;border-radius:18px!important;padding:14px!important;display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto auto!important;gap:10px!important;align-content:start;background:#fff}.core-game-card:hover{background:#fafbfc!important;transform:translateY(-1px)}.core-game-card>span{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(145deg,var(--brand),#7f60ff)!important;color:#fff!important;display:grid;place-items:center;font-size:22px}.core-game-card p{font-size:10px!important;color:var(--muted)!important;line-height:1.35}.core-game-card small{font-size:9px!important;color:var(--brand)!important}.core-game-card>svg{display:none}.challenge-match-list>a{border-radius:14px}.quick-game-hero,.quick-invite-card,.quick-match-shell,.x-compose-card,.x-list-section,.duel-state,.game-info-card{border-color:var(--line)!important;box-shadow:none!important}.quick-game-hero,.quick-invite-card,.x-compose-card,.x-list-section{background:#fff!important}.duel-head,.ttt-match-head{background:#fff!important;border-color:var(--line)!important}.game-surface{background:#f6f7fb!important}.connect4-board{background:#2f53d6!important}.rps-grid button,.memory-duel-board button{border-color:var(--line)!important;background:#fff!important}.v24-ttt button,.ttt-board button{background:#fff!important;border-color:var(--line)!important}.v24-ttt button:hover,.ttt-board button:hover{background:var(--brand-soft)!important}.core-settings-page{padding:0 0 30px}.settings-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:720px}.settings-menu{padding:14px 9px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.settings-menu a{min-height:40px;padding:0 10px;border-radius:10px;display:flex;align-items:center;font-size:11px;font-weight:750;color:var(--muted)}.settings-menu a:hover,.settings-menu a.active{background:#f2f3f7;color:var(--ink)}.settings-card input,.settings-card textarea,.settings-card select{border-color:var(--line-strong)!important;background:#fff!important}.page-stack,.feed-page{min-width:0}.state-box{border-radius:18px!important;background:#fafbfc!important;border-color:var(--line)!important;box-shadow:none!important}.search-box{border-color:var(--line)!important;box-shadow:none!important}.auth-page{background:radial-gradient(circle at 20% 15%,rgba(91,95,245,.12),transparent 24rem),radial-gradient(circle at 80% 75%,rgba(255,79,134,.1),transparent 22rem),#f7f7fb!important}.auth-panel{border-color:var(--line)!important;box-shadow:var(--shadow-md)!important}.story-overlay{background:#0b0c10eb}.story-stage{background:#111318}.story-close,.story-step{color:#fff}@media(max-width:1200px){.v27-shell{width:min(100%,960px);grid-template-columns:82px minmax(0,680px);gap:18px}.v27-rail{display:none}.v27-sidebar{width:82px;padding-inline:7px}.v27-brand.desktop strong,.v27-sidebar nav>a>span,.v27-sidebar-bottom>a>span,.v27-create>span{display:none}.v27-brand.desktop{justify-content:center;padding-inline:0}.v27-sidebar nav>a{justify-content:center;padding:0}.v27-create{margin-inline:8px}.v27-badge{position:absolute;right:5px;top:5px;margin:0}.v27-sidebar-bottom{place-items:center}.v27-sidebar-bottom>a{width:46px;justify-content:center;padding:0}.v27-account .avatar{width:38px!important;height:38px!important}}@media(max-width:760px){html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;overscroll-behavior-y:none}.v27-shell{display:block;width:100%;padding:calc(54px + var(--safe-top)) 0 calc(66px + var(--safe-bottom));min-height:100dvh}.v27-sidebar,.v27-rail,.v27-global-top{display:none!important}.v27-main{border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 54px - var(--safe-top));overflow:visible}.v27-mobile-top{height:calc(54px + var(--safe-top));padding:var(--safe-top) 11px 0;position:fixed;left:0;right:0;top:0;z-index:60;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.v27-mobile-top>div{display:flex;align-items:center;gap:8px}.v27-mobile-top .v27-brand>span{width:34px;height:34px;border-radius:11px}.v27-mobile-top .v27-brand strong{font-size:17px}.v27-bottom-nav{height:calc(60px + var(--safe-bottom));padding:0 4px var(--safe-bottom);position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fffffff7;backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;align-items:start}.v27-bottom-nav>a{min-width:0;height:60px;display:grid;place-items:center;align-content:center;gap:2px;color:#777e89;font-size:9px;font-weight:700;position:relative}.v27-bottom-nav>a.active{color:var(--brand)}.v27-bottom-nav svg{width:21px;height:21px}.v27-mobile-create{width:48px;height:48px;border-radius:16px;margin:6px auto 0;background:linear-gradient(145deg,var(--brand),#7e5cff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #5b5ff540}.nav-icon-wrap{position:relative}.v27-mini-badge{position:absolute;right:-10px;top:-7px;min-width:17px;height:17px;border-radius:999px;background:var(--accent);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:8px}.v27-chat-open{padding:0!important}.v27-chat-open .v27-mobile-top,.v27-chat-open .v27-bottom-nav{display:none!important}.v27-chat-open .v27-main{height:100dvh;min-height:100dvh}.v27-game-focus .v27-bottom-nav{display:none}.v27-game-focus{padding-bottom:0}input,textarea,select{font-size:16px!important}.core-feed-head{top:0;height:78px;padding-inline:12px}.core-feed-head h1{font-size:20px}.core-feed-tabs button{min-width:82px}.core-stories{padding-inline:10px}.core-composer{padding:12px!important}.post-head,.post-copy{padding-inline:12px}.media-frame img,.media-frame video{max-height:72dvh}.post-actions{padding-inline:5px}.friends-head{padding:18px 13px 14px}.friends-head h1{font-size:29px}.friends-tabs{top:0;padding-inline:6px}.friends-tabs button{padding-inline:10px;font-size:11px}.friend-discovery-layout{display:block;padding:12px 10px 18px}.friend-deck-copy{position:static;padding:4px 4px 13px}.friend-deck-copy h2{font-size:18px}.friend-deck-copy>p{display:none}.friend-safety{margin-top:8px}.friend-deck-stage{min-height:575px;max-width:420px}.friend-photo{height:min(55dvh,430px)}.friend-card{border-radius:22px}.friend-card-identity h3{font-size:24px}.friend-section{padding:14px 12px}.nearby-hero{padding:16px;border-radius:18px;display:grid}.nearby-hero h2{font-size:24px}.nearby-hero .button{justify-self:start}.availability-compose,.plan-grid{grid-template-columns:1fr}.friend-list>article{align-items:flex-start}.friend-list>article>div{display:grid}.icon-pill{justify-content:center}.core-profile-hero .profile-cover{height:138px}.core-profile-hero .profile-identity{padding-inline:12px;grid-template-columns:82px minmax(0,1fr)}.core-profile-hero .profile-avatar-wrap{margin-top:-42px}.core-profile-hero .profile-avatar-wrap .avatar{width:82px!important;height:82px!important}.core-profile-hero .profile-copy,.core-profile-hero .profile-actions{grid-column:1/-1;padding-top:0}.core-messages{height:calc(100dvh - 54px - var(--safe-top) - 60px - var(--safe-bottom));min-height:0;display:block}.core-messages .inbox-panel,.core-messages .conversation-panel{height:100%}.core-messages .conversation-panel,.core-messages.conversation-open .inbox-panel{display:none}.core-messages.conversation-open .conversation-panel{display:block}.v27-chat-open .core-messages{height:100dvh}.v27-chat-open .conversation{height:100dvh;max-height:100dvh}.mobile-back{display:grid}.message-stream{padding:12px 9px}.bubble{max-width:86%}.conversation .message-composer{padding-bottom:max(8px,var(--safe-bottom))}.core-page-head{padding:15px 12px}.core-page-head h1{font-size:24px}.core-game-grid{padding:10px;gap:7px}.core-game-card{min-height:116px!important;padding:12px!important}.settings-workspace{display:block}.settings-menu{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:5px;background:#fff;scrollbar-width:none}.settings-menu a{white-space:nowrap}.settings-menu .danger-link{margin-top:0}.settings-content{padding:10px 0}.settings-card{border-radius:0!important;border-left:0!important;border-right:0!important}.friend-match-backdrop{align-items:end;padding:0}.friend-match{border-radius:28px 28px 0 0;padding-bottom:calc(24px + var(--safe-bottom))}}@media(max-width:390px){.v27-mobile-top .v27-brand strong{font-size:16px}.core-feed-tabs button{min-width:72px;font-size:11px}.friend-photo{height:min(52dvh,385px)}.friend-card-body{padding:13px}.friend-actions{gap:13px}.friend-action{width:52px;height:52px}.core-game-grid{grid-template-columns:1fr}.core-game-card{grid-template-columns:46px 1fr!important;min-height:94px!important}.friend-list>article{display:grid;grid-template-columns:1fr}.friend-list>article>div{grid-template-columns:1fr 1fr}.nearby-grid>article{grid-template-columns:auto minmax(0,1fr) auto}}.play-v27-hero{min-height:190px;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 78% 18%,rgba(124,92,255,.35),transparent 13rem),linear-gradient(135deg,#15162a,#26274d);color:#fff}.play-v27-hero .kicker{color:#b9bbff}.play-v27-orbit{width:76px;height:76px;border-radius:24px;background:#ffffff17;display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a}.play-friends .section-heading-inline>div{display:grid;gap:2px}.play-friends .section-heading-inline>a{font-size:10px;color:var(--brand);font-weight:800}.play-friend-row>a.active .avatar{box-shadow:0 0 0 3px var(--brand-soft),0 0 0 5px var(--brand)}.play-empty-copy{font-size:11px;padding:10px 0}@media(max-width:760px){.play-v27-hero{min-height:155px;padding:19px 13px}.play-v27-hero h1{font-size:29px}.play-v27-orbit{width:58px;height:58px;border-radius:18px}.play-friends{padding-inline:11px}.play-opponent-banner{margin-inline:10px}}:root{--content-max:690px;--rail-width:318px;--sidebar-width:232px}html,body,#root{min-height:100%;background:var(--canvas);color:var(--ink)}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg,#fafbff 0,#f6f7fb 320px 100%);overscroll-behavior-y:none}::selection{background:#dfe0ff;color:var(--ink)}:focus-visible{outline:0;box-shadow:var(--focus-ring)}.button{min-height:42px;border-radius:var(--pill);padding:0 16px;font-weight:820;letter-spacing:-.01em;box-shadow:none!important}.button.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.button.primary:hover{background:var(--brand-strong)!important;transform:translateY(-1px)}.button.secondary{background:#fff!important;border:1px solid var(--line-strong)!important;color:var(--ink)!important}.button.secondary:hover{background:var(--surface-soft)!important}.button.ghost{background:transparent!important;border-color:transparent!important;color:var(--ink-2)!important}.button.danger{background:var(--danger)!important;color:#fff!important}.icon-button{background:transparent;color:var(--muted);border-radius:50%}.icon-button:hover{background:var(--surface-soft);color:var(--ink)}.avatar{background:linear-gradient(145deg,#e6e8ff,#f7e5ef);color:var(--brand-deep);box-shadow:inset 0 0 0 1px #1113180a}.kicker,.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:var(--brand)}.muted{color:var(--muted)}.page-stack{padding:18px;display:grid;gap:16px}.page-stack.narrow{max-width:660px;margin-inline:auto;width:100%}.section-title{font-size:18px;letter-spacing:-.035em}.section-heading-inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading-inline>span,.section-heading-inline>a{font-size:11px;color:var(--muted);font-weight:760}.state-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:none!important}.form-error{color:var(--danger);font-weight:650}.segmented{padding:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--pill)}.segmented button{height:34px;border-radius:var(--pill);font-size:12px;font-weight:760}.segmented button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-xs)}.v27-shell{width:min(100%,1450px);margin:0 auto;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,var(--content-max)) var(--rail-width);gap:22px;padding:16px 18px 90px;align-items:start}.v27-sidebar{height:calc(100dvh - 32px);position:sticky;top:16px;display:flex;flex-direction:column;padding:5px 7px 12px}.v27-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:930;letter-spacing:-.045em}.v27-brand>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand),#7668ff 62%,#8c67ff);box-shadow:0 10px 25px #5b5ff540;font-size:17px}.v27-brand.desktop{padding:4px 9px 18px}.v27-sidebar nav{display:grid;gap:2px}.v27-sidebar nav>a{height:50px;padding:0 12px;border-radius:15px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:760;color:#515762;position:relative;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.v27-sidebar nav>a:hover{background:#eceef7;color:var(--ink)}.v27-sidebar nav>a.active{background:#fff;color:var(--ink);box-shadow:0 8px 24px #1c203013}.v27-sidebar nav>a.active svg{color:var(--brand)}.v27-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px;box-shadow:0 0 0 2px #fff}.v27-create{height:48px;margin:14px 6px 0;border-radius:999px;background:linear-gradient(135deg,var(--brand),#6f63ff);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;box-shadow:0 12px 28px #5b5ff53d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.v27-create:hover{transform:translateY(-1px);box-shadow:0 16px 34px #5b5ff547}.v27-sidebar-bottom{margin-top:auto;display:grid;gap:5px}.v27-settings-link{min-height:44px;border-radius:13px;padding:7px 10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:680}.v27-settings-link:hover{background:#eceef7;color:var(--ink)}.v27-account{min-height:54px;border-radius:16px;padding:7px 9px;display:flex;align-items:center;gap:10px}.v27-account:hover{background:#eceef7}.v27-account>span{display:grid;min-width:0}.v27-account strong,.v27-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v27-account strong{font-size:12px}.v27-account small{font-size:10px;color:var(--muted)}.v27-main{min-width:0;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;min-height:calc(100dvh - 32px);box-shadow:0 14px 44px #1a1d2b0e}.v27-global-top{height:59px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 13px;position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(20px) saturate(140%);z-index:var(--z-sticky)}.v27-global-top form{height:40px;flex:1;background:#f2f3f7;border:1px solid transparent;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--muted);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.v27-global-top form:focus-within{background:#fff;border-color:#cfd3dd;box-shadow:var(--focus-ring)}.v27-global-top input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.v27-top-action{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;position:relative;color:var(--ink-2)}.v27-top-action:hover{background:var(--surface-soft)}.v27-top-action b{position:absolute;right:-2px;top:-2px;background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid;place-items:center}.v27-rail{min-width:0;padding-top:58px}.v27-rail-stack{display:grid;gap:13px;position:sticky;top:16px}.v27-rail-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow-xs)}.v27-rail-card.personalize{background:linear-gradient(145deg,#f7f7ff,#f0efff);border-color:#dddffd}.v27-rail-card>strong{display:block;font-size:17px;letter-spacing:-.025em;margin:5px 0}.v27-rail-card>p{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:11px}.v27-rail-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.v27-rail-title strong{font-size:14px}.v27-rail-title a{font-size:10px;color:var(--brand);font-weight:800}.v27-rail-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 1px}.v27-rail-person>span{display:grid;min-width:0}.v27-rail-person strong,.v27-rail-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v27-rail-person strong{font-size:12px}.v27-rail-person small{font-size:10px;color:var(--muted)}.v27-rail-person>a:last-child{width:33px;height:33px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand)}.v27-nearby-mini{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;padding:7px 1px;border-radius:12px}.v27-nearby-mini:hover{background:var(--surface-soft);padding-inline:7px;margin-inline:-7px}.v27-nearby-mini span{display:grid;min-width:0}.v27-nearby-mini strong,.v27-nearby-mini small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v27-nearby-mini strong{font-size:12px}.v27-nearby-mini small{font-size:10px;color:var(--muted)}.v27-rail-card.play{background:radial-gradient(circle at 95% 0,rgba(78,226,191,.19),transparent 9rem),linear-gradient(145deg,#17192a,#232548 64%,#30336a);color:#fff;border:0}.v27-rail-card.play .v27-kicker{font-size:9px;letter-spacing:.13em;color:#a9e7d7;font-weight:900}.v27-rail-card.play>strong{font-size:18px}.v27-rail-card.play p{color:#c8cad8}.v27-mobile-top,.v27-bottom-nav{display:none}.core-feed{display:block}.core-feed-head{height:86px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px 18px 0;border-bottom:1px solid var(--line);position:sticky;top:59px;background:#fffffff0;backdrop-filter:blur(18px);z-index:20}.core-feed-head h1{font-size:23px;letter-spacing:-.045em;align-self:center}.core-feed-tabs{height:44px;display:flex;align-self:end}.core-feed-tabs button{min-width:92px;height:44px;color:var(--muted);font-weight:760;position:relative}.core-feed-tabs button.active{color:var(--ink)}.core-feed-tabs button.active:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:999px;background:var(--brand)}.core-stories{padding:14px 14px 11px;border-bottom:1px solid var(--line);gap:13px;background:#fff}.stories-rail button{width:68px}.stories-rail small{font-size:10px;color:var(--muted)}.story-ring{padding:2.5px;background:conic-gradient(from 220deg,var(--accent),#ff8c42,#7f67ff,var(--accent));box-shadow:none}.story-ring>.avatar{border:3px solid #fff}.story-add-avatar{position:relative}.story-add-avatar>b{position:absolute;right:-2px;bottom:0;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:14px}.core-composer{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 16px!important;background:#fff!important;display:flex;gap:11px;border-bottom:1px solid var(--line)!important}.core-composer-body{flex:1;min-width:0}.core-composer textarea{width:100%;min-height:44px;border:0;resize:none;outline:0;padding:9px 0;background:transparent;font-size:16px}.core-composer.open textarea{min-height:76px}.core-composer-actions{display:flex;justify-content:space-between;align-items:center;padding-top:5px}.core-composer-actions>div{display:flex;align-items:center;gap:6px}.core-composer-actions select{height:34px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 11px;color:var(--muted);font-size:12px}.core-media-add{color:var(--brand);background:var(--brand-soft)}.core-media-add input{display:none}.core-media-preview{display:flex;align-items:center;gap:7px;background:var(--surface-soft);border-radius:11px;padding:7px 9px;font-size:11px}.core-media-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.public-feed-note{padding:15px 18px;border-bottom:1px solid var(--line);display:grid;gap:3px;background:#fbfbfe}.public-feed-note strong{font-size:13px}.public-feed-note span{font-size:11px;color:var(--muted)}.feed-list{display:block!important;gap:0!important}.post-card{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:0!important}.post-card:hover{transform:none!important}.post-head{height:62px;padding:0 15px}.author-row strong{font-size:13px}.author-row small{font-size:10px}.post-copy{padding:0 16px 14px;font-size:15px;line-height:1.5}.media-frame{background:#0f1115}.media-frame img,.media-frame video{width:100%;max-height:760px;object-fit:contain;background:#0f1115}.room-inline{background:#fafaff;border-color:#e2e3f6}.post-actions{height:50px;background:#fff!important;border-top:0!important;border-bottom:0;padding:0 8px}.post-actions button,.post-actions a{border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.post-actions button:hover,.post-actions a:hover{background:#f2f3f7}.post-actions .active{color:var(--accent)}.post-actions .save-action{margin-left:auto}.load-more{margin:14px;width:calc(100% - 28px);border-radius:999px}.friends-page{min-height:100%}.friends-head{padding:26px 20px 20px;background:radial-gradient(circle at 88% 14%,rgba(255,79,134,.12),transparent 14rem),radial-gradient(circle at 8% 0,rgba(91,95,245,.14),transparent 18rem),#fff}.friends-head h1{font-size:36px;letter-spacing:-.06em;line-height:.98;margin:6px 0 9px}.friends-head p{font-size:13px;color:var(--muted)}.friends-tabs{height:52px;padding:0 11px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:2px;overflow-x:auto;scrollbar-width:none;background:#fff;position:sticky;top:59px;z-index:18}.friends-tabs::-webkit-scrollbar{display:none}.friends-tabs button{height:52px;padding:0 13px;white-space:nowrap;color:var(--muted);font-weight:760;position:relative}.friends-tabs button.active{color:var(--ink)}.friends-tabs button.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}.friend-signin{min-height:520px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:28px}.friend-signin>svg{color:var(--brand)}.friend-signin p{max-width:430px;color:var(--muted)}.friend-discovery-layout{padding:18px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start;background:linear-gradient(180deg,#fbfbff,#fff)}.friend-deck-copy{position:sticky;top:136px;padding-top:8px}.friend-deck-copy h2{font-size:22px;letter-spacing:-.04em;margin:7px 0}.friend-deck-copy>p{font-size:11px;line-height:1.55;color:var(--muted)}.friend-step{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:9px;font-weight:850}.friend-safety{margin-top:13px;padding:10px;border-radius:13px;background:#f6f7fa;display:flex;gap:7px;color:var(--muted);font-size:9px;line-height:1.4}.friend-deck-stage{min-height:610px;position:relative;max-width:390px;margin-inline:auto;width:100%}.friend-card-drag{position:absolute;inset:0;touch-action:none;user-select:none;will-change:transform}.friend-card{position:absolute;inset:0;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 24px 55px #1b1e2d24;display:flex;flex-direction:column}.friend-card.ghost{transform:translateY(10px) scale(.965);opacity:.58;pointer-events:none}.friend-photo{height:390px;background:linear-gradient(145deg,#e8e8ff,#f8e8f1);position:relative;overflow:hidden}.friend-photo img{width:100%;height:100%;object-fit:cover}.friend-photo-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:90px;font-weight:950;color:#5b5ff547}.friend-photo-shade{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,#0d0f17ad)}.friend-card-identity{position:absolute;left:18px;right:18px;bottom:16px;color:#fff}.friend-card-identity h3{font-size:27px;letter-spacing:-.045em;line-height:1.02}.friend-card-identity small{font-size:11px;color:#ffffffd1}.friend-card-body{padding:14px 16px;display:grid;gap:11px;flex:1}.friend-card-body>p{font-size:12px;line-height:1.45;color:var(--ink-2)}.friend-signals{display:flex;flex-wrap:wrap;gap:6px}.friend-signals span,.interest-chips span{padding:6px 9px;border-radius:999px;background:#f3f4f8;color:#4f5560;font-size:9px;font-weight:760}.friend-signals span:first-child{background:var(--brand-soft);color:var(--brand-strong)}.interest-chips{display:flex;flex-wrap:wrap;gap:6px}.friend-actions{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:16px;padding-top:3px}.friend-action{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;box-shadow:0 9px 24px #1a1d2b1a;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.friend-action:hover{transform:translateY(-2px);box-shadow:0 13px 30px #1a1d2b24}.friend-action.pass{color:var(--muted)}.friend-action.profile{color:var(--brand)}.friend-action.wave{width:64px;height:64px;background:linear-gradient(145deg,var(--accent),#ff6d9a);color:#fff;border:0}.swipe-stamp{position:absolute;top:22px;padding:8px 12px;border:3px solid currentColor;border-radius:9px;font-size:18px;font-weight:950;letter-spacing:.08em;z-index:4;opacity:0;transform:rotate(-10deg)}.swipe-stamp.wave{left:18px;color:#29b781}.swipe-stamp.pass{right:18px;color:#ee5c68;transform:rotate(10deg)}.friend-empty{min-height:480px;display:grid;place-items:center;align-content:center;text-align:center;gap:9px;padding:28px}.friend-empty-icon{width:54px;height:54px;border-radius:18px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.friend-empty p{max-width:430px;color:var(--muted);font-size:12px}.friend-empty>div:last-child{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.friend-section{padding:18px;display:grid;gap:15px}.nearby-hero{padding:20px;border-radius:22px;background:radial-gradient(circle at 86% 10%,rgba(0,168,132,.16),transparent 12rem),linear-gradient(145deg,#f7fffc,#edf9f6);border:1px solid #d7eee8;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.nearby-hero h2{font-size:28px;letter-spacing:-.05em}.nearby-hero p{color:var(--muted);font-size:11px;max-width:460px;line-height:1.5}.availability-box{display:grid;gap:11px}.activity-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.activity-pills button{padding:8px 11px;border-radius:999px;background:#f3f4f7;color:var(--muted);font-size:10px;font-weight:780;white-space:nowrap;border:1px solid transparent}.activity-pills button.active{background:var(--play-soft);color:#07866a;border-color:#ccebe3}.availability-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.availability-compose input,.nearby-control input{height:43px;border:1px solid var(--line-strong);border-radius:13px;padding:0 12px;background:#fff;outline:0}.nearby-grid,.meet-people-list{display:grid;gap:8px}.nearby-grid>article,.meet-active-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff}.nearby-grid>article>div,.meet-active-row>span{display:grid;min-width:0}.nearby-grid strong,.meet-active-row strong{font-size:12px}.nearby-grid small,.meet-active-row small{font-size:9px;color:var(--muted)}.approx-location{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.plan-grid>a,.discovery-room-card{min-height:150px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:7px}.plan-grid>a:hover{border-color:#d3d5f0;background:#fbfbff}.plan-grid h3{font-size:16px;line-height:1.15}.plan-grid p{font-size:10px;color:var(--muted);margin-top:auto}.plan-icon{width:36px;height:36px;border-radius:12px;background:var(--play-soft);color:var(--play);display:grid;place-items:center}.friend-list{display:grid;gap:8px}.friend-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff}.friend-list-person{display:flex;gap:10px;align-items:center;min-width:0}.friend-list-person>span{display:grid;min-width:0}.friend-list-person strong,.friend-list-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-list-person small{font-size:10px;color:var(--muted)}.friend-list>article>div{display:flex;gap:6px}.icon-pill{height:35px;padding:0 10px;border-radius:999px;background:var(--surface-soft);color:var(--ink-2);display:flex;align-items:center;gap:5px;font-size:10px;font-weight:760}.icon-pill:hover{background:var(--brand-soft);color:var(--brand)}.friend-match-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:#0f111ba8;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.friend-match{width:min(420px,100%);background:#fff;border-radius:28px;padding:24px;text-align:center;box-shadow:var(--shadow-lg)}.match-spark{font-size:38px}.match-avatars{display:flex;justify-content:center;margin:14px}.match-avatars .avatar{margin-inline:-7px;border:4px solid #fff}.friend-match h2{font-size:29px;letter-spacing:-.05em}.friend-match p{color:var(--muted);font-size:12px;margin:7px 0 16px}.match-actions{display:flex;gap:8px}.match-actions>*{flex:1}.core-messages{height:calc(100dvh - 91px);min-height:630px;display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff}.inbox-panel{border-right:1px solid var(--line);min-width:0;overflow:hidden;display:flex;flex-direction:column}.inbox-head{padding:15px 13px 10px;display:grid;gap:10px}.inbox-head>div:first-child{display:flex;align-items:center;justify-content:space-between}.inbox-head h1{font-size:22px;letter-spacing:-.045em}.inbox-filters{overflow-x:auto}.thread-list{overflow-y:auto;padding:0 5px 10px;overscroll-behavior:contain}.thread-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-radius:14px;transition:background var(--transition-fast)}.thread-row-wrap:hover,.thread-row-wrap.active{background:#f3f4fa}.thread-main{height:67px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:0 6px;min-width:0}.thread-main>div{display:grid;min-width:0}.thread-main strong,.thread-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-main strong{font-size:12px}.thread-main span{font-size:10px;color:var(--muted);margin-top:2px}.thread-main small b{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:9px}.thread-pin{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted-2)}.thread-pin.active{color:var(--brand);background:var(--brand-soft)}.conversation-panel{min-width:0;min-height:0}.conversation-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:var(--muted);padding:30px}.conversation-placeholder svg{color:var(--brand)}.conversation-placeholder h2{color:var(--ink);font-size:20px}.conversation{height:100%;min-height:0;display:grid;grid-template-rows:61px minmax(0,1fr) auto auto auto;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfbfd)}.conversation>header{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:#fffffff5;z-index:2}.conversation>header>div{display:grid;min-width:0}.conversation>header strong,.conversation>header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation>header strong{font-size:13px}.conversation>header span{font-size:10px;color:var(--muted)}.mobile-back{width:34px;height:34px;border-radius:50%;display:none;place-items:center}.message-stream{min-height:0;overflow-y:auto;padding:16px 13px;display:flex;flex-direction:column;gap:7px;overscroll-behavior:contain;scrollbar-gutter:stable}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.bubble{max-width:min(78%,430px);padding:9px 11px;border-radius:18px;background:#eef0f5;color:var(--ink);position:relative}.mine .bubble{background:linear-gradient(145deg,var(--brand),#6f63ff);color:#fff;border-bottom-right-radius:6px}.theirs .bubble{border-bottom-left-radius:6px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;font-size:13px}.bubble img,.bubble video{border-radius:12px;max-height:330px;margin-bottom:6px}.message-meta{display:flex;justify-content:flex-end;gap:5px;margin-top:4px;opacity:.7}.message-meta small{font-size:8px}.message-actions,.reaction-picker{display:none;gap:5px;margin-top:5px}.bubble:hover .message-actions,.bubble:hover .reaction-picker{display:flex}.message-actions button{font-size:9px;font-weight:700;color:inherit;opacity:.8}.reaction-picker button{font-size:14px}.reaction-summary{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.reaction-summary button{font-size:10px;padding:3px 6px;border-radius:999px;background:#ffffffb8;color:var(--ink)}.reaction-summary button.mine{box-shadow:inset 0 0 0 1px var(--brand)}.message-reply-quote{border-left:2px solid currentColor;padding-left:7px;margin-bottom:6px;opacity:.76;display:grid}.message-reply-quote small{font-size:8px}.message-reply-quote span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-shared-card{display:grid;gap:5px;padding:8px;border-radius:12px;background:#ffffff26;margin-bottom:6px}.message-shared-card img{width:100%;max-height:160px;object-fit:cover}.typing-bubble{align-self:flex-start;display:flex;gap:4px;padding:9px 12px;border-radius:16px;background:#eef0f5}.typing-bubble i{width:5px;height:5px;border-radius:50%;background:#8d929c;animation:typing 1.1s infinite}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.message-reply-preview,.message-file-preview,.message-send-error{border-top:1px solid var(--line);padding:8px 12px;background:#fafbfc;font-size:10px}.message-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:9px}.message-reply-preview>span{display:grid;min-width:0}.message-reply-preview small{color:var(--brand)}.message-reply-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-preview{display:flex;justify-content:space-between;gap:10px}.message-send-error{color:var(--danger)}.message-composer{min-height:59px;border-top:1px solid var(--line);display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:7px;padding:8px 10px;background:#fff}.message-composer input[type=text],.message-composer>input{height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#f6f7fa;outline:0}.message-composer>input:focus{background:#fff;border-color:#cfd1ec;box-shadow:var(--focus-ring)}.composer-attach,.send-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.composer-attach{background:#f1f2f6;color:var(--brand);cursor:pointer}.composer-attach input{display:none}.send-button{background:var(--brand);color:#fff}.send-button:disabled{background:#cfd1db}.message-file-preview button{color:var(--danger);font-weight:700}.core-profile-page{padding:0!important;gap:0!important}.core-profile-hero{background:#fff;border-bottom:1px solid var(--line)}.profile-cover{height:190px;background:radial-gradient(circle at 82% 10%,rgba(255,79,134,.32),transparent 15rem),radial-gradient(circle at 10% 100%,rgba(0,168,132,.18),transparent 14rem),linear-gradient(135deg,#dfe1ff,#f6e8f0)}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-identity{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:14px;padding:0 18px 17px;align-items:start}.profile-avatar-wrap{margin-top:-50px}.profile-avatar-wrap .avatar{border:5px solid #fff;box-shadow:0 6px 22px #1619261f}.profile-online-dot{position:absolute}.profile-copy{padding-top:11px;display:grid;gap:3px;min-width:0}.profile-copy h1{font-size:23px;letter-spacing:-.045em;overflow:hidden;text-overflow:ellipsis}.profile-copy .handle{font-size:11px;color:var(--muted)}.profile-copy>p{font-size:11px;line-height:1.45;color:var(--ink-2);margin-top:4px}.profile-actions{padding-top:12px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.core-profile-stats,.profile-stats{display:flex;gap:15px;flex-wrap:wrap;margin-top:8px}.core-profile-stats a,.core-profile-stats span,.profile-stats a,.profile-stats span{font-size:10px;color:var(--muted)}.core-profile-stats strong,.profile-stats strong{color:var(--ink);font-size:11px;margin-right:3px}.profile-highlights{padding:12px 15px;border-bottom:1px solid var(--line)}.profile-tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:59px;background:#fffffff2;backdrop-filter:blur(15px);z-index:10}.profile-tabs button,.profile-tabs a{height:48px;flex:1;display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:760;position:relative}.profile-tabs .active{color:var(--ink)}.profile-tabs .active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:3px;border-radius:999px;background:var(--brand)}.profile-content{padding:13px}.profile-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.profile-media-tile{aspect-ratio:1;background:#f0f1f5;overflow:hidden}.profile-media-tile img,.profile-media-tile video{width:100%;height:100%;object-fit:cover}.private-profile-state{min-height:250px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted);padding:24px}.private-profile-state svg{color:var(--brand)}.play-v27-hero{min-height:188px;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 80% 16%,rgba(0,168,132,.26),transparent 13rem),radial-gradient(circle at 12% 100%,rgba(123,101,255,.32),transparent 14rem),linear-gradient(135deg,#17192b,#24264a);color:#fff}.play-v27-hero h1{font-size:35px;letter-spacing:-.055em;line-height:1.02;margin:6px 0 8px}.play-v27-hero p{max-width:430px;color:#c9cad8;font-size:12px}.play-v27-hero .kicker{color:#bcbfff}.play-v27-orbit{width:76px;height:76px;border-radius:23px;background:#ffffff17;display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a}.play-opponent-banner{margin:12px 14px 0;padding:10px 12px;border-radius:13px;background:var(--brand-soft);color:var(--brand-strong);display:flex;align-items:center;gap:8px;font-size:11px}.play-friends{padding:15px 14px 4px}.play-friend-row{display:flex;gap:11px;overflow-x:auto;padding:11px 1px 8px;scrollbar-width:none}.play-friend-row>a{width:58px;flex:none;display:grid;justify-items:center;gap:5px;color:var(--muted)}.play-friend-row>a>span{position:relative}.play-friend-row>a .online-dot{position:absolute;right:1px;bottom:2px;width:10px;height:10px;border:2px solid #fff}.play-friend-row>a small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.play-friend-row>a.active{color:var(--brand)}.core-game-grid{padding:12px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.core-game-card{min-height:120px;padding:15px;border:1px solid var(--line);border-radius:19px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.core-game-card:hover{transform:translateY(-2px);border-color:#d3d5f0;box-shadow:var(--shadow-sm)}.core-game-card>span{width:48px;height:48px;border-radius:15px;background:var(--brand-soft);display:grid;place-items:center;font-size:24px}.core-game-card>div{display:grid;gap:3px}.core-game-card strong{font-size:14px}.core-game-card p{font-size:10px;color:var(--muted);line-height:1.35}.core-game-card small{font-size:9px;color:var(--brand);font-weight:800}.core-game-card.game-play>span{background:var(--play-soft)}.core-game-activity{padding:4px 14px 18px}.challenge-match-list{display:grid;gap:7px;margin-top:10px}.challenge-match-list>a{display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:16px;border:1px solid var(--line);background:#fff}.match-game-icon{width:34px;height:34px;border-radius:11px;background:#f2f3f8;display:grid;place-items:center}.match-copy{display:grid;min-width:0}.match-copy strong,.match-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-copy strong{font-size:12px}.match-copy small{font-size:9px;color:var(--muted)}.match-action{font-size:10px;color:var(--brand)}.x-page-head{display:flex;align-items:center;gap:10px}.x-page-head h1{font-size:24px;letter-spacing:-.045em}.x-page-head small{color:var(--muted)}.x-back{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft)}.quick-game-banner{min-height:140px;padding:20px;border-radius:22px;background:linear-gradient(145deg,#f0f1ff,#f9f6ff);display:flex;align-items:center;gap:15px;border:1px solid #dedff6}.quick-banner-icon{width:64px;height:64px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:30px;box-shadow:var(--shadow-sm)}.quick-game-banner h2{font-size:25px;letter-spacing:-.045em}.quick-game-banner p{font-size:11px;color:var(--muted);margin-top:4px}.x-compose-card{padding:16px;border:1px solid var(--line);border-radius:19px;background:#fff}.x-compose-card h3{font-size:15px;margin-bottom:10px}.challenge-search{display:grid;grid-template-columns:1fr auto;gap:8px}.challenge-search label{height:42px;border-radius:999px;background:#f3f4f7;display:flex;align-items:center;gap:8px;padding:0 12px}.challenge-search input{border:0;background:transparent;outline:0;width:100%}.challenge-people{display:grid;gap:4px;margin-top:9px}.challenge-people button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border-radius:13px;text-align:left}.challenge-people button:hover{background:var(--surface-soft)}.challenge-people span{display:grid}.challenge-people strong{font-size:12px}.challenge-people small{font-size:9px;color:var(--muted)}.challenge-people b{font-size:9px;color:var(--brand)}.quick-lobby-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.x-list-section{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.x-list-section>header{height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.x-list-section>header strong{font-size:12px}.x-list-section>header span{font-size:9px;color:var(--muted)}.x-list-section>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #f0f1f4}.x-list-section>a:last-of-type{border-bottom:0}.x-list-section>a>span{display:grid;min-width:0}.x-list-section>a strong,.x-list-section>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-list-section>a strong{font-size:11px}.x-list-section>a small,.x-list-section>p{font-size:9px;color:var(--muted)}.x-list-section>p{padding:12px}.quick-match-shell{display:grid;gap:12px}.play-opponent-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff}.game-surface{padding:18px;border:1px solid var(--line);border-radius:21px;background:#fff}.mini-board,.v24-ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:330px;margin:0 auto}.v24-ttt button{aspect-ratio:1;border-radius:17px;background:#f3f4f8;font-size:38px;font-weight:900;color:var(--brand)}.connect4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:440px;margin:0 auto;padding:8px;border-radius:18px;background:#5b5ff5}.connect4-board button{aspect-ratio:1;border-radius:50%;background:#fff}.rps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rps-grid button{min-height:100px;border-radius:18px;background:#f5f6f9;font-size:35px}.quiz-surface{display:grid;gap:10px}.quiz-options{display:grid;gap:7px}.quiz-options button{min-height:44px;border:1px solid var(--line);border-radius:13px;text-align:left;padding:0 12px}.duel-head,.duel-vs,.duel-finish{text-align:center}.duel-head h1{font-size:27px}.duel-vs{display:flex;justify-content:center;align-items:center;gap:14px}.duel-finish{padding:14px;border-radius:17px;background:var(--brand-soft)}.settings-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:calc(100dvh - 92px)}.settings-menu{border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:3px}.settings-menu a,.settings-menu button{min-height:40px;padding:0 10px;border-radius:11px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:750;text-align:left}.settings-menu a.active,.settings-menu a:hover,.settings-menu button:hover{background:var(--surface-soft);color:var(--ink)}.settings-menu .danger-link{color:var(--danger);margin-top:auto}.settings-content{padding:16px;display:grid;gap:12px}.settings-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:16px!important;box-shadow:none!important}.settings-card h2{font-size:17px}.settings-card>p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}.settings-card input,.settings-card textarea,.settings-card select,.modal-form input,.modal-form textarea,.modal-form select,.room-form input,.room-form textarea,.room-form select,.auth-panel input{border:1px solid var(--line-strong)!important;background:#fff!important;border-radius:13px!important}.settings-card input:focus,.settings-card textarea:focus,.settings-card select:focus,.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus,.room-form input:focus,.room-form textarea:focus,.room-form select:focus,.auth-panel input:focus{border-color:#b9bbed!important;box-shadow:var(--focus-ring)!important}.core-setting-row{min-height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.core-setting-row>span{display:grid;gap:2px}.core-setting-row strong{font-size:12px}.core-setting-row small{font-size:10px;color:var(--muted)}.toggle-switch{background:#dfe2e8!important;border:0!important}.toggle-switch.on{background:var(--brand)!important}.follow-request-row{border-top:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.blocked-users{display:grid;gap:3px}.safety-options button{display:flex;align-items:center;gap:9px}.safety-success{padding:9px 11px;border-radius:11px;background:#e9faf4;color:#08795e;font-size:11px;font-weight:760}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 18% 12%,rgba(91,95,245,.16),transparent 25rem),radial-gradient(circle at 82% 82%,rgba(255,79,134,.11),transparent 22rem),#f7f8fc!important}.auth-panel{width:min(430px,100%);background:#fff;border:1px solid var(--line)!important;border-radius:27px;padding:26px;box-shadow:0 24px 70px #1c1f2e24!important}.brand-large{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:900}.brand-large>span{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--brand),#7566ff);color:#fff;display:grid;place-items:center}.auth-panel h1{font-size:30px;letter-spacing:-.055em;margin:18px 0 6px}.auth-panel>p{font-size:12px;color:var(--muted);line-height:1.5}.auth-panel form{display:grid;gap:12px;margin-top:18px}.auth-panel label{font-size:11px}.auth-panel input{height:46px;padding:0 12px!important}.auth-switch{width:100%;margin-top:11px;color:var(--brand);font-size:11px;font-weight:760}.auth-switch.subtle{color:var(--muted);margin-top:5px}.auth-success{color:var(--success);font-size:11px;font-weight:700}.room-form{display:grid;gap:13px}.room-form label{font-size:11px}.room-form input,.room-form select{height:44px;padding:0 12px}.room-detail-hero{padding:22px;border-radius:21px;background:radial-gradient(circle at 86% 10%,rgba(0,168,132,.13),transparent 13rem),linear-gradient(145deg,#fff,#f4fbf9);border:1px solid #dceee9}.room-hero-head,.room-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-detail-hero h1{font-size:30px;letter-spacing:-.05em;margin:8px 0}.room-detail-hero>p{font-size:12px;line-height:1.5;color:var(--muted)}.room-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.room-detail-meta span{padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #dceee9;display:flex;align-items:center;gap:5px;font-size:9px}.room-actions{display:flex;gap:8px;margin-top:13px}.arrival-control{margin-top:14px;padding-top:13px;border-top:1px solid #dceee9;display:grid;gap:5px}.arrival-control>span{font-size:9px;color:var(--muted)}.person-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}.person-card>div{display:grid;min-width:0;flex:1}.person-card strong{font-size:12px}.person-card span,.person-card small{font-size:9px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.status-badge{padding:5px 7px;border-radius:999px;background:#f0f1f5;color:var(--muted);font-size:8px}.status-badge.arrived{background:var(--play-soft);color:var(--play)}.room-chat{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.room-chat>.section-heading-inline{padding:13px;border-bottom:1px solid var(--line)}.room-chat-stream{max-height:360px;overflow-y:auto;padding:11px;display:grid;gap:9px}.room-chat-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.room-chat-row>div{display:grid;gap:3px}.room-chat-row>div>span{display:flex;justify-content:space-between;gap:8px}.room-chat-row strong{font-size:10px}.room-chat-row small{font-size:8px;color:var(--muted)}.room-chat-row p{font-size:11px;line-height:1.4}.room-chat-composer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 39px;gap:7px;padding:8px}.room-chat-composer input{height:39px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#f6f7fa;outline:0}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-box{height:45px;border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;display:flex;align-items:center;gap:8px;padding:0 13px}.search-box input{border:0!important;outline:0!important;background:transparent!important;width:100%;box-shadow:none!important}.saved-search-strip{display:flex;gap:6px;overflow-x:auto}.saved-search-chip{padding:7px 10px;border-radius:999px;background:var(--surface-soft);font-size:9px}.notification-list{display:grid;gap:7px}.notification-list>a,.notification-group{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:#fff}.notification-list strong{font-size:11px}.notification-list small{font-size:9px;color:var(--muted)}.onboarding-page{max-width:900px;margin-inline:auto;display:grid;gap:16px}.onboarding-hero{border-radius:27px;padding:32px;background:radial-gradient(circle at 86% 10%,rgba(255,79,134,.2),transparent 16rem),linear-gradient(140deg,#24264f,#4b4fc5);color:#fff}.onboarding-hero h1{max-width:650px;font-size:42px;line-height:1;letter-spacing:-.06em;margin:7px 0}.onboarding-hero p{max-width:600px;color:#d9daf3}.onboarding-steps{display:flex;align-items:center;width:200px;margin-top:20px}.onboarding-steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:10px;font-weight:900}.onboarding-steps span.active{background:#fff;color:var(--brand)}.onboarding-steps i{height:1px;flex:1;background:#ffffff40}.onboarding-card{border-radius:24px;background:#fff;border:1px solid var(--line);overflow:hidden}.onboarding-section{padding:22px 24px;border-bottom:1px solid var(--line);display:grid;gap:14px}.onboarding-section h2{font-size:22px;letter-spacing:-.04em}.onboarding-section p{font-size:11px;color:var(--muted)}.location-fields{display:grid;grid-template-columns:1fr 90px;gap:9px}.location-fields input{height:44px;border:1px solid var(--line-strong);border-radius:13px;padding:0 12px}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.goal-grid button{min-height:68px;padding:11px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--line);display:flex;align-items:center;gap:9px;text-align:left}.goal-grid button.selected,.interest-cloud button.selected{background:var(--brand-soft);border-color:#cfd1fa;color:var(--brand-strong)}.interest-cloud{display:flex;flex-wrap:wrap;gap:7px}.interest-cloud button{padding:8px 11px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:10px;font-weight:750}.onboarding-footer{padding:17px 24px;display:flex;justify-content:flex-end;gap:8px;background:#fafaff}.post-detail-page{max-width:690px}.comments-pane,.comment-thread{display:grid;gap:9px}.comment-composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.comment-composer input,.comment-composer textarea{min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#fff}.comment{padding:10px;border-radius:15px;background:#f7f8fa}.comment.reply{margin-left:34px}.comment-actions{display:flex;gap:8px;margin-top:5px}.comment-actions button{font-size:9px;color:var(--muted)}.modal-backdrop{background:#11131b9e;backdrop-filter:blur(14px)}.modal-card{border-radius:24px;border:1px solid rgba(255,255,255,.5);background:#fff}.modal-head{background:#fffffff5}.option-list{display:grid;gap:5px;padding:10px}.option-list>button,.option-list>a{min-height:44px;border-radius:12px;padding:0 11px;text-align:left}.option-list>button:hover,.option-list>a:hover{background:var(--surface-soft)}.danger-option{color:var(--danger)!important}.modal-action-row{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1200px){.v27-shell{width:min(100%,990px);grid-template-columns:82px minmax(0,var(--content-max));gap:18px}.v27-rail{display:none}.v27-sidebar{width:82px;padding-inline:7px}.v27-brand.desktop strong,.v27-sidebar nav>a>span,.v27-settings-link span,.v27-account>span,.v27-create>span{display:none}.v27-brand.desktop{justify-content:center;padding-inline:0}.v27-sidebar nav>a{justify-content:center;padding:0}.v27-create{margin-inline:8px}.v27-badge{position:absolute;right:4px;top:4px;margin:0}.v27-sidebar-bottom{place-items:center}.v27-settings-link,.v27-account{width:46px;justify-content:center;padding:0}.v27-account .avatar{width:38px!important;height:38px!important}}@media(max-width:760px){html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;overflow-x:hidden}.v27-shell{display:block;width:100%;padding:calc(54px + var(--safe-top)) 0 calc(64px + var(--safe-bottom));min-height:100svh;min-height:100dvh}.v27-sidebar,.v27-rail,.v27-global-top{display:none!important}.v27-main{border:0;border-radius:0;box-shadow:none;min-height:calc(100svh - 54px - var(--safe-top));min-height:calc(100dvh - 54px - var(--safe-top));overflow:visible}.v27-mobile-top{height:calc(54px + var(--safe-top));padding:var(--safe-top) 11px 0;position:fixed;left:0;right:0;top:0;z-index:var(--z-nav);background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.v27-mobile-top>div{display:flex;align-items:center;gap:7px}.v27-mobile-top .v27-brand>span{width:34px;height:34px;border-radius:11px}.v27-mobile-top .v27-brand strong{font-size:17px}.v27-bottom-nav{height:calc(60px + var(--safe-bottom));padding:0 4px var(--safe-bottom);position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);background:#fffffff9;backdrop-filter:blur(20px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;align-items:start}.v27-bottom-nav>a{min-width:0;height:60px;display:grid;place-items:center;align-content:center;gap:2px;color:#7b818c;font-size:9px;font-weight:720;position:relative}.v27-bottom-nav>a.active{color:var(--brand)}.v27-bottom-nav svg{width:21px;height:21px}.v27-mobile-create{width:48px;height:48px;border-radius:16px;margin:6px auto 0;background:linear-gradient(145deg,var(--brand),#7867ff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #5b5ff545}.nav-icon-wrap{position:relative}.v27-mini-badge{position:absolute;right:-10px;top:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:8px}.v27-chat-open{padding:0!important}.v27-chat-open .v27-mobile-top,.v27-chat-open .v27-bottom-nav{display:none!important}.v27-chat-open .v27-main{height:100svh;min-height:100svh;height:100dvh;min-height:100dvh}.v27-game-focus .v27-bottom-nav{display:none}.v27-game-focus{padding-bottom:0}input,textarea,select{font-size:16px!important}.page-stack{padding:12px}.core-feed-head{top:0;height:76px;padding-inline:12px}.core-feed-head h1{font-size:20px}.core-feed-tabs button{min-width:76px;font-size:11px}.core-stories{padding-inline:10px}.core-composer{padding:12px!important}.post-head,.post-copy{padding-inline:12px}.media-frame img,.media-frame video{max-height:72dvh}.post-actions{padding-inline:4px}.friends-head{padding:18px 13px 14px}.friends-head h1{font-size:30px}.friends-tabs{top:0;padding-inline:5px}.friends-tabs button{padding-inline:10px;font-size:11px}.friend-discovery-layout{display:block;padding:12px 10px 18px}.friend-deck-copy{position:static;padding:4px 4px 13px}.friend-deck-copy h2{font-size:18px}.friend-deck-copy>p{display:none}.friend-safety{margin-top:8px}.friend-deck-stage{min-height:575px;max-width:420px}.friend-photo{height:min(55dvh,430px)}.friend-card{border-radius:22px}.friend-card-identity h3{font-size:24px}.friend-section{padding:14px 12px}.nearby-hero{padding:16px;border-radius:18px;display:grid;grid-template-columns:1fr}.nearby-hero h2{font-size:24px}.nearby-hero .button{justify-self:start}.availability-compose,.plan-grid{grid-template-columns:1fr}.friend-list>article{align-items:flex-start}.friend-list>article>div{display:grid}.icon-pill{justify-content:center}.core-profile-hero .profile-cover{height:140px}.core-profile-hero .profile-identity{padding-inline:12px;grid-template-columns:82px minmax(0,1fr)}.core-profile-hero .profile-avatar-wrap{margin-top:-42px}.core-profile-hero .profile-avatar-wrap .avatar{width:82px!important;height:82px!important}.core-profile-hero .profile-copy{grid-column:1/-1;padding-top:0}.core-profile-hero .profile-actions{grid-column:1/-1;padding-top:0;justify-content:flex-start}.profile-tabs{top:0}.core-messages{height:calc(100svh - 54px - var(--safe-top) - 60px - var(--safe-bottom));height:calc(100dvh - 54px - var(--safe-top) - 60px - var(--safe-bottom));min-height:0;display:block}.core-messages .inbox-panel,.core-messages .conversation-panel{height:100%}.core-messages .conversation-panel,.core-messages.conversation-open .inbox-panel{display:none}.core-messages.conversation-open .conversation-panel{display:block}.v27-chat-open .core-messages{height:100svh;height:100dvh}.v27-chat-open .conversation{height:100svh;max-height:100svh;height:100dvh;max-height:100dvh}.mobile-back{display:grid}.message-stream{padding:12px 9px}.bubble{max-width:86%}.bubble:hover .message-actions,.bubble:hover .reaction-picker{display:none}.bubble:focus-within .message-actions,.bubble:focus-within .reaction-picker{display:flex}.conversation .message-composer{padding-bottom:max(8px,var(--safe-bottom))}.play-v27-hero{min-height:156px;padding:19px 13px}.play-v27-hero h1{font-size:29px}.play-v27-orbit{width:58px;height:58px;border-radius:18px}.play-friends{padding-inline:11px}.play-opponent-banner{margin-inline:10px}.core-game-grid{padding:10px;gap:7px}.core-game-card{min-height:108px;padding:12px;grid-template-columns:44px minmax(0,1fr) auto}.core-game-card>span{width:44px;height:44px}.quick-lobby-sections,.challenge-search{grid-template-columns:1fr}.rps-grid{grid-template-columns:repeat(3,1fr)}.settings-workspace{display:block}.settings-menu{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:5px;background:#fff;scrollbar-width:none}.settings-menu a,.settings-menu button{white-space:nowrap}.settings-menu .danger-link{margin-top:0}.settings-content{padding:10px 0}.settings-card{border-radius:0!important;border-left:0!important;border-right:0!important}.people-grid{grid-template-columns:1fr}.friend-match-backdrop{align-items:end;padding:0}.friend-match{border-radius:28px 28px 0 0;padding-bottom:calc(24px + var(--safe-bottom))}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:92dvh;border-radius:25px 25px 0 0;border-bottom:0;padding-bottom:var(--safe-bottom)}.onboarding-page{margin:-2px}.onboarding-hero{border-radius:22px;padding:24px 18px}.onboarding-hero h1{font-size:34px}.onboarding-card{border-radius:22px}.onboarding-section{padding:20px 16px}.goal-grid{grid-template-columns:1fr 1fr}.location-fields{grid-template-columns:1fr 78px}.onboarding-footer{padding:16px}}@media(max-width:390px){.v27-mobile-top .v27-brand strong{font-size:16px}.core-feed-tabs button{min-width:68px}.friend-photo{height:min(52dvh,385px)}.friend-card-body{padding:13px}.friend-actions{gap:13px}.friend-action{width:52px;height:52px}.friend-action.wave{width:60px;height:60px}.core-game-grid{grid-template-columns:1fr}.core-game-card{min-height:92px}.friend-list>article{display:grid;grid-template-columns:1fr}.friend-list>article>div{grid-template-columns:1fr 1fr}.nearby-grid>article{grid-template-columns:auto minmax(0,1fr) auto}.goal-grid{grid-template-columns:1fr}.rps-grid button{min-height:82px}.auth-page{padding:12px}.auth-panel{padding:21px 18px;border-radius:23px}}@media(max-width:760px){.core-feed .feed-list{overflow:hidden}.core-feed .post-card{width:100%;margin-left:0!important;margin-right:0!important}.core-stories{max-width:100%;overflow-x:auto;overflow-y:hidden}}.v28-shell{min-height:100dvh;background:var(--canvas);display:grid;grid-template-columns:248px minmax(0,760px) 1fr;justify-content:center;color:var(--ink)}.v28-sidebar{position:sticky;top:0;height:100dvh;padding:22px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fffffff5;z-index:var(--z-nav)}.v28-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.v28-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--brand),var(--brand-strong));color:#fff;font-weight:900;box-shadow:0 8px 20px #5b5ff538}.v28-brand strong{font-size:18px;letter-spacing:-.03em}.v28-sidebar nav{display:grid;gap:6px;margin-top:28px}.v28-sidebar nav a,.v28-settings-link{min-height:48px;padding:0 14px;border-radius:14px;display:flex;align-items:center;gap:14px;color:var(--ink-2);font-weight:680;text-decoration:none;position:relative}.v28-sidebar nav a:hover,.v28-settings-link:hover{background:var(--surface-soft);color:var(--ink)}.v28-sidebar nav a.active{background:var(--brand-soft);color:var(--brand-strong)}.v28-sidebar nav a.active:before{content:"";width:4px;height:24px;border-radius:5px;background:var(--brand);position:absolute;left:-4px}.v28-badge,.v28-mini-badge{background:var(--accent);color:#fff;border-radius:var(--pill);font-size:10px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.v28-badge{margin-left:auto}.v28-create{margin:18px 0 0;border:0;background:var(--brand);color:#fff;border-radius:14px;min-height:48px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.v28-create:hover{background:var(--brand-strong)}.v28-sidebar-bottom{margin-top:auto;display:grid;gap:8px}.v28-account{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;text-decoration:none;color:var(--ink)}.v28-account:hover{background:var(--surface-soft)}.v28-account>span{min-width:0;display:grid}.v28-account strong,.v28-account small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-account small{color:var(--muted)}.v28-main{min-width:0;background:#fff;border-right:1px solid var(--line);min-height:100dvh}.v28-global-top{height:68px;position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:12px;padding:0 18px;background:#ffffffe6;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.v28-global-top form{height:42px;flex:1;display:flex;align-items:center;gap:9px;background:var(--surface-soft);border:1px solid transparent;border-radius:var(--pill);padding:0 15px}.v28-global-top form:focus-within{background:#fff;border-color:var(--brand);box-shadow:var(--focus-ring)}.v28-global-top input{border:0;background:transparent;outline:0;width:100%;font-size:16px}.v28-top-action{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--ink);text-decoration:none}.v28-top-action:hover{background:var(--surface-soft)}.v28-top-action b{position:absolute;right:-1px;top:-1px;background:var(--accent);color:#fff;font-size:9px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--pill);display:grid;place-items:center}.v28-mobile-top,.v28-bottom-nav{display:none}.v28-page{padding:26px 24px 96px}.v28-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.v28-page-head h1,.meet-hero h1{font-size:38px;line-height:1;letter-spacing:-.055em;margin:4px 0 9px}.v28-page-head p,.meet-hero p{margin:0;color:var(--muted);max-width:620px;line-height:1.55}.v28-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:900;color:var(--brand)}.meet-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 26px;margin:-26px -24px 0;background:linear-gradient(135deg,#f7f7ff,#eef4ff 48%,#fff6f8);border-bottom:1px solid var(--line)}.meet-tabs{display:flex;gap:4px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.meet-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:750;color:var(--muted);cursor:pointer}.meet-tabs button.active{background:var(--ink);color:#fff}.availability-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;box-shadow:var(--shadow-xs);margin-bottom:18px}.availability-copy{display:flex;align-items:flex-start;gap:12px}.availability-copy .status-dot{width:11px;height:11px;margin-top:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px #18a86b1c}.availability-copy strong{font-size:18px}.availability-copy p{margin:4px 0 0;color:var(--muted)}.availability-card>.button{margin-top:16px}.availability-form{margin-top:18px;display:grid;gap:14px}.activity-picker{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.activity-picker button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:7px;font-weight:720;cursor:pointer}.activity-picker button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.activity-picker button span{font-size:18px}.availability-form>input{height:46px;border:1px solid var(--line-strong);border-radius:12px;padding:0 13px;font-size:16px;outline:0}.availability-form>input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.availability-options{display:flex;align-items:center;justify-content:space-between;gap:16px}.availability-options label,.meet-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700}.availability-options select,.meet-toolbar select{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;font-size:15px}.meet-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.meet-toolbar>div{display:grid;gap:6px}.meet-toolbar small{color:var(--muted);max-width:520px}.meet-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meet-person-grid article{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:grid;gap:14px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.meet-person-grid article:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.meet-person-main{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.meet-person-main>div{display:grid}.meet-person-main span{color:var(--muted);font-size:13px}.meet-person-activity{display:flex;align-items:flex-start;gap:10px;background:var(--surface-soft);border-radius:14px;padding:12px}.meet-person-activity>span{font-size:22px}.meet-person-activity p{margin:3px 0;color:var(--ink-2)}.meet-person-activity small{color:var(--muted)}.meet-person-actions{display:flex;gap:8px}.meet-plans{margin-top:4px}.meet-plan-list{display:grid;gap:8px}.meet-plan-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink)}.meet-plan-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.meet-plan-icon{width:48px;height:48px;border-radius:14px;background:var(--surface-soft);display:grid;place-items:center;font-size:22px}.meet-plan-copy{display:grid;gap:3px;min-width:0}.meet-plan-copy strong,.meet-plan-copy span,.meet-plan-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meet-plan-copy span{color:var(--ink-2)}.meet-plan-copy small{color:var(--muted)}.meet-plan-host{display:flex;align-items:center;gap:7px}.sudoku-levels{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.sudoku-levels>button:not(.button){border:1px solid var(--line);background:#fff;border-radius:10px;height:38px;padding:0 12px;font-weight:720;cursor:pointer}.sudoku-levels>button.active:not(.button){background:var(--ink);border-color:var(--ink);color:#fff}.sudoku-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:22px}.sudoku-stats article{padding:15px 17px;background:#fff;display:grid;gap:5px;border-right:1px solid var(--line)}.sudoku-stats article:last-child{border-right:0}.sudoku-stats span{font-size:12px;color:var(--muted);font-weight:720}.sudoku-stats strong{font-size:22px;letter-spacing:-.03em}.sudoku-workspace{display:grid;grid-template-columns:minmax(320px,540px) minmax(220px,1fr);gap:28px;align-items:start}.sudoku-panel{min-width:0}.sudoku-meta{height:44px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.sudoku-meta strong{margin-left:auto;color:var(--ink);font-variant-numeric:tabular-nums}.difficulty{text-transform:capitalize;padding:5px 9px;border-radius:var(--pill);background:var(--brand-soft);color:var(--brand-strong);font-weight:800}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:2px solid var(--ink);background:var(--ink);gap:1px;box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.sudoku-grid button{position:relative;border:0;background:#fff;display:grid;place-items:center;font-size:clamp(18px,3.2vw,30px);font-weight:520;color:var(--brand-strong);cursor:pointer;min-width:0}.sudoku-grid button.fixed{font-weight:820;color:var(--ink);background:#fbfbfc}.sudoku-grid button.related{background:#f1f3ff}.sudoku-grid button.same{background:#e7e9ff}.sudoku-grid button.selected{background:#d9dcff;box-shadow:inset 0 0 0 2px var(--brand)}.sudoku-grid button:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--ink)}.sudoku-grid button:nth-child(n+19):nth-child(-n+27),.sudoku-grid button:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.sudoku-grid small{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:9px;color:var(--muted);font-weight:650}.sudoku-grid small i{font-style:normal;display:grid;place-items:center}.sudoku-controls{padding-top:44px;display:grid;gap:16px}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sudoku-actions button{height:48px;border:1px solid var(--line);background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}.sudoku-actions button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}.sudoku-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sudoku-numbers button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:13px;font-size:24px;font-weight:760;color:var(--brand-strong);cursor:pointer}.sudoku-numbers button:hover{background:var(--brand-soft);border-color:var(--brand)}.sudoku-tip{border-radius:14px;padding:14px;background:var(--surface-soft)}.sudoku-tip p{margin:5px 0 0;color:var(--muted);line-height:1.45}@media(max-width:1120px){.v28-shell{grid-template-columns:88px minmax(0,760px) 1fr}.v28-sidebar{padding-inline:12px}.v28-sidebar .desktop strong,.v28-sidebar nav a>span,.v28-create>span,.v28-settings-link>span,.v28-account>span{display:none}.v28-sidebar nav a,.v28-settings-link{justify-content:center;padding:0}.v28-create{width:52px;height:52px;min-height:52px;border-radius:50%;margin-inline:auto}.v28-account{justify-content:center}.v28-badge{position:absolute;right:8px;top:5px}}@media(max-width:900px){.v28-shell{display:block}.v28-sidebar{display:none}.v28-main{border-right:0;min-height:100dvh}.v28-global-top{top:calc(55px + var(--safe-top));height:56px}.v28-mobile-top{position:sticky;top:0;z-index:var(--z-nav);height:calc(55px + var(--safe-top));padding:var(--safe-top) 14px 0;display:flex;align-items:center;justify-content:space-between;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.v28-mobile-top>div{display:flex;align-items:center;gap:5px}.v28-mobile-top .v28-brand>span{width:30px;height:30px;border-radius:9px}.v28-mobile-top .v28-brand strong{font-size:15px}.v28-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);height:calc(64px + var(--safe-bottom));padding:0 8px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#fffffff5;backdrop-filter:blur(18px);border-top:1px solid var(--line)}.v28-bottom-nav>a{position:relative;display:grid;place-items:center;gap:2px;color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}.v28-bottom-nav>a.active{color:var(--brand)}.v28-mobile-create{justify-self:center;width:48px;height:48px;border:0;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px #5b5ff540}.v28-mini-badge{position:absolute;right:-9px;top:-8px}.v28-chat-open .v28-mobile-top,.v28-chat-open .v28-global-top,.v28-chat-open .v28-bottom-nav{display:none}.v28-chat-open .v28-main{height:100dvh;overflow:hidden}.v28-page{padding:20px 16px calc(86px + var(--safe-bottom))}.meet-hero{margin:-20px -16px 0;padding:24px 16px}.meet-person-grid,.sudoku-workspace{grid-template-columns:1fr}.sudoku-controls{padding-top:0}.sudoku-numbers{grid-template-columns:repeat(9,1fr)}.sudoku-numbers button{aspect-ratio:auto;height:46px;border-radius:10px}.sudoku-stats{grid-template-columns:repeat(2,1fr)}.sudoku-stats article:nth-child(2){border-right:0}.sudoku-stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.v28-global-top{display:none}.v28-page-head,.meet-hero{align-items:flex-start;flex-direction:column}.v28-page-head h1,.meet-hero h1{font-size:32px}.sudoku-levels{justify-content:flex-start}.sudoku-levels .button{width:100%;justify-content:center}.sudoku-grid button{font-size:21px}.sudoku-numbers{grid-template-columns:repeat(5,1fr)}.availability-options,.meet-toolbar{align-items:stretch;flex-direction:column}.availability-options .button{width:100%}.meet-plan-row{grid-template-columns:44px minmax(0,1fr) auto}.activity-picker{margin-right:-16px;padding-right:16px}}@media(max-width:360px){.v28-page{padding-inline:12px}.meet-hero{margin-left:-12px;margin-right:-12px;padding-inline:12px}.sudoku-grid button{font-size:18px}.sudoku-grid small{font-size:7px}}:root{--canvas: #f7f8fc;--surface: #ffffff;--surface-elevated: #ffffff;--surface-soft: #f5f7fb;--surface-strong: #edf1f7;--ink: #171d2f;--ink-2: #3d465c;--muted: #798297;--muted-2: #a6adbc;--line: #e9edf4;--line-strong: #dce2ec;--brand: #4f62e9;--brand-strong: #3b4cce;--brand-deep: #293895;--brand-soft: #edf0ff;--accent: #ef6a83;--accent-soft: #fff0f3;--success: #22ad88;--shadow-xs: 0 1px 3px rgba(24,37,70,.035);--shadow-sm: 0 12px 35px rgba(24,37,70,.045);--shadow-md: 0 18px 55px rgba(24,37,70,.1);--focus-ring: 0 0 0 4px rgba(79,98,233,.1);color-scheme:light}html,body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.button.primary{background:var(--brand);box-shadow:none;border-radius:12px}.button.primary:hover{background:var(--brand-strong)}.button.secondary{background:#fff;border:1px solid var(--line-strong);color:var(--ink-2)}.avatar{background:linear-gradient(135deg,#ced9ff,#cfece6);color:#334393}.social-shell{min-height:100dvh;width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:250px minmax(0,710px) minmax(260px,315px);justify-content:center;background:var(--canvas)}.social-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:34px 18px 22px;background:#fff;border-right:1px solid var(--line);z-index:40}.social-brand,.social-auth-brand,.social-auth-mobile-brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.social-logo{width:43px;height:43px;flex-shrink:0;border-radius:15px;background:var(--brand);color:#fff;display:inline-grid;place-items:center;letter-spacing:-.11em;font-size:29px;font-weight:900;padding-right:4px;line-height:1}.social-logo>span{color:#ffc7c7}.social-brand-word{display:flex;flex-direction:column;font-weight:850;letter-spacing:-.065em;font-size:23px;line-height:1.05}.social-brand-word small{font-size:10px;color:var(--muted);font-weight:650;letter-spacing:.06em;margin-top:5px;text-transform:uppercase}.social-menu-label,.social-extra-label{margin:44px 12px 11px;color:#9aa3b4;font-size:10px;letter-spacing:.15em;font-weight:850}.social-main-navigation{display:grid;gap:5px}.social-nav-item{min-width:0;display:flex;align-items:center;gap:15px;min-height:51px;padding:0 15px;border-radius:13px;position:relative;font-size:14px;font-weight:690;color:#57627b;transition:background .15s,color .15s}.social-nav-item:hover{background:#f6f8fe;color:var(--brand)}.social-nav-item.active{color:var(--brand);background:var(--brand-soft);font-weight:800}.social-nav-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:4px;background:var(--brand)}.social-counter{background:var(--accent);color:#fff;padding:1px 5px;border-radius:20px;font-size:10px;min-width:19px;height:19px;display:inline-grid;place-items:center;font-weight:850}.social-nav-item>.social-counter{margin-left:auto}.social-create-button{margin-top:27px;width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:var(--brand);border-radius:13px;font-size:14px;font-weight:810;box-shadow:0 8px 20px #4f62e933}.social-create-button:hover{background:var(--brand-strong)}.social-sidebar-bottom{margin-top:auto}.social-sidebar-bottom .social-extra-label{margin-top:0}.social-account{margin-top:14px;padding:15px 6px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;min-width:0}.social-account>span:not(.avatar){display:grid;gap:4px;min-width:0;flex:1}.social-account strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-account small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.social-account>svg{color:var(--muted)}.social-center{min-width:0;background:#fff;min-height:100dvh;border-right:1px solid var(--line)}.social-topbar{height:77px;position:sticky;top:0;z-index:38;background:#fffffff2;backdrop-filter:blur(18px);display:flex;align-items:center;gap:17px;padding:0 34px;border-bottom:1px solid var(--line)}.social-search{flex:1;min-width:0;display:flex;align-items:center;gap:12px;height:43px;padding:0 16px;border:1px solid transparent;border-radius:12px;background:#f5f7fb;color:#9aa3b7}.social-search:focus-within{background:#fff;border-color:var(--brand);box-shadow:var(--focus-ring)}.social-search input{flex:1;width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);font-size:13px}.social-search input::placeholder{color:#a0a9b8}.social-top-actions{display:flex;align-items:center;gap:12px}.social-icon-link{display:grid;place-items:center;position:relative;width:36px;height:36px;border-radius:10px;color:#66728b}.social-icon-link:hover{background:var(--brand-soft);color:var(--brand)}.social-icon-link .social-counter{position:absolute;right:-4px;top:-3px}.social-avatar-link{border-radius:50%;border:2px solid #edf0fa;padding:2px}.social-mobile-brand,.mobile-only,.social-mobile-nav{display:none}.social-content{min-width:0}.social-rightbar{min-width:0;align-self:start;position:sticky;top:0;height:100dvh;padding:34px 22px 18px;overflow-y:auto;scrollbar-width:thin}.social-right-intro{font-size:12px;color:#728098;font-weight:700;margin:7px 0 24px;display:flex;align-items:center;gap:9px}.online-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2bbc96;box-shadow:0 0 0 4px #e5f8f1;flex-shrink:0}.social-rail-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:19px 17px;margin-bottom:18px;box-shadow:var(--shadow-xs)}.social-overline{display:inline-block;font-size:10px;letter-spacing:.13em;font-weight:870;color:var(--brand)}.social-welcome-card{background:linear-gradient(145deg,#f6f7ff,#fdfdff 58%,#f5faff);border-color:#eaedff;padding:23px 20px}.social-welcome-card h2{font-size:22px;letter-spacing:-.055em;line-height:1.15;margin:13px 0 10px}.social-welcome-card p{color:#7a8497;font-size:12px;line-height:1.75}.social-text-link{display:inline-flex;align-items:center;gap:4px;margin-top:17px;font-size:12px;font-weight:830;color:var(--brand)}.social-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 1px 14px}.social-rail-heading h3{font-size:14px;letter-spacing:-.025em}.social-rail-heading svg{color:var(--brand)}.social-quicklink{display:grid;grid-template-columns:43px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:10px 0}.social-quicklink+.social-quicklink{border-top:1px solid #f0f2f7}.social-quicklink>span:nth-child(2){min-width:0;display:grid;gap:4px}.social-quicklink strong{font-size:12px;letter-spacing:-.02em}.social-quicklink small{font-size:10px;color:var(--muted)}.social-quicklink>svg{color:#a1a9b9}.social-quick-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.social-quick-icon.warm{background:#fff1eb;color:#ee795c}.social-quick-icon.blue{background:#eaf2ff;color:#5383df}.social-quick-icon.purple{background:#f2edff;color:#8166cc}.social-private-note{display:flex;align-items:flex-start;gap:11px;padding:10px;color:#8993a5;font-size:11px;line-height:1.6}.social-private-note svg{flex-shrink:0;color:var(--brand);margin-top:3px}.social-private-note strong{display:block;color:#57627b;font-size:12px}.social-rail-footer{padding:16px 10px;color:#9aa4b4;display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.social-rail-footer small{display:block;width:100%;margin-top:3px;font-size:10px}.social-feed-page{padding:30px 32px 100px;min-width:0}.social-feed-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 31px}.social-feed-intro h1{font-size:30px;line-height:1.2;letter-spacing:-.06em;margin-top:9px}.social-feed-intro h1 span{color:var(--brand)}.social-feed-intro p{color:#8b94a6;font-size:12px;line-height:1.6;margin-top:6px}.social-meet-link{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:#f2f4ff;color:var(--brand);font-weight:760;font-size:12px;padding:13px 14px;white-space:nowrap}.social-meet-link:hover{background:#e6eaff}.social-feed-stories{margin-bottom:23px}.social-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.social-section-title h2{font-size:16px;letter-spacing:-.03em}.social-section-title span{font-size:11px;color:#9aa5b7}.social-feed-page .stories-rail{gap:18px;padding:0 1px 6px}.social-feed-page .stories-rail button{width:74px;gap:7px}.social-feed-page .stories-rail small{font-size:11px;font-weight:650;max-width:74px;color:#68748b}.social-feed-page .story-ring{padding:3px;background:linear-gradient(135deg,#ef7994,#786aed,#4d82e9)}.social-feed-page .add-story .story-add-avatar>b{background:var(--brand)}.social-composer{background:#fff;border:1px solid #e6eaf2;border-radius:17px;padding:19px 20px 13px;box-shadow:0 5px 25px #1e28460a;margin-bottom:30px}.social-composer-main{display:flex;align-items:flex-start;gap:12px}.social-composer-input{min-width:0;flex:1}.social-composer-input label{display:block;font-size:13px;font-weight:800;color:var(--ink);margin:1px 0 7px}.social-composer textarea{display:block;width:100%;resize:vertical;min-height:43px;max-height:230px;background:transparent;border:0;outline:0;font-size:13px;line-height:1.55;color:var(--ink);padding:0}.social-composer textarea::placeholder{color:#a5adbd}.social-composer-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;gap:12px}.social-composer-tools{display:flex;align-items:center;gap:12px;min-width:0}.social-attachment{display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;cursor:pointer;font-size:12px;font-weight:690;color:#707d96}.social-attachment svg{color:#657de4}.social-attachment input{position:absolute;inset:0;opacity:0;cursor:pointer;max-width:100%}.social-audience{display:flex;align-items:center;gap:4px;color:var(--muted)}.social-audience select{background:transparent;border:0;font-size:11px;font-weight:700;color:#6b7790;cursor:pointer;max-width:123px}.social-publish{min-height:35px;min-width:84px;padding:0 14px;font-size:12px}.social-file-selected{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:12px;border:1px solid #dce3fc;border-radius:11px;background:#f5f7ff;color:#5a6bc3;font-size:12px}.social-file-selected span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-file-selected button{display:grid;place-items:center}.social-feed-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line);margin-bottom:17px}.social-feed-tabs{display:flex;align-items:center;gap:21px}.social-feed-tabs button{font-size:13px;font-weight:780;min-height:39px;color:#8b95a8;border-bottom:3px solid transparent;padding:0 3px 5px}.social-feed-tabs button.active{color:var(--brand);border-color:var(--brand)}.social-members-label{color:#a2aaba;display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.social-post-list{display:grid;gap:16px}.social-post-list .post-card{width:100%;padding:0!important;margin:0!important;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 22px #222c4e09;overflow:hidden}.social-post-list .post-head{padding:18px 20px 5px}.social-post-list .post-copy{padding:8px 20px 15px;font-size:14px;line-height:1.75;color:var(--ink-2);overflow-wrap:anywhere}.social-post-list .post-actions{padding:5px 13px 12px;border-top:1px solid #f1f3f8}.social-post-list .post-actions button,.social-post-list .post-actions a{color:#78849b}.social-post-list .post-actions .active{color:var(--brand)}.social-post-list .author-row strong{color:var(--ink);font-size:13px}.social-post-list .author-row small{color:#97a0b0;font-size:11px}.social-post-list .media-frame{border-radius:0;margin:0}.social-load-more{width:100%;padding:14px;border-radius:12px;background:var(--brand-soft);color:var(--brand);margin:18px 0;font-weight:800;font-size:13px}.social-feed-empty{border:1px dashed #d8def4;border-radius:19px;background:linear-gradient(145deg,#fcfcff,#f6f8ff);padding:49px 24px;text-align:center;display:grid;justify-items:center;gap:13px}.social-empty-art{width:78px;height:78px;display:grid;place-items:center;border-radius:25px;background:#e8edff;color:var(--brand);margin-bottom:5px}.social-feed-empty h2{font-size:20px;letter-spacing:-.04em}.social-feed-empty p{max-width:360px;color:#8a95a8;font-size:13px;line-height:1.65}.social-feed-empty>div:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:8px}.social-mobile-discover{display:none}.meet-page.v28-page{padding:28px 30px 100px}.meet-page .meet-hero{background:linear-gradient(115deg,#f3f4ff,#f6f9ff 60%,#fff1f1);padding:30px 27px;margin:-28px -30px 19px;border:1px solid #e8edff;border-radius:0 0 18px 18px;align-items:center}.meet-page .meet-hero h1{font-size:39px;letter-spacing:-.065em;margin:11px 0}.meet-page .meet-hero p{font-size:13px;line-height:1.75;color:#7e89a1;max-width:390px}.meet-page .meet-tabs{margin:0 0 24px;gap:12px}.meet-page .meet-tabs button{font-size:12px;font-weight:750}.meet-page .availability-card{border-radius:18px;box-shadow:var(--shadow-xs);background:#fff;border:1px solid var(--line);padding:23px}.meet-page .availability-copy strong{font-size:17px}.meet-page .availability-copy p{font-size:12px;line-height:1.65}.meet-page .meet-person-grid article{border-radius:16px;box-shadow:var(--shadow-xs)}.meet-page .meet-person-activity{background:#f7f8fd}.meet-page .meet-plan-row{border-radius:15px}.social-auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,46%);background:#fff}.social-auth-showcase{min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,#485cbb 0%,transparent 40%),linear-gradient(145deg,#19254c,#263970 61%,#304786);color:#fff;padding:45px clamp(32px,5vw,88px) 31px;display:flex;flex-direction:column}.social-auth-showcase:after{content:"";position:absolute;inset:auto -25% -38% 15%;height:560px;border-radius:50%;background:radial-gradient(ellipse,rgba(135,149,255,.32),transparent 60%);pointer-events:none}.social-auth-brand{color:#fff;gap:12px;font-size:23px;font-weight:850;letter-spacing:-.055em}.social-auth-brand .social-logo{background:#fff;color:#3547a6}.social-auth-brand .social-logo>span{color:#f1839c}.social-auth-hero-copy{margin:clamp(45px,8vh,105px) 0 0;position:relative;z-index:2}.social-auth-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.21);color:#cfd8ff;background:#ffffff12;border-radius:50px;padding:10px 14px;font-size:10px;letter-spacing:.11em;font-weight:800}.social-auth-hero-copy h1{margin:25px 0 19px;font-size:clamp(40px,4.1vw,65px);line-height:1.09;letter-spacing:-.075em;font-weight:860}.social-auth-hero-copy h1 em{font-style:normal;color:#aebdff}.social-auth-hero-copy p{color:#c6d0ed;max-width:460px;font-size:15px;line-height:1.82}.social-auth-visual{position:relative;z-index:1;flex:1;min-height:280px;margin:20px -10px 0}.social-decor-orbit{position:absolute;left:17%;top:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:390px;height:300px;transform:rotate(-15deg)}.social-decor-orbit-two{left:26%;top:16px;width:285px;height:245px;transform:rotate(25deg)}.social-visual-card{position:absolute;background:#fffffff7;color:#212944;box-shadow:0 26px 65px #0a14344d;border-radius:18px;display:flex;align-items:center;gap:15px}.social-visual-card-main{left:6%;top:15%;width:min(400px,92%);padding:20px;transform:rotate(-5deg)}.social-visual-avatar{width:53px;height:53px;flex:none;border-radius:17px;background:#edf0ff;color:var(--brand);display:grid;place-items:center;font-size:25px;font-weight:900}.social-visual-card small{display:block;font-size:9px;color:#8995b3;letter-spacing:.1em;font-weight:800;margin-bottom:6px}.social-visual-card strong{font-size:16px;letter-spacing:-.04em}.social-visual-bars{display:flex;gap:5px;margin-top:12px}.social-visual-bars i{height:6px;border-radius:6px;background:#e4e9f7;width:80px}.social-visual-bars i:nth-child(2){width:45px}.social-visual-bars i:nth-child(3){width:18px}.social-visual-spark{margin-left:auto;color:var(--accent);font-size:29px}.social-visual-card-meet{left:17%;top:53%;width:min(370px,85%);padding:18px 20px;transform:rotate(5deg)}.social-visual-card-meet>div:last-child{display:grid;gap:4px}.social-visual-card-meet span:last-child{color:#8b95a8;font-size:11px}.social-visual-bubble{flex:none;width:49px;height:49px;background:#fff0e8;color:#ee815f;border-radius:15px;display:grid;place-items:center}.social-visual-floating{position:absolute;left:1%;top:82%;display:flex;align-items:center;gap:8px;background:#fff;color:var(--accent);border-radius:999px;padding:11px 17px;font-size:11px;font-weight:800;transform:rotate(-7deg);box-shadow:0 12px 25px #09153733}.social-auth-feature-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:11px;margin-top:auto;padding-top:18px}.social-auth-feature-row span{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);padding:12px;border-radius:12px;color:#e0e6f9;font-size:12px;font-weight:670}.social-auth-showcase-footer{color:#9cadd7;font-size:11px;margin-top:27px;position:relative;z-index:2}.social-auth-form-side{display:grid;place-items:center;padding:32px 30px;min-width:0}.social-auth-form-wrap{width:min(100%,410px);margin:auto}.social-auth-mobile-brand{display:none}.social-auth-overline{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.15em;font-weight:880;color:var(--brand)}.social-auth-form-wrap h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.065em;margin:17px 0 11px;color:var(--ink)}.social-auth-subtitle{font-size:13px;color:#8390a4;line-height:1.65;margin-bottom:28px}.social-auth-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#f3f5fa;border-radius:13px;margin-bottom:26px}.social-auth-switcher button{height:40px;border-radius:10px;font-size:13px;color:#929bad;font-weight:800}.social-auth-switcher button.active{background:#fff;color:var(--brand);box-shadow:0 3px 12px #26325512}.social-auth-form{display:grid;gap:17px}.social-auth-form label{display:block;font-size:12px;font-weight:780;color:#424e65}.social-auth-form label>span{font-size:10px;color:#a4abbb;float:right;font-weight:550}.social-auth-form input{background:#fff;border:1px solid #dfe5ed;width:100%;height:47px;margin-top:8px;border-radius:11px;padding:0 14px;font-size:14px;color:var(--ink);outline:0}.social-auth-form input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.social-auth-form input::placeholder{color:#b2bac9}.social-password-field{display:flex;align-items:center;position:relative}.social-password-field input{padding-right:72px}.social-password-field button{position:absolute;right:12px;bottom:0;height:47px;color:var(--brand);font-size:11px;font-weight:780}.social-auth-submit{margin-top:7px;height:50px;border-radius:12px;background:var(--brand);color:#fff;font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:10px}.social-auth-submit:hover{background:var(--brand-strong)}.social-auth-submit:disabled{opacity:.55}.social-auth-error,.social-auth-success{padding:12px;border-radius:10px;font-size:12px;line-height:1.55;background:#fff1f2;color:#b83246}.social-auth-success{background:#ebfaf3;color:#177b55}.social-auth-forgot{margin:16px auto 0;display:block;color:var(--brand);font-size:12px;font-weight:750}.social-auth-trust{display:flex;align-items:flex-start;gap:11px;padding:20px 0;margin-top:25px;border-top:1px solid var(--line);color:#909bad;font-size:11px;line-height:1.7}.social-auth-trust svg{color:var(--brand);flex:none}.social-auth-footnote{text-align:center;color:#a5afbe;font-size:11px;line-height:1.6}.social-auth-return{min-height:100dvh;display:grid;place-content:center;gap:22px;text-align:center}@media(min-width:1201px)and (max-width:1350px){.social-shell{grid-template-columns:225px minmax(0,680px) minmax(230px,275px)}.social-sidebar{padding-inline:12px}.social-rightbar{padding-inline:15px}}@media(max-width:1200px){.social-shell{grid-template-columns:218px minmax(0,710px)}.social-rightbar{display:none}.social-sidebar{padding:28px 13px 20px}.social-feed-page{padding-inline:27px}}@media(max-width:760px){.social-shell{display:block}.social-sidebar{display:none}.social-center{min-height:100dvh;border:0}.social-topbar{height:65px;padding:0 18px;gap:13px}.social-mobile-brand{display:flex;align-items:center;gap:7px;margin-right:auto}.social-mobile-brand .social-logo{width:32px;height:32px;border-radius:10px;font-size:24px}.social-mobile-brand strong{font-size:18px;letter-spacing:-.06em}.social-topbar .social-search{display:none}.social-top-actions{margin-left:auto;gap:8px}.social-top-actions .mobile-only{display:grid}.social-mobile-nav{position:fixed;z-index:90;bottom:0;left:0;right:0;height:calc(66px + var(--safe-bottom));padding:0 6px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#fffffff7;backdrop-filter:blur(20px);border-top:1px solid var(--line);box-shadow:0 -5px 18px #16204208}.social-mobile-nav>a{min-width:0;position:relative;display:grid;justify-items:center;gap:4px;font-size:10px;font-weight:690;color:#9099ab}.social-mobile-nav>a.active{color:var(--brand)}.social-mobile-nav .social-counter{position:absolute;right:16%;top:-8px}.social-mobile-post{width:47px;height:47px;align-self:center;justify-self:center;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 5px 16px #4f62e933}.social-feed-page{padding:22px 15px calc(88px + var(--safe-bottom))}.social-feed-intro{margin-bottom:25px}.social-feed-intro h1{font-size:28px}.social-meet-link{display:none}.social-composer{padding:15px;margin-bottom:25px}.social-composer-input label{font-size:12px}.social-post-list .post-head{padding:14px 15px 4px}.social-post-list .post-copy{padding:8px 15px 14px}.social-mobile-discover{display:block;margin-top:22px}.social-mobile-discover a{padding:16px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px;color:var(--brand);font-size:12px;font-weight:780}.social-mobile-discover a svg:last-child{margin-left:auto}.meet-page.v28-page{padding:20px 16px calc(90px + var(--safe-bottom))}.meet-page .meet-hero{margin:-20px -16px 19px;padding:25px 18px}.v28-chat-open .social-topbar,.v28-chat-open .social-mobile-nav{display:none}.v28-chat-open .social-center{height:100dvh;overflow:hidden}.social-auth-page{grid-template-columns:1fr}.social-auth-showcase{display:none}.social-auth-mobile-brand{display:flex;justify-content:center;margin-bottom:40px;gap:9px;font-size:22px;letter-spacing:-.05em}.social-auth-form-side{padding:30px 22px 45px;min-height:100dvh}.social-auth-form-wrap{width:min(100%,410px)}.social-auth-form-wrap h2{font-size:33px}}@media(min-width:761px)and (max-width:980px){.social-auth-page{grid-template-columns:minmax(0,1fr) minmax(410px,52%)}.social-auth-showcase{padding:35px 28px 26px}.social-auth-hero-copy h1{font-size:39px}.social-visual-card-main{left:0}.social-visual-card-meet{left:6%}}@media(max-width:400px){.social-feed-intro h1{font-size:25px}.social-feed-tabs{gap:15px}.social-members-label{font-size:10px}.social-attachment span{font-size:11px}.social-auth-form-side{padding-inline:18px}.social-auth-form-wrap h2{font-size:31px}}@media(prefers-reduced-motion:reduce){.social-nav-item,.social-create-button{transition:none}}.social-invite-section{background:#f5f7ff;border:1px solid #e3e8ff;border-radius:16px;padding:18px;display:grid;gap:12px}.social-invite-section>div:first-child{display:flex;align-items:center;gap:9px;color:var(--brand)}.social-invite-section>p{color:#7e899e;font-size:12px;line-height:1.6}.social-invite-section form{display:grid;gap:9px}.social-invite-section form>label{font-weight:760;font-size:12px}.social-invite-section form>div{display:flex;gap:8px}.social-invite-section input{flex:1;min-width:0;border:1px solid #d6dcf0;border-radius:11px;padding:0 12px;height:43px;font-size:16px;background:#fff}.social-invite-section small{color:#168c66}.social-meet-safety{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#7886a2;line-height:1.65;padding:12px 14px;margin-bottom:4px;background:#f8f9ff;border:1px solid #ecefff;border-radius:11px}.social-meet-safety svg{flex:none;margin-top:2px;color:var(--brand)}