.notification-toast{position:fixed;z-index:10000;width:min(360px,calc(100vw - 24px));min-height:76px;box-sizing:border-box;display:grid;grid-template-columns:38px 42px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:12px 12px 12px 10px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface-2) 94%,var(--bg));color:var(--text);box-shadow:0 18px 46px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;animation:notification-toast-in .22s ease}.notification-toast.dragging{cursor:grabbing;transition:none}.notification-toast-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.notification-toast-icon-like{color:#ff5d7d;background:#ff5d7d1f}.notification-toast-icon-follow,.notification-toast-icon-followRequest,.notification-toast-icon-followAccepted{color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 13%,var(--bg))}.notification-toast-icon-mention{color:var(--accent-3, #4fd1ff);background:color-mix(in srgb,var(--accent-3, #4fd1ff) 13%,var(--bg))}.notification-toast-icon-comment{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 13%,var(--bg))}.notification-toast-icon-repost,.notification-toast-icon-activity{color:var(--text-dim);background:var(--surface)}.notification-toast-body{min-width:0;display:flex;flex-direction:column;gap:2px}.notification-toast-body strong{font-size:13.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast-body span{color:var(--text-dim);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-toast-close{width:24px;height:24px;border:0;background:transparent;color:var(--text-faint);font-size:20px;line-height:1;cursor:pointer;border-radius:50%}.notification-toast-close:hover{color:var(--text);background:var(--surface-hover)}.notification-toast-grip{position:absolute;right:44px;top:4px;color:var(--text-faint);font-size:10px;letter-spacing:-3px;transform:rotate(90deg);opacity:.75;pointer-events:none}@keyframes notification-toast-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.notification-toast{grid-template-columns:36px 40px minmax(0,1fr) 22px;min-height:72px;padding:10px 10px 10px 8px}.notification-toast-icon{width:36px;height:36px}.notification-toast-body strong{font-size:13px}.notification-toast-body span{font-size:12px}}.jcc-wrap{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:950;width:min(440px,calc(100vw - 24px));display:grid;gap:10px;pointer-events:none}.jcc{--jcc-accent-a: #a855f7;--jcc-accent-b: #ec4899;position:relative;pointer-events:auto;overflow:hidden;padding:14px 14px 12px;border-radius:22px;color:#fff;background:radial-gradient(120% 140% at 100% -20%,#a855f74d,#a855f700 55%),radial-gradient(110% 120% at -10% 120%,#ec489933,#ec489900 55%),linear-gradient(160deg,#1e1c34f0,#0e121ef5);border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 60px #00000080,0 0 0 1px #a855f729 inset;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);animation:jcc-in .5s cubic-bezier(.2,.9,.3,1.15) both}.jcc.stacked{animation-duration:.35s}.jcc:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--jcc-accent-a),var(--jcc-accent-b),#22c55e,var(--jcc-accent-a));background-size:300% 100%;animation:jcc-flow 3.2s linear infinite}.jcc-top{display:flex;align-items:center;gap:12px}.jcc-avatar{position:relative;flex:0 0 auto;width:52px;height:52px}.jcc-avatar>:first-child{position:relative;z-index:1}.jcc-avatar:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(34,197,94,.75);animation:jcc-pulse 1.8s ease-out infinite}.jcc-badge{position:absolute;right:-4px;bottom:-4px;z-index:2;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid #12172a}.jcc-text{min-width:0;flex:1}.jcc-title{margin:0;font-size:15.5px;font-weight:700;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jcc-kicker{margin:2px 0 0;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#86efac}.jcc-sub{animation:jcc-text .35s ease both;margin:3px 0 0;font-size:12.5px;color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jcc-live{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.8px;color:#86efac;background:#22c55e24;border:1px solid rgba(34,197,94,.35)}.jcc-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:jcc-dot 1.6s ease-out infinite;flex:0 0 auto}.jcc-meta{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:12px;color:#ffffff9e;min-height:26px}.jcc-stack{display:flex;align-items:center}.jcc-stack>*{margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2px #151a2c}.jcc-stack>*:first-child{margin-left:0}.jcc-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:12px}.jcc-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:42px;border-radius:14px;font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}.jcc-btn:active{transform:scale(.97)}.jcc-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.jcc-ignore{color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.jcc-ignore:hover{background:#ffffff24}.jcc-join{color:#04210f;background:linear-gradient(135deg,#4ade80,#22c55e 55%,#16a34a);box-shadow:0 10px 24px #22c55e59}.jcc-join:hover{filter:brightness(1.07)}.jcc-pill-wrap{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:940;display:grid;gap:6px;width:max-content;max-width:calc(100vw - 24px);pointer-events:none}.jcc-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:999px;color:#fff;font-size:12.5px;background:#121822f0;border:1px solid rgba(34,197,94,.35);box-shadow:0 12px 30px #0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:jcc-in .35s ease both}.jcc-pill-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffc7}.jcc-pill-text strong{color:#fff;font-weight:700}.jcc-pill button{border:0;cursor:pointer;border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;color:#04210f;background:linear-gradient(135deg,#4ade80,#22c55e)}@keyframes jcc-in{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jcc-text{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes jcc-flow{to{background-position:300% 0}}@keyframes jcc-pulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes jcc-dot{0%{box-shadow:0 0 #22c55eb3}to{box-shadow:0 0 0 9px #22c55e00}}@media (prefers-reduced-motion: reduce){.jcc,.jcc:before,.jcc-avatar:after,.jcc-live-dot,.jcc-pill{animation:none}}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% -10%,#151b26,#05070b 55%,#030405);color:#fff;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}.call-topbar,.call-topbar-simple{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 6px;flex-shrink:0}.call-topbar-simple{flex-direction:column;align-items:center;padding-top:34px}.call-topbar-spacer{width:22px}.call-topbar-info{flex:1;text-align:center;min-width:0}.call-topbar-info h2,.call-topbar-simple h2{font-size:19px;font-weight:600;margin:0 0 3px;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-topbar-info p,.call-topbar-simple p{margin:0;font-size:13px;color:#ffffff9e}.call-lock{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#ffffff80;flex-shrink:0}.call-lock-incoming{width:auto;height:auto;flex-direction:column;gap:4px;color:#ffffff73;margin:6px 0 18px}.call-lock-incoming span{font-size:11.5px;letter-spacing:.2px}.call-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 20px}.call-screen-incoming .call-stage,.call-screen-ended .call-stage{flex:1}.call-audio-view{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.call-audio-view h3{font-size:17px;font-weight:500;color:#ffffffd9;margin:0;max-width:280px}.incoming-call-ring{padding:7px;border-radius:50%;background:var(--gradient-ring, conic-gradient(from 210deg, #4fd1ff, #7c5cfc, #ff5ca8, #4fd1ff));animation:ring-pulse 1.5s ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.88}}.call-audio-group-avatars{display:flex}.call-audio-group-avatars>*{margin-left:-14px;border:3px solid #05070b;border-radius:50%}.call-audio-group-avatars>*:first-child{margin-left:0}.call-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#05070a}.call-local-video{position:absolute;top:14px;right:14px;width:92px;height:124px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.22);background:#111;z-index:2}.call-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(180deg,#00000026,#00000080)}.call-video-placeholder p{margin:0;font-size:14px;color:#ffffffbf}.call-tiles{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.call-tile{position:relative;background:#0c0f14;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.call-tile video{width:100%;height:100%;object-fit:cover}.call-tile-waiting{display:flex;align-items:center;justify-content:center}.call-tile-label{position:absolute;bottom:8px;left:10px;color:#fff;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.call-add-picker{position:absolute;left:50%;bottom:190px;transform:translate(-50%);width:min(300px,calc(100% - 40px));background:#161c26;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;max-height:240px;overflow-y:auto;box-shadow:0 12px 30px #00000080;z-index:30}.call-more-menu{bottom:190px}.call-more-title{display:flex;align-items:center;gap:6px;padding:8px 10px 6px;font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.4px}.call-add-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;border-radius:10px;color:#fff;font-size:14px;text-align:left}.call-add-option:not(.no-hover):hover{background:#ffffff12}.call-add-option.no-hover{cursor:default}.call-add-empty{padding:10px;color:#ffffff73;font-size:13px}.call-panel{flex-shrink:0;background:#ffffff0b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.06);border-radius:26px 26px 0 0;padding:20px 12px calc(18px + env(safe-area-inset-bottom,0px));margin-top:auto}.call-panel-row{display:flex;justify-content:space-evenly;align-items:flex-start;padding:8px 0}.call-action{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:#fff;cursor:pointer;width:76px}.call-action:disabled{opacity:.35;cursor:default}.call-action-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff24;color:#fff;transition:background .15s ease,color .15s ease,transform .1s ease}.call-action:active .call-action-circle{transform:scale(.94)}.call-action-label{font-size:11.5px;color:#ffffffd9;white-space:nowrap}.call-action.is-active .call-action-circle{background:#fff;color:#12151b}.call-action.end .call-action-circle,.call-action.decline .call-action-circle{width:64px;height:64px;background:#fa3b45;color:#fff}.call-action.accept .call-action-circle{width:64px;height:64px;background:var(--online, #2fe6a6);color:#08251a}.call-action.light .call-action-circle{width:60px;height:60px;background:#fff;color:#14171d}.call-action.dark .call-action-circle{width:60px;height:60px;background:#ffffff29;color:#fff}.call-end-actions{flex-shrink:0;display:flex;justify-content:center;gap:44px;padding:10px 24px calc(40px + env(safe-area-inset-bottom,0px))}.call-waiting-stack{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:16px;z-index:900;width:min(390px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.call-waiting-card{pointer-events:auto;display:grid;grid-template-columns:42px minmax(0,1fr) 36px 58px;align-items:center;gap:9px;min-height:62px;padding:9px 10px;border-radius:17px;background:#121822f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px #00000059;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.call-waiting-info{min-width:0}.call-waiting-info strong,.call-waiting-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-waiting-info strong{font-size:13px;font-weight:700;color:#fff}.call-waiting-info span{margin-top:3px;color:#fff9;font-size:11.5px}.call-waiting-decline,.call-waiting-accept{width:34px;height:34px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.call-waiting-decline{background:#fa3b4529;color:#ff6f78}.call-waiting-accept{width:52px;height:34px;border-radius:12px;background:#2fe6a6;color:#062118;font-weight:750;font-size:12px}.call-waiting-decline:hover,.call-waiting-accept:hover{filter:brightness(1.06)}.call-call-switch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px}.call-call-switch-person{display:flex;align-items:center;gap:8px;min-width:0;color:#fff;font-size:13px}.call-call-switch-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-call-switch-actions{display:flex;gap:5px}.call-call-switch-actions button{min-height:32px;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#ffffff0f;color:#fff;font-size:11.5px;font-weight:700;cursor:pointer}.call-call-switch-actions button:hover{background:#ffffff1c}@media (max-width: 700px){.call-waiting-stack{top:calc(10px + env(safe-area-inset-top,0px));right:10px;width:min(100% - 20px,420px)}}.call-back-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff1a;color:#fff;-webkit-tap-highlight-color:transparent}.call-back-btn:hover{background:#ffffff2e}.call-back-btn:active{transform:scale(.94)}.call-back-btn .back-ico{display:flex}.call-back-btn .back-ico-desktop{display:none}.call-topbar .call-lock{width:36px;height:36px}.call-screen.can-minimize{transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.call-screen.can-minimize.is-minimized{opacity:0;transform:translateY(-24px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.call-mini{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:10px;right:10px;max-width:520px;margin:0 auto;z-index:800;height:48px;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;border-radius:24px;background:linear-gradient(135deg,#0d3b2c,#0b2b3d);border:1px solid rgba(47,230,166,.35);color:#fff;box-shadow:0 10px 28px #0006;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:call-mini-in .22s ease}.call-mini:active{filter:brightness(1.08)}.call-mini.is-held{background:linear-gradient(135deg,#3a2c0d,#2b230b);border-color:#ffb45473}@keyframes call-mini-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.call-mini-live{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--online, #2fe6a6);box-shadow:0 0 #2fe6a68c;animation:call-mini-pulse 1.6s ease-out infinite}.call-mini.is-held .call-mini-live{background:var(--warn, #ffb454);animation:none}@keyframes call-mini-pulse{0%{box-shadow:0 0 #2fe6a68c}to{box-shadow:0 0 0 9px #2fe6a600}}.call-mini-avatar{display:none}.call-mini-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.call-mini-text strong{font-size:13.5px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-mini-status{font-size:12px;line-height:1.2;color:#ffffffbf;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-mini-end,.call-mini-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff}.call-mini-end{background:#fa3b45}.call-mini-end:hover{filter:brightness(1.08)}.call-mini-btn{background:#ffffff24}.call-mini-btn:hover{background:#ffffff38}.call-mini-btn.is-on{background:#fff;color:#12151b}.desk-only{display:none}body.call-minimized .call-waiting-stack,body.call-minimized .toast-stack{top:calc(env(safe-area-inset-top,0px) + 66px)}@media (min-width: 701px){.call-back-btn .back-ico-mobile{display:none}.call-back-btn .back-ico-desktop{display:flex}.call-mini{top:12px;left:0;right:0;width:400px;max-width:calc(100vw - 32px);height:52px;padding:0 8px 0 14px}.call-mini-avatar{display:block;flex-shrink:0}.desk-only{display:flex}body.call-minimized .call-waiting-stack,body.call-minimized .toast-stack{top:76px}}.call-permission-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;display:grid;place-items:center;padding:20px;background:#03060c8a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.call-permission-card{position:relative;width:min(100%,430px);overflow:hidden;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:24px;background:var(--surface, #11151d);color:var(--text, #fff);box-shadow:0 28px 90px #00000061}.call-permission-glow{position:absolute;width:230px;height:230px;top:-120px;right:-80px;border-radius:50%;background:radial-gradient(circle,rgba(97,110,255,.27),transparent 68%);pointer-events:none}.call-permission-content{position:relative;padding:26px}.call-permission-icon-wrap{position:relative;width:52px;height:52px;margin-bottom:17px}.call-permission-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--surface-2, rgba(255,255,255,.08));color:var(--text, #fff)}.call-permission-mini{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-1, #6366f1);color:#fff;border:3px solid var(--surface, #11151d)}.call-permission-content h2{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.25px}.call-permission-description{margin:8px 0 18px;color:var(--text-dim, rgba(255,255,255,.62));font-size:13.5px;line-height:1.5}.call-permission-list{display:grid;gap:7px}.call-permission-row{display:flex;align-items:center;gap:11px;min-height:48px;padding:7px 9px;border-radius:13px;background:var(--surface-2, rgba(255,255,255,.045))}.call-permission-row-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text, #fff);background:#ffffff14}.call-permission-row-icon.granted{color:#72e0b0}.call-permission-row-label{flex:1;min-width:0;font-size:13.5px;font-weight:650}.call-permission-row-status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:650;color:var(--text-dim, rgba(255,255,255,.56))}.call-permission-row-status.granted{color:#72e0b0}.call-permission-row-status.denied{color:#f58e98}.call-permission-note,.call-permission-success{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border-radius:12px;font-size:12px;line-height:1.45}.call-permission-note{color:#f4b0b7;background:#eb525f14}.call-permission-success{align-items:center;color:#72e0b0;background:#4ac68a14}.call-permission-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:18px}.call-permission-actions button{min-height:44px;border-radius:12px;padding:0 15px;font-size:13.5px;font-weight:700;cursor:pointer}.call-permission-secondary{border:1px solid var(--border, rgba(255,255,255,.1));background:transparent;color:var(--text, #fff)}.call-permission-primary{border:0;background:var(--accent-1, #6366f1);color:#fff}.call-permission-actions button:disabled{opacity:.58;cursor:default}.call-permission-footnote{margin-top:10px;color:var(--text-dim, rgba(255,255,255,.48));font-size:11.5px;text-align:center}@media (max-width: 520px){.call-permission-backdrop{padding:12px;align-items:end}.call-permission-card{border-radius:22px}.call-permission-content{padding:21px 18px calc(18px + env(safe-area-inset-bottom))}}.shell{display:flex;height:100vh;height:100dvh;flex-direction:column;background:var(--bg);overflow:hidden}.shell-topbar{flex-shrink:0;height:44px;display:flex;align-items:center;padding:0 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-soft)}.shell-topbar-brand{cursor:pointer;display:flex;align-items:center}.shell-body{flex:1;min-height:0;display:flex}.shell-rail{width:var(--nav-w);flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;padding:12px 0 14px;min-height:0;overflow-y:auto;scrollbar-width:none}.shell-rail::-webkit-scrollbar{display:none}.shell-rail-logo{cursor:pointer;margin-bottom:34px}.shell-rail-items{display:flex;flex-direction:column;gap:6px;flex:1;width:100%;align-items:center}.shell-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:60px;padding:10px 0;border-radius:var(--r-md);color:var(--text-faint);transition:color .15s ease,background .15s ease;font-size:10.5px;font-weight:600}.shell-rail-item:hover{color:var(--text-dim);background:var(--surface)}.shell-rail-item.active{color:var(--accent-1);background:var(--gradient-soft)}.shell-rail-profile{margin-top:12px;border-radius:50%;padding:3px;border:2px solid transparent}.shell-rail-profile.active{border-color:var(--accent-1)}.shell-main{flex:1;min-width:0;height:100%;overflow:hidden;position:relative}.shell-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--gradient);color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-elevated);line-height:1}.shell-bottom{position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:var(--bg-elevated);border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:50}.shell-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;color:var(--text-faint);font-size:11px;font-weight:600;-webkit-tap-highlight-color:transparent}.shell-bottom-circle{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);transition:background .15s ease,color .15s ease,transform .15s ease}.shell-bottom-label{line-height:1}.shell-bottom-item.active{color:var(--text)}.shell-bottom-item.active .shell-bottom-circle{background:var(--gradient);color:#fff}.shell-bottom-item:active .shell-bottom-circle{transform:scale(.94)}@media (max-width: 859px){.shell{--bottomnav-h: 74px;flex-direction:column}.shell-main{padding-bottom:var(--bottomnav-h)}}@media (min-width: 860px){.shell-body{overflow:hidden}.shell-main{height:auto;min-height:0;align-self:stretch;display:flex;flex-direction:column}.shell-main>*{flex:1 1 auto;min-height:0}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;background:var(--bg)}.auth-brand{flex:1.1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(124,92,252,.35),transparent 55%),radial-gradient(circle at 85% 80%,rgba(255,92,168,.28),transparent 55%),var(--bg-elevated)}.auth-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,black,transparent 75%)}.auth-brand-rings{position:absolute;right:-80px;bottom:-80px;width:420px;height:420px;opacity:.5}.auth-brand-copy{position:relative;z-index:1;max-width:420px;margin-top:auto;margin-bottom:auto}.auth-brand-copy h1{font-size:40px;line-height:1.15;margin-bottom:16px}.auth-brand-copy p{color:var(--text-dim);font-size:15.5px;line-height:1.6}.auth-brand-tags{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.auth-tag{padding:7px 13px;border-radius:var(--r-full);background:#ffffff0f;border:1px solid var(--border-soft);font-size:12.5px;color:var(--text-dim)}.auth-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto}.auth-card{width:100%;max-width:400px}.auth-card-mobile-logo{display:none;margin-bottom:28px}.auth-card h2{font-size:25px;margin-bottom:6px}.auth-card .sub{color:var(--text-dim);font-size:14px;margin-bottom:26px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-faint);font-size:12.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-foot{margin-top:22px;font-size:14px;color:var(--text-dim);text-align:center}.auth-foot a,.auth-link{color:var(--accent-1);font-weight:600}.auth-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otp-inputs{display:flex;gap:10px;margin-bottom:8px}.otp-inputs input{width:100%;aspect-ratio:1;text-align:center;font-size:20px;font-weight:700;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm)}.otp-inputs input:focus{border-color:var(--accent-1)}.step-dots{display:flex;gap:6px;margin-bottom:24px}.step-dots span{height:4px;flex:1;border-radius:var(--r-full);background:var(--border);transition:background .2s ease}.step-dots span.done{background:var(--gradient)}@media (max-width: 900px){.auth-brand{display:none}.auth-card-mobile-logo{display:flex}}@media (max-width: 480px){.auth-form-side{padding:24px 16px}.auth-row2{grid-template-columns:1fr;gap:0}.otp-inputs{gap:8px}.otp-inputs input{font-size:18px}}.auth-otp-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.auth-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.auth-pill-btn:active:not(:disabled){transform:scale(.97)}.auth-pill-btn svg{flex:0 0 auto;transition:transform .18s ease}.auth-pill-btn.back{background:transparent;color:var(--text);border:1.5px solid var(--border)}.auth-pill-btn.back:hover{border-color:var(--accent-1);color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 7%,transparent)}.auth-pill-btn.back:hover svg{transform:translate(-3px)}.auth-pill-btn.resend{color:var(--accent-1);border:1.5px solid color-mix(in srgb,var(--accent-1) 38%,transparent);background:color-mix(in srgb,var(--accent-1) 10%,transparent)}.auth-pill-btn.resend:hover:not(:disabled){background:var(--accent-1);color:#fff;border-color:var(--accent-1);box-shadow:0 8px 20px color-mix(in srgb,var(--accent-1) 35%,transparent)}.auth-pill-btn.resend:hover:not(:disabled) svg{transform:rotate(180deg)}.auth-pill-btn.resend:disabled{color:var(--text-dim);border-color:var(--border);background:var(--surface-2, transparent);cursor:not-allowed;flex-direction:row-reverse}.auth-resend-timer{min-width:30px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent-1) 16%,transparent);color:var(--accent-1);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}@media (max-width: 380px){.auth-pill-btn{padding:8px 12px;font-size:12.5px}}.pin{position:relative;display:flex;justify-content:center;padding:6px 0;cursor:text}.pin-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;background:transparent;cursor:text;caret-color:transparent}.pin-slots{display:flex;gap:10px}.pin-slot{width:48px;height:58px;border-radius:14px;background:var(--surface-2);border:1.5px solid var(--border);display:grid;place-items:center;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.pin-slot.filled{border-color:color-mix(in srgb,var(--accent-1) 55%,var(--border));background:var(--surface)}.pin-slot.active{border-color:var(--accent-1);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-1) 22%,transparent);transform:translateY(-1px)}.pin-dot{width:14px;height:14px;border-radius:50%;background:var(--gradient, var(--accent-1));animation:pin-pop .18s cubic-bezier(.3,1.6,.5,1)}.pin-digit{font-size:24px;font-weight:700;color:var(--text);animation:pin-pop .18s cubic-bezier(.3,1.6,.5,1);font-variant-numeric:tabular-nums}.pin-caret{width:2px;height:24px;border-radius:2px;background:var(--accent-1);animation:pin-blink 1s steps(1) infinite}.pin.is-error .pin-slot{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface-2))}.pin.is-error .pin-dot{background:var(--danger)}.pin.is-error .pin-digit{color:var(--danger)}.pin.is-success .pin-slot{border-color:var(--online);background:color-mix(in srgb,var(--online) 10%,var(--surface-2))}.pin.is-success .pin-dot{background:var(--online)}.pin.is-success .pin-digit{color:var(--online)}.pin.is-disabled{opacity:.55;cursor:not-allowed}.pin-slots.shake{animation:pin-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes pin-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pin-blink{50%{opacity:0}}@keyframes pin-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (max-width: 380px){.pin-slots{gap:7px}.pin-slot{width:42px;height:52px;border-radius:12px}}@media (prefers-reduced-motion: reduce){.pin-slots.shake,.pin-dot,.pin-digit,.pin-caret{animation:none}}.social-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.social-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:0 18px;font:inherit;font-size:14.5px;font-weight:600;color:var(--text, #e8e8ee);background:var(--surface-2, var(--surface, #17171c));border:1px solid var(--border, rgba(255, 255, 255, .14));border-radius:var(--r-md, 12px);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.social-btn:hover:not(:disabled){border-color:var(--border-strong, rgba(255, 255, 255, .3));background:var(--surface-3, var(--surface-2, rgba(255, 255, 255, .06)));box-shadow:0 2px 10px #0000002e}.social-btn:active:not(:disabled){transform:scale(.985)}.social-btn:focus-visible{outline:2px solid var(--accent, #6c8cff);outline-offset:2px}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon{display:inline-flex;flex:none}.social-icon svg{width:20px;height:20px}.social-btn .social-icon{position:absolute;left:16px}.social-label-short{display:none}.social-error{margin-top:4px}@media (max-width: 640px){.social-buttons{flex-direction:row;flex-wrap:wrap;gap:10px}.social-btn{flex:1 1 0;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:64px;padding:10px 6px;font-size:12.5px;font-weight:600}.social-btn .social-icon{position:static}.social-icon svg{width:24px;height:24px}.social-label-full{display:none}.social-label-short{display:inline}.social-count-1 .social-btn{flex-direction:row;min-height:52px;font-size:14.5px}.social-count-1 .social-label-full{display:inline}.social-count-1 .social-label-short{display:none}.social-error{flex:1 0 100%}}.social-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:social-fade .16s ease-out}.social-modal{width:100%;max-width:420px;max-height:100%;overflow-y:auto;padding:28px;background:var(--surface, #17171c);border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:var(--r-lg, 18px);box-shadow:var(--shadow-md, 0 24px 60px rgba(0, 0, 0, .45));color:var(--text, #e8e8ee);animation:social-pop .18s ease-out}.social-modal h3{margin:0 0 8px;font-family:var(--font-display, inherit);font-size:21px;line-height:1.25}.social-modal p{margin:0 0 18px;color:var(--text-dim, rgba(232, 232, 238, .7));font-size:14px;line-height:1.55}.social-modal .social-hint{margin:6px 0 0;font-size:12.5px;color:var(--text-faint, rgba(232, 232, 238, .5))}.social-actions{display:flex;gap:10px;margin-top:20px}.social-actions .btn{flex:1;min-height:46px}@media (max-width: 640px){.social-backdrop{align-items:flex-end;padding:0}.social-modal{max-width:none;max-height:92%;padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;border-bottom:0;animation:social-sheet .22s ease-out}.social-modal:before{content:"";display:block;width:40px;height:4px;margin:0 auto 16px;border-radius:4px;background:var(--border-strong, rgba(255, 255, 255, .25))}.social-modal input{font-size:16px}.social-actions{flex-direction:column-reverse}}@keyframes social-fade{0%{opacity:0}to{opacity:1}}@keyframes social-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes social-sheet{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion: reduce){.social-backdrop,.social-modal{animation:none}.social-btn{transition:none}}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:#04070ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crop-card{box-sizing:border-box;width:min(100%,390px);max-height:min(92dvh,760px);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 22px 22px;border-radius:24px;color:var(--text, #f8fafc);background:var(--surface, #121821);border:1px solid var(--border, #2b3442);box-shadow:0 24px 80px #0000007a}.crop-heading{width:100%;text-align:center}.crop-card h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}.crop-hint{margin:7px 0 0;color:var(--text-dim, #a6afbd);font-size:13px;line-height:1.45}.crop-stage{position:relative;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#080b10;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 5px #ffffff0e,0 10px 30px #00000040}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;top:0;left:0;max-width:none;pointer-events:none;transform-origin:0 0;-webkit-user-drag:none}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff38}.crop-zoom-wrap{display:flex;align-items:center;gap:12px;width:100%;color:var(--text-dim, #a6afbd)}.crop-zoom-wrap span{font-size:20px;line-height:1}.crop-zoom{flex:1;width:100%;accent-color:var(--accent-1, #7c6cff);cursor:pointer}.crop-error{width:100%;padding:14px;border-radius:12px;color:#fecaca;background:#ef44441f;font-size:13px;line-height:1.5}.crop-actions{display:flex;width:100%;gap:10px}.crop-actions button{flex:1;min-height:44px;border-radius:12px;padding:10px 16px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.crop-actions button:active{transform:scale(.98)}.crop-actions button:disabled{opacity:.55;cursor:not-allowed}.crop-cancel{color:var(--text, #f8fafc);background:transparent;border:1px solid var(--border, #394354)}.crop-save{color:#fff;background:var(--accent-1, #6657e8);border:1px solid transparent}@media (pointer: coarse){.crop-zoom-wrap{display:none}}@media (max-width: 480px){.crop-backdrop{padding:12px}.crop-card{width:100%;padding:24px 18px 18px;border-radius:22px;gap:16px}}@media (max-height: 560px) and (orientation: landscape){.crop-card{flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:96dvh;gap:12px;padding:14px}.crop-heading{flex-basis:100%}.crop-zoom-wrap,.crop-actions{max-width:280px}}.onboard-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 15%,rgba(124,92,252,.18),transparent 55%),radial-gradient(circle at 85% 85%,rgba(255,92,168,.14),transparent 55%),var(--bg);padding:24px}.onboard-card{width:100%;max-width:460px;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--r-xl);padding:36px 34px;box-shadow:var(--shadow-md)}.onboard-step h2{font-size:23px;margin-bottom:8px}.onboard-step .sub{color:var(--text-dim);font-size:14px;margin-bottom:26px;line-height:1.5}.onboard-avatar-picker{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;padding:20px 0 8px}.onboard-avatar-edit{font-size:13.5px;font-weight:600;color:var(--accent-1);padding:7px 16px;border-radius:var(--r-full);background:var(--gradient-soft)}.onboard-bio{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:13px 15px;font-size:14.5px;resize:none;line-height:1.5}.onboard-bio:focus{border-color:var(--accent-1)}.privacy-options{display:flex;flex-direction:column;gap:12px}.privacy-opt{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;padding:16px 18px;font:inherit;color:var(--text);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.privacy-opt:hover{background:var(--surface-hover, var(--surface-2));border-color:var(--border-strong, var(--border))}.privacy-opt:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.privacy-opt.active{border-color:var(--accent-1);background:var(--gradient-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1) 22%,transparent)}.privacy-text{display:flex;flex-direction:column;gap:4px;min-width:0}.privacy-opt strong{display:block;font-size:16px;font-weight:700;color:var(--text)}.privacy-text>span{font-size:13.5px;line-height:1.5;color:var(--text-dim)}.privacy-opt.active .privacy-text>span{color:var(--text);opacity:.82}.privacy-check{position:relative;flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid var(--border-strong, var(--text-dim));transition:border-color .15s ease,background .15s ease}.privacy-opt.active .privacy-check{border-color:transparent;background:var(--gradient, linear-gradient(135deg, #7c5cfc, #ff5ca8))}.privacy-opt.active .privacy-check:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.onboard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px}.onboard-skip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;font:inherit;font-size:14.5px;font-weight:600;letter-spacing:.1px;color:var(--text-dim);background:transparent;border:1.5px solid var(--border);border-radius:var(--r-full, 999px);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.onboard-skip:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--border-strong, var(--text-dim))}.onboard-skip:active:not(:disabled){transform:scale(.97)}.onboard-skip:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.onboard-skip:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.onboard-card{padding:28px 22px}.onboard-actions{margin-top:24px}.onboard-skip{padding:0 18px}}@media (prefers-reduced-motion: reduce){.privacy-opt,.privacy-check,.onboard-skip{transition:none}}.sugg-list{display:flex;flex-direction:column;gap:14px;margin:10px 0 4px;max-height:46vh;overflow-y:auto;padding-right:4px}.sugg-row{display:flex;align-items:center;gap:13px}.sugg-bio{margin:2px 0 3px;font-size:12.8px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.stories-bar{display:flex;gap:18px;padding:6px 18px 14px;overflow-x:auto;background:var(--bg-elevated);flex-shrink:0;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;width:64px}.story-avatar-wrap{position:relative}.story-add-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;border:2.5px solid var(--bg-elevated)}.story-label{font-size:11.5px;color:var(--text-dim);max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-cf-badge{position:absolute;bottom:0;right:-1px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a);border:2.5px solid var(--bg-elevated);box-shadow:0 2px 6px #16a34a73}.story-label.close-friends{color:var(--close-friends);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:18px}.icon-btn.dark{background:var(--surface-2);color:var(--text)}.icon-btn.dark:hover{background:var(--surface-hover)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.story-create{position:relative;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:22px;width:100%;max-width:400px;box-shadow:var(--shadow-md)}.story-create-body{min-height:320px;display:flex}.story-create-options{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center}.story-create-option{display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--surface-1, var(--bg-elevated));cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.story-create-option:hover{background:var(--surface-2);border-color:var(--border)}.story-create-option:active{transform:scale(.99)}.story-create-option-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.story-create-option-icon.photo{background:var(--gradient)}.story-create-option-icon.text{background:var(--gradient-soft, var(--gradient))}.story-create-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.story-create-option-title{font-size:14.5px;font-weight:600;color:var(--text)}.story-create-option-sub{font-size:12.5px;color:var(--text-dim)}.story-create-pick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--border);border-radius:var(--r-md);cursor:pointer;color:var(--text-dim);padding:30px}.story-create-pick:hover{background:var(--surface-2)}.story-create-pick-icon{width:52px;height:52px;border-radius:50%;background:var(--gradient-soft);color:var(--accent-1);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300}.story-create-preview{flex:0 1 auto;position:relative;width:100%;aspect-ratio:480 / 748;max-height:68vh;margin:0 auto;border-radius:var(--r-md);overflow:hidden;display:flex;background:#000;touch-action:none;isolation:isolate}.story-create-preview img,.story-create-preview video{width:100%;height:100%;min-width:0;min-height:0;display:block;object-fit:cover;border-radius:var(--r-md)}.story-create-textslide{flex:0 1 auto;position:relative;width:100%;aspect-ratio:480 / 748;max-height:68vh;margin:0 auto;background:var(--gradient);border-radius:var(--r-md);padding:20px;display:flex}.story-create-textslide textarea{width:100%;height:100%;background:transparent;color:#fff;font-size:20px;font-weight:700;text-align:center;resize:none}.story-create-textslide textarea::placeholder{color:#ffffffb3}.story-caption-input{margin-top:0;width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:11px 14px;font-size:13.5px}.story-caption-input:focus{border-color:var(--accent-1)}.story-meta-fields{margin-top:12px;display:flex;flex-direction:column;gap:10px}.story-font-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.story-font-chip{flex-shrink:0;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-soft);background:var(--surface-1, var(--bg-elevated));color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.story-font-chip:hover{background:var(--surface-2)}.story-font-chip.active{border-color:var(--accent-1);background:var(--gradient-soft, var(--gradient));color:#fff}.story-review-frame{position:relative;border-radius:var(--r-md);overflow:hidden;min-height:320px;max-height:60vh;display:flex;background:#000}.story-review-frame img{width:100%;object-fit:contain;border-radius:var(--r-md)}.story-review-media-wrap{position:relative;width:100%;display:flex}.story-review-media-wrap img,.story-review-media-wrap video{width:100%;max-height:60vh;object-fit:cover;border-radius:var(--r-md)}.story-review-caption-overlay{position:absolute;max-width:82%;padding:9px 15px;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;text-align:center;white-space:pre-wrap;word-break:break-word;pointer-events:none}.story-caption-draggable{position:absolute;max-width:82%;padding:9px 15px;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;font-weight:600;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;display:inline-flex;align-items:center;justify-content:center}.story-caption-draggable.empty{color:#ffffffbf;font-weight:500}.story-caption-draggable:active{cursor:grabbing}.story-caption-draggable span{white-space:pre-wrap;word-break:break-word;cursor:text}.story-caption-draggable textarea{background:transparent;border:0;color:#fff;font:inherit;text-align:center;resize:none;width:160px;max-width:100%;outline:none}.story-caption-rotate-handle{position:absolute;right:-8px;bottom:-8px;width:22px;height:22px;border-radius:50%;border:2px solid var(--bg-elevated);background:var(--accent-1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.story-caption-rotate-handle:active{cursor:grabbing}.story-caption-drag-hint,.story-close-friends-hint{margin-top:8px;text-align:center}.story-destination-toggle{margin-top:14px;display:flex;gap:8px}.story-destination-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer}.story-destination-pill:hover{background:var(--surface-hover)}.story-destination-pill.active{border-color:var(--accent-1);color:var(--text);background:var(--gradient-soft)}.story-destination-pill.close-friends.active{border-color:var(--online);color:var(--online);background:#2fe6a61f}.mention-panel{position:relative;display:flex;flex-direction:column;gap:0}.mention-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;align-self:flex-start}.mention-toggle:hover{background:var(--surface-hover)}.mention-toggle.has-tags{border-color:var(--accent-1);color:var(--accent-1)}.tag-people-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 11px;border-radius:999px;background:var(--gradient-soft);color:var(--accent-1);font-size:12.5px;font-weight:600}.tag-chip button{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:0;background:#0000001f;color:inherit;font-size:10px;line-height:1;cursor:pointer}.mention-dropdown-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:10px}.mention-results{max-height:220px;overflow-y:auto;margin-top:6px}.mention-section-label{padding:8px 9px 4px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-faint)}.tag-people-done{width:100%;margin-top:8px;padding:8px;border:0;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.tag-people-done:hover{background:var(--surface-hover)}.mention-dropdown-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:13.5px;text-align:left;cursor:pointer}.mention-dropdown-row:hover,.mention-dropdown-row:focus-visible{background:var(--surface-hover)}.mention-dropdown-row span{display:flex;flex-direction:column;line-height:1.25}.mention-dropdown-row em{font-style:normal;font-size:11.5px;color:var(--text-dim)}.mention-dropdown-empty{padding:9px 10px;font-size:13px;color:var(--text-dim)}.story-create{max-width:520px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden}.story-create-body{min-height:420px;max-height:68vh}.story-create-preview,.story-create-textslide{height:auto;min-height:0}.story-create-preview img,.story-create-preview video{height:100%;position:relative;z-index:1}.story-draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none;touch-action:none}.story-draw-overlay.active{pointer-events:auto;cursor:crosshair}.story-caption-draggable{z-index:8}.modal-actions{position:sticky;bottom:0;z-index:20;padding:10px 0 2px;margin-top:12px;background:var(--bg-elevated)}.story-editor-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;margin-top:12px;padding:8px 2px 0;border-top:1px solid var(--border-soft)}.story-editor-toolbar>button,.story-toolbar-mention>.mention-panel>.mention-toggle{min-width:64px;height:58px;border:0;border-radius:14px;background:transparent;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:22px;cursor:pointer}.story-editor-toolbar>button span{font-size:10px;font-weight:600}.story-editor-toolbar>button:hover,.story-editor-toolbar>button.active,.story-toolbar-mention>.mention-panel>.mention-toggle.has-tags{color:var(--accent-1);background:var(--gradient-soft)}.story-toolbar-mention{position:relative}.story-toolbar-mention .mention-panel{height:58px}.story-toolbar-mention .mention-toggle{width:64px;align-self:auto}.story-toolbar-mention .mention-toggle svg{width:23px;height:23px}.story-toolbar-mention .tag-people-chips{display:none}.story-toolbar-mention .mention-dropdown-panel{position:fixed;width:min(380px,calc(100vw - 32px));left:50%;top:auto;bottom:78px;transform:translate(-50%);z-index:300}.story-inline-panel,.story-draw-controls{margin-top:8px;padding:9px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-1, var(--bg-elevated))}.story-inline-panel{display:flex;flex-direction:column;gap:8px}.story-inline-panel.story-sheet{position:absolute;left:0;right:0;bottom:0;margin-top:0;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));max-height:72vh;overflow-y:auto;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #00000059;z-index:60;animation:storySheetSlideUp .2s ease-out}.story-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:50;animation:fadeIn .15s ease}@keyframes storySheetSlideUp{0%{transform:translateY(18px);opacity:.4}to{transform:translateY(0);opacity:1}}.story-panel-text-button,.story-draw-controls button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 12px;font-weight:600;cursor:pointer}.story-draw-controls{display:flex;align-items:center;gap:10px}.story-draw-controls input[type=range]{flex:1}.story-draw-controls input[type=color]{width:32px;height:32px;padding:2px;border:1px solid var(--border);border-radius:8px;background:transparent}.story-draw-controls span{color:var(--text-dim);font-size:12px;min-width:34px}.story-more-panel{position:absolute;left:0;right:0;bottom:0;margin-top:0;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));max-height:72vh;overflow-y:auto;border:1px solid var(--border-soft);border-bottom:0;border-radius:20px 20px 0 0;background:var(--bg-elevated);box-shadow:0 -12px 40px #00000059;z-index:60;animation:storySheetSlideUp .2s ease-out}.story-more-section-label{margin:14px 2px 6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.story-more-section-label:first-of-type{margin-top:2px}.story-sheet-handle{width:42px;height:4px;border-radius:99px;background:var(--border);margin:0 auto 8px}.story-panel-header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;font-size:15px}.story-panel-close{width:30px;height:30px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}.story-setting-row{width:100%;display:flex;align-items:center;gap:11px;padding:11px 8px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.story-setting-row:hover{background:var(--surface-2)}.story-setting-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.story-setting-row b,.story-switch-row b{font-size:13px}.story-setting-row small,.story-switch-row small{color:var(--text-dim);font-size:11px}.story-setting-icon{width:25px;text-align:center;font-size:18px}.story-setting-value{color:var(--text-dim);font-size:20px}.story-setting-static{cursor:default}.story-option-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:0 8px 8px 44px}.story-background-swatch{height:32px;border:2px solid transparent;border-radius:9px;cursor:pointer}.story-background-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-1)}.story-effect-grid{grid-template-columns:repeat(3,1fr)}.story-effect-chip{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 5px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer}.story-effect-chip.active{border-color:var(--accent-1);background:var(--gradient-soft)}.story-effect-chip span{font-weight:800}.story-effect-chip small{color:var(--text-dim);font-size:10px}.story-choice-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px 44px}.story-choice-row button{flex:1;min-width:100px;padding:8px 9px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface-2);color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer}.story-choice-row button.active{color:#fff;border-color:var(--accent-1);background:var(--gradient-soft)}.story-input-row{display:flex;align-items:center;gap:9px;margin:4px 8px 8px 44px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2)}.story-input-row input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.story-switch-row{display:flex;align-items:center;gap:10px;padding:11px 8px;cursor:pointer}.story-switch-row>span{flex:1;display:flex;flex-direction:column;gap:2px}.story-switch-row input{display:none}.story-switch-row i{width:40px;height:23px;border-radius:99px;background:var(--border);position:relative;transition:.15s ease}.story-switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.15s ease}.story-switch-row input:checked+i{background:var(--accent-1)}.story-switch-row input:checked+i:after{transform:translate(17px)}@media (max-width: 600px){.modal-backdrop{padding:0;align-items:stretch}.story-create{max-width:none;max-height:none;height:100%;border-radius:0;padding:14px;overflow-y:auto}.story-create-body{max-height:none}.story-create-preview,.story-create-textslide{aspect-ratio:100vw / calc(100dvh - 72px);max-height:none}.story-editor-toolbar>button,.story-toolbar-mention>.mention-panel>.mention-toggle{min-width:54px}.story-option-grid{grid-template-columns:repeat(3,1fr);padding-left:8px}.story-choice-row{padding-left:8px}}.story-mention-sticker{position:absolute;max-width:78%;padding:7px 13px;box-sizing:border-box;border-radius:999px;font-size:14px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:auto;transform-origin:center center;will-change:left,top,transform;z-index:9;border:1.5px solid transparent}.story-mention-sticker:active{cursor:grabbing}.story-mention-sticker.selected{z-index:20;border-color:#ffffffe6;box-shadow:0 0 0 2px var(--accent-1)}.story-mention-sticker.readonly{cursor:default;pointer-events:none}.story-sticker-remove-handle{position:absolute;z-index:3;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-elevated);background:#e33;color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-sticker-rotate-handle{position:absolute;z-index:3;right:-8px;bottom:-8px;width:22px;height:22px;border-radius:50%;border:2px solid var(--bg-elevated);background:var(--accent-1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.story-sticker-rotate-handle:active{cursor:grabbing}.story-sticker-resize-handle{position:absolute;z-index:3;left:-8px;bottom:-8px;width:18px;height:18px;border-radius:50%;border:2px solid var(--bg-elevated);background:#fff;cursor:nwse-resize;touch-action:none}@media (hover: hover) and (pointer: fine){.story-mention-sticker:not(.readonly):not(.selected):hover{border-color:#ffffff8c;box-shadow:0 0 0 1px #ffffff4d}}@media (hover: none),(pointer: coarse){.story-sticker-remove-handle,.story-sticker-rotate-handle,.story-sticker-resize-handle{width:32px;height:32px}.story-sticker-remove-handle{left:-13px;top:-13px;font-size:13px}.story-sticker-rotate-handle{right:-13px;bottom:-13px}.story-sticker-resize-handle{left:-13px;bottom:-13px}}.sticker-mention-search.mention-dropdown-panel{position:absolute;left:10px;right:10px;top:auto;bottom:10px;max-height:60%;z-index:40}.sticker-mention-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sticker-mention-search-header strong{font-size:14px}.sticker-style-panel{display:flex;flex-direction:column;gap:10px}.sticker-style-row-label{font-size:12px;font-weight:600;color:var(--text-dim)}.sticker-size-row{display:flex;align-items:center;gap:10px;padding:2px 1px}.sticker-size-label{width:34px;flex-shrink:0;font-size:11.5px;font-weight:600;color:var(--text-dim)}.sticker-size-row input[type=range]{flex:1}.sticker-size-value{width:40px;flex-shrink:0;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.sticker-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sticker-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-soft);cursor:pointer;padding:0}.sticker-color-swatch.active{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--gradient-soft)}.sticker-bg-toggle{margin-left:auto;text-transform:capitalize}.story-create.story-trim-modal{width:min(420px,calc(100vw - 32px));max-width:420px;max-height:calc(100vh - 32px);padding:20px 20px 18px;display:flex;flex-direction:column;overflow:hidden}.story-trim-header{flex:0 0 auto;align-items:flex-start}.story-trim-heading h3{font-size:18px}.story-trim-heading p{margin:4px 0 0;font-size:12.5px;color:var(--text-dim)}.story-trim-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto}.story-trim-frame{position:relative;flex:0 0 auto;height:min(46vh,380px);min-height:200px;border-radius:var(--r-md);overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.story-trim-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.story-trim-duration-badge{position:absolute;top:10px;left:10px;z-index:3;padding:5px 11px;border-radius:var(--r-full);background:#0a0d14a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px}.story-trim-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#0a0d148c;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s ease,background .15s ease}.story-trim-play:hover:not(:disabled){background:#0a0d14b8;transform:translate(-50%,-50%) scale(1.06)}.story-trim-play:disabled{opacity:.45;cursor:default}.story-trim-progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;background:#05080ccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-trim-progress-ring{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent-1) calc(var(--pct, 0) * 360deg),rgba(255,255,255,.16) 0);transition:background .15s linear}.story-trim-progress-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#0b0f16}.story-trim-progress-ring span{position:relative;z-index:1;font-size:12.5px;font-weight:800;color:#fff}.story-trim-progress-overlay p{margin:4px 0 0;font-size:14.5px;font-weight:700;color:#fff}.story-trim-progress-sub{font-size:11.5px;color:#fff9;max-width:240px;line-height:1.4}.story-trim-progress-overlay .btn{margin-top:8px;min-height:36px}.story-trim-track.disabled{pointer-events:none;opacity:.55}.story-trim-time-row{display:flex;justify-content:space-between;margin:12px 2px 10px;color:var(--text-faint);font-size:11.5px;font-weight:700;letter-spacing:.2px}.story-trim-track{position:relative;flex:0 0 auto;height:54px;touch-action:none;overflow:visible}.story-trim-track-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--border-soft)}.story-trim-track-bg img,.story-trim-thumb-placeholder{flex:1 1 0;min-width:0;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.92) brightness(.88)}.story-trim-thumb-placeholder{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}.story-trim-window{position:absolute;top:-3px;bottom:-3px;z-index:2;border-radius:calc(var(--r-sm) + 3px);border:2.5px solid var(--accent-1);background:linear-gradient(135deg,#7c5cfc29,#ff5ca829);box-shadow:0 0 0 1px #ffffff0f;cursor:grab}.story-trim-window:active{cursor:grabbing}.story-trim-handle{position:absolute;top:-7px;width:20px;height:68px;margin-left:-10px;border-radius:8px;background:var(--gradient);border:2px solid #fff;box-shadow:var(--shadow-sm);cursor:ew-resize;touch-action:none;z-index:4;display:flex;align-items:center;justify-content:center}.story-trim-handle:after{content:"";width:3px;height:22px;border-radius:999px;background:#ffffffe6}.story-trim-time-label{position:absolute;top:-36px;z-index:6;transform:translate(-50%);padding:5px 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:11.5px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-sm)}.story-trim-time-label:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.story-trim-selected{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0;color:var(--text-dim);font-size:13px}.story-trim-selected b{color:var(--accent-1);font-weight:700}.story-trim-clock{font-size:15px}.story-trim-progress-line{display:none}.story-trim-max-pill{width:fit-content;margin:10px auto 0;padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px}.story-trim-max-pill span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--online);color:#06231a;font-size:10px;font-weight:900;flex-shrink:0}.story-trim-actions{flex:0 0 auto;display:flex;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.story-trim-actions .btn{flex:1;min-height:44px}@media (max-width: 480px){.story-create.story-trim-modal{padding:16px 16px 14px;border-radius:var(--r-lg)}.story-trim-frame{height:min(40vh,320px);min-height:170px}.story-trim-track{height:46px}.story-trim-handle{height:58px}.story-trim-selected{margin-top:14px;font-size:12.5px}.story-trim-actions{margin-top:14px;padding-top:12px}}@media (max-height: 620px){.story-trim-frame{height:min(34vh,230px);min-height:140px}.story-trim-selected{margin-top:10px}.story-trim-max-pill{margin-top:6px}.story-trim-actions{margin-top:10px;padding-top:10px}}.story-repost-editor,.story-repost-review{position:relative;isolation:isolate;overflow:hidden}.story-repost-editor:before,.story-repost-review:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;background-image:var(--repost-bg-image);background-size:cover;background-position:center;filter:blur(24px) brightness(.44) saturate(.92);transform:scale(1.09);opacity:.92;pointer-events:none}.story-repost-editor:after,.story-repost-review:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#07090d57,#07090d14 38%,#07090d61);pointer-events:none}.story-repost-editor.full,.story-repost-review.full{background:#05070d!important}.story-repost-editor.full:before,.story-repost-review.full:before{display:none}.story-repost-current-header{position:absolute;top:3.2%;left:3.6%;right:3.6%;z-index:12;display:flex;align-items:center;gap:9px;color:#fff;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.42)}.story-repost-current-header .avatar{flex:0 0 auto}.story-repost-current-meta{min-width:0;display:flex;flex-direction:column;gap:1px}.story-repost-current-meta strong{font-size:11.5px;font-weight:700;line-height:1.05}.story-repost-current-meta span{font-size:9.5px;color:#ffffffb8}.story-repost-editor-card,.story-repost-review-card{position:absolute;left:7.5%;right:7.5%;top:14%;bottom:10%;z-index:5;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#05070d;box-shadow:0 18px 42px #0000006b;transition:inset .22s ease,transform .22s ease,opacity .22s ease}.story-repost-source-header{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 10px;box-sizing:border-box;flex:0 0 auto;color:#fff;background:#05070dbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-repost-source-header>div{min-width:0;display:flex;flex-direction:column;gap:1px}.story-repost-source-header strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.story-repost-source-header span{color:#ffffffab;font-size:8.8px}.story-repost-card-media,.story-repost-full-media{position:relative;min-height:0;overflow:hidden}.story-repost-card-media{flex:1 1 auto}.story-repost-card-media img,.story-repost-card-media video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.story-repost-full-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.story-repost-full-media img,.story-repost-full-media video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.story-repost-source-line{position:absolute;top:11.2%;left:4%;z-index:13;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;color:#fff;background:#0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700;pointer-events:none}.story-repost-source-line-icon{font-size:13px;line-height:1;opacity:.9}.story-repost-review{display:flex;align-items:stretch;justify-content:stretch}.story-repost-review.framed .story-repost-review-card{position:absolute}.story-repost-review.full .story-repost-full-media-review{position:absolute;top:0;right:0;bottom:0;left:0}.story-repost-editor.framed,.story-repost-review.framed{cursor:default}@media (max-width: 480px){.story-repost-editor-card,.story-repost-review-card{left:6.5%;right:6.5%;top:14.5%;bottom:10.5%;border-radius:14px}.story-repost-source-header{min-height:43px;padding:7px 9px}.story-repost-current-header{top:3.6%;left:3.8%;right:3.8%}.story-repost-source-line{top:11.8%;left:4.5%}}.story-repost-loading{width:100%;aspect-ratio:480 / 748;max-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);background:linear-gradient(145deg,#101521,#1c1730);color:var(--text);box-sizing:border-box}.story-repost-loading strong{font-size:14px}.story-repost-loading span{color:var(--text-dim);font-size:11.5px}.story-repost-loading-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent-1);animation:storyRepostSpin .75s linear infinite}@keyframes storyRepostSpin{to{transform:rotate(360deg)}}.story-ref-header{position:relative;display:flex;align-items:center;justify-content:space-between}.story-ref-header h3{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;white-space:nowrap}.story-ref-icon-btn{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);cursor:pointer;z-index:1}.story-ref-icon-btn:hover{background:var(--surface-hover)}.story-ref-icon-btn:disabled{opacity:.5;cursor:default}.story-ref-header-spacer{width:34px;height:34px;flex-shrink:0}.story-ref-header-floating{position:absolute;top:14px;left:14px;right:14px;z-index:15;margin:0;background:transparent;border:0;pointer-events:none}.story-ref-header-floating .story-ref-icon-btn{pointer-events:auto;background:#0a0d1480;border-color:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-ref-header-floating .story-ref-icon-btn:hover{background:#0a0d14b8}.story-create.is-editing .story-create-body{padding-top:0}.story-create.is-editing .story-create-preview,.story-create.is-editing .story-create-textslide{margin-top:0}.story-create-hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:6px}.story-create-hero-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow)}.story-create-hero strong{font-size:19px;font-weight:750;color:var(--text)}.story-create-hero span{max-width:260px;font-size:12.5px;color:var(--text-dim);line-height:1.5}.story-create-option-chevron{margin-left:auto;flex-shrink:0;color:var(--text-faint);display:flex;align-items:center}.story-sheet-title{display:flex;align-items:center;justify-content:space-between}.story-sheet-title strong{font-size:14px}.story-sheet-title-actions{display:flex;align-items:center;gap:10px}.story-sheet-undo{border:0;background:transparent;color:var(--accent-1);font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px}.story-sheet-undo:disabled{color:var(--text-faint);cursor:default}.story-sheet-x{width:26px;height:26px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}.story-sheet-x:hover{background:var(--surface-hover)}.story-sheet-tabs{display:flex;align-items:center;gap:6px}.story-sheet-tabs button{padding:7px 13px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-dim);font-size:12.5px;font-weight:600;cursor:pointer}.story-sheet-tabs button b{margin-right:3px}.story-sheet-tabs button:hover{background:var(--surface-hover)}.story-sheet-tabs button.active{color:#fff;border-color:var(--accent-1);background:var(--gradient-soft)}.story-sheet-tabs .story-sheet-x{margin-left:auto}.story-color-dots{display:flex;flex-wrap:wrap;gap:9px;padding:2px 1px}.story-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-soft);cursor:pointer;padding:0}.story-color-dot:hover{border-color:var(--border)}.story-color-dot.active{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--gradient-soft)}.story-bg-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.story-bg-thumb{height:40px;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0}.story-bg-thumb.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-1)}.story-stroke-row{display:flex;align-items:center;gap:10px;padding-top:2px}.story-stroke-row span{font-size:12px;color:var(--text-dim);white-space:nowrap}.story-stroke-row input[type=range]{flex:1}.story-stroke-row em{font-style:normal;font-size:11.5px;color:var(--text-faint);min-width:32px;text-align:right}.story-more-list{display:flex;flex-direction:column;padding:2px 0 6px}.story-more-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 8px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.story-more-item:hover{background:var(--surface-2)}.story-more-item-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--accent-1)}.story-more-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.story-more-item-text b{font-size:13.5px}.story-more-item-text small{font-size:11px;color:var(--text-dim)}.story-more-item-chevron{color:var(--text-faint);flex-shrink:0}.mention-radio{flex-shrink:0;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--border);margin-left:auto}.mention-dropdown-row:hover .mention-radio{border-color:var(--accent-1)}.story-review-privacy{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:11px 13px;border:1px solid var(--border-soft);border-radius:13px;background:var(--surface-1, var(--bg-elevated));color:var(--text);cursor:pointer}.story-review-privacy:hover{background:var(--surface-2)}.story-review-privacy-icon{color:var(--text-dim);display:flex}.story-review-privacy-text{flex:1;display:flex;flex-direction:column;gap:1px;text-align:left}.story-review-privacy-text b{font-size:13px}.story-review-privacy-text small{font-size:11px;color:var(--text-dim)}.story-review-actions{flex-direction:column;align-items:stretch;gap:8px}.story-share-btn,.story-save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.story-share-btn{background:var(--gradient);border:0}@media (max-width: 600px){.story-bg-thumbs{grid-template-columns:repeat(3,1fr)}}.story-choice-row button.story-cf-choice.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;color:#fff}.story-choice-row button:disabled{opacity:.6;cursor:wait}.story-setting-row.story-cf-active-row small{color:#22c55e;font-weight:700}.story-cf-hint{margin:8px 2px 4px;padding:9px 12px;border-radius:12px;font-size:12px;line-height:1.4;color:#86efac;background:#22c55e24;border:1px solid rgba(34,197,94,.3)}.story-cf-pill{position:absolute;top:64px;left:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border:none;border-radius:999px;font:inherit;font-size:12px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #16a34a80}.story-cf-pill svg{width:14px;height:14px}.story-review-privacy.close-friends{border-color:#22c55e99;background:#22c55e24}.story-review-privacy.close-friends .story-review-privacy-icon{color:#22c55e}.story-review-privacy.close-friends small{color:#22c55e;font-weight:700}.story-create.is-editing{width:min(560px,100%,calc(88vh * .6417));max-width:none;padding:0;background:#05060a;border:1px solid rgba(255,255,255,.1);border-radius:28px}.story-create.is-editing .story-create-body{position:relative;min-height:0;max-height:none;border-radius:28px;overflow:hidden}.story-create.is-editing .story-create-body:before,.story-create.is-editing .story-create-body:after{content:"";position:absolute;left:0;right:0;z-index:10;pointer-events:none}.story-create.is-editing .story-create-body:before{top:0;height:110px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.story-create.is-editing .story-create-body:after{bottom:0;height:130px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.story-create.is-editing .story-create-preview,.story-create.is-editing .story-create-textslide{margin:0;max-height:none;border-radius:28px;overflow:hidden}.story-create.is-editing .story-create-preview img,.story-create.is-editing .story-create-preview video{border-radius:0}.story-create.is-editing .story-ref-header-floating{top:14px;left:14px;right:14px;gap:8px;justify-content:space-between}.story-create.is-editing .story-ref-icon-btn,.story-tool-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#12151e9e;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.story-top-tools{display:flex;align-items:center;gap:8px;pointer-events:none}.story-tool-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .15s ease,color .15s ease}.story-tool-btn:hover{background:#12151ed9}.story-tool-btn.active{background:#fff;color:#111}.story-tool-aa{font-size:15px;font-weight:700;letter-spacing:-.2px}.story-editor-bottom{position:absolute;left:16px;right:16px;bottom:16px;z-index:15;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.story-editor-bottom>*{pointer-events:auto}.story-bottom-round{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#12151e9e;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.story-preview-pill{margin-left:auto;height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--accent-1);color:#fff;font:inherit;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #7c5cfc66}.story-preview-pill:disabled{opacity:.7;cursor:default}.story-create.is-editing .story-caption-drag-hint{position:absolute;left:16px;right:16px;bottom:74px;margin:0;z-index:14;pointer-events:none;color:#ffffffbf;font-size:11.5px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.story-create.is-editing .story-cf-pill{top:64px}@media (max-width: 600px){.story-create.is-editing{width:100%;border:0;border-radius:0;height:100%;overflow:hidden}.story-create.is-editing .story-create-body{height:100%;border-radius:0}.story-create.is-editing .story-create-preview,.story-create.is-editing .story-create-textslide{aspect-ratio:auto;width:100%;height:100%;max-height:none;border-radius:0}.story-create.is-editing .story-ref-header-floating{top:calc(12px + env(safe-area-inset-top,0px))}.story-editor-bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.story-create.is-editing .story-caption-drag-hint{bottom:calc(74px + env(safe-area-inset-bottom,0px))}}.story-create.sheet-open .story-editor-bottom,.story-create.sheet-open .story-caption-drag-hint{display:none}.story-create.sheet-open .story-create-body:before,.story-create.sheet-open .story-create-body:after{display:none}.story-loc-panel.mention-dropdown-panel{z-index:45}.story-loc-panel .mention-results{max-height:260px}.mention-dropdown-row.locked{opacity:.6;cursor:not-allowed}.mention-dropdown-row .mention-private-note{color:var(--warn, #ffb454)}.story-mention-sticker:not(.readonly){touch-action:none}@media (pointer: coarse){.story-sticker-rotate-handle,.story-sticker-resize-handle{display:none!important}}@media (pointer: coarse){.sticker-size-row{display:none!important}}.newchat-modal{max-width:420px}.newchat-tabs{display:flex;gap:8px;margin-bottom:14px}.newchat-tabs button{flex:1;padding:9px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;border:1px solid var(--border)}.newchat-tabs button.active{background:var(--gradient-soft);color:var(--accent-1);border-color:var(--accent-1)}.newchat-selected{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{background:var(--gradient-soft);color:var(--accent-1);padding:5px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;cursor:pointer}.newchat-results{margin-top:12px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.newchat-row{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:var(--r-sm);cursor:pointer}.newchat-row:hover{background:var(--surface-2)}.newchat-row strong{display:block;font-size:13.8px}.newchat-row p{margin:1px 0 0;font-size:12px;color:var(--text-dim)}.story-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100vw;height:100dvh;margin:0;padding:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;background:#000000db;animation:storyFadeIn .16s ease}@keyframes storyFadeIn{0%{opacity:0}to{opacity:1}}.linkup-story-modal{position:relative;width:min(480px,calc(100vw - 24px));height:min(92dvh,820px);min-width:0;min-height:0;max-width:100%;max-height:calc(100dvh - 24px);flex:0 1 480px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;contain:layout paint;background:#050608;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 80px #000000a6}.linkup-story-modal .story-media-frame,.linkup-story-modal .story-owner-actionbar,.linkup-story-modal .story-reply-bar{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.linkup-story-modal .story-owner-action{min-width:0;flex:1 1 0}.linkup-story-modal .story-owner-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.story-viewer-backdrop{padding:0}.linkup-story-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;flex:0 0 100vw;border:0;border-radius:0}}.story-progress-row{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;gap:4px;padding:10px 10px 0}.story-progress-track{flex:1;height:3px;overflow:hidden;background:#ffffff4d;border-radius:999px}.story-progress-fill{height:100%;background:#fff;border-radius:inherit;transition:width .05s linear}.story-viewer-header{position:absolute;top:13px;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;color:#fff}.story-viewer-user{min-width:0;display:flex;align-items:center;gap:9px}.story-viewer-user>div{min-width:0}.story-viewer-user strong{display:block;max-width:250px;overflow:hidden;color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.story-viewer-user span{display:block;margin-top:2px;color:#ffffffb3;font-size:11px;line-height:1.2}.story-viewer-user-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.story-viewer-user-line{display:flex;align-items:baseline;gap:6px;min-width:0}.story-viewer-user-line strong,.story-viewer-user-line span{margin:0}.story-viewer-location{display:flex;align-items:center;gap:4px;color:#ffffffe0;font-size:11.5px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer-location svg{flex-shrink:0;opacity:.9}.story-viewer-actions-top{display:flex;align-items:center;gap:7px;flex-shrink:0}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#121419b8;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s ease,transform .15s ease}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{cursor:default;opacity:.45}.story-media-frame{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050608;-webkit-user-select:none;user-select:none}.story-media{width:100%;height:100%;object-fit:cover}.story-text-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:56px 38px 80px;overflow-wrap:anywhere;text-align:center;font-size:clamp(24px,4vw,34px);font-weight:700;line-height:1.25;color:#fff;background:var(--gradient)}.story-caption-center{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);z-index:3;display:flex;justify-content:center;pointer-events:none}.story-caption-bubble{max-width:100%;padding:10px 18px;border-radius:16px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:18px;font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere;pointer-events:auto}.story-tagged-row{position:absolute;right:18px;bottom:18px;left:18px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.story-tagged-chip{padding:4px 11px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;text-shadow:none}.story-tagged-chip:hover{background:#000000b3}.story-nav{position:absolute;top:0;bottom:0;z-index:4;width:34%;padding:0;border:0;background:transparent;cursor:pointer}.story-nav-left{left:0}.story-nav-right{right:0}.story-comment-ticker{position:absolute;right:12px;bottom:74px;left:12px;z-index:6;display:flex;align-items:center;gap:8px;min-width:0;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0f1014d1;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-comment-ticker-text{min-width:0;overflow:hidden;font-size:12.5px;line-height:1.3;text-align:left;text-overflow:ellipsis;white-space:nowrap}.story-comment-ticker-text strong{font-weight:700}.story-reply-bar{position:relative;z-index:9;display:flex;align-items:center;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#050608;border-top:1px solid rgba(255,255,255,.07)}.story-reply-bar input{min-width:0;flex:1;height:40px;box-sizing:border-box;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;outline:none;background:#17191d;color:#fff;font-size:13px}.story-reply-bar input::placeholder{color:#ffffff85}.story-reply-bar input:focus{border-color:#aa64ffbf}.story-reply-bar .icon-btn{width:40px;height:40px}.story-owner-actionbar{position:relative;z-index:9;display:flex;align-items:stretch;justify-content:space-around;flex-shrink:0;min-height:72px;padding:7px 6px max(8px,env(safe-area-inset-bottom));box-sizing:border-box;background:#17181a;border-top:1px solid rgba(255,255,255,.08)}.story-owner-action{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;border-radius:10px}.story-owner-action:hover{background:#ffffff12}.story-owner-action:active{background:#ffffff1f}.story-owner-action:disabled{cursor:default}.story-owner-action-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.story-owner-action-icon.liked{color:var(--danger)}.story-owner-action-label{max-width:74px;overflow:hidden;color:#ffffffa6;font-size:10.5px;font-weight:500;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.story-owner-action-divider{width:1px;flex:0 0 1px;align-self:center;height:28px;background:#ffffff29}.story-owner-activity-stack{display:inline-flex;align-items:center}.story-owner-activity-avatar{margin-left:-8px;border:1.5px solid #17181a;border-radius:50%}.story-owner-activity-avatar:first-child{margin-left:0}.story-owner-more-top{display:inline-flex}.story-like-badge{position:absolute;right:16px;bottom:16px;z-index:5;padding:5px 11px;border-radius:999px;background:#0000007a;color:#fff;font-size:12px;font-weight:600}.story-viewers-pill{display:inline-flex;align-items:center;gap:6px;margin:10px auto 14px;padding:8px 16px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;font-size:12.5px}.story-viewers-pill.static{cursor:default}.story-viewers-pill.like{color:var(--danger)}.story-owner-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 14px 14px}.story-owner-stats .story-viewers-pill{margin:0}.story-comments-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;background:#0000008c}.story-comments-panel{width:100%;max-height:66%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:18px 16px max(14px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--bg-elevated);color:var(--text)}.story-comments-panel h4{margin:0;font-size:16px}.story-comments-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.story-comment-row{display:flex;align-items:flex-start;gap:10px}.story-comment-body{min-width:0;display:flex;flex-direction:column;gap:2px}.story-comment-name{font-size:12.5px;font-weight:700;color:var(--text)}.story-comment-text{overflow-wrap:anywhere;font-size:13.5px;color:var(--text-dim)}.story-comment-input-row{display:flex;align-items:center;gap:8px}.story-comment-input-row input{min-width:0;flex:1;height:40px;box-sizing:border-box;padding:0 14px;border:1px solid var(--border-soft);border-radius:999px;outline:none;background:var(--bg);color:var(--text)}.story-comments-off-hint{margin:0}.story-mention{color:var(--accent-3);font-weight:600;cursor:pointer}.story-mention:hover,.story-mention:focus-visible{text-decoration:underline}.story-comment-meta{display:flex;align-items:center;gap:12px;margin-top:2px}.story-comment-time{font-size:11.5px;color:var(--text-dim)}.story-comment-reply-btn{padding:0;border:none;background:none;font-size:11.5px;font-weight:700;color:var(--text-dim);cursor:pointer}.story-comment-reply-btn:hover{color:var(--text)}.story-comment-replies{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:14px;border-left:2px solid var(--border-soft)}.story-comment-reply-row{display:flex;align-items:flex-start;gap:8px}.story-comment-replying-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border-soft);font-size:12.5px;color:var(--text-dim)}.story-comment-replying-banner .icon-btn{width:24px;height:24px}.story-viewers-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:flex-end;background:#00000080}.story-viewers-panel{width:100%;max-height:60%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px 20px 0 0;background:var(--bg-elevated)}.story-viewers-list{overflow-y:auto;display:flex;flex-direction:column;gap:4px}.story-viewer-row{position:relative;display:flex;align-items:center;gap:10px;padding:6px 2px;font-size:13.5px}.story-viewer-row-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px;cursor:pointer}.story-viewer-row-name{overflow:hidden;color:var(--text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.story-viewer-row-heart{flex-shrink:0;font-size:14px}.story-viewer-row-menu-wrap{position:relative;flex-shrink:0}.story-viewer-row-kebab,.story-insights-kebab,.story-insights-forward,.story-insights-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer}.story-viewer-row-kebab{width:30px;height:30px;border-radius:50%;color:var(--text-dim)}.story-viewer-row-kebab:hover,.story-insights-kebab:hover{background:var(--surface-hover);color:var(--text)}.story-viewer-row-kebab:disabled,.story-insights-kebab:disabled,.story-insights-forward:disabled{opacity:.5;cursor:default}.story-viewer-row-menu{position:absolute;top:36px;right:0;z-index:30;min-width:218px;padding:6px 0;border-radius:8px;background:#fff;color:#111b21;box-shadow:0 4px 18px #00000038,0 0 0 1px #0000000d}:root:not(.light-theme) .story-viewer-row-menu{background:#233138;color:#e9edef;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff0a}.story-viewer-row-menu-title{margin-bottom:4px;padding:6px 16px 8px;border-bottom:1px solid rgba(0,0,0,.08);color:var(--text-faint, #8696a0);font-size:12.5px;font-weight:600}:root:not(.light-theme) .story-viewer-row-menu-title{border-bottom-color:#ffffff14}.story-viewer-row-menu-btn{width:100%;display:flex;align-items:center;gap:14px;padding:9px 16px;border:0;background:transparent;color:inherit;font-size:14.3px;font-weight:400;text-align:left}.story-viewer-row-menu-btn:hover{background:#0000000b}:root:not(.light-theme) .story-viewer-row-menu-btn:hover{background:#ffffff0f}.story-viewer-row-menu-btn svg{flex-shrink:0;opacity:.72}.story-viewer-row-menu-btn.danger{color:#ea4335}.story-action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#00000073;animation:storyFadeIn .15s ease}.story-action-sheet{width:100%;max-width:520px;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;background:#fff;animation:storySheetUp .18s cubic-bezier(.22,.68,0,1)}@keyframes storySheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.story-action-sheet-title{padding:16px 16px 14px;border-bottom:1px solid #efefef;color:#262626;font-size:14px;font-weight:600;text-align:center}.story-action-sheet-btn{width:100%;display:block;padding:15px 18px;border:0;border-bottom:1px solid #efefef;background:transparent;color:#262626;font-size:15px;font-weight:400;text-align:left;cursor:pointer}.story-action-sheet-btn:last-child{border-bottom:0}.story-action-sheet-btn:hover{background:#f5f5f5}.story-action-sheet-btn:disabled{cursor:default;opacity:.55}.story-action-sheet-btn.danger{color:#ed4956}.story-insights-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column}.story-insights-page{min-height:0;flex:1;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:#000;color:#fff;animation:storyInsightsUp .22s cubic-bezier(.22,.68,0,1)}@keyframes storyInsightsUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.story-insights-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px}.story-insights-icon-btn{width:32px;height:32px;color:#fff}.story-insights-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 16px 6px;scrollbar-width:none}.story-insights-thumbs::-webkit-scrollbar{display:none}.story-insights-thumb{position:relative;width:72px;height:96px;flex-shrink:0;overflow:hidden;padding:2px;border:0;border-radius:10px;background:transparent}.story-insights-thumb img,.story-insights-thumb video{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px}.story-insights-thumb.active{padding:0;border:2.5px solid #fff;border-radius:11px}.story-insights-thumb-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--gradient);color:#fff;font-size:18px;font-weight:700}.story-insights-thumb-add{display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.4);border-radius:10px;background:#ffffff0f;color:#ffffffd9}.story-insights-stats-row{display:flex;align-items:center;gap:22px;padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.story-insights-stat{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600}.story-insights-stat.like{color:var(--danger)}.story-insights-stat-btn{width:30px;height:30px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;cursor:pointer}.story-insights-stat-btn+.story-insights-stat-btn{margin-left:4px}.story-insights-heading{margin:0;padding:16px 18px 8px;color:#fff9;font-size:14px;font-weight:600}.story-insights-list{min-height:0;flex:1;overflow-y:auto;padding:0 12px 12px}.story-insights-row{display:flex;align-items:center;gap:4px;padding:8px 6px}.story-insights-row-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;cursor:pointer}.story-insights-row-name{overflow:hidden;color:#fff;font-size:14.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.story-insights-kebab{width:32px;height:32px;flex-shrink:0;border-radius:50%;color:#ffffffd9}.story-insights-forward{width:34px;height:34px;flex-shrink:0;color:#ffffffd9}.story-archive-panel{gap:14px}.story-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto}.story-archive-thumb{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;padding:0;border:0;border-radius:10px;background:var(--bg-muted, rgba(0, 0, 0, .06));cursor:pointer}.story-archive-thumb img,.story-archive-thumb video{width:100%;height:100%;display:block;object-fit:cover}.story-archive-preview-topbar{display:flex;align-items:center;gap:10px}.story-archive-preview-topbar h4{margin:0;font-size:16px}.story-archive-preview-media{width:100%;max-height:50vh;overflow:hidden;border-radius:12px;background:#000}.story-archive-preview-media img,.story-archive-preview-media video{width:100%;max-height:50vh;display:block;object-fit:contain}.story-mentioned-panel{gap:10px}.story-mentioned-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px 14px;text-align:center}.story-mentioned-empty-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000f;color:#555}.story-mentioned-empty-title{margin:4px 0 0;color:var(--text);font-size:15.5px;font-weight:600}.story-mentioned-empty-sub{max-width:260px}.story-mentioned-thumb-author{position:absolute;left:0;right:0;bottom:0;padding:3px 5px;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;font-size:10.5px;font-weight:600;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.story-repost-banner{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:0;background:linear-gradient(180deg,#000000bf,#0000);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.story-repost-banner svg{flex-shrink:0}.story-repost-compact{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin:0;padding:3px 10px 3px 3px;border:0;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;cursor:pointer}.story-repost-compact:hover{background:#ffffff38}.story-repost-compact svg{flex-shrink:0;opacity:.85}.story-repost-compact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-repost-viewer-card{position:relative;width:86%;height:76%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#05070d;box-shadow:0 16px 38px #00000061}.story-repost-viewer-card .story-repost-source-header{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;box-sizing:border-box;flex:0 0 auto;color:#fff;background:#05070d9e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.story-repost-viewer-card .story-repost-source-header>div{min-width:0;display:flex;flex-direction:column;gap:1px}.story-repost-viewer-card .story-repost-source-header strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.story-repost-viewer-card .story-repost-source-header span{color:#ffffffb3;font-size:10.5px}.story-repost-viewer-card .story-repost-card-media{position:relative;min-height:0;flex:1 1 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-repost-viewer-card .story-repost-card-media img,.story-repost-viewer-card .story-repost-card-media video{width:100%;height:100%;min-width:0;min-height:0;display:block;object-fit:cover}.story-mention-sticker.viewer{position:absolute;max-width:78%;padding:7px 13px;border-radius:999px;border:0;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:4}.story-mention-someone-sheet{max-height:70vh;display:flex;flex-direction:column;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.story-mention-someone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.story-mention-someone-header strong{font-size:15px;color:#262626}.story-mention-someone-header .icon-btn{width:30px;height:30px;background:#f0f0f0;color:#262626;border:0}.story-mention-someone-input{width:100%;padding:10px 12px;border:1px solid #dbdbdb;border-radius:10px;background:#fafafa;color:#262626;font-size:14px;margin-bottom:6px;box-sizing:border-box}.story-mention-someone-sheet .mention-results{overflow-y:auto}.story-mention-someone-sheet .mention-dropdown-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 4px;border:0;background:transparent;color:#262626;text-align:left;cursor:pointer}.story-mention-someone-sheet .mention-dropdown-row:hover{background:#f5f5f5}.story-mention-someone-sheet .mention-dropdown-row span{display:flex;flex-direction:column;line-height:1.25}.story-mention-someone-sheet .mention-dropdown-row em{font-style:normal;font-size:11.5px;color:#8e8e8e}.story-mention-someone-sheet .mention-dropdown-empty{padding:14px 4px;font-size:13px;color:#8e8e8e;text-align:center}.story-progress-row.close-friends .story-progress-fill{background:#22c55e}.story-viewer-user-line .story-cf-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #16a34a73}.story-comment-highlight{background:#7c5cfc2e;border-radius:12px;box-shadow:0 0 0 1px #7c5cfc80;animation:story-comment-flash 1.6s ease-out 1}@keyframes story-comment-flash{0%{background:#7c5cfc73}to{background:#7c5cfc2e}}.story-archive-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));color:#fff;font-size:13px;background:linear-gradient(to top,#000000a6,#0000)}.story-archive-bar-note{display:inline-flex;align-items:center;gap:6px;opacity:.9}.story-archive-bar-delete{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 14px;background:#ffffff29;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.story-archive-bar-delete:hover{background:#ff46468c}.story-archive-bar-buttons{display:inline-flex;gap:8px}.story-archive-bar-download:hover{background:#7c5cff99}.story-comment-mention-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;margin-bottom:8px;padding:4px;border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-elevated, rgba(30, 30, 36, .98))}.story-comment-mention-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.story-comment-mention-row:hover,.story-comment-mention-row.active{background:#7c5cff38}.story-comment-mention-row span{display:flex;flex-direction:column;line-height:1.25}.story-comment-mention-row em{font-style:normal;font-size:11.5px;opacity:.65}.story-comment-mention-empty{padding:12px;font-size:13px;opacity:.7;text-align:center}.linkup-story-modal .story-progress-row{position:absolute!important;top:0;left:0;right:0;z-index:30!important;display:flex!important;gap:4px;padding:8px 10px 0!important;opacity:1!important;visibility:visible!important;pointer-events:none}.linkup-story-modal .story-progress-row:before{content:"";position:absolute;left:0;right:0;top:0;height:84px;background:linear-gradient(to bottom,#0000008c,#0000);z-index:-1;pointer-events:none}.linkup-story-modal .story-progress-track{flex:1 1 0;min-width:0;height:4px!important;border-radius:999px;overflow:hidden;background:#ffffff59!important;box-shadow:0 0 0 1px #0000002e}.linkup-story-modal .story-progress-fill{display:block;height:100%!important;background:#fff;border-radius:inherit;transition:none!important;will-change:width}.linkup-story-modal .story-progress-row.close-friends .story-progress-fill{background:#22c55e}.linkup-story-modal .story-media-frame{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.linkup-story-modal .story-media-frame img,.linkup-story-modal .story-media-frame video{-webkit-user-drag:none}.linkup-story-modal .story-viewer-header,.linkup-story-modal .story-reply-bar,.linkup-story-modal .story-owner-actionbar,.linkup-story-modal .story-comment-ticker{transition:opacity .18s ease}.linkup-story-modal.is-holding .story-viewer-header,.linkup-story-modal.is-holding .story-reply-bar,.linkup-story-modal.is-holding .story-owner-actionbar,.linkup-story-modal.is-holding .story-comment-ticker{opacity:0;pointer-events:none}.linkup-story-modal .story-pause-btn{display:inline-flex;align-items:center;justify-content:center}@media (hover: none) and (pointer: coarse){.linkup-story-modal .story-pause-btn{display:none}}.story-loc-sticker{position:absolute;display:inline-flex;align-items:center;gap:6px;max-width:80%;box-sizing:border-box;padding:7px 14px 7px 9px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:none;transform-origin:center center;z-index:9}.story-loc-sticker svg{flex-shrink:0}.story-loc-sticker-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.story-loc-sticker.style-pill{background:#fff;color:#111}.story-loc-sticker.style-dark{background:#0000009e;color:#fff}.story-loc-sticker.style-plain{background:transparent;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.65)}.story-loc-sticker.readonly{pointer-events:none;cursor:default}.story-loc-sticker.editable{cursor:grab;z-index:12;outline:1.5px dashed rgba(255,255,255,.85);outline-offset:4px}.story-loc-sticker.editable:active{cursor:grabbing}.story-loc-sticker-x{position:absolute;top:-16px;right:-12px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#111;color:#fff;font-size:11px;line-height:22px;cursor:pointer}.story-loc-sticker-handle{position:absolute;right:-14px;bottom:-14px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #7c5cff;cursor:nwse-resize;touch-action:none}.story-loc-sticker.editable{touch-action:none}@media (pointer: coarse){.story-loc-sticker-handle{display:none!important}}.story-loc-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.story-loc-item:hover{background:var(--surface-2)}.sticker-mention-search .story-loc-item{padding:8px 16px;border-radius:0}.story-loc-item-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.story-loc-item-text{min-width:0;display:flex;flex-direction:column;gap:2px}.story-loc-item-text b,.story-loc-item-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-loc-item-text b{font-size:14px;font-weight:600}.story-loc-item-text small{font-size:12px;color:var(--text-dim)}.story-loc-credit{margin:6px 0 0;text-align:center;font-size:11px;color:var(--text-faint)}.story-loc-row{display:flex;align-items:center;gap:6px}.story-loc-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.story-loc-open:hover{background:var(--surface-hover, var(--surface-2))}.story-loc-icon-circle{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--surface-1, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:center}.story-loc-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.story-loc-text b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-loc-text small{font-size:12px;color:var(--text-dim)}.story-loc-remove{flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text-dim);cursor:pointer}.story-sheet-done{font-weight:600}@media (max-width: 600px){.story-create.is-editing{padding:0;background:#000;border:0;overflow:hidden}.story-create.is-editing .story-create-body{padding:0;min-height:0}.story-create.is-editing .story-create-preview,.story-create.is-editing .story-create-textslide{border-radius:0 0 18px 18px}.story-create.is-editing .story-create-preview img,.story-create.is-editing .story-create-preview video{border-radius:0}.story-create.is-editing .story-editor-toolbar{position:absolute;top:14px;right:14px;z-index:16;width:auto;margin:0;padding:0;border:0;gap:6px;align-items:center;justify-content:flex-end}.story-create.is-editing .story-editor-toolbar>button{min-width:0;width:36px;height:36px;padding:0;gap:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0a0d1480;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-create.is-editing .story-editor-toolbar>button span{display:none}.story-create.is-editing .story-editor-toolbar>button svg{width:19px;height:19px}.story-create.is-editing .story-editor-toolbar>button:hover,.story-create.is-editing .story-editor-toolbar>button.active{background:#fff;color:#111}.story-create.is-editing .story-ref-header-floating .story-ref-icon-btn[aria-label="Save to gallery"]{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:40px;height:40px;z-index:21}.story-create.is-editing .modal-actions{position:absolute;left:14px;right:14px;bottom:0;height:72px;margin:0;padding:0 0 env(safe-area-inset-bottom,0px);background:transparent;align-items:center;justify-content:flex-end}.story-create.is-editing .modal-actions .btn-secondary{display:none}.story-create.is-editing .modal-actions .btn-primary{border-radius:999px;padding:11px 24px;font-weight:600}.story-create.is-editing .story-caption-drag-hint{display:none}.story-create.is-editing .story-cf-pill{position:absolute;top:58px;left:14px;z-index:16}.story-inline-panel.story-sheet{--text: #fff;--text-dim: #a0a0a8;--text-faint: #8a8a92;--surface-1: #2c2c2e;--surface-2: #2c2c2e;--surface-hover: #3a3a3c;--border: #3a3a3c;--border-soft: #3a3a3c;background:#18181af7;border:0;color:#fff}.story-sheet-backdrop{background:#0009}.story-sheet-tabs button{border-radius:999px}.story-sheet-tabs button.active{background:#fff;color:#111}.story-sheet-x.story-sheet-done{width:auto;height:auto;padding:6px 10px;border-radius:999px;font-size:15px;color:#fff}.story-sheet .story-font-picker{gap:8px;padding-bottom:4px}.story-sheet .story-font-chip{padding:7px 14px;background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}.story-sheet .story-font-chip.active{background:#fff;color:#111;border-color:#fff}.story-sheet .story-color-dots{flex-wrap:nowrap;overflow-x:auto;gap:12px;padding:6px 4px}.story-sheet .story-color-dot{width:28px;height:28px;flex-shrink:0;border:2px solid #fff}.story-sheet .story-color-dot.active{box-shadow:0 0 0 2px #18181a,0 0 0 4px #fff}.sticker-mention-search.mention-dropdown-panel{--text: #fff;--text-dim: #a0a0a8;left:0;right:0;bottom:0;max-height:68%;padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0;background:#1c1c1e;color:#fff}.sticker-mention-search.mention-dropdown-panel:before{content:"";display:block;width:34px;height:4px;margin:0 auto 8px;border-radius:2px;background:#555}.sticker-mention-search-header{padding:0 14px;margin-bottom:8px}.sticker-mention-search .story-caption-input{width:calc(100% - 28px);margin:0 14px 6px;padding:9px 12px 9px 36px;border:0;border-radius:10px;color:#fff;background-color:#2c2c2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9aa0' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center;background-size:17px}.sticker-mention-search .mention-radio{display:none}.sticker-mention-search .mention-dropdown-row{padding:8px 16px;gap:12px}.sticker-mention-search .mention-dropdown-row strong{font-size:14px;font-weight:600}.sticker-mention-search .mention-dropdown-row em{font-size:12px}}.chat-list-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.chat-list{display:flex;flex-direction:column;overflow-y:auto;flex:1;padding:4px 8px}.chat-list-row{position:relative;display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:var(--r-md);cursor:pointer}.chat-list-row:hover{background:var(--surface-2)}.chat-list-row.active{background:var(--gradient-soft)}.chat-list-meta{flex:1;min-width:0}.chat-list-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.chat-list-top strong{font-size:14.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group-tag{font-size:9.5px;font-weight:700;color:var(--accent-1);background:var(--gradient-soft);padding:1.5px 6px;border-radius:var(--r-full);margin-left:6px;vertical-align:middle}.chat-pin-tag{font-size:10.5px;margin-left:5px;vertical-align:middle;opacity:.85}.chat-list-time{font-size:11px;color:var(--text-faint);flex-shrink:0}.chat-list-preview{margin:2px 0 0;font-size:12.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-muted-mark{opacity:.8}.chat-list-top strong.unread{color:var(--text);font-weight:800}.chat-list-preview.unread{color:var(--text);font-weight:600}.chat-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--gradient);flex-shrink:0;margin-left:4px}.chat-filterbar{display:flex;align-items:center;gap:8px;padding:0 14px 12px;flex-shrink:0}.chat-filter-tabs{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.chat-filter-tabs::-webkit-scrollbar{display:none}.chat-filter-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6.5px 14px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.chat-filter-tab:hover{background:var(--surface-hover);color:var(--text)}.chat-filter-tab.active{background:var(--gradient-soft);border-color:#7c5cfc66;color:var(--accent-1)}.chat-filter-count{font-size:11px;font-weight:700;opacity:.9}.chat-filter-more{position:relative;flex-shrink:0}.chat-filter-more-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.chat-filter-more-btn:hover{background:var(--surface-hover);color:var(--text)}.chat-filter-more-btn.active{background:var(--gradient-soft);border-color:#7c5cfc66;color:var(--accent-1)}.chat-filter-menu{position:absolute;right:0;top:40px;min-width:192px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 0;z-index:30;box-shadow:var(--shadow-md);animation:rowMenuPop .14s ease}.chat-filter-menu-btn{width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px;background:transparent;color:var(--text);font-size:13.5px;font-weight:500;text-align:left;border:none}.chat-filter-menu-btn:hover{background:var(--surface-2)}.chat-filter-menu-btn svg{flex-shrink:0;color:var(--text-dim)}.chat-filter-menu-label{flex:1}.chat-filter-menu-badge{font-size:11.5px;font-weight:700;color:var(--accent-1);background:var(--gradient-soft);padding:1.5px 8px;border-radius:var(--r-full)}.chat-row-kebab{display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);flex-shrink:0;position:absolute;right:8px;top:10px}.chat-row-kebab:hover{background:var(--surface-hover);color:var(--text)}.chat-list-row:hover .chat-row-kebab{display:flex}.chat-row-menu{position:absolute;right:8px;top:40px;min-width:236px;background:#fff;color:#111b21;border-radius:8px;padding:6px 0;z-index:30;box-shadow:0 4px 18px #00000038,0 0 0 1px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;animation:rowMenuPop .14s ease}:root:not(.light-theme) .chat-row-menu{background:#233138;color:#e9edef;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff0a}@keyframes rowMenuPop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-row-menu-item{position:relative}.chat-row-menu-btn{width:100%;display:flex;align-items:center;gap:14px;padding:9px 16px;background:transparent;color:inherit;font-size:14.3px;font-weight:400;text-align:left;border:none}.chat-row-menu-btn:hover{background:#0000000b}:root:not(.light-theme) .chat-row-menu-btn:hover{background:#ffffff0f}.chat-row-menu-btn svg{flex-shrink:0;opacity:.72}.chat-row-menu-label{flex:1;display:flex;flex-direction:column;line-height:1.35}.chat-row-menu-label small{font-size:11.5px;font-weight:400;color:var(--text-faint);opacity:.85}.chat-row-menu-btn.danger{color:#ea4335}.chat-row-menu-btn.danger svg{opacity:.9}.chat-row-menu-divider{height:1px;margin:6px 0;background:#00000014}:root:not(.light-theme) .chat-row-menu-divider{background:#ffffff14}.chat-row-submenu{position:absolute;left:100%;top:0;min-width:130px;background:#fff;color:#111b21;border-radius:8px;padding:6px 0;box-shadow:0 4px 18px #00000038,0 0 0 1px #0000000d;z-index:31;font-family:inherit}:root:not(.light-theme) .chat-row-submenu{background:#233138;color:#e9edef;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff0a}.chat-row-submenu button{width:100%;padding:9px 16px;background:transparent;color:inherit;font-size:14px;text-align:left;border:none}.chat-row-submenu button:hover{background:#0000000b}:root:not(.light-theme) .chat-row-submenu button:hover{background:#ffffff0f}.chat-list-avatar-hit{flex-shrink:0;line-height:0;border-radius:50%}.chat-list-photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000e0;display:flex;align-items:center;justify-content:center}.chat-list-photo-img{display:block;max-width:92vw;max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:12px}.chat-list-photo-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:16px;cursor:pointer}.media-gate{display:flex;align-items:center;gap:12px;width:100%;min-width:190px;padding:14px 16px;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-align:left;font:inherit}.media-gate-image,.media-gate-video{min-height:120px;justify-content:center;flex-direction:column;text-align:center;gap:6px}.media-gate:hover{border-color:var(--accent-1)}.media-gate span{display:flex;flex-direction:column;gap:2px}.media-gate strong{font-size:14px}.media-gate small{font-size:12px;color:var(--text-dim)}.attach-anchor{position:relative;flex-shrink:0;display:flex}.attach-btn.on{background:var(--surface-hover);color:var(--accent-1)}.attach-menu{position:absolute;bottom:calc(100% + 12px);left:0;z-index:70;min-width:232px;padding:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 38px #00000061;animation:attach-pop .14s ease-out;transform-origin:bottom left}@keyframes attach-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.attach-item{width:100%;display:flex;align-items:center;gap:14px;padding:11px 14px;border:0;background:none;border-radius:12px;color:var(--text);font-size:15px;font-weight:500;text-align:left;cursor:pointer}.attach-item:hover,.attach-item:focus-visible{background:var(--surface-hover);outline:none}.attach-ico{display:grid;place-items:center;width:26px;flex-shrink:0}@media (max-width: 859px){.attach-menu{min-width:min(260px,calc(100vw - 24px))}.attach-item{padding:13px 14px}}.cam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#000c;display:grid;place-items:center;padding:16px}.cam-box{position:relative;width:min(760px,100%);max-height:100%;background:#000;border-radius:18px;overflow:hidden;display:grid;place-items:center;min-height:240px}.cam-video{width:100%;max-height:80vh;display:block;transform:scaleX(-1)}.cam-close{position:absolute;top:10px;left:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:24px;line-height:1;cursor:pointer}.cam-shutter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.cam-shutter span{width:50px;height:50px;border-radius:50%;background:#fff}.cam-shutter:active span{transform:scale(.9)}.cam-shutter:disabled{opacity:.4}.cam-error{color:#fff;padding:40px 24px;text-align:center;max-width:420px;line-height:1.5}.emoji-popover{position:absolute;z-index:70;width:min(420px,calc(100vw - 20px));filter:drop-shadow(0 10px 28px rgba(0,0,0,.35))}.emoji-picker{display:flex;flex-direction:column;height:min(380px,52vh);background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;overflow:hidden;color:var(--text)}.emoji-tabs{display:flex;justify-content:space-between;padding:6px 8px 0;border-bottom:1px solid var(--border-soft);flex-shrink:0}.emoji-tab{flex:1;height:42px;display:grid;place-items:center;background:none;border:0;border-bottom:3px solid transparent;color:var(--text-dim);cursor:pointer;border-radius:8px 8px 0 0}.emoji-tab:hover{background:var(--surface-hover)}.emoji-tab.active{color:var(--accent-1);border-bottom-color:var(--accent-1)}.emoji-search{display:flex;align-items:center;gap:8px;margin:10px 12px 4px;padding:0 14px;height:40px;border:1.5px solid var(--accent-1);border-radius:var(--r-full);color:var(--text-dim);flex-shrink:0}.emoji-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;padding:0}.emoji-scroll{flex:1;overflow-y:auto;padding:4px 10px 10px;overscroll-behavior:contain;scrollbar-width:thin}.emoji-scroll h4{margin:10px 4px 4px;font-size:12.5px;font-weight:700;color:var(--text-dim);position:sticky;top:0;background:var(--bg-elevated);padding:2px 0;z-index:1}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px}.emoji-btn{height:38px;border:0;background:none;border-radius:10px;font-size:25px;line-height:1;cursor:pointer;display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.emoji-btn:hover,.emoji-btn:focus-visible{background:var(--surface-hover);outline:none}.emoji-empty{padding:36px 8px;text-align:center;color:var(--text-dim);font-size:13.5px}.mc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;background:var(--bg-elevated);color:var(--text);animation:mc-in .16s ease-out}@keyframes mc-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mc-top{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-shrink:0}.mc-close{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--text-dim);cursor:pointer}.mc-close:hover{background:var(--surface-hover);color:var(--text)}.mc-title{flex:1;min-width:0;text-align:center;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:42px}.mc-to{display:none}.mc-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 24px 8px}.mc-img,.mc-video{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain;background:#000;box-shadow:var(--shadow-md)}.mc-video{width:auto}.mc-card{width:min(520px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:42px 20px 34px;background:var(--surface-2);border-radius:18px;text-align:center}.mc-card strong{font-size:30px;font-weight:500;color:var(--text-faint)}.mc-card-meta{font-size:14px;color:var(--text-faint)}.mc-audio{width:min(380px,100%)}.mc-docicon{display:block}.mc-caption-wrap{position:relative;display:flex;justify-content:center;padding:6px 24px 12px;flex-shrink:0}.mc-caption{display:flex;align-items:center;width:min(720px,100%);background:var(--surface-2);border:1.5px solid transparent;border-radius:14px;padding:0 8px 0 18px}.mc-caption:focus-within{border-color:var(--accent-1)}.mc-caption input{flex:1;min-width:0;height:50px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.mc-emoji-btn{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--text-dim);cursor:pointer}.mc-emoji-btn:hover,.mc-emoji-btn.on{background:var(--surface-hover);color:var(--accent-1)}.mc-emoji-pop{bottom:calc(100% - 4px);left:50%;transform:translate(-50%)}.mc-bottom{display:flex;align-items:center;gap:16px;padding:12px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);flex-shrink:0}.mc-strip{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;overflow-x:auto;padding:6px 4px;scrollbar-width:thin}.mc-thumb-wrap{position:relative;flex-shrink:0}.mc-thumb,.mc-add{width:54px;height:54px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);overflow:hidden;cursor:pointer;padding:0;position:relative;display:grid;place-items:center;color:var(--text);flex-shrink:0}.mc-thumb img,.mc-thumb video{width:100%;height:100%;object-fit:cover;display:block}.mc-thumb-wrap.active .mc-thumb{border:3px solid var(--accent-1)}.mc-thumb-doc{display:grid;place-items:center}.mc-thumb-play{position:absolute;inset:auto 3px 3px auto;font-size:9px;color:#fff;background:#0000008c;border-radius:4px;padding:1px 4px}.mc-thumb-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--text);color:var(--bg-elevated);font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .12s}.mc-thumb-wrap:hover .mc-thumb-x,.mc-thumb-wrap:focus-within .mc-thumb-x{opacity:1}.mc-add:hover{background:var(--surface-hover)}.mc-send{position:relative;width:60px;height:60px;border-radius:50%;border:0;background:var(--gradient);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-glow);flex-shrink:0}.mc-send:hover{filter:brightness(1.06)}.mc-send:active{transform:scale(.96)}.mc-count{position:absolute;right:-2px;bottom:-2px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--bg-elevated);color:var(--text);border:2px solid var(--accent-1);font-size:12px;font-weight:700;display:grid;place-items:center}@media (min-width: 860px){.mc-overlay{top:3vh;right:4vw;bottom:3vh;left:4vw;border-radius:20px;border:1px solid var(--border);box-shadow:0 30px 80px #00000080}.mc-to{display:block;position:absolute;right:24px;top:24px;font-size:12.5px;color:var(--text-faint)}}@media (max-width: 859px){.mc-overlay{background:#0b0f16;color:#fff;--text: #fff;--text-dim: #c3cad6;--text-faint: #8a93a3;--surface: #1b2330;--surface-2: #1f2735;--surface-hover: #2a3445;--border: #2f3a4d;--border-soft: #1f2735;--bg-elevated: #0b0f16}.mc-top{padding:calc(10px + env(safe-area-inset-top)) 10px 8px}.mc-title{font-size:14px}.mc-stage{padding:0 8px 6px}.mc-img,.mc-video{border-radius:0;box-shadow:none;width:100%}.mc-card{padding:30px 16px 26px}.mc-card strong{font-size:22px}.mc-caption-wrap{padding:4px 10px 8px}.mc-caption input{height:46px}.mc-bottom{padding:8px 12px calc(12px + env(safe-area-inset-bottom));gap:10px}.mc-strip{justify-content:flex-start}.mc-thumb,.mc-add{width:48px;height:48px}.mc-send{width:54px;height:54px}.mc-thumb-x{opacity:1}.mc-emoji-pop{left:0;right:0;width:auto;transform:none;padding:0 6px}}.chat-bubble.has-media{padding:4px 4px 6px;gap:4px;min-width:120px}.chat-bubble.has-media .chat-media-img{border-radius:12px;max-width:min(300px,100%);width:100%}.chat-bubble.has-media>img.chat-media-img{cursor:zoom-in}.chat-bubble.has-media .chat-bubble-time,.chat-bubble.has-media .chat-media-caption{padding:0 8px}.chat-media-caption{display:block;padding:2px 4px 0;font-size:calc(14.2px * var(--chat-font-scale, 1));line-height:1.4;white-space:pre-wrap;word-break:break-word}.doc-card{display:flex;flex-direction:column;min-width:220px;max-width:300px}.doc-card-main{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#0000001f}.chat-bubble:not(.mine) .doc-card-main{background:var(--surface-hover)}.doc-card-icon{position:relative;flex-shrink:0;display:grid;place-items:center}.doc-card-icon svg{display:block}.doc-card-icon em{position:absolute;bottom:6px;font-size:7px;font-style:normal;font-weight:800;color:#fff;letter-spacing:.2px;background:var(--accent-1);border-radius:3px;padding:0 2px;line-height:11px}.doc-card-text{min-width:0;display:flex;flex-direction:column;gap:1px}.doc-card-text strong{font-size:14.5px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.doc-card-text small{font-size:12px;opacity:.75}.doc-card-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:4px;border-top:1px solid rgba(255,255,255,.22)}.chat-bubble:not(.mine) .doc-card-actions{border-top-color:var(--border-soft)}.doc-card-actions a,.doc-card-actions button{padding:8px 4px 4px;text-align:center;font-size:13.5px;font-weight:700;color:inherit;text-decoration:none;background:none;border:0;cursor:pointer;border-radius:8px}.chat-bubble:not(.mine) .doc-card-actions a,.chat-bubble:not(.mine) .doc-card-actions button{color:var(--accent-1)}.doc-card-actions a:hover,.doc-card-actions button:hover{background:#ffffff1f}.pending-media{position:relative}.pending-media .chat-media-img{filter:brightness(.8)}.pending-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.pending-ring{border:0;background:none;padding:0;cursor:pointer;display:block}.pending-failed{background:#000000a6;color:#fff;border-radius:12px;padding:10px 12px;text-align:center;font-size:12.5px;max-width:90%;display:flex;flex-direction:column;gap:8px}.pending-failed div{display:flex;gap:8px;justify-content:center}.pending-failed button,.pending-doc-state button{border:0;background:#ffffff38;color:inherit;font-weight:700;font-size:12px;border-radius:999px;padding:4px 12px;cursor:pointer}.pending-doc-state{display:flex;align-items:center;gap:8px;padding:4px 4px 0;font-size:12px}.pending-bar{flex:1;height:4px;border-radius:4px;background:#ffffff4d;overflow:hidden}.pending-bar i{display:block;height:100%;background:#fff;border-radius:4px;transition:width .2s}.pending-err{flex:1}.mv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 16px 20px;color:#fff}.mv-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.mv-top button{width:42px;height:42px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}.mv-overlay img{max-width:100%;max-height:calc(100% - 50px);object-fit:contain;border-radius:6px}.mv-overlay p{margin:0;max-width:720px;text-align:center;font-size:15px;line-height:1.45;white-space:pre-wrap}.report-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.report-modal{width:100%;max-width:400px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;color:var(--text);box-shadow:0 20px 60px #00000073}.report-modal h3{margin:0 0 4px;font-size:17px}.report-sub{margin:0 0 14px;font-size:13px;color:var(--text-dim)}.report-label{display:block;margin:12px 0 6px;font-size:12.5px;font-weight:600;color:var(--text-dim)}.report-select,.report-textarea{width:100%;box-sizing:border-box;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;outline:none}.report-textarea{resize:vertical;min-height:72px}.report-select:focus,.report-textarea:focus{border-color:var(--accent-1)}.report-error{margin-top:12px;padding:9px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.report-btn{padding:9px 16px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer}.report-btn:disabled{opacity:.5;cursor:not-allowed}.report-btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.contact-panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;animation:contactPanelIn .22s ease}@keyframes contactPanelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.contact-panel{flex:1;display:flex;flex-direction:column;min-height:0}.contact-panel-topbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-soft);background:var(--bg-elevated);flex-shrink:0}.contact-panel-topbar-title{flex:1;font-weight:600;font-size:15px}.contact-panel-topbar-options{position:relative;margin-left:auto}.contact-panel-scroll{flex:1;min-height:0;overflow-y:auto}.contact-panel-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px 18px}.contact-panel-hero h2{margin:14px 0 2px;font-size:19px}.contact-panel-handle{margin:0;color:var(--text-dim);font-size:13.5px}.contact-panel-online{margin:4px 0 0;color:var(--online);font-size:12.5px;font-weight:600}.contact-panel-sub{margin:4px 0 0;color:var(--text-dim);font-size:12.5px}.contact-panel-callrow{display:flex;align-items:stretch;margin:4px 20px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.contact-panel-callbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:transparent;border:none;color:var(--accent-1);font-size:12px;font-weight:600}.contact-panel-callbtn:hover{background:var(--surface-hover)}.contact-panel-calldivider{width:1px;background:var(--border);margin:10px 0}.contact-panel-linkrow{display:flex;align-items:center;gap:14px;width:calc(100% - 40px);margin:0 20px 4px;padding:13px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-align:left}.contact-panel-linkrow:hover{background:var(--surface-hover)}.contact-panel-count{color:var(--text-dim);font-size:13px;font-weight:600;margin-left:auto}.contact-panel-list{padding:10px 0;border-bottom:8px solid var(--surface)}.contact-panel-list.padded{padding:12px 4px;border-bottom:none}.contact-panel-row{width:100%;display:flex;align-items:center;gap:15px;padding:13px 20px;background:transparent;border:none;color:var(--text);text-align:left}.contact-panel-row:hover{background:var(--surface-2)}.contact-panel-row.static{cursor:default}.contact-panel-row.static:hover{background:transparent}.contact-panel-row:disabled{opacity:.6;cursor:default}.contact-panel-row-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);color:var(--text-dim);flex-shrink:0}.contact-panel-row-icon.danger{background:var(--danger-soft);color:var(--danger)}.contact-panel-row-icon.good{background:#2fe6a624;color:var(--online)}.contact-panel-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.contact-panel-row-text strong{font-size:14.5px;font-weight:500}.contact-panel-row-text strong.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-panel-row-text small{font-size:12px;color:var(--text-dim)}.contact-panel-swatches{display:flex;gap:10px;padding:4px 20px 16px 73px;flex-wrap:wrap}.contact-panel-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer}.contact-panel-swatch.active{border-color:var(--accent-1)}.contact-panel-media{padding:16px 20px 24px}.contact-panel-media-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.contact-panel-media-title{font-size:13px;font-weight:600;color:var(--text-dim);margin:0;text-transform:uppercase;letter-spacing:.03em}.contact-panel-seeall{background:none;border:none;color:var(--accent-1);font-size:12.5px;font-weight:600}.contact-panel-media-empty{font-size:13px;color:var(--text-faint)}.contact-panel-media-empty.centered{text-align:center;padding:40px 20px}.contact-panel-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.contact-panel-media-grid.padded{padding:12px 16px}.contact-panel-media-item{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);display:block}.contact-panel-media-item img,.contact-panel-media-item video{width:100%;height:100%;object-fit:cover}.contact-panel-media-playbadge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000002e}.contact-panel-members{padding:16px 0 10px;border-bottom:8px solid var(--surface)}.contact-panel-members-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px 8px}.contact-panel-members-head>div{display:flex;flex-direction:column;gap:2px}.contact-panel-members-head strong{font-size:14.5px;font-weight:600}.contact-panel-members-head small{font-size:12px;color:var(--text-dim)}.contact-panel-members-list{display:flex;flex-direction:column}.contact-panel-member-row{width:100%;display:flex;align-items:center;gap:13px;padding:10px 20px;background:transparent;border:none;color:var(--text);text-align:left}.contact-panel-member-row:hover{background:var(--surface-2)}.contact-panel-member-row:active{background:var(--surface-hover)}.contact-panel-member-row>svg{margin-left:auto;flex-shrink:0;color:var(--text-dim)}.contact-panel-member-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.contact-panel-member-text strong{display:flex;align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-panel-member-text small{color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-panel-member-you{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-full);background:var(--gradient-soft);color:var(--accent-1);font-size:10px;font-weight:700}.contact-panel-members-loading,.contact-panel-members-empty{padding:12px 20px 16px 81px;color:var(--text-dim);font-size:12.5px}.contact-panel-footerbar{display:flex;border-top:1px solid var(--border-soft);background:var(--bg-elevated);margin-top:auto;flex-shrink:0}.contact-panel-footerbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;background:transparent;border:none;color:var(--text-dim);font-size:11.5px;font-weight:600}.contact-panel-footerbtn:hover{background:var(--surface-2);color:var(--text)}.contact-panel-optionsmenu{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:8px;z-index:30;animation:contactMenuPop .14s ease}@keyframes contactMenuPop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-panel-optioncard{width:100%;display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:var(--r-md);background:transparent;border:none;text-align:left;color:var(--text);cursor:pointer}.contact-panel-optioncard:hover{background:var(--surface-hover)}.contact-panel-optioncard:disabled{opacity:.6;cursor:default}.contact-panel-optioncard-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;color:var(--text-dim);background:var(--surface)}.contact-panel-optioncard-icon.neutral{color:var(--accent-1);background:var(--gradient-soft)}.contact-panel-optioncard-icon.danger{color:var(--danger);background:var(--danger-soft)}.contact-panel-optioncard-text{display:flex;flex-direction:column;gap:2px}.contact-panel-optioncard-text strong{font-size:13.5px;font-weight:600}.contact-panel-optioncard-text small{font-size:11.5px;color:var(--text-dim)}.contact-panel-optioncard:has(.contact-panel-optioncard-icon.danger) .contact-panel-optioncard-text strong{color:var(--danger)}.contact-panel-optioncard-icon.danger{background:#ff5c7a38}.contact-panel-optioncard:has(.contact-panel-optioncard-icon.danger):hover{background:var(--danger-soft)}.contact-panel-tabs{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.contact-panel-tabs button{flex:1;padding:9px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;border:1px solid var(--border)}.contact-panel-tabs button.active{background:var(--gradient-soft);color:var(--accent-1);border-color:var(--accent-1)}.contact-panel-toggler{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:8px solid var(--surface)}.contact-panel-switch{width:44px;height:26px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);position:relative;flex-shrink:0;transition:background .15s ease}.contact-panel-switch.on{background:var(--gradient);border-color:transparent}.contact-panel-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 4px #0000004d}.contact-panel-switch.on .contact-panel-switch-knob{transform:translate(18px)}.contact-panel-radios{padding:8px 0}.contact-panel-radiorow{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:transparent;border:none;color:var(--text);font-size:14.5px;text-align:left}.contact-panel-radiorow:hover{background:var(--surface-2)}.contact-panel-radiorow:disabled,.contact-panel-switch:disabled{opacity:.6;cursor:default}.contact-panel-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);position:relative;flex-shrink:0}.contact-panel-radio.checked{border-color:var(--accent-1)}.contact-panel-radio.checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent-1)}.contact-panel-securitycode{margin:6px 20px 4px;padding:16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-family:SFMono-Regular,Consolas,monospace;font-size:16px;letter-spacing:.06em;text-align:center;color:var(--text)}.contact-panel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.contact-panel-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;max-width:340px;width:100%;box-shadow:var(--shadow-md)}.contact-panel-modal h3{margin:0 0 8px;font-size:16px}.contact-panel-modal p{margin:0 0 14px;font-size:13.5px;color:var(--text-dim);line-height:1.4}.contact-panel-modal-input{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:11px 13px;font-size:14px;color:var(--text);margin-bottom:16px}.contact-panel-modal-input:focus{border-color:var(--accent-1)}.contact-panel-modal-actions{display:flex;justify-content:flex-end;gap:10px}@media (min-width: 860px){.contact-panel-overlay{position:absolute;left:auto;right:0;width:400px;border-left:1px solid var(--border-soft);box-shadow:-12px 0 30px #00000040}}.contact-customize-screen{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.contact-customize-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 24px}.customize-section{margin-bottom:22px}.customize-section-title{margin:0 0 11px;font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.customize-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customize-theme-card{border:1px solid var(--border-soft);background:var(--surface-1, var(--bg-elevated));color:var(--text);border-radius:15px;padding:7px 7px 9px;cursor:pointer;text-align:center;font-size:12px;font-weight:650;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.customize-theme-card:hover{transform:translateY(-1px)}.customize-theme-card.active{border-color:var(--accent-1);box-shadow:0 0 0 2px #7c5cfc21}.customize-theme-preview{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:88px;border-radius:10px;padding:8px;margin-bottom:7px;overflow:hidden;background-size:cover!important;background-position:center!important}.preview-bubble{width:fit-content;max-width:80%;padding:4px 7px;border-radius:9px;font-size:8px;line-height:1.2;box-shadow:0 1px 3px #00000024}.preview-bubble-left{background:#ffffffe6;color:#202633}.preview-bubble-right{align-self:flex-end;background:linear-gradient(135deg,#7c5cfc,#e65bb5);color:#fff}.customize-upload{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--border-soft);border-radius:14px;padding:13px 14px;background:var(--surface-1, var(--bg-elevated));color:var(--text);text-align:left;cursor:pointer}.customize-upload:hover{background:var(--surface-hover, rgba(0,0,0,.04))}.customize-upload-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-1);background:#7c5cfc1f;flex-shrink:0}.customize-upload>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.customize-upload strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customize-upload small{font-size:11.5px;color:var(--text-dim)}.customize-chat-preview{position:relative;min-height:310px;border:1px solid var(--border-soft);border-radius:18px;padding:14px;overflow:hidden;background-size:cover!important;background-position:center!important;box-shadow:inset 0 0 0 999px #080c140f}.customize-preview-header{display:flex;align-items:center;gap:9px;padding:7px 8px 12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.customize-preview-header strong,.customize-preview-header small{display:block}.customize-preview-header strong{font-size:12px}.customize-preview-header small{font-size:9px;opacity:.78}.customize-preview-messages{display:flex;flex-direction:column;gap:7px;justify-content:flex-end;min-height:225px}.preview-day{align-self:center;margin-bottom:4px;padding:4px 9px;border-radius:999px;background:#ffffffc7;color:#586174;font-size:9px}.preview-msg{width:fit-content;max-width:76%;padding:8px 10px;border-radius:13px;font-size:10.5px;line-height:1.25;box-shadow:0 2px 7px #00000021}.preview-msg.incoming{background:#ffffffeb;color:#1d2430;border-bottom-left-radius:4px}.preview-msg.outgoing{align-self:flex-end;background:linear-gradient(135deg,#7c5cfc,#e65bb5);color:#fff;border-bottom-right-radius:4px}.customize-preview-image-label{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:#0000006b;color:#fff;font-size:9px}.customize-preview-note{margin:8px 2px 0;color:var(--text-dim);font-size:11.5px;line-height:1.4}.contact-customize-actions{display:flex;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--border-soft);background:var(--bg-elevated);flex-shrink:0}.contact-customize-actions .btn{flex:1}.customize-apply{box-shadow:0 8px 22px #7c5cfc3d}@media (max-width: 420px){.customize-theme-grid{gap:7px}.customize-theme-preview{height:78px}.contact-customize-scroll{padding-left:14px;padding-right:14px}}.contact-panel-members-head{min-height:38px}.contact-panel-add-members-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--gradient-soft);color:var(--accent-1);font-size:12.5px;font-weight:700;cursor:pointer}.contact-panel-add-members-btn:hover{background:var(--surface-hover)}.contact-panel-add-members-plus{font-size:18px;line-height:1;font-weight:500}.contact-panel-member-search{display:flex;align-items:center;gap:9px;margin:4px 20px 10px;padding:0 11px;min-height:40px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-dim)}.contact-panel-member-search:focus-within{border-color:var(--accent-1)}.contact-panel-member-search svg{flex-shrink:0}.contact-panel-member-search input{width:100%;min-width:0;height:38px;padding:0;border:0;outline:none;background:transparent;color:var(--text);font-size:13px}.contact-panel-member-search input::placeholder{color:var(--text-dim)}.contact-panel-member-row{position:relative}.contact-panel-member-main{min-width:0;flex:1;display:flex;align-items:center;gap:13px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.contact-panel-member-main:focus-visible,.contact-panel-member-more:focus-visible,.contact-panel-member-menu button:focus-visible,.contact-panel-add-members-btn:focus-visible,.contact-panel-leave-group-btn:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.contact-panel-member-actions{position:relative;flex-shrink:0;margin-left:6px}.contact-panel-member-more{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);cursor:pointer}.contact-panel-member-more:hover{background:var(--surface-2);color:var(--text)}.contact-panel-member-more:disabled{opacity:.55;cursor:default}.contact-panel-admin-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-full);background:var(--gradient-soft);color:var(--accent-1);font-size:10px;font-weight:700;line-height:1.2;flex-shrink:0}.contact-panel-member-menu{position:absolute;right:0;top:calc(100% + 4px);width:205px;padding:6px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-md);z-index:50;animation:contactMemberMenuPop .12s ease}@keyframes contactMemberMenuPop{0%{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-panel-member-menu button{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;font-size:13px;font-weight:500;cursor:pointer}.contact-panel-member-menu button:hover{background:var(--surface-hover)}.contact-panel-member-menu button.danger{color:var(--danger)}.contact-panel-member-menu button:disabled{opacity:.55;cursor:default}.contact-panel-member-menu button svg{flex-shrink:0}.contact-panel-leave-group-btn{width:calc(100% - 40px);margin:12px 20px 4px;min-height:42px;border:1px solid var(--danger);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:700;cursor:pointer}.contact-panel-leave-group-btn:hover{background:var(--surface-hover)}.contact-panel-leave-group-btn:disabled{opacity:.55;cursor:default}.contact-panel-group-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000094}.contact-panel-group-modal{width:min(430px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-md)}.contact-panel-group-modal-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 12px}.contact-panel-group-modal-head>div:first-child{flex:1;min-width:0}.contact-panel-group-modal-head h3{margin:0 0 4px;font-size:17px}.contact-panel-group-modal-head p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.4}.contact-panel-group-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer}.contact-panel-group-modal-close:hover{background:var(--surface-2);color:var(--text)}.contact-panel-member-search.modal-search{margin-top:4px;margin-bottom:8px}.contact-panel-add-results{min-height:100px;overflow-y:auto;padding:4px 12px 12px}.contact-panel-add-hint{padding:28px 12px;text-align:center;color:var(--text-dim);font-size:12.5px}.contact-panel-add-result{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--r-md)}.contact-panel-add-result:hover{background:var(--surface-2)}.contact-panel-add-result-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.contact-panel-add-result-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.contact-panel-add-result-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:11.5px}.contact-panel-add-result>button{flex-shrink:0;min-width:58px;height:32px;padding:0 10px;border:0;border-radius:var(--r-sm);background:var(--gradient);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.contact-panel-add-result>button:hover{opacity:.9}.contact-panel-add-result>button:disabled{opacity:.55;cursor:default}@media (max-width: 600px){.contact-panel-member-menu{width:190px}.contact-panel-group-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}.contact-panel-avatar-btn{background:none;border:0;padding:0;border-radius:50%;cursor:zoom-in;line-height:0}.contact-photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000e0;display:flex;align-items:center;justify-content:center;animation:contactPhotoIn .18s ease}@keyframes contactPhotoIn{0%{opacity:0}to{opacity:1}}.contact-photo-viewer-body{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:86vh}.contact-photo-viewer-img{max-width:92vw;max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:12px;display:block}.contact-photo-viewer-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:16px;cursor:pointer}.contact-panel-avatar-wrap{position:relative;display:inline-block}.contact-panel-cam{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:50%;background:var(--gradient);color:#fff;padding:0}.contact-panel-cam:disabled{opacity:.6;cursor:wait}.contact-panel-photomenu{position:absolute;top:100%;margin-top:8px;left:50%;transform:translate(-50%);z-index:5;min-width:160px;padding:6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-md)}.contact-panel-photomenu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;font-size:14px;font-weight:600}.contact-panel-photomenu button:hover{background:var(--surface-hover)}.contact-panel-photomenu button.danger{color:var(--danger)}.contact-panel-photomenu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.contact-panel-member-avatar-btn{flex-shrink:0;padding:0;border:0;border-radius:50%;background:transparent;line-height:0;cursor:pointer}.contact-panel-member-avatar-btn:disabled{cursor:default}.contact-panel-member-name-btn{min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.contact-panel-member-name-btn:hover strong{text-decoration:underline}.group-event-row{display:flex;justify-content:center;padding:6px 12px}.group-event{--ge-tint: 120, 128, 150;display:inline-flex;align-items:center;gap:8px;max-width:min(92%,520px);padding:6px 14px 6px 8px;border-radius:999px;font-size:12.5px;line-height:1.35;color:inherit;background:rgba(var(--ge-tint),.16);border:1px solid rgba(var(--ge-tint),.28);animation:ge-in .3s ease both}.group-event b{font-weight:700}.group-event time{opacity:.55;font-size:11px;margin-left:2px;white-space:nowrap}.group-event-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(var(--ge-tint),1)}.group-event-text{min-width:0;overflow-wrap:anywhere}.group-event.added,.group-event.joined,.group-event.created{--ge-tint: 34, 197, 94}.group-event.removed{--ge-tint: 239, 68, 68}.group-event.left{--ge-tint: 148, 156, 176}.group-event.promoted{--ge-tint: 168, 85, 247}.group-event.demoted{--ge-tint: 245, 158, 11}@keyframes ge-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.group-event{animation:none}}.light-theme .group-event{color:#1f2937;background:linear-gradient(rgba(var(--ge-tint),.18),rgba(var(--ge-tint),.18)),#fff;border-color:rgba(var(--ge-tint),.55);box-shadow:0 1px 2px #141c2d1a}.light-theme .group-event time{opacity:.75;color:#4b5563}.light-theme .group-event.left{--ge-tint: 100, 108, 130}.group-event.call{--ge-tint: 34, 197, 94}.group-event.call.missed{--ge-tint: 239, 68, 68}.group-event.call .group-event-sub{display:block;font-size:11.5px;opacity:.75}.chat-bubble.poll-bubble{width:min(372px,90%);max-width:min(372px,90%);padding:14px 14px 8px;gap:0}.chat-bubble.poll-bubble>.chat-bubble-time{margin-top:6px}.poll-card{--poll-row: rgba(127, 127, 127, .13);--poll-row-on: rgba(127, 127, 127, .2);--poll-fill: rgba(124, 92, 255, .2);--poll-fill: color-mix(in srgb, var(--accent-1, #7c5cff) 20%, transparent);--poll-fill-lead: rgba(124, 92, 255, .34);--poll-fill-lead: color-mix(in srgb, var(--accent-1, #7c5cff) 36%, transparent);--poll-ring: var(--accent-1, #7c5cff);--poll-ink: var(--text, inherit);--poll-dim: var(--text-dim, rgba(127, 127, 127, .9));--poll-badge-bg: rgba(124, 92, 255, .16);--poll-badge-ink: var(--accent-1, #7c5cff);--poll-mark-on-bg: var(--accent-1, #7c5cff);--poll-mark-on-ink: #fff;display:flex;flex-direction:column;gap:0;min-width:0;-webkit-tap-highlight-color:transparent}.poll-card.mine{--poll-row: rgba(255, 255, 255, .16);--poll-row-on: rgba(255, 255, 255, .26);--poll-fill: rgba(255, 255, 255, .2);--poll-fill-lead: rgba(255, 255, 255, .36);--poll-ring: #fff;--poll-ink: #fff;--poll-dim: rgba(255, 255, 255, .78);--poll-badge-bg: rgba(255, 255, 255, .24);--poll-badge-ink: #fff;--poll-mark-on-bg: #fff;--poll-mark-on-ink: var(--accent-1, #7c5cff)}.poll-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.poll-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--poll-dim)}.poll-badge{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:var(--poll-badge-bg);color:var(--poll-badge-ink)}.poll-chip{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--poll-row-on);color:var(--poll-ink)}.poll-question{font-family:var(--font-display, inherit);font-size:calc(18px * var(--chat-font-scale, 1));font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--poll-ink);overflow-wrap:anywhere}.poll-mode{font-size:12.5px;color:var(--poll-dim);margin:4px 0 12px}.poll-options{display:flex;flex-direction:column;gap:8px}.poll-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 14px 9px 12px;border:0;border-radius:16px;background:var(--poll-row);box-shadow:inset 0 0 0 1.5px transparent;color:var(--poll-ink);font:inherit;text-align:left;overflow:hidden;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .18s ease,box-shadow .18s ease,transform .12s ease}.poll-option:active{transform:scale(.985)}.poll-option.on{background:var(--poll-row-on);box-shadow:inset 0 0 0 1.5px var(--poll-ring)}.poll-card.is-locked .poll-option{cursor:default}.poll-fill{position:absolute;inset:0 auto 0 0;background:var(--poll-fill);border-radius:inherit;transition:width .6s cubic-bezier(.22,1,.36,1),background .3s ease;pointer-events:none}.poll-option.lead .poll-fill{background:var(--poll-fill-lead)}.poll-mark{position:relative;flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid var(--poll-dim);display:grid;place-items:center;transition:background .18s ease,border-color .18s ease}.poll-mark.square{border-radius:8px}.poll-option.on .poll-mark{background:var(--poll-mark-on-bg);border-color:var(--poll-mark-on-bg);color:var(--poll-mark-on-ink);animation:pollPop .26s cubic-bezier(.34,1.56,.64,1)}@keyframes pollPop{0%{transform:scale(.6)}to{transform:scale(1)}}.poll-text{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.poll-label{font-size:calc(15px * var(--chat-font-scale, 1));font-weight:560;line-height:1.3;overflow-wrap:anywhere}.poll-sub{font-size:12px;color:var(--poll-dim);font-variant-numeric:tabular-nums}.poll-pct{position:relative;flex:none;min-width:40px;text-align:right;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--poll-dim)}.poll-option.lead .poll-pct,.poll-option.on .poll-pct{color:var(--poll-ink)}.poll-vote-btn{margin-top:10px;min-height:48px;border:0;border-radius:15px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;background:var(--poll-mark-on-bg);color:var(--poll-mark-on-ink);box-shadow:0 6px 18px #0000002e;animation:pollRise .22s ease;touch-action:manipulation}.poll-vote-btn:active:not(:disabled){transform:scale(.98)}.poll-vote-btn:disabled{opacity:.55}@keyframes pollRise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.poll-footer{display:flex;align-items:center;gap:10px;margin-top:10px;min-height:46px;padding:8px 12px;border:0;border-radius:14px;background:var(--poll-row);color:var(--poll-dim);font:inherit;font-size:13px;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .15s ease}.poll-footer:active{background:var(--poll-row-on)}.poll-faces{display:inline-flex}.poll-faces>*{margin-left:-7px;box-shadow:0 0 0 2px var(--surface-2, #222);border-radius:50%}.poll-card.mine .poll-faces>*{box-shadow:0 0 0 2px #ffffff73}.poll-faces>*:first-child{margin-left:0}.poll-total{flex:1;font-weight:650;color:var(--poll-ink)}.poll-view{font-size:12.5px;font-weight:650}.poll-chev{font-size:20px;line-height:1;opacity:.75;margin-left:-4px}.poll-locked-text{font-size:13.5px;color:var(--poll-dim);padding:4px 0 6px}.poll-skel{height:52px;border-radius:16px;margin-top:8px;background:linear-gradient(90deg,var(--poll-row) 25%,var(--poll-row-on) 50%,var(--poll-row) 75%);background-size:200% 100%;animation:pollShimmer 1.2s linear infinite}.poll-skel-q{height:20px;width:70%;margin:0 0 6px;border-radius:6px}@keyframes pollShimmer{to{background-position:-200% 0}}.poll-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pollFade .2s ease}@keyframes pollFade{0%{opacity:0}to{opacity:1}}.poll-sheet{position:relative;width:100%;max-width:560px;max-height:calc(100dvh - 12px);display:flex;flex-direction:column;background:var(--bg-elevated, #1f2430);color:var(--text, #fff);border-radius:26px 26px 0 0;box-shadow:0 -12px 40px #0006;animation:pollSlide .3s cubic-bezier(.22,1,.36,1);overscroll-behavior:contain}@keyframes pollSlide{0%{transform:translateY(100%)}to{transform:none}}.poll-grabber{width:40px;height:5px;border-radius:3px;background:#7f7f7f80;margin:8px auto 2px;flex:none}.poll-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 18px 10px;flex:none}.poll-sheet-head h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}.poll-sheet-head p{margin:3px 0 0;font-size:13px;color:var(--text-dim, rgba(127, 127, 127, .95));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poll-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2, rgba(127, 127, 127, .2));color:inherit;font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation}.poll-sheet-body{overflow-y:auto;padding:2px 18px max(20px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.poll-voter-group{margin-top:10px;padding:12px 14px 6px;border-radius:18px;background:var(--surface-2, rgba(127, 127, 127, .14))}.poll-voter-group header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;font-size:15px}.poll-voter-group header em{font-style:normal;font-weight:650;font-size:13px;color:var(--text-dim, rgba(127, 127, 127, .95));font-variant-numeric:tabular-nums}.poll-voter-bar{display:block;height:5px;margin:9px 0 4px;border-radius:3px;overflow:hidden;background:#7f7f7f38}.poll-voter-bar b{display:block;height:100%;border-radius:inherit;background:var(--gradient, var(--accent-1, #7c5cff));transition:width .5s cubic-bezier(.22,1,.36,1)}.poll-voter{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:15px;border-top:1px solid var(--border-soft, rgba(127, 127, 127, .2))}.poll-voter:first-of-type{border-top:0}.poll-voter>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-voter.none{color:var(--text-dim, rgba(127, 127, 127, .95));font-size:13.5px}.poll-you{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;color:var(--accent-1, #7c5cff);background:var(--gradient-soft, rgba(124, 92, 255, .16))}.poll-empty{text-align:center;color:var(--text-dim, rgba(127, 127, 127, .95));padding:20px 0 6px}@media (min-width: 640px){.poll-sheet-backdrop{align-items:center}.poll-sheet{border-radius:20px;max-height:min(680px,90vh);box-shadow:0 24px 60px #00000073;animation:pollZoom .22s cubic-bezier(.22,1,.36,1)}.poll-sheet.poll-voters{max-width:420px}.poll-grabber{display:none}.poll-option:hover:not(:disabled){background:var(--poll-row-on)}}@keyframes pollZoom{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.poll-fill,.poll-option,.poll-mark,.poll-sheet,.poll-sheet-backdrop,.poll-vote-btn{transition:none;animation:none}}.pc-backdrop.closing{animation:pcFadeOut .18s ease forwards}.pc-backdrop.closing .pc-sheet{animation:pcSlideOut .18s ease forwards}@keyframes pcFadeOut{to{opacity:0}}@keyframes pcSlideOut{to{transform:translateY(100%)}}.poll-sheet.pc-sheet{bottom:var(--kb, 0px);max-height:calc(100dvh - var(--kb, 0px) - 10px);transition:transform .2s ease;border-radius:26px 26px 0 0;border:1px solid var(--border-soft, rgba(127, 127, 127, .22));border-bottom:0;overflow:hidden}.pc-sheet:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:radial-gradient(120% 100% at 50% 0%,rgba(124,92,252,.22),transparent 70%);pointer-events:none}.pc-backdrop{padding-top:env(safe-area-inset-top)}.pc-drag{touch-action:none;flex:none;position:relative}.pc-sheet .poll-grabber{width:40px;height:4px;margin:8px auto 2px;border-radius:4px;background:var(--text-faint, rgba(127, 127, 127, .5));opacity:.6}.pc-head{align-items:center;gap:12px;padding:10px 16px 12px}.pc-head-text{flex:1;min-width:0}.pc-head-text h3{font-family:var(--font-display, inherit);font-size:19px}.pc-badge{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--gradient, var(--accent-1, #7c5cfc));box-shadow:0 6px 18px #7c5cfc66}.pc-close{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2, rgba(127, 127, 127, .16));color:var(--text-dim, rgba(127, 127, 127, .95));font-size:0;cursor:pointer;touch-action:manipulation;transition:background .15s ease,color .15s ease}.pc-close:hover{background:var(--surface-hover, rgba(127, 127, 127, .25));color:var(--text, #fff)}.pc-body{position:relative;flex:1;min-height:0;overflow-y:auto;padding:0 16px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pc-label{display:block;margin:16px 2px 8px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim, rgba(127, 127, 127, .95))}.pc-label-row{display:flex;justify-content:space-between;align-items:center}.pc-pill{padding:2px 9px;border-radius:999px;letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-1, #7c5cfc);background:var(--gradient-soft, rgba(124, 92, 252, .16))}.pc-field{position:relative;border-radius:18px;background:var(--surface-2, rgba(127, 127, 127, .16));border:1.5px solid var(--border-soft, transparent);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.pc-field:focus-within{border-color:var(--accent-1, #7c5cfc);box-shadow:0 0 0 4px #7c5cfc29}.pc-field textarea{display:block;width:100%;box-sizing:border-box;min-height:74px;max-height:140px;padding:16px 16px 30px;border:0;outline:0;resize:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-display, inherit);font-size:18px;font-weight:600;line-height:1.3}.pc-field textarea::placeholder{color:var(--text-faint, rgba(127, 127, 127, .7));font-weight:500}.pc-counter{position:absolute;right:14px;bottom:9px;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-faint, rgba(127, 127, 127, .7));transition:color .15s ease}.pc-counter.near{color:var(--warn, #ffb454)}.pc-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pc-option{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 6px 0 10px;border-radius:16px;background:var(--surface-2, rgba(127, 127, 127, .16));border:1.5px solid var(--border-soft, transparent);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;animation:pcIn .22s ease}@keyframes pcIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.pc-option:focus-within{border-color:var(--accent-1, #7c5cfc);box-shadow:0 0 0 4px #7c5cfc24}.pc-option.dupe{border-color:var(--danger, #ff5c7a);box-shadow:0 0 0 4px var(--danger-soft, rgba(255, 92, 122, .14))}.pc-letter{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-size:13px;font-weight:800;color:var(--text-dim, rgba(127, 127, 127, .95));background:var(--surface, rgba(127, 127, 127, .12));border:1.5px solid var(--border, rgba(127, 127, 127, .35));transition:all .18s ease}.pc-option.filled .pc-letter,.pc-option:focus-within .pc-letter{color:#fff;border-color:transparent;background:var(--gradient, var(--accent-1, #7c5cfc))}.pc-option input{flex:1;min-width:0;height:50px;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:16px;font-weight:500}.pc-option input::placeholder{color:var(--text-faint, rgba(127, 127, 127, .7))}.pc-opt-left{flex:none;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--warn, #ffb454)}.pc-remove{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-faint, rgba(127, 127, 127, .7));cursor:pointer;touch-action:manipulation;transition:background .15s ease,color .15s ease}.pc-remove:hover{color:var(--danger, #ff5c7a);background:var(--danger-soft, rgba(255, 92, 122, .14))}.pc-remove:active{background:var(--danger-soft, rgba(255, 92, 122, .2))}.pc-add{width:100%;min-height:52px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--border, rgba(127, 127, 127, .45));border-radius:16px;background:transparent;color:var(--accent-1, #7c5cfc);font:inherit;font-size:15px;font-weight:650;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}.pc-add:hover{background:var(--gradient-soft, rgba(124, 92, 252, .12));border-color:var(--accent-1, #7c5cfc)}.pc-add:active{background:var(--gradient-soft, rgba(124, 92, 252, .18))}.pc-add-plus{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:18px;line-height:1;color:#fff;background:var(--gradient, var(--accent-1, #7c5cfc))}.pc-hint{margin:8px 2px 0;font-size:13px}.pc-hint.warn{color:var(--danger, #ff5c7a)}.pc-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:18px;background:var(--surface-2, rgba(127, 127, 127, .16))}.pc-seg button{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:var(--text-dim, rgba(127, 127, 127, .95));font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.pc-seg button svg{flex:none}.pc-seg button span{display:block;min-width:0}.pc-seg button strong{display:block;font-size:14.5px;font-weight:700}.pc-seg button em{display:block;font-style:normal;font-size:12px;opacity:.8}.pc-seg button.on{color:var(--text, #fff);background:var(--surface, rgba(127, 127, 127, .25));box-shadow:var(--shadow-sm, 0 2px 10px rgba(0, 0, 0, .25)),inset 0 0 0 1.5px var(--accent-1, #7c5cfc)}.pc-seg button.on svg{color:var(--accent-1, #7c5cfc)}.pc-lock{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 2px 0;font-size:12.5px;color:var(--text-faint, rgba(127, 127, 127, .7))}.pc-footer{flex:none;position:relative;padding:10px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border-soft, rgba(127, 127, 127, .22));background:var(--bg-elevated, inherit)}.pc-need{margin:0 0 8px;text-align:center;font-size:12.5px;color:var(--text-dim, rgba(127, 127, 127, .95))}.pc-error{margin:0 0 10px;padding:10px 12px;border-radius:12px;font-size:13.5px;background:var(--danger-soft, rgba(255, 92, 122, .16));color:var(--danger, #ff5c7a)}.pc-send{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:var(--gradient, var(--accent-1, #7c5cfc));color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 24px #7c5cfc61;transition:opacity .15s ease,transform .12s ease,box-shadow .15s ease,filter .15s ease}.pc-send:hover:not(:disabled){filter:brightness(1.08)}.pc-send:active:not(:disabled){transform:scale(.98)}.pc-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pc-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:pcSpin .7s linear infinite}@keyframes pcSpin{to{transform:rotate(360deg)}}@media (min-width: 640px){.poll-sheet.pc-sheet{bottom:auto;max-width:500px;max-height:min(740px,92vh);border-radius:24px;border-bottom:1px solid var(--border-soft, rgba(127, 127, 127, .22))}.pc-backdrop.closing .pc-sheet{animation:pcFadeOut .18s ease forwards}.pc-drag{touch-action:auto}.pc-head{padding-top:18px}.pc-option:hover{background:var(--surface-hover, rgba(127, 127, 127, .22))}}@media (max-width: 380px){.pc-seg button em{display:none}.pc-seg button{min-height:48px}}@media (max-height: 560px){.pc-lock{display:none}}@media (prefers-reduced-motion: reduce){.pc-option,.pc-seg button,.pc-send,.pc-letter{animation:none;transition:none}}.gri{--gri-green: #25b46e;margin-top:12px;text-align:left}.gri-hero{display:flex;align-items:center;gap:16px;padding:14px;border-radius:20px;background:var(--surface-2, rgba(127, 127, 127, .14))}.gri-ring{position:relative;flex:none;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--gri-green) calc(var(--p, 0) * 1%),rgba(127,127,127,.25) 0);transition:background .5s ease}.gri-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface-2, var(--bg-elevated, #1b2330))}.gri-ring span{position:relative;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gri-green)}.gri-hero-text{min-width:0;display:flex;flex-direction:column;gap:3px}.gri-hero-text strong{font-size:17px;font-weight:700;letter-spacing:-.01em}.gri-hero-text span{font-size:13px;color:var(--text-dim, rgba(127, 127, 127, .95));line-height:1.35}.gri-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;padding:4px;border-radius:16px;background:var(--surface-2, rgba(127, 127, 127, .14))}.gri-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--text-dim, rgba(127, 127, 127, .95));font:inherit;font-size:13.5px;font-weight:650;cursor:pointer;touch-action:manipulation;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.gri-tabs button em{font-style:normal;font-size:11.5px;font-weight:700;min-width:20px;padding:1px 6px;border-radius:999px;background:#7f7f7f33;font-variant-numeric:tabular-nums}.gri-tabs button.on{color:var(--text, #fff);background:var(--surface, rgba(127, 127, 127, .25));box-shadow:var(--shadow-sm, 0 2px 10px rgba(0, 0, 0, .25))}.gri-tabs button.on em{color:#fff;background:var(--gri-green)}.gri-lists section{margin-top:14px}.gri-lists h4{display:flex;align-items:center;gap:6px;margin:0 2px 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gri-green)}.gri-lists h4.dim{color:var(--text-dim, rgba(127, 127, 127, .95))}.gri-lists section:first-child{margin-top:12px}.gri-card{border-radius:18px;overflow:hidden;background:var(--surface-2, rgba(127, 127, 127, .14))}.gri-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:9px 14px;font-size:15px;font-weight:500}.gri-row+.gri-row{border-top:1px solid var(--border-soft, rgba(127, 127, 127, .2))}.gri-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gri-state{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--text-faint, rgba(127, 127, 127, .8));background:#7f7f7f24}.gri-state.read{color:var(--gri-green);background:#25b46e29}.gri-empty{margin:14px 0 0;font-size:13.5px;color:var(--text-dim, rgba(127, 127, 127, .95));text-align:center}.chat-delete-confirm-overlay.chat-info-overlay{align-items:flex-end;padding:0;background:#05080e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:griFade .2s ease}.chat-delete-confirm-overlay.chat-info-overlay .chat-delete-confirm-card.chat-info-card{width:100%;max-width:480px;max-height:min(88dvh,680px);padding:0;border-radius:28px 28px 0 0;border:1px solid var(--border-soft, rgba(127, 127, 127, .22));border-bottom:0;background:var(--bg-elevated, #10161f);color:var(--text, #eef1f6);box-shadow:0 -14px 44px #00000073;overflow:hidden;animation:griSlide .3s cubic-bezier(.22,1,.36,1)}.chat-info-grab{flex:none;width:40px;height:4px;margin:9px auto 0;border-radius:4px;background:var(--text-faint, rgba(127, 127, 127, .6));opacity:.6}.chat-info-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 12px}.chat-info-card .chat-delete-confirm-title{margin:0;padding:0;font-family:var(--font-display, inherit);font-size:20px;font-weight:700;letter-spacing:-.01em}.chat-info-x{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2, rgba(127, 127, 127, .18));color:var(--text-dim, rgba(127, 127, 127, .95));cursor:pointer;touch-action:manipulation}.chat-info-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 16px 6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-info-list{border-radius:18px;overflow:hidden;background:var(--surface-2, rgba(127, 127, 127, .14))}.chat-info-card .chat-info-list .chat-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;font-size:15px}.chat-info-card .chat-info-list .chat-info-row+.chat-info-row{border-top:1px solid var(--border-soft, rgba(127, 127, 127, .2))}.chat-info-card .chat-info-list .chat-info-row span:first-child{color:var(--text-dim, rgba(127, 127, 127, .95))}.chat-info-card .chat-info-list .chat-info-row span:last-child{font-weight:650}.chat-info-card .chat-info-row .chat-info-yes{color:var(--gri-green, #25b46e)}.chat-info-card .chat-delete-confirm-cancel{flex:none;margin:10px 16px max(16px,env(safe-area-inset-bottom));padding:15px;border-radius:16px;text-align:center;font-size:15.5px;font-weight:650;background:var(--surface-2, rgba(127, 127, 127, .18));color:var(--text, inherit)}.chat-info-card .chat-delete-confirm-cancel:hover{background:var(--surface-hover, rgba(127, 127, 127, .28))}@keyframes griFade{0%{opacity:0}to{opacity:1}}@keyframes griSlide{0%{transform:translateY(100%)}to{transform:none}}@keyframes griZoom{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@media (min-width: 640px){.chat-delete-confirm-overlay.chat-info-overlay{align-items:center;padding:16px}.chat-delete-confirm-overlay.chat-info-overlay .chat-delete-confirm-card.chat-info-card{width:min(440px,100%);border-radius:24px;border-bottom:1px solid var(--border-soft, rgba(127, 127, 127, .22));animation:griZoom .22s cubic-bezier(.22,1,.36,1)}.chat-info-grab{display:none}.chat-info-head{padding-top:18px}}@media (prefers-reduced-motion: reduce){.gri-ring,.gri-tabs button{transition:none}.chat-delete-confirm-overlay.chat-info-overlay,.chat-delete-confirm-overlay.chat-info-overlay .chat-delete-confirm-card.chat-info-card{animation:none}}.clb-wrap{position:relative;display:flex;justify-content:flex-start;padding:2px 12px}.clb-wrap.mine{justify-content:flex-end}.clb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;min-width:190px;max-width:min(78%,300px);padding:9px 12px 7px 9px;border:0;border-radius:16px 16px 16px 4px;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:var(--surface-2);box-shadow:var(--shadow-sm);position:relative;transition:transform .12s ease,filter .15s ease}.clb.mine{color:#fff;background:var(--gradient);border-radius:16px 16px 4px}.clb:hover{filter:brightness(1.05)}.clb:active{transform:scale(.98)}.clb:focus-visible{outline:2px solid var(--accent-1, #7c5cfc);outline-offset:2px}.clb-icon{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-1, #7c5cfc);background:#7c5cfc29}.clb.mine .clb-icon{color:#fff;background:#ffffff38}.clb.missed .clb-icon{color:#ef4444;background:#ef444429}.clb.missed .clb-text b{color:#ef4444}.clb-text{display:grid;gap:1px;min-width:0;padding-right:66px}.clb-text b{font-size:14.5px;font-weight:700}.clb-text small{font-size:12.5px;opacity:.78}.clb time{position:absolute;right:11px;bottom:6px;font-size:10.5px;opacity:.7;white-space:nowrap}.clb-card{position:fixed;z-index:1300;display:grid;gap:10px;padding:16px;border-radius:20px;color:var(--text);background:var(--bg-elevated, var(--surface));border:1px solid var(--border);box-shadow:0 24px 60px #00000073;animation:clb-pop .16s ease both}.clb-card-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.clb-card-icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--gradient)}.clb-card-head>div{min-width:0}.clb-card-title{margin:0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clb-card-sub{margin:2px 0 0;font-size:12.5px;color:var(--text-dim)}.clb-call,.clb-alt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:42px;border-radius:12px;font:inherit;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.clb-call{color:#04210f;background:linear-gradient(135deg,#4ade80,#22c55e 55%,#16a34a)}.clb-call:hover{filter:brightness(1.07)}.clb-alt{height:36px;font-size:13px;color:var(--text-dim);background:var(--surface-2)}.clb-alt:hover{background:var(--surface-hover)}.clb-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;background:#00000073;animation:clb-fade .18s ease both}.clb-sheet{width:100%;display:grid;gap:10px;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;color:var(--text);background:var(--bg-elevated, var(--surface));box-shadow:0 -12px 40px #00000059;animation:clb-up .24s cubic-bezier(.2,.9,.3,1) both}.clb-sheet-grab{justify-self:center;width:38px;height:4px;border-radius:4px;background:var(--border)}.clb-sheet-title{margin:6px 0 4px;text-align:center;font-size:19px;font-weight:700}.clb-sheet .clb-call{height:48px;border-radius:14px}@keyframes clb-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@keyframes clb-fade{0%{opacity:0}to{opacity:1}}@keyframes clb-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion: reduce){.clb-card,.clb-sheet,.clb-sheet-backdrop{animation:none}}.chat-header-menu{position:absolute;right:14px;top:58px;min-width:248px;background:#233138;border-radius:8px;padding:6px 0;z-index:20;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;animation:menuPop .14s ease}@keyframes menuPop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.light-theme .chat-header-menu{background:#fff;box-shadow:0 4px 18px #0000002e,0 0 0 1px #0000000a}.chat-menu-section{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.light-theme .chat-menu-section{border-bottom:1px solid rgba(0,0,0,.08)}.chat-menu-section:last-child{border-bottom:none}.chat-menu-item{width:100%;display:flex;align-items:center;gap:14px;padding:10px 16px;background:transparent;color:#e9edef;font-size:14.5px;font-weight:400;text-align:left;line-height:1.3;border:none}.light-theme .chat-menu-item{color:#111b21}.chat-menu-item svg{flex-shrink:0;opacity:.75}.chat-menu-item:hover{background:#ffffff0f}.light-theme .chat-menu-item:hover{background:#0000000b}.chat-menu-item.danger{color:#ff6b6b}.chat-menu-item.danger svg{opacity:.9}.chat-window{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg);background-image:radial-gradient(circle at 15% 8%,rgba(124,92,252,.05),transparent 40%),radial-gradient(circle at 85% 92%,rgba(255,92,168,.045),transparent 40%)}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-soft);background:var(--bg-elevated);flex-shrink:0}.chat-header.selection-active,.chat-back{display:none}.chat-header-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border-radius:8px;padding:2px 4px;margin:-2px -4px}.chat-header-identity.clickable{cursor:pointer}.chat-header-identity.clickable:hover{background:var(--surface-hover, rgba(0, 0, 0, .04))}.chat-header-meta{flex:1;min-width:0}.chat-header-meta strong{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-meta span{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.chat-header-actions{display:flex;gap:8px}.call-action-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:#7c5cfc24;color:var(--accent-1);transition:background .15s ease,color .15s ease,transform .12s ease}.call-action-btn:hover{background:var(--gradient);color:#fff;transform:translateY(-1px)}.call-action-btn:active{transform:scale(.95)}.chat-messages{flex:1;overflow-y:auto;padding:18px 6% 10px;display:flex;flex-direction:column}.chat-day-divider{display:flex;justify-content:center;margin:14px 0}.chat-day-divider span{font-size:11.5px;color:var(--text-dim);background:var(--surface-2);padding:4px 12px;border-radius:var(--r-full)}.chat-bubble-row{display:flex;gap:8px;margin-bottom:3px;align-items:flex-end}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble{position:relative;max-width:68%;padding:9px 13px 8px;border-radius:16px 16px 16px 4px;background:var(--surface-2);font-size:calc(14.2px * var(--chat-font-scale, 1));line-height:1.4;display:flex;flex-direction:column;gap:3px;word-break:break-word}.chat-bubble.mine{background:var(--gradient);color:#fff;border-radius:16px 16px 4px}.chat-bubble.deleted{opacity:.6;font-style:italic}.chat-bubble-undecryptable{font-style:italic;opacity:.75;font-size:12.8px}.chat-seen-indicator{display:flex;align-items:center;gap:5px;justify-content:flex-end;padding:2px 4px 8px;font-size:10.8px;color:var(--text-faint)}.seen-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.seen-dot.seen{background:var(--accent-1)}.chat-bubble-sender{font-size:11.5px;font-weight:700;color:var(--accent-1)}.chat-bubble-time{align-self:flex-end;font-size:10.2px;opacity:.75;margin-top:1px}.chat-media-img{max-width:240px;max-height:260px;border-radius:12px;display:block;object-fit:cover}.chat-doc-link{color:inherit;text-decoration:underline;font-size:13.5px}.chat-bubble-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:transparent}.chat-bubble-menu{position:absolute;top:0;left:0;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;padding:6px;z-index:60;width:196px;font-family:inherit;animation:menuPop .14s ease}.chat-bubble-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;font-size:14px;font-weight:500;color:var(--text);background:transparent;border:none;border-radius:9px;cursor:pointer}.chat-bubble-menu button+button{border-top:none}.chat-bubble-menu button:hover{background:var(--surface-hover)}.chat-bubble-time{display:inline-flex;align-items:center;gap:2px}.chat-bubble-more{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-6px -6px -6px 0;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;opacity:.7;cursor:pointer;-webkit-tap-highlight-color:transparent}.chat-bubble-more:active{background:#ffffff24}@media (hover: hover){.chat-bubble-more{opacity:0;transition:opacity .12s ease}.chat-bubble:hover .chat-bubble-more,.chat-bubble-more:focus-visible{opacity:.85}}.chat-bubble{transition:opacity .15s ease,box-shadow .15s ease}.chat-messages.menu-active .chat-bubble:not(.menu-open){opacity:.35}.chat-bubble.menu-open{box-shadow:0 0 0 2px var(--accent-1),0 8px 24px #0006}.chat-bubble-menu{transform-origin:top center}.chat-bubble-row.select-mode{cursor:pointer}.bubble-select-checkbox{width:19px;height:19px;accent-color:var(--accent-1);flex-shrink:0;cursor:pointer}.select-mode-bar{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;padding:0 18px;background:var(--bg-elevated);border-bottom:1px solid var(--border-soft);flex-shrink:0;z-index:50}.select-mode-cancel{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text);border:none;font-size:14px}.select-mode-cancel:hover{background:var(--surface-hover)}.select-mode-count{flex:1;font-size:15px;font-weight:600;color:var(--text)}.select-mode-action{width:38px;height:38px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text);cursor:pointer;transition:background .15s ease,transform .12s ease}.select-mode-action:hover{background:var(--surface-2)}.select-mode-action:active{transform:scale(.94)}.select-mode-delete{color:var(--danger)}.select-mode-delete:hover{background:var(--danger-soft)}.select-mode-delete-wrap{position:relative;flex-shrink:0;z-index:1002}.bulk-delete-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#233138;border-radius:8px;padding:6px 0;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff0a;overflow:hidden;animation:menuPop .14s ease;z-index:10000;pointer-events:auto}.bulk-delete-menu button{width:100%;padding:12px 16px;border:none;background:#233138;color:#e9edef;text-align:left;font-size:14.5px;font-weight:400;cursor:pointer}.bulk-delete-menu button+button{border-top:1px solid rgba(255,255,255,.08)}.bulk-delete-menu button:hover{background:#ffffff0f}.light-theme .bulk-delete-menu,.light-theme .bulk-delete-menu button{background:#fff;color:#111b21}.light-theme .bulk-delete-menu{box-shadow:0 4px 18px #0000002e,0 0 0 1px #0000000a}.light-theme .bulk-delete-menu button+button{border-top-color:#00000014}.light-theme .bulk-delete-menu button:hover{background:#0000000b}.chat-bubble-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;font-size:15px;margin-right:0;opacity:.9}.chat-bubble-menu button.chat-bubble-menu-danger{color:var(--danger)!important}.chat-bubble-menu button.chat-bubble-menu-danger:hover{background:var(--danger-soft)}.chat-bubble-pin-badge{font-size:11px;opacity:.85;align-self:flex-start;margin-bottom:2px}.chat-bubble-quote{display:flex;flex-direction:column;gap:1px;padding:6px 10px;margin-bottom:4px;border-left:3px solid var(--accent-1);background:#ffffff14;border-radius:6px;font-size:12.5px;cursor:pointer;max-width:100%}.chat-bubble-quote strong{font-size:12px;color:var(--accent-1)}.chat-bubble-quote span{opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-theme .chat-bubble-quote{background:#0000000d}.story-reply-block{display:flex;flex-direction:column;gap:6px;min-width:0}.story-reply-text{padding:0 2px}.story-reply-add-btn{align-self:stretch;margin-top:2px;padding:8px 14px;border-radius:10px;border:none;background:#fff;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.story-reply-add-btn:hover:not(:disabled){opacity:.85}.story-reply-add-btn:active:not(:disabled){transform:scale(.98)}.story-reply-add-btn:disabled{cursor:default;opacity:.6}.story-reply-add-btn.done{background:transparent;color:var(--text-secondary, #999);border:1px solid var(--border-soft, #444)}.chat-pinned-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-soft);cursor:pointer;flex-shrink:0}.chat-pinned-icon{font-size:14px}.chat-pinned-text{flex:1;font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pinned-unpin{border:none;background:transparent;color:var(--accent-1);font-size:12.5px;font-weight:600;flex-shrink:0}.chat-reply-preview-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-elevated);border-top:1px solid var(--border-soft);border-left:3px solid var(--accent-1);flex-shrink:0}.chat-reply-preview-body{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.chat-reply-preview-body strong{font-size:12.5px;color:var(--accent-1)}.chat-reply-preview-body span{font-size:12.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-preview-close{border:none;background:transparent;color:var(--text-faint);font-size:14px;flex-shrink:0}.chat-delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.chat-delete-confirm-card{background:#233138;color:#e9edef;border-radius:10px;padding:18px 0 6px;width:min(320px,88vw);display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.light-theme .chat-delete-confirm-card{background:#fff;color:#111b21}.chat-delete-confirm-title{font-size:14.5px;font-weight:600;padding:0 18px 14px}.chat-delete-confirm-danger,.chat-delete-confirm-cancel{border:none;background:transparent;text-align:left;padding:12px 18px;font-size:14.5px;color:inherit}.chat-delete-confirm-danger{color:var(--danger)}.chat-delete-confirm-danger:hover,.chat-delete-confirm-cancel:hover{background:#ffffff0f}.light-theme .chat-delete-confirm-danger:hover,.light-theme .chat-delete-confirm-cancel:hover{background:#0000000b}.chat-info-card{padding-bottom:10px}.chat-info-row{display:flex;justify-content:space-between;padding:8px 18px;font-size:13.5px}.chat-info-row span:first-child{color:var(--text-dim)}.chat-form-card{padding:18px 18px 16px;width:min(360px,90vw)}.chat-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.chat-form-field label{font-size:12.5px;color:var(--text-dim)}.chat-form-field input,.chat-form-field textarea{background:var(--surface-2, #1b2330);border:1px solid var(--border-soft);border-radius:8px;color:inherit;padding:9px 10px;font-size:14px;font-family:inherit;resize:none}.chat-form-field input:focus,.chat-form-field textarea:focus{outline:none;border-color:var(--accent-1)}.chat-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.chat-form-actions .chat-delete-confirm-cancel{padding:8px 12px}.chat-form-save{border:none;background:var(--gradient, var(--accent-1));color:#fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer}.chat-form-save:disabled,.chat-form-actions button:disabled{opacity:.6;cursor:default}.chat-invite-hint{font-size:13px;color:var(--text-dim);margin:0 0 12px}.chat-invite-status{font-size:13.5px;color:var(--text-dim);margin:0 0 12px}.chat-invite-link-box{display:flex;align-items:center;gap:8px;background:var(--surface-2, #1b2330);border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px;margin-bottom:6px}.chat-invite-link-text{flex:1;font-size:12.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-invite-copy-btn{border:none;background:var(--accent-1);color:#fff;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.chat-invite-copy-btn:disabled{opacity:.6;cursor:default}.chat-input-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:var(--bg-elevated);flex-shrink:0}.chat-input-bar input[type=text],.chat-input-bar input:not([type]){flex:1;min-width:0;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-full);padding:11px 18px;font-size:calc(14px * var(--chat-font-scale, 1))}.chat-input-bar input:focus{border-color:var(--accent-1)}.icon-btn.send{background:var(--gradient);color:#fff;width:40px;height:40px}.icon-btn.send:disabled{opacity:.4}@media (max-width: 859px){.chat-back{display:flex}}@media (max-width: 360px){.chat-header{padding:10px 12px;gap:8px}.chat-header-identity{gap:8px}.chat-header-actions{gap:4px}.chat-messages{padding-left:4%;padding-right:4%}.chat-bubble{max-width:78%}}.icon-btn.send.mic{background:var(--gradient)}.voice-recording-bar{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.voice-cancel{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;flex-shrink:0}.voice-cancel:hover{color:#ff5c7a;border-color:#ff5c7a}.voice-recording-status{display:flex;align-items:center;gap:8px;min-width:52px;font-size:13px;font-weight:600;color:var(--text)}.voice-recording-dot{width:8px;height:8px;border-radius:50%;background:#ff4d6d;animation:voiceRecordingPulse 1s infinite}@keyframes voiceRecordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.voice-waveform{flex:1;height:38px;display:flex;align-items:center;gap:3px;overflow:hidden;padding:0 4px}.voice-waveform span{width:3px;min-height:5px;border-radius:999px;background:var(--accent-1);animation:voiceWave .8s ease-in-out infinite alternate}.voice-waveform span:nth-child(2n){animation-delay:.15s}.voice-waveform span:nth-child(3n){animation-delay:.3s}.voice-waveform span:nth-child(4n){animation-delay:.45s}@keyframes voiceWave{0%{height:6px;opacity:.45}to{height:28px;opacity:1}}.voice-send{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px #7c5cfc47}.voice-send:hover{transform:scale(1.04)}.voice-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-message{width:min(310px,100%);display:flex;align-items:center;gap:10px}.voice-message audio{width:100%;height:40px;display:block}.voice-message.mine audio{filter:none}@media (max-width: 600px){.voice-recording-bar{gap:7px}.voice-waveform{gap:2px}.voice-recording-status{font-size:12px;min-width:48px}}.chat-bubble.voice-bubble{padding:5px 8px 5px 6px;min-width:min(330px,82vw);max-width:min(350px,88vw);border-radius:17px;overflow:hidden}.chat-bubble.mine.voice-bubble{background:linear-gradient(135deg,#dff8e3,#c9f3d2);color:#20352a}.chat-bubble:not(.mine).voice-bubble{background:linear-gradient(135deg,#f3f5fa,#e8edf5);color:#263247}.chat-bubble.voice-bubble>.chat-bubble-time{display:none}.chat-bubble.voice-bubble>.chat-bubble-sender{display:none}.voice-message{width:100%;height:66px;display:flex;align-items:center;gap:7px;position:relative;box-sizing:border-box}.voice-message.theirs{flex-direction:row-reverse}.voice-avatar-wrap{position:relative;width:43px;height:43px;flex:0 0 43px}.voice-avatar-wrap>*:first-child{width:43px!important;height:43px!important;border-radius:50%}.voice-avatar-mic{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#42a5f5;color:#fff;border:2px solid #fff;box-sizing:border-box}.voice-avatar-mic svg{width:11px;height:11px;stroke-width:2.5}.voice-play-btn{width:34px;height:34px;flex:0 0 34px;border:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,background .14s ease}.chat-bubble.mine .voice-play-btn{color:#4d5562;background:#ffffffc7}.chat-bubble:not(.mine) .voice-play-btn{color:#4d5562;background:#fff;box-shadow:0 1px 3px #1e293b1f}.voice-play-btn:hover{transform:scale(1.06)}.voice-play-btn svg{width:19px;height:19px}.voice-track-area{flex:1;min-width:0;height:48px;display:flex;flex-direction:column;justify-content:center}.voice-wave-track{width:100%;height:30px;display:flex;align-items:center;gap:2px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.voice-wave-track span{width:3px;min-width:3px;flex:1 1 3px;max-width:4px;border-radius:999px;background:#919aa661;transition:background .12s ease,opacity .12s ease}.chat-bubble.mine .voice-wave-track span{background:#76828f57}.chat-bubble:not(.mine) .voice-wave-track span{background:#76828f61}.chat-bubble.mine .voice-wave-track span.played{background:#667085}.chat-bubble:not(.mine) .voice-wave-track span.played{background:#64748b}.voice-meta-row{height:13px;display:flex;align-items:center;gap:7px;padding:0 1px;font-size:10px;line-height:12px;font-variant-numeric:tabular-nums}.voice-duration{color:#34404eb8}.voice-message-time{margin-left:auto;color:#34404e9e;white-space:nowrap}.voice-checks{color:#42a5f5;font-size:12px;font-weight:700;letter-spacing:-3px;margin-right:1px}.voice-checks.seen{color:#42a5f5}.chat-bubble .voice-message audio{display:none}@media (max-width: 600px){.chat-bubble.voice-bubble{min-width:min(285px,80vw);max-width:min(330px,86vw)}.voice-message{gap:5px}.voice-avatar-wrap{width:40px;height:40px;flex-basis:40px}.voice-avatar-wrap>*:first-child{width:40px!important;height:40px!important}}.forward-recent-section{margin:0 0 12px}.forward-recent-title{font-size:13px;font-weight:600;color:var(--text-muted, #8b98a5);margin:2px 0 9px}.forward-recent-list{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin}.forward-recent-user{width:64px;min-width:64px;padding:0;border:0;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.forward-recent-user span{width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}.forward-recent-user:hover span{color:var(--accent-1)}.chat-search-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-soft);flex-shrink:0;color:var(--text-dim);animation:chatSearchSlide .14s ease}@keyframes chatSearchSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text);min-width:0}.chat-search-count{font-size:12px;color:var(--text-faint);white-space:nowrap}.chat-search-nav,.chat-search-close{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-search-nav:hover,.chat-search-close:hover{background:var(--surface-hover, rgba(0, 0, 0, .06));color:var(--text)}.chat-search-nav:disabled{opacity:.35}.chat-search-close{font-size:15px}.chat-search-highlight{animation:chatSearchPulse 1.2s ease}@keyframes chatSearchPulse{0%{background:#ffcd3c8c}to{background:transparent}}.chat-bubble.profile-share-bubble{width:min(286px,100%);max-width:286px;padding:7px 7px 6px;gap:2px;overflow:hidden;border:1px solid rgba(93,125,177,.28);border-radius:16px 16px 4px;background:#111b2d;color:#f7f9ff;box-shadow:0 12px 28px #04091438}.chat-bubble.mine.profile-share-bubble{background:#111b2d;color:#f7f9ff}.chat-bubble.profile-share-bubble>.chat-bubble-time{color:#e7edf8ad;padding:1px 4px 0 0}.linkup-profile-share-card{position:relative;width:100%;padding:8px 7px 7px;display:flex;flex-direction:column;gap:11px;box-sizing:border-box;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .14s ease,transform .14s ease}.linkup-profile-share-card:hover,.linkup-profile-share-card:focus-visible{background:#ffffff09;outline:none}.linkup-profile-share-card:active{transform:scale(.992)}.linkup-profile-share-pattern{position:absolute;top:-20px;right:-6px;width:105px;height:105px;opacity:.32;pointer-events:none;background-image:radial-gradient(circle,rgba(92,132,197,.55) 1px,transparent 1px);background-size:8px 8px;-webkit-mask-image:linear-gradient(to bottom left,#000,transparent 80%);mask-image:linear-gradient(to bottom left,#000,transparent 80%)}.linkup-profile-share-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0}.linkup-profile-share-avatar{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #6d75ff;border-radius:50%;padding:0;overflow:hidden;box-shadow:0 0 0 1px #d653f39e,0 4px 15px #5361eb33}.linkup-profile-share-avatar .av-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden}.linkup-profile-share-identity{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:2px}.linkup-profile-share-label{color:#d4dcedad;font-size:9.5px;font-weight:750;line-height:1;letter-spacing:.055em;text-transform:uppercase}.linkup-profile-share-identity strong{color:#f8fbff;font-size:14px;line-height:1.18;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkup-profile-share-identity>span:last-child{color:#becae0bd;font-size:10.8px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkup-profile-share-view-btn{position:relative;z-index:1;min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 12px;border-radius:8px;background:var(--gradient);color:#fff;font-size:11.8px;line-height:1;font-weight:760;box-shadow:0 7px 16px #584ae638}.linkup-profile-share-view-btn span:last-child{font-size:17px;line-height:1;transform:translateY(-.5px)}@media (max-width: 680px){.chat-bubble.profile-share-bubble{width:min(270px,100%);max-width:270px}}.chat-profile-share-pending{display:flex;align-items:center;gap:10px;margin:0 10px 8px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2)}.chat-profile-share-pending-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.chat-profile-share-pending-copy strong{font-size:12px;font-weight:700}.chat-profile-share-pending-copy span{color:var(--text-dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-profile-share-pending-close{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:50%;background:transparent;color:var(--text-dim);font-size:21px;line-height:1;cursor:pointer}.chat-profile-share-pending-close:hover{background:var(--surface);color:var(--text)}@media (max-width: 680px){.linkup-profile-share-card{width:min(270px,100%)}}.story-mention-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;display:flex;align-items:center;justify-content:center;padding:18px;background:#030710b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-mention-preview-modal{width:min(430px,100%);max-height:min(860px,92vh);overflow:auto;border:1px solid var(--border-soft);border-radius:22px;background:var(--bg-elevated, var(--bg));box-shadow:0 28px 90px #0000006b;padding:14px}.story-mention-preview-header{display:flex;align-items:flex-start;gap:12px;padding:2px 4px 12px}.story-mention-preview-header>div{min-width:0;display:flex;flex-direction:column;gap:3px}.story-mention-preview-header strong{font-size:15px}.story-mention-preview-header span{color:var(--text-dim);font-size:11.5px}.story-mention-preview-header button{margin-left:auto;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer}.story-mention-preview-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:9 / 16;border-radius:16px;background:#05070d}.story-mention-preview-frame img,.story-mention-preview-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#05070d}.story-mention-preview-frame.text-story{background:linear-gradient(145deg,#ff7a59,#7c5cff)}.story-mention-preview-text-story{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:32px;color:#fff;text-align:center;font-size:24px;line-height:1.35;white-space:pre-wrap}.story-mention-preview-caption{margin-top:10px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-2)}.story-mention-preview-caption span{color:var(--text-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.story-mention-preview-caption p{margin:4px 0 0;color:var(--text);font-size:12.5px;line-height:1.45;white-space:pre-wrap}.story-mention-preview-actions{display:flex;gap:9px;margin-top:12px}.story-mention-preview-actions .btn{flex:1}.story-mention-preview-expired{margin-top:12px;padding:11px 12px;border-radius:12px;background:var(--surface-2);color:var(--text-dim);text-align:center;font-size:12px}.story-mention-preview-modal.layout-picker{width:min(520px,100%);padding:16px}.story-mention-layout-header{display:flex;align-items:center;gap:11px;padding:2px 2px 14px}.story-mention-layout-header>div{min-width:0;display:flex;flex-direction:column;gap:3px}.story-mention-layout-header strong{font-size:16px;line-height:1.25}.story-mention-layout-header span{color:var(--text-dim);font-size:11.5px}.story-mention-layout-back,.story-mention-layout-close{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:18px}.story-mention-layout-close{margin-left:auto;font-size:16px}.story-mention-layout-back:hover,.story-mention-layout-close:hover{background:var(--surface)}.story-mention-layout-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mention-layout-preview{position:relative;aspect-ratio:9 / 16;min-width:0;overflow:hidden;border:1.5px solid var(--border-soft);border-radius:17px;background:#06080d;cursor:pointer;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mention-layout-preview:hover{transform:translateY(-1px)}.mention-layout-preview.selected{border-color:var(--accent-1);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-1) 18%,transparent),0 14px 34px #00000042}.mention-layout-preview.full{background:#06080d}.mention-layout-media{width:100%;height:100%;display:block;min-width:0;min-height:0}.mention-layout-preview.full .mention-layout-media{object-fit:cover}.mention-layout-frame-card{position:absolute;left:8%;right:8%;top:14%;bottom:14%;display:flex;flex-direction:column;overflow:hidden;border-radius:13px;background:#05070d;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px #00000059}.mention-layout-frame-media{position:relative;flex:1;min-height:0;overflow:hidden}.mention-layout-frame-media .mention-layout-media{object-fit:cover}.mention-source-header{position:relative;z-index:4;display:flex;align-items:center;gap:8px;padding:7px 9px;min-height:40px;box-sizing:border-box;color:#fff;background:#05070d94;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mention-source-header.overlay{position:absolute;left:10px;top:10px;right:10px;border-radius:11px;background:linear-gradient(180deg,#04060c9e,#04060c2e)}.mention-source-header>div{min-width:0;display:flex;flex-direction:column;gap:1px}.mention-source-header strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.mention-source-header span{color:#ffffffb8;font-size:9px}.mention-layout-label{position:absolute;left:8px;right:8px;bottom:8px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;border-radius:10px;color:#fff;background:#04060cb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:10.5px;font-weight:700}.mention-layout-check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;border-radius:50%;background:var(--accent-1);color:#fff;font-size:11px}.mention-layout-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box;color:#fff;font-weight:700;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;background:linear-gradient(145deg,#171b2b,#29204a)}.story-mention-original-preview{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.story-mention-original-preview:disabled{cursor:default}.story-mention-original-canvas{position:relative;overflow:hidden;width:100%;aspect-ratio:9 / 16;border-radius:16px;background:#05070d;border:1px solid var(--border-soft)}.story-mention-original-media{width:100%;height:100%;display:block;object-fit:contain;background:#05070d}.story-mention-original-preview:hover .story-mention-original-canvas{border-color:color-mix(in srgb,var(--accent-1) 60%,var(--border-soft))}.story-mention-tap-hint{display:block;padding:7px 2px 0;color:var(--text-dim);font-size:10.5px;text-align:center}.story-mention-layout-selected{margin-top:11px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface-2);color:var(--text-dim);font-size:11.5px;line-height:1.45}@media (max-width: 520px){.story-mention-layout-stage{gap:8px}.story-mention-layout-header{padding-bottom:10px}}.chat-input-bar>.icon-btn,.chat-input-bar>.icon-btn.send{flex-shrink:0}@media (max-width: 480px){.chat-input-bar{gap:8px;padding-left:10px;padding-right:10px}.chat-input-bar input[type=text],.chat-input-bar input:not([type]){padding:10px 14px}}.voice-recorder-bar{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.voice-action-btn{width:42px;height:42px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font:inherit;font-size:22px;line-height:1}.voice-action-btn.voice-cancel{border:1px solid var(--border)}.voice-recording-live{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border-radius:var(--r-full);background:var(--surface-2);border:1.5px solid var(--border);overflow:hidden}.voice-recording-time{flex-shrink:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.voice-recording-live .voice-recording-dot{flex-shrink:0}.voice-recording-live .voice-waveform{min-width:0;height:30px}.chat-input-bar{position:relative}.composer-emoji-btn.on{background:var(--surface-hover);color:var(--accent-1)}.composer-emoji-pop{bottom:calc(100% + 6px);left:12px}@media (max-width: 859px),(pointer: coarse){.composer-emoji-btn,.composer-emoji-pop{display:none!important}}.chat-bubble-pending{opacity:.95}@media (max-width: 640px){.story-reply-block{width:100%;gap:7px}}.chat-bubble.story-card-bubble,.chat-bubble.mine.story-card-bubble{background:transparent;box-shadow:none;padding:0;gap:4px;border-radius:18px}.chat-bubble.story-card-bubble>.chat-bubble-time{padding:0 4px;color:var(--text-dim);opacity:1}.chat-bubble.story-card-bubble.menu-open{box-shadow:0 0 0 2px var(--accent-1),0 8px 24px #0006}.chat-bubble.story-card-bubble .story-reply-text{padding:8px 12px;border-radius:14px;background:var(--surface-2);color:var(--text);align-self:flex-start}.chat-bubble.mine.story-card-bubble .story-reply-text{background:var(--gradient);color:#fff;align-self:flex-end}.chat-bubble.mine.story-card-bubble .story-card{align-self:flex-end}.story-card{width:210px;max-width:100%;border-radius:18px;overflow:hidden;background:#121a2b;border:1px solid rgba(124,92,252,.28);box-shadow:0 10px 26px #04091447;transition:transform .16s ease,border-color .16s ease}.story-card.openable{cursor:pointer}.story-card.openable:hover,.story-card.openable:focus-visible{border-color:#a78bfa99;outline:none}.story-card.openable:active{transform:scale(.985)}.story-card-poster{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#0b1020}.story-card-poster img,.story-card-poster video{width:100%;height:100%;object-fit:cover;display:block}.story-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#00000061,#0000 28%),linear-gradient(0deg,#000000c7,#0000 48%)}.story-card-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#0a0e1c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.09em}.story-card-play{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0e1c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.story-card-foot{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;display:flex;flex-direction:column;gap:2px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.story-card-foot strong{font-size:13.5px;line-height:1.25;font-weight:750}.story-card-foot span{font-size:11.5px;opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-card.is-text .story-card-poster{background:linear-gradient(150deg,#7657ed,#a35ae6 52%,#ec4899)}.story-card-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:44px 16px 64px;display:flex;flex-direction:column;justify-content:center;color:#fff}.story-card-quote{font-size:54px;line-height:.6;font-weight:800;opacity:.35;font-family:Georgia,serif;margin-bottom:6px}.story-card-text p{margin:0;font-size:17px;line-height:1.38;font-weight:700;overflow-wrap:anywhere;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;text-shadow:0 1px 3px rgba(30,15,70,.25)}.story-card-expired{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff9;font-size:12px;background:linear-gradient(160deg,#1b2236,#121828)}.story-card.is-expired .story-card-poster{aspect-ratio:16 / 9}.story-card-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--gradient);color:#fff;font-size:12.5px;font-weight:750}.story-card-cta span:last-child{font-size:16px;line-height:1}@media (max-width: 640px){.story-card{width:min(220px,64vw)}}.light-theme .story-card{border-color:#7c5cfc38;box-shadow:0 8px 22px #1e145024}.mention-layout-preview{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.story-mention-layout-stage.single{grid-template-columns:minmax(0,1fr);justify-items:center}.story-mention-layout-stage.single .mention-layout-preview{width:min(100%,31.5vh)}.mention-layout-preview.swap-in{animation:mentionLayoutSwap .22s ease}@keyframes mentionLayoutSwap{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.mention-layout-preview.swap-in{animation:none}}.mention-layout-pager{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:10px}.mention-layout-dots{display:flex;gap:6px}.mention-layout-dots span{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .16s ease,transform .16s ease}.mention-layout-dots span.on{background:var(--accent-1);transform:scale(1.2)}.mention-layout-hint{color:var(--text-dim);font-size:11.5px}.mention-layout-toggle{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.mention-layout-toggle button{border:0;background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:600;padding:6px 16px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease}.mention-layout-toggle button.on{background:var(--accent-1);color:#fff}.story-mention-preview-backdrop.mobile-fullscreen{padding:0;background:#05070d;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:stretch;justify-content:stretch}.story-mention-preview-modal.layout-picker.mobile-fullscreen{position:relative;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;background:#05070d;overflow:hidden}.mobile-fullscreen .story-mention-layout-stage.single{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mobile-fullscreen .story-mention-layout-stage.single .mention-layout-preview{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;transform:none}.mobile-fullscreen .mention-layout-preview .mention-source-header.overlay{top:calc(env(safe-area-inset-top,0px) + 64px)}.mobile-fullscreen .story-mention-layout-header{position:absolute;top:0;left:0;right:0;z-index:20;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 0;pointer-events:none}.mobile-fullscreen .story-mention-layout-header>*{pointer-events:auto}.mobile-fullscreen .story-mention-layout-back,.mobile-fullscreen .story-mention-layout-close{background:#05070d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.mobile-fullscreen .mention-layout-label{bottom:calc(env(safe-area-inset-bottom,0px) + 92px);left:14px;right:14px}.mobile-fullscreen .story-mention-preview-actions{position:absolute;left:0;right:0;bottom:0;z-index:20;margin:0;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 14px);background:linear-gradient(to top,#05070dc7,#05070d00)}.chats-page{display:flex;height:100%}.chats-sidebar{width:var(--list-w);flex-shrink:0;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;background:var(--bg-elevated);height:100%}.chats-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px;flex-shrink:0}@media (min-width: 860px){.chats-sidebar-head{padding-top:12px;padding-bottom:6px}}.chats-sidebar-head h2{font-size:21px}.chats-main{flex:1;min-width:0;height:100%}.chats-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:30px;color:var(--text-dim)}.chats-placeholder-icon{width:78px;height:78px;border-radius:50%;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:8px}.chats-placeholder h3{color:var(--text);font-size:19px}.chats-placeholder p{max-width:320px;font-size:13.5px;line-height:1.55;margin-bottom:8px}@media (max-width: 859px){.chats-sidebar{width:100%}.chats-page{height:100%}}.chats-title-brand{display:none}@media (max-width: 859px){.chats-title-text{display:none}.chats-title-brand{display:flex;align-items:center}}.chats-head-actions{display:flex;align-items:center;gap:10px}.chats-camera-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.chats-camera-btn:active{background:var(--border-soft)}.page-scroll{height:100%;overflow-y:auto;padding:20px 20px 40px;max-width:640px;margin:0 auto}.page-head{margin-bottom:16px}.page-head h2{font-size:22px}.search-box-wrap{position:relative;margin-bottom:22px}.search-box-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--accent-1);pointer-events:none}.search-box{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-full);padding:13px 16px 13px 42px;font-size:14.5px}.search-box:focus{border-color:var(--accent-1)}.search-results{display:flex;flex-direction:column;gap:4px}.search-row{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-md);cursor:pointer;transition:background .15s ease}.search-row:hover{background:var(--surface-2)}.search-user-info{flex:1;min-width:0}.search-user-info strong{display:block;font-size:14.5px;font-weight:700;color:var(--text)}.search-user-info p{margin:3px 0 0;font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.page-scroll{padding:18px 14px 30px}.page-head h2{font-size:21px}.search-box{font-size:14px}.search-row{padding:10px 8px}}.notif-section-title{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:4px 0 10px}.notif-row p{margin:1px 0 0;font-size:12.5px;color:var(--text-dim)}.notif-status{font-size:12.5px;color:var(--text-faint);font-weight:600}.notif-unread{background:var(--gradient-soft);border-radius:var(--r-md)}.notif-text{display:flex;align-items:center;gap:7px;font-size:13.5px!important;color:var(--text)!important;line-height:1.4}.notif-icon{width:23px;height:23px;flex:0 0 23px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.notif-icon-like{color:#ff5d7d;background:#ff5d7d1a}.notif-icon-follow,.notif-icon-followRequest,.notif-icon-followAccepted{color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 11%,var(--bg))}.notif-icon-mention{color:var(--accent-3, #4fd1ff);background:color-mix(in srgb,var(--accent-3, #4fd1ff) 11%,var(--bg))}.notif-icon-comment{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 11%,var(--bg))}.notif-icon-repost,.notif-icon-activity{color:var(--text-dim);background:var(--surface-2)}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notif-clear-all{border:0;background:transparent;color:var(--accent-1);font-size:13px;font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px}.notif-clear-all:hover{background:var(--surface-2)}.notif-delete{flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--text-faint);font-size:20px;line-height:1;cursor:pointer}.notif-delete:hover{background:var(--surface-2);color:var(--text)}.device-link-panel{margin:0 0 18px;padding:18px;border:1px solid var(--settings-border,rgba(130,140,160,.22));border-radius:18px;background:var(--settings-card-bg,rgba(128,138,158,.045));color:inherit}.dlp-head{display:flex;align-items:center;gap:12px}.dlp-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#7357f6,#3e8bff);color:#fff;font-size:30px}.dlp-head h3{font-size:17px;margin:0 0 4px}.dlp-head p,.dlp-show p,.dlp-scan p{margin:0;opacity:.72;font-size:13px;line-height:1.5}.dlp-tabs{display:flex;gap:6px;padding:5px;margin:18px 0;background:#808a9e1a;border-radius:12px}.dlp-tabs button{flex:1;border:0;background:transparent;color:inherit;padding:10px 8px;border-radius:9px;font-weight:600;cursor:pointer}.dlp-tabs button.active{background:var(--settings-active-bg,#fff);color:var(--settings-active-color,#252638);box-shadow:0 2px 8px #00000010}.dlp-empty,.dlp-show{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;padding:12px 0}.dlp-empty h4{margin:0;font-size:16px}.dlp-qr-placeholder{width:86px;height:86px;border:1px dashed #8170ef;border-radius:18px;display:grid;place-items:center;color:#8170ef;font-size:54px}.dlp-empty button,.dlp-scan>button:not(.dlp-secondary){border:0;border-radius:11px;background:linear-gradient(135deg,#7255f4,#3e83f7);color:#fff;padding:11px 17px;font-weight:700;cursor:pointer}.dlp-empty button:disabled,.dlp-scan button:disabled{opacity:.6;cursor:wait}.dlp-qr{padding:10px;border-radius:16px;background:#fff;box-shadow:0 8px 28px #00000012}.dlp-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.dlp-status .dot{width:8px;height:8px;border-radius:50%;background:#e7a23b;box-shadow:0 0 0 4px #e7a23b20}.dlp-status .dot.done{background:#22a06b;box-shadow:0 0 0 4px #22a06b20}.dlp-note{max-width:300px}.dlp-secondary{border:1px solid rgba(128,138,158,.35);border-radius:10px;background:transparent;color:inherit;padding:9px 14px;cursor:pointer}.dlp-scan{display:flex;flex-direction:column;gap:11px}.dlp-video{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:13px;background:#10121a}.dlp-scan textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid rgba(128,138,158,.35);border-radius:10px;background:transparent;color:inherit;padding:10px;font:inherit;font-size:12px}.dlp-or{text-align:center;font-size:12px;opacity:.55}.dlp-error{color:#e5484d!important}.dlp-security{display:flex;gap:9px;margin-top:17px;padding:12px;border-radius:12px;background:#6f5bf417;font-size:12px;line-height:1.45}.dlp-security strong{white-space:nowrap;color:#8b7af8}.dlp-security span{opacity:.75}@media (max-width:600px){.device-link-panel{padding:14px;border-radius:15px}.dlp-qr svg{width:200px;height:200px}.dlp-tabs button{font-size:12px}}.dlp-pending{margin-top:18px;padding-top:16px;border-top:1px solid rgba(128,138,158,.24)}.dlp-pending h4{margin:0 0 5px;font-size:15px}.dlp-pending>p{margin:0 0 10px;opacity:.7;font-size:12px}.dlp-request{display:flex;align-items:center;gap:7px;padding:10px 0;border-top:1px solid rgba(128,138,158,.15)}.dlp-request-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.dlp-request-info strong{font-size:13px;overflow-wrap:anywhere}.dlp-request-info span{font-size:11px;opacity:.65}.dlp-request button{border:1px solid rgba(128,138,158,.3);border-radius:9px;padding:8px 10px;background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer}.dlp-request button.approve{background:#6553e8;color:#fff;border-color:transparent}.ts{width:100%;max-width:760px;margin:0 auto;padding:8px 0 28px;color:var(--text)}.ts-card{position:relative;overflow:hidden;border:1px solid var(--border-soft);border-radius:22px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 12px 35px #00000014}.ts-hero{padding:30px;text-align:center}.ts-hero:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--gradient)}.ts-shield{width:72px;height:72px;margin:2px auto 14px;display:flex;align-items:center;justify-content:center;border-radius:22px;color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-1) 24%,transparent)}.ts-shield.on{color:#18a957;background:color-mix(in srgb,#18a957 13%,transparent);border-color:color-mix(in srgb,#18a957 25%,transparent)}.ts-shield.big{width:82px;height:82px;margin-bottom:18px}.ts-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--text-dim);background:var(--surface-hover);border:1px solid var(--border)}.ts-pill.on{color:#148b49;background:color-mix(in srgb,#18a957 11%,var(--surface));border-color:color-mix(in srgb,#18a957 25%,var(--border))}.ts-title{margin:14px 0 7px;font-size:clamp(20px,3vw,25px);line-height:1.2;font-weight:800;letter-spacing:-.02em}.ts-sub{max-width:590px;margin:0 auto;color:var(--text-dim);font-size:14px;line-height:1.65}.ts-btn{min-width:150px;margin-top:22px;border-radius:13px}.ts-note{margin:14px 0 0;color:var(--text-dim);font-size:12.5px;line-height:1.5}.ts-note.warn{max-width:520px;margin-left:auto;margin-right:auto;color:#b56b00}.ts-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:6px;list-style:none}.ts-points li{min-width:0;padding:20px 18px;border-right:1px solid var(--border-soft)}.ts-points li:last-child{border-right:0}.ts-points li:before{content:"✓";display:flex;width:30px;height:30px;margin-bottom:10px;align-items:center;justify-content:center;border-radius:10px;color:#18a957;background:color-mix(in srgb,#18a957 12%,transparent);font-size:14px;font-weight:900}.ts-points b{display:block;margin-bottom:5px;font-size:13.5px}.ts-points span{display:block;color:var(--text-dim);font-size:12px;line-height:1.5}.ts-wiz{padding:26px 30px 24px}.ts-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px}.ts-step{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-faint);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ts-step:after{content:"";position:absolute;left:32px;right:0;top:15px;height:1px;background:var(--border)}.ts-step:last-child:after{display:none}.ts-step i{position:relative;z-index:1;flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-faint);font-style:normal}.ts-step.cur{color:var(--accent-1)}.ts-step.cur i{color:#fff;border-color:var(--accent-1);background:var(--accent-1);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-1) 10%,transparent)}.ts-step.done{color:#18a957}.ts-step.done i{color:#fff;border-color:#18a957;background:#18a957}.ts-wiz>.ts-title,.ts-wiz>.ts-sub{text-align:center}.ts-wiz .pin-input,.ts-wiz [class*=pin-input]{margin-left:auto;margin-right:auto}.ts-eye,.ts-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:10px auto 0;border:0;background:transparent;color:var(--accent-1);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.ts-link:disabled{color:var(--text-faint);cursor:not-allowed}.ts-err{margin:13px auto 0;padding:10px 12px;max-width:520px;border-radius:11px;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);border:1px solid color-mix(in srgb,var(--danger) 18%,transparent);font-size:12.5px;line-height:1.45}.ts-actions{display:flex;justify-content:center;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-soft)}.ts-center{padding:32px;text-align:center}@media (max-width: 859px){.ts{padding:2px 0 24px}.ts-card{border-radius:18px;box-shadow:0 8px 24px #0000000f}.ts-hero{padding:25px 18px 22px}.ts-shield{width:64px;height:64px;border-radius:19px}.ts-title{font-size:20px}.ts-sub{font-size:13px}.ts-btn{width:100%;min-height:46px;margin-top:18px}.ts-points{display:block;padding:5px}.ts-points li{display:grid;grid-template-columns:30px 1fr;column-gap:11px;padding:15px 12px;border-right:0;border-bottom:1px solid var(--border-soft)}.ts-points li:last-child{border-bottom:0}.ts-points li:before{grid-row:span 2;margin:0}.ts-points b,.ts-points span{align-self:center}.ts-wiz{padding:21px 16px 18px}.ts-steps{gap:5px;margin-bottom:24px}.ts-step{gap:5px;font-size:9px}.ts-step i{flex-basis:27px;width:27px;height:27px}.ts-step:after{left:29px;top:13px}.ts-actions{margin-top:20px}.ts-actions .btn{min-height:42px;flex:1}}@media (prefers-reduced-motion: reduce){.ts *,.ts *:before,.ts *:after{transition:none!important;animation:none!important}}.rp-tabs{display:flex;gap:4px;padding:4px;margin-bottom:14px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-soft)}.rp-tabs button{flex:1;padding:9px 12px;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-dim);font-size:14px;font-weight:600}.rp-tabs button.active{background:var(--gradient);color:#fff}.rp-form{padding:18px 16px 16px}.rp-lead{margin:0 0 4px;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.rp-opt{font-weight:400;color:var(--text-faint)}.rp-textarea{resize:vertical;min-height:120px;line-height:1.5}.rp-count{margin-top:6px;text-align:right;font-size:12px;color:var(--text-faint)}.rp-count.warn{color:var(--warn)}.rp-hint{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--text-faint)}.rp-center{text-align:center}.rp-error{margin:14px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger);font-size:13.5px}.rp-submit{width:100%;margin-top:16px;padding:12px 18px}.rp-shots{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.rp-shot{position:relative;width:92px;height:92px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.rp-shot img{width:100%;height:100%;object-fit:cover;display:block}button.rp-shot{cursor:zoom-in}.rp-shot-x{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#000000a6;color:#fff;font-size:16px;line-height:1}.rp-shot-size{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;text-align:center;background:#0000008c;color:#fff;font-size:10.5px}.rp-add{width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--border);border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:600}.rp-add:hover{border-color:var(--accent-1);color:var(--text)}.rp-shot-loading{animation:rp-pulse 1.2s ease-in-out infinite}.rp-shot-missing{display:grid;place-items:center;font-size:11px;color:var(--text-faint)}@keyframes rp-pulse{50%{opacity:.5}}.rp-list{display:flex;flex-direction:column;gap:12px}.rp-card{padding:16px}.rp-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rp-cat{font-size:12.5px;font-weight:700;color:var(--text-dim)}.rp-card h4{margin:8px 0 0;font-size:16px}.rp-card time{display:block;margin-top:4px;font-size:12px;color:var(--text-faint)}.rp-desc{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.rp-status{padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:700;background:var(--surface-hover);color:var(--text-dim)}.rp-status.s-in_progress{background:#ffb45429;color:var(--warn)}.rp-status.s-resolved{background:#2fe6a624;color:var(--online)}.rp-reply{margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--gradient-soft)}.rp-reply strong{font-size:13px}.rp-reply p{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere}.rp-empty{text-align:center;padding:28px 18px}.rp-empty p{margin:6px 0 16px;font-size:13.5px;color:var(--text-dim)}.rp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#000000e0}.rp-lightbox img{max-width:100%;max-height:100%;border-radius:var(--r-sm)}.rp-lightbox-x{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff29;color:#fff;font-size:24px;line-height:1}.rp-form .settings-label{display:block;margin:16px 0 6px}.rp-form .rp-lead+.settings-label{margin-top:14px}.settings-row.choice-row{flex-direction:column;align-items:stretch;gap:12px}.radio-group{display:flex;flex-direction:column;gap:8px;width:100%}.radio-expanded .radio-opt{animation:radio-in .22s ease both}.radio-expanded .radio-opt:nth-child(2){animation-delay:.03s}.radio-expanded .radio-opt:nth-child(3){animation-delay:.06s}.radio-expanded .radio-opt:nth-child(4){animation-delay:.09s}.radio-expanded .radio-opt:nth-child(n+5){animation-delay:.12s}@keyframes radio-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.radio-group.is-disabled{opacity:.55;pointer-events:none}.radio-opt{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s,background .18s,box-shadow .18s,color .18s,transform .12s}.radio-opt:hover{border-color:var(--accent-1);color:var(--text)}.radio-opt:active{transform:scale(.985)}.radio-opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.radio-dot{position:relative;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--text-faint);background:transparent;transition:border-color .18s,background .18s,box-shadow .18s}.radio-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.radio-text{display:flex;flex-direction:column;gap:2px;min-width:0}.radio-label{font-size:14.5px;font-weight:600;line-height:1.25}.radio-text small{font-size:12.5px;font-weight:400;color:var(--text-dim);line-height:1.35}button.radio-collapsed{width:100%;font:inherit;text-align:left}.radio-text{flex:1}.radio-change{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12.5px;font-weight:600;color:var(--accent-1)}.radio-opt.on{color:var(--text);border-color:var(--accent-1);background:var(--gradient-soft);box-shadow:var(--shadow-glow)}.radio-opt.on .radio-dot{border-color:transparent;background:var(--gradient);box-shadow:0 2px 8px #7c5cfc66}.radio-opt.on .radio-dot:after{transform:scale(1)}.radio-opt:has(input:focus-visible){outline:2px solid var(--accent-1);outline-offset:2px}@media (prefers-reduced-motion: reduce){.radio-opt,.radio-dot,.radio-dot:after{transition:none;animation:none}}.ds-heading{margin:22px 4px 8px;font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.ds>.ds-storage+.ds-heading{margin-top:24px}.ds-sub{margin:-2px 4px 10px;font-size:13px;color:var(--text-dim);line-height:1.5}.ds-note{margin:10px 4px 0;font-size:12px;color:var(--text-faint);line-height:1.55}.ds-net .ds-note{margin:12px 0 0}.ds-storage{padding:18px 16px 16px}.ds-storage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.ds-storage-head small,.ds-net-grid small{display:block;font-size:12.5px;color:var(--text-dim)}.ds-storage-head strong{font-family:var(--font-display);font-size:30px;line-height:1.15}.ds-quota{font-size:12.5px;color:var(--text-faint);padding-bottom:5px;text-align:right}.ds-bar{height:8px;margin-top:12px;border-radius:var(--r-full);background:var(--surface-hover);overflow:hidden}.ds-bar span{display:block;height:100%;border-radius:inherit;background:var(--gradient)}.ds-clear{width:100%;margin-top:16px}.ds-confirm{margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--gradient-soft)}.ds-confirm p{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--text-dim)}.ds-confirm-actions{display:flex;gap:10px}.ds-confirm-actions .btn{flex:1}.ds-net{padding:16px}.ds-net-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ds-net-grid>div{padding:12px;border-radius:var(--r-sm);background:var(--surface-2);text-align:center}.ds-net-grid strong{display:block;margin-top:2px;font-size:17px}.settings-select:disabled{opacity:.55}.ds .settings-card.ds-storage{padding:20px 18px 18px}.ds .settings-card.ds-net{padding:16px}.ds .settings-card.ds-limits{padding:6px 16px}.ds-limit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px}.ds-limit-row+.ds-limit-row{border-top:1px solid var(--border-soft)}.ds-limit-row span{color:var(--text-dim)}.ds .settings-card.ds-account{padding:20px 18px 16px}.ds-label{display:block;font-size:12.5px;color:var(--text-dim)}.ds-big{display:block;margin-top:2px;font-family:var(--font-display);font-size:30px;line-height:1.15}.ds-big span{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-dim)}.ds-bar-stack{display:flex}.ds-bar-stack span{height:100%;min-width:3px;background:var(--gradient)}.ds-bar-stack span+span{margin-left:2px}.ds-left{margin:10px 0 0;font-size:13px;color:var(--text-dim)}.ds-warn .ds-left{color:var(--warn)}.ds-full .ds-left{color:var(--danger);font-weight:600}.ds-legend{list-style:none;margin:14px 0 0;padding:0}.ds-legend li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px}.ds-legend li+li{border-top:1px solid var(--border-soft)}.ds-legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ds-legend span{flex:1;color:var(--text)}.ds-legend em{font-style:normal;font-size:12.5px;color:var(--text-faint)}.ds-legend strong{min-width:64px;text-align:right;font-weight:600}.ds-manage-open{width:100%;margin-top:14px}.ds-manage{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft)}.ds-manage-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ds-manage-head strong{font-size:15px}.ds-manage-close,.ds-link{background:none;border:0;color:var(--accent-1);font-weight:600;font-size:13px;cursor:pointer;padding:4px 2px}.ds-manage-filters{display:flex;gap:6px;margin:12px 0 8px;overflow-x:auto;scrollbar-width:none}.ds-manage-filters::-webkit-scrollbar{display:none}.ds-manage-filters button{flex:0 0 auto;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border-soft);cursor:pointer}.ds-manage-filters button.on{background:var(--accent-1);border-color:var(--accent-1);color:#fff}.ds-manage-all{display:flex;align-items:center;gap:10px;padding:8px 2px;font-size:13px;color:var(--text-dim);cursor:pointer}.ds-manage input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-1);flex:0 0 auto}.ds-manage-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;border-radius:var(--r-sm)}.ds-manage-list li{border-top:1px solid var(--border-soft)}.ds-manage-list li.sel{background:color-mix(in srgb,var(--accent-1) 9%,transparent)}.ds-manage-list label{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer}.ds-manage-list i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.ds-manage-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ds-manage-name b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-manage-name small{font-size:11.5px;color:var(--text-faint)}.ds-manage-list em{font-style:normal;font-size:13px;font-weight:600;color:var(--text-dim);flex:0 0 auto}.ds-manage-delete{width:100%;margin-top:12px}.cf-page{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.cf-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid rgba(34,197,94,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(34,197,94,.22),transparent 60%),var(--surface)}.cf-hero-badge{flex-shrink:0;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 6px 18px #22c55e59}.cf-hero-text{flex:1;min-width:0}.cf-hero-text h3{margin:0 0 3px;font-size:17px}.cf-hero-text p{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.cf-counter{flex-shrink:0;min-width:58px;padding:8px 12px;text-align:center;border-radius:14px;background:var(--close-friends-soft);color:var(--close-friends);display:flex;flex-direction:column;line-height:1.1}.cf-counter b{font-size:22px;font-family:var(--font-display)}.cf-counter small{font-size:11px;font-weight:600;opacity:.9}.cf-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;font-size:13px;line-height:1.4;color:var(--text);background:var(--close-friends-soft);border:1px solid rgba(34,197,94,.3)}.cf-banner>svg{flex-shrink:0;color:var(--close-friends)}.cf-banner span{flex:1}.cf-banner-btn{flex-shrink:0;border:none;cursor:pointer;padding:8px 14px;border-radius:var(--r-full);font:inherit;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.cf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.cf-toolbar-title{font-size:14.5px}.cf-edit-btn{color:var(--close-friends);border-color:#22c55e73}.cf-tabs{flex:1;display:flex;gap:4px;padding:4px;border-radius:var(--r-full);background:var(--surface-2)}.cf-tabs button{flex:1;border:none;cursor:pointer;padding:9px 12px;border-radius:var(--r-full);font:inherit;font-size:13.5px;font-weight:600;color:var(--text-dim);background:transparent}.cf-tabs button em{font-style:normal;margin-left:4px;padding:1px 7px;border-radius:var(--r-full);font-size:11.5px;background:#7f7f7f2e}.cf-tabs button.active{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.cf-tabs button.active em{background:#ffffff40}.cf-search{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.cf-search:focus-within{border-color:var(--close-friends)}.cf-search input{flex:1;min-width:0;padding:12px 0;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:14.5px}.cf-search-clear{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px}.cf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cf-row{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font:inherit;text-align:left}.cf-row.pick{cursor:pointer;transition:background .12s,border-color .12s}.cf-row.pick:hover{background:var(--surface-hover)}.cf-row.pick.on{border-color:#22c55e8c;background:var(--close-friends-soft)}.cf-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.cf-row-text strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-row-text small{font-size:12.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-star-tag{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a)}.cf-check{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--text-faint);color:#fff;transition:background .12s,border-color .12s,transform .12s}.cf-check.on{border-color:#16a34a;background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.05)}.cf-remove{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--r-full);border:1px solid rgba(255,92,122,.4);background:var(--danger-soft);color:var(--danger);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.cf-remove:hover{background:#ff5c7a38}.cf-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;text-align:center;border-radius:20px;border:1px dashed var(--border);color:var(--text-dim)}.cf-empty.small{padding:22px 16px}.cf-empty strong{color:var(--text);font-size:16px}.cf-empty p{margin:0;font-size:13.5px;max-width:320px}.cf-empty-icon{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 8px 22px #22c55e59}.cf-empty .settings-btn{margin-top:6px;background:linear-gradient(135deg,#22c55e,#16a34a)}.cf-savebar{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;margin-top:6px;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg) 70%,transparent)}.cf-cancel,.cf-save{flex:1;padding:13px 16px;border-radius:var(--r-full);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.cf-cancel{flex:0 0 auto;min-width:100px;border:1.5px solid var(--border);background:var(--surface);color:var(--text)}.cf-save{border:none;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 18px #22c55e4d}.cf-save:disabled,.cf-cancel:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cf-person-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.cf-person-link:hover .cf-row-text strong{text-decoration:underline}.cf-row.pick{cursor:pointer}button.cf-check{background:transparent;padding:0;cursor:pointer}button.cf-check.on{background:linear-gradient(135deg,#22c55e,#16a34a)}.cf-recent{border-radius:16px;border:1px solid var(--border-soft);background:var(--surface);padding:8px 6px 6px}.cf-recent-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 6px;font-size:13px}.cf-recent-clear{border:none;background:transparent;color:var(--close-friends);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cf-recent ul{list-style:none;margin:0;padding:0}.cf-recent li{display:flex;align-items:center;border-radius:12px}.cf-recent li:hover{background:var(--surface-hover)}.cf-recent-term{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:none;background:transparent;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.cf-recent-term svg{color:var(--text-faint);flex-shrink:0}.cf-recent-term span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-recent-x{border:none;background:transparent;color:var(--text-dim);cursor:pointer;padding:8px 12px;font-size:12px}.chat-theme-settings{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden}.chat-theme-settings .contact-customize-scroll{overflow:visible;padding:18px 18px 8px}.chat-theme-settings .contact-customize-actions{background:transparent}.chat-theme-error{margin:8px 2px 0;font-size:12.5px;color:var(--danger)}.customize-section .customize-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 420px){.customize-section .customize-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.settings-head h2{flex:1;margin:0;font-size:22px}.settings-icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.settings-icon-btn:hover{background:var(--surface-hover)}.settings-head .settings-icon-btn:first-child:not(:last-child){margin-left:-8px}.settings-search{width:100%;box-sizing:border-box;margin-bottom:14px;padding:12px 16px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:14.5px;outline:none}.settings-search:focus{border-color:var(--accent-1)}.settings-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-item{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2);color:var(--text);text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}button.settings-item:hover{background:var(--surface-hover)}.settings-item.static{cursor:default}.settings-profile{margin-bottom:14px;padding:14px}.settings-item-icon{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:#fff}.settings-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-item-text strong{font-size:15px;font-weight:700}.settings-item-text small{font-size:12.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-chevron{flex-shrink:0;color:var(--text-faint)}.settings-danger-text{color:var(--danger)}.settings-empty{text-align:center;color:var(--text-dim);font-size:14px;padding:28px 0}.settings-card{border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2);padding:4px 16px;margin-bottom:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.settings-row:last-child{border-bottom:none}.settings-row strong{display:block;font-size:14.5px}.settings-row p{margin:3px 0 0;font-size:12.5px;color:var(--text-dim)}.settings-about,.settings-soon{padding:18px 16px}.settings-about strong,.settings-soon strong{font-size:16px}.settings-about p,.settings-soon p{margin:6px 0 0;font-size:13.5px;color:var(--text-dim)}.settings-pill{flex-shrink:0;padding:8px 16px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.settings-pill:disabled{opacity:.5;cursor:not-allowed}.settings-pill.danger{background:var(--danger);border-color:var(--danger);color:#fff}.settings-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-theme{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:2px solid var(--border-soft);border-radius:16px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.settings-theme.active{border-color:var(--accent-1)}.settings-theme small{color:var(--text-dim);font-size:12px}.settings-theme-preview{width:100%;height:64px;margin-bottom:8px;border-radius:10px;border:1px solid var(--border)}.settings-theme-preview.dark{background:linear-gradient(135deg,#0b1018,#1b2330)}.settings-theme-preview.light{background:linear-gradient(135deg,#fff,#e9ecf3)}.settings-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c}.settings-confirm{width:100%;max-width:340px;padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.settings-confirm h3{margin:0 0 6px;font-size:17px}.settings-confirm p{margin:0;font-size:13.5px;color:var(--text-dim)}.settings-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.switch{position:relative;width:44px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:var(--r-full);transition:background .2s ease;cursor:pointer}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.switch input:checked+span{background:var(--gradient)}.switch input:checked+span:before{transform:translate(18px)}.wallpaper-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.wallpaper-swatch{aspect-ratio:1;border-radius:var(--r-sm);border:2px solid transparent;cursor:pointer}.wallpaper-swatch.active{border-color:var(--accent-1)}.settings-loading{margin:0 0 12px;font-size:13px;color:var(--text-dim)}.settings-select{flex-shrink:0;max-width:150px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.settings-change{border-bottom:1px solid var(--border-soft)}.settings-change:last-child{border-bottom:none}.settings-change .settings-row{border-bottom:none}.settings-form{display:flex;flex-direction:column;padding:0 0 16px}.settings-form-card{display:flex;flex-direction:column;padding:16px}.settings-label{margin:12px 0 6px;font-size:12.5px;font-weight:600;color:var(--text-dim)}.settings-form .settings-label:first-child,.settings-form-card .settings-label:first-of-type{margin-top:0}.settings-input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:14px;outline:none;resize:vertical}.settings-input:focus{border-color:var(--accent-1)}.settings-btn{align-self:flex-start;margin-top:16px;padding:10px 20px;border:none;border-radius:var(--r-full);background:var(--gradient);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.settings-btn.danger{background:var(--danger)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-error{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13px}.settings-warning{margin:0 0 14px;font-size:13.5px;line-height:1.45;color:var(--text-dim)}.settings-ok{margin:0 0 14px;font-size:13.5px;font-weight:600;color:#35c46b}.settings-tag{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:10.5px;font-style:normal;font-weight:600;color:var(--text-dim);vertical-align:middle}.settings-qr{align-self:center;width:180px;height:180px;margin-bottom:12px;border-radius:12px;background:#fff;padding:8px}.settings-secret{display:block;margin-bottom:4px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:13px;letter-spacing:.06em;word-break:break-all;-webkit-user-select:all;user-select:all}.sh-hub{display:flex;flex-direction:column}.sh-title h2{margin:4px 0 16px;font-size:28px;font-weight:700;letter-spacing:-.02em}.sh-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:var(--r-full, 999px);background:var(--surface-2);color:var(--text-dim);border:1.5px solid transparent;transition:border-color .15s ease,background .15s ease}.sh-search:focus-within{border-color:var(--accent-1);background:var(--surface)}.sh-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:15px}.sh-search input::placeholder{color:var(--text-faint)}.sh-profile{display:flex;align-items:center;gap:14px;width:100%;margin-top:16px;padding:14px 16px;text-align:left;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.sh-profile:hover{background:var(--surface-hover)}.sh-profile-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sh-profile-text strong{font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-profile-text small{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-group{margin-top:22px}.sh-group-label{margin:0 8px 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.sh-card{overflow:hidden;border-radius:18px;background:var(--surface-2);border:1px solid var(--border-soft)}.sh-row{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;text-align:left;font:inherit;color:var(--text);background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.sh-row+.sh-row:before{content:"";position:absolute;top:0;left:66px;right:0;height:1px;background:var(--border-soft)}.sh-row:hover,.sh-row:active{background:var(--surface-hover)}.sh-row:focus-visible{outline:2px solid var(--accent-1);outline-offset:-2px}.sh-row.active{background:var(--gradient-soft, var(--surface-hover))}.sh-row.active:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--gradient, var(--accent-1))}.sh-icon{flex:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:var(--c);background:color-mix(in srgb,var(--c) 17%,transparent)}.sh-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sh-text strong{font-size:15.5px;font-weight:600}.sh-text small{font-size:12.8px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-card.danger .sh-text strong{color:var(--danger)}.sh-subhead h2{font-size:24px;letter-spacing:-.01em}.settings-split{display:flex;height:100%;min-height:0}.settings-aside{flex:none;width:380px;height:100%;overflow-y:auto;padding:22px 18px 40px;background:var(--bg-elevated);border-right:1px solid var(--border-soft)}.settings-detail{flex:1;min-width:0;height:100%;overflow-y:auto;padding:30px 36px 56px}.settings-detail-inner{max-width:680px;margin:0 auto}.settings-detail .settings-head{margin-bottom:22px}.sh-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:12vh}.sh-hero h2{margin:18px 0 4px;font-size:26px;letter-spacing:-.01em}.sh-hero p{margin:0;font-size:15px;color:var(--text-dim)}.sh-hero-actions{display:flex;gap:10px;margin-top:22px}.sh-hero-actions .settings-btn{margin-top:0;align-self:auto}.sh-hero-actions .settings-pill{padding:10px 20px;font-size:14px}.sh-hero-hint{margin-top:28px;font-size:13px;color:var(--text-faint)}.settings-mobile{padding-top:18px}.settings-card{border-radius:18px}.settings-item{border-radius:16px}@media (prefers-reduced-motion: reduce){.sh-row,.sh-profile,.sh-search{transition:none}}.settings-about a,.settings-warning a{color:var(--accent-1);font-weight:600;text-decoration:none}.settings-about a:hover,.settings-warning a:hover{text-decoration:underline}.settings-hint{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--text-dim)}.settings-subheading{margin:22px 4px 8px;font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.calls-page{max-width:680px;padding:18px 18px 40px}.calls-head{margin-bottom:16px}.calls-head h2{margin:0;font-size:23px;font-weight:750;letter-spacing:-.3px}.calls-search-wrap{position:relative;margin-bottom:14px}.calls-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;color:var(--text-dim);pointer-events:none}.calls-search{width:100%;height:46px;box-sizing:border-box;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);color:var(--text);padding:0 16px 0 42px;outline:none;font-size:14px;transition:border-color .15s ease,background .15s ease}.calls-search::placeholder{color:var(--text-dim)}.calls-search:focus{border-color:var(--accent-1);background:var(--surface)}.calls-filters{display:flex;width:fit-content;max-width:100%;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:1px 0 10px;margin-bottom:8px}.calls-filters::-webkit-scrollbar{display:none}.calls-filter{flex:0 0 auto;border:0;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;padding:8px 13px;border-radius:11px;cursor:pointer;transition:color .15s ease,background .15s ease}.calls-filter:hover,.calls-filter.active{background:var(--surface-2);color:var(--text)}.calls-section{margin-top:12px}.calls-section-title{margin:0 0 7px 7px;color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.calls-list{display:flex;flex-direction:column;gap:2px}.call-row{display:flex;align-items:center;gap:12px;min-height:70px;padding:9px 7px;border-radius:14px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;transition:background .15s ease}.call-row:hover{background:var(--surface-2)}.call-info{min-width:0;flex:1}.call-name{color:var(--text);font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-username{margin-top:2px;color:var(--text-dim);font-size:12.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-meta{margin-top:4px;color:var(--text-dim);font-size:12px;line-height:1.2}.missed-name,.missed-meta{color:var(--danger)}.call-right{min-width:62px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}.calls-date{color:var(--text-dim);font-size:11.5px;white-space:nowrap}.call-icon-button{width:36px;height:36px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-dim);cursor:pointer;flex:0 0 auto;transition:background .15s ease,color .15s ease}.call-icon-button:hover{background:var(--surface-2);color:var(--text)}.call-actions{display:flex;align-items:center;gap:0}.calls-empty{padding:56px 20px;text-align:center}.calls-empty-title{color:var(--text);font-size:15px;font-weight:700}.calls-empty-text{margin-top:6px;color:var(--text-dim);font-size:13px}.calls-loading-list{padding-top:2px}.calls-skeleton-avatar{width:48px;height:48px;border-radius:50%;flex:0 0 auto}.calls-skeleton-line{border-radius:6px}.calls-skeleton-name{width:42%;height:13px;margin-bottom:8px}.calls-skeleton-meta{width:56%;height:11px}.calls-skeleton-action{width:34px;height:34px;border-radius:10px}.calls-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;background:#0000006b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.calls-action-sheet{width:min(100%,520px);box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:22px 22px 0 0;padding:10px 14px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -16px 45px #00000038;animation:calls-sheet-in .18s ease-out}.calls-sheet-handle{width:38px;height:4px;border-radius:999px;background:var(--border);margin:2px auto 14px}.calls-sheet-profile{display:flex;align-items:center;gap:12px;padding:5px 5px 14px}.calls-sheet-profile strong,.calls-sheet-profile span{display:block}.calls-sheet-profile strong{color:var(--text);font-size:15px}.calls-sheet-profile span{margin-top:3px;color:var(--text-dim);font-size:12px}.calls-sheet-options{border-top:1px solid var(--border)}.calls-sheet-options button,.calls-sheet-cancel{width:100%;min-height:48px;border:0;background:transparent;color:var(--text);text-align:left;padding:0 8px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:1px solid var(--border)}.calls-sheet-options button:hover,.calls-sheet-cancel:hover{background:var(--surface-2)}.calls-danger-action{color:var(--danger)!important}.calls-sheet-cancel{text-align:center;margin-top:10px;border:1px solid var(--border);border-radius:12px;min-height:44px}.calls-dialog-backdrop{align-items:center;padding:18px}.calls-nickname-dialog{width:min(100%,390px);box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 20px 60px #00000040}.calls-nickname-dialog h3{margin:0;color:var(--text);font-size:18px}.calls-nickname-dialog p{margin:5px 0 16px;color:var(--text-dim);font-size:13px}.calls-nickname-dialog input{width:100%;height:44px;box-sizing:border-box;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:0 12px;outline:none;font-size:14px}.calls-nickname-dialog input:focus{border-color:var(--accent-1)}.calls-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.calls-dialog-actions button{min-width:82px;height:40px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.calls-dialog-secondary{border:1px solid var(--border);background:transparent;color:var(--text)}.calls-dialog-primary{border:0;background:var(--accent-1);color:#fff}@keyframes calls-sheet-in{0%{transform:translateY(18px);opacity:.4}to{transform:translateY(0);opacity:1}}.desktop-only{display:block}@media (min-width: 701px){.calls-sheet-backdrop{align-items:center;padding:24px}.calls-action-sheet{width:min(100%,410px);border:1px solid var(--border);border-radius:20px;padding:12px 16px 16px;box-shadow:0 24px 70px #00000047}.calls-sheet-handle{display:none}.calls-sheet-options button,.calls-sheet-cancel{min-height:46px}}@media (max-width: 700px){.desktop-only{display:none!important}.calls-page{max-width:none;padding:15px 12px 30px}.calls-head{margin-bottom:13px}.calls-head h2{font-size:22px}.calls-search{height:44px;border-radius:14px;font-size:13.5px}.calls-filter{padding:8px 12px;font-size:13px}.calls-section{margin-top:10px}.calls-section-title{margin-left:5px;margin-bottom:6px}.call-row{min-height:67px;padding:8px 4px;gap:11px;border-radius:12px}.call-name{font-size:14px}.call-username{font-size:12px}.call-meta{font-size:11.5px}.call-right{min-width:55px}.calls-date{font-size:10.5px}.call-icon-button{width:34px;height:34px}.calls-action-sheet{max-height:78vh;overflow-y:auto}.calls-sheet-options button{min-height:50px}}.calls-page{scrollbar-width:none;-ms-overflow-style:none}.calls-page::-webkit-scrollbar{width:0;height:0;display:none}@media (min-width: 861px){.calls-sheet-backdrop{align-items:center;justify-content:center;padding:24px}.calls-action-sheet{width:min(360px,calc(100vw - 48px));max-height:min(640px,calc(100vh - 48px));overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.calls-action-sheet::-webkit-scrollbar{width:0;height:0}.calls-sheet-handle{display:none}.calls-sheet-cancel.desktop-only{display:flex}}@media (max-width: 860px){.desktop-only{display:none!important}}.calls-participants{border-top:1px solid var(--border);max-height:min(56vh,420px);overflow-y:auto;padding:4px 0;overscroll-behavior:contain}.calls-participant{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:12px}.calls-participant>div:first-of-type{min-width:0;flex:1}.calls-participant strong{display:block;color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calls-participant span{display:block;margin-top:2px;color:var(--text-dim);font-size:12px}.calls-p-tag{flex:0 0 auto;font-style:normal;font-size:11px;font-weight:700;color:var(--accent-1, #7c5cfc);background:#7c5cfc24;padding:3px 9px;border-radius:999px}.calls-p-actions{display:flex;gap:8px;flex:0 0 auto}.calls-p-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;min-height:0}.calls-p-btn span{margin:0;color:inherit;font-size:inherit}.calls-p-btn svg{width:18px;height:18px}.calls-p-btn.voice{color:#16a34a;background:#22c55e24}.calls-p-btn.video{color:var(--accent-1, #7c5cfc);background:#7c5cfc24}.calls-p-btn:active{transform:scale(.94)}.calls-p-footer{display:grid;gap:4px}.calls-p-all{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-weight:700;color:#04210f;background:linear-gradient(135deg,#4ade80,#22c55e 55%,#16a34a);display:inline-flex;align-items:center;justify-content:center;gap:8px}.calls-p-all svg{width:18px;height:18px}@media (max-width: 768px){.calls-participants-sheet{width:100%;border-radius:26px 26px 0 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.calls-participants-sheet .calls-sheet-profile{justify-content:center;text-align:center;padding-bottom:12px}.calls-participants{max-height:58vh}.calls-participant{padding:10px 6px;min-height:66px}.calls-participant strong{font-size:16px}.calls-participant span{font-size:12.5px}.calls-p-tag{display:none}.calls-p-btn{width:46px;height:46px;border-radius:50%}.calls-p-btn span{display:none}.calls-p-btn svg{width:21px;height:21px}.calls-p-footer{position:sticky;bottom:0;padding-top:8px;background:var(--surface)}.calls-p-all{height:52px;border-radius:16px;font-size:15.5px;box-shadow:0 10px 24px #22c55e4d}.calls-participants-sheet .calls-sheet-cancel{min-height:46px;text-align:center;color:var(--text-dim)}}@media (min-width: 769px){.calls-participants-sheet{width:min(100%,460px);border-radius:22px;border-bottom:1px solid var(--border);padding:14px 16px}.calls-participants-sheet .calls-sheet-handle{display:none}.calls-participants-sheet .calls-sheet-profile{padding-bottom:12px}.calls-participants-sheet .calls-sheet-profile strong{font-size:17px}.calls-participant{padding:8px 10px;transition:background .15s ease}.calls-participant:hover{background:var(--surface-2)}.calls-p-btn{height:34px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:600}.calls-p-btn svg{width:16px;height:16px}.calls-p-btn:hover{filter:brightness(1.1)}.calls-p-footer{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;border-top:1px solid var(--border);padding-top:12px}.calls-p-all{height:40px;border-radius:12px;font-size:14px;padding:0 18px}.calls-participants-sheet .calls-sheet-cancel{width:auto;min-height:40px;padding:0 16px;border-radius:12px;text-align:center}.calls-p-footer:not(:has(.calls-p-all)){grid-template-columns:1fr}}.calls-search-note{padding:4px 16px 8px;font-size:12.5px;color:var(--text-muted, #8a8f98)}.call-locked-note{margin-top:2px;font-size:12px;color:#e5484d}.call-icon-button.is-locked{opacity:.45}.ebio-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.ebio-text.expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.ebio-toggle{display:inline-block;margin:2px 0 0;padding:2px 0;background:none;border:0;color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.ebio-toggle:hover{color:var(--text)}.profile-page{width:min(100%,760px);min-height:100%;margin:0 auto;padding:20px 24px 42px;box-sizing:border-box}.profile-topbar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;min-height:42px;margin-bottom:18px}.profile-topbar>:nth-child(2){justify-self:center}.profile-topbar>:last-child{justify-self:end}.profile-topbar-icon,.profile-kebab-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.profile-topbar-icon:hover,.profile-kebab-btn:hover{background:var(--surface-2)}.profile-topbar-spacer{width:38px;height:38px}.profile-options-wrap{position:relative;display:flex}.profile-options-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:205px;padding:7px 0;border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-elevated, var(--bg));box-shadow:0 16px 38px #1418282e;z-index:50}.profile-options-item{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;padding:9px 15px;border:0;background:transparent;color:var(--text);font-size:13.5px;text-align:left;cursor:pointer}.profile-options-item:hover{background:var(--surface-2)}.profile-options-item.danger{color:#e34d5a}.profile-option-dot{width:16px;height:16px;border-radius:50%;border:1.6px solid currentColor;display:inline-block}.profile-hero{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:start;padding:4px 0 18px}.profile-avatar-column{display:flex;justify-content:center}.profile-avatar-block{position:relative;width:max-content;cursor:pointer}.profile-avatar-edit{position:absolute;right:-1px;bottom:-1px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg);border-radius:50%;background:var(--gradient);color:#fff;cursor:pointer;box-shadow:0 4px 12px #684adc40}.profile-main-info{min-width:0;padding-top:2px}.profile-identity{display:flex;align-items:flex-start;min-width:0}.profile-identity-copy{min-width:0}.profile-identity h1{margin:0;font-size:clamp(21px,3vw,27px);line-height:1.18;letter-spacing:-.025em;font-weight:760;overflow-wrap:anywhere}.profile-real-name{margin:5px 0 0;color:var(--text-dim);font-size:14px;font-weight:550}.profile-private-pill{display:inline-flex;align-items:center;margin-top:8px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-dim);font-size:11px;font-weight:650}.profile-bio{margin:12px 0 13px;color:var(--text);font-size:14px;line-height:1.55;white-space:pre-wrap}.profile-bio-edit{margin:12px 0 14px}.profile-bio-edit textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:78px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;outline:none}.profile-bio-edit textarea:focus{border-color:var(--accent-1)}.profile-edit-actions{display:flex;gap:8px;margin-top:8px}.profile-stats{display:flex;align-items:center;gap:34px;margin-bottom:15px}.profile-stat-link{display:flex;flex-direction:column;gap:2px;cursor:pointer;border-radius:10px;padding:2px 5px;margin-left:-5px}.profile-stat-link:hover{background:var(--surface-2)}.profile-stats strong{font-size:18px;line-height:1.15}.profile-stats span{color:var(--text-dim);font-size:12px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-actions-self{margin-top:2px}.profile-primary-action,.profile-secondary-action{min-height:40px;flex:1 1 170px;max-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.profile-primary-action{border:0;color:#fff;background:var(--gradient);box-shadow:0 7px 18px #6950e633}.profile-secondary-action{border:1px solid var(--border);color:var(--text);background:var(--surface-2)}.profile-primary-action:hover,.profile-secondary-action:hover{transform:translateY(-1px)}.profile-primary-action:disabled,.profile-secondary-action:disabled{opacity:.6;cursor:default;transform:none}.profile-private-notice{margin:8px 0 18px;padding:15px 17px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-2)}.profile-private-notice strong{display:block;font-size:14px;margin-bottom:3px}.profile-private-notice p{margin:0;color:var(--text-dim);font-size:12.5px}.profile-story-tools{display:flex;align-items:flex-start;gap:25px;overflow-x:auto;padding:8px 1px 19px;scrollbar-width:none}.profile-story-tools::-webkit-scrollbar{display:none}.profile-story-item{width:76px;flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0}.profile-story-item>span:not(.profile-story-circle){font-size:11.5px;color:var(--text);white-space:nowrap}.profile-story-item small{margin-top:-5px;color:var(--text-dim);font-size:10px}.profile-story-circle{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.profile-story-add{border:1.5px dashed color-mix(in srgb,var(--accent-1) 35%,var(--border));color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 6%,var(--bg))}.profile-story-archive{border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--gradient-ring) border-box;color:var(--accent-1);box-shadow:0 7px 20px #8250e61f}.profile-story-live{padding:2px}.profile-bio-empty{margin:12px 0 13px;padding:0;border:none;background:none;color:var(--accent-1);font-size:13.5px;font-weight:600;cursor:pointer}.profile-bio-empty:hover{text-decoration:underline}.profile-share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-share-card{width:min(100%,430px);max-height:min(640px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 70px #00000061}.profile-share-card-expanded{min-height:440px}.profile-share-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 14px}.profile-share-title{margin:0;font-size:20px;font-weight:800}.profile-share-header small{display:block;margin-top:4px;color:var(--text-dim);font-size:12px}.profile-share-close{width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer}.profile-share-search-wrap{display:flex;align-items:center;gap:9px;margin:0 18px 10px;padding:0 12px;height:44px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text-dim)}.profile-share-search-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}.profile-share-search-wrap input::placeholder{color:var(--text-dim)}.profile-share-list{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 10px}.profile-share-section-title{padding:10px 10px 7px;color:var(--text-dim);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.profile-share-user-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.profile-share-user-row:hover{background:var(--surface-2)}.profile-share-user-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-share-user-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-share-user-copy small{color:var(--text-dim);font-size:12px}.profile-share-empty{padding:28px 12px;text-align:center;color:var(--text-dim);font-size:13px}.profile-share-bottom{border-top:1px solid var(--border);padding:10px 12px 12px}.profile-share-link-btn{width:100%;display:flex;align-items:center;gap:11px;padding:11px 10px;border:0;border-radius:13px;background:transparent;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.profile-share-link-btn:hover{background:var(--surface-2)}.profile-share-option-icon{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px}.profile-share-option-icon-link{background:#00beff21;color:#37c9ff}.profile-share-cancel{width:100%;margin-top:3px;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--text-dim);font:inherit;font-weight:700;cursor:pointer}.profile-share-cancel:hover{color:var(--text);background:var(--surface-2)}.profile-empty-stories{padding:56px 20px 42px;text-align:center}.profile-empty-icon{width:66px;height:66px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:color-mix(in srgb,var(--accent-1) 55%,var(--accent-2));background:color-mix(in srgb,var(--accent-1) 7%,var(--bg))}.profile-empty-stories h2{margin:0 0 7px;font-size:18px}.profile-empty-stories p{max-width:430px;margin:0 auto 18px;color:var(--text-dim);font-size:12.5px;line-height:1.55}.profile-create-story{min-height:40px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:var(--gradient);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #684adc33}.profile-suggestions{margin-top:16px;padding-top:18px;border-top:1px solid var(--border-soft)}.profile-suggestions-title{margin:0 0 13px;font-size:13px;color:var(--text-dim)}.profile-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.suggestion-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:13px;background:var(--surface-2);cursor:pointer}.suggestion-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.suggestion-card-followers{color:var(--text-dim);font-size:11px}.suggestion-card-btn{width:100%}.profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:#0a0c167a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-archive-modal{width:min(100%,680px);max-height:min(760px,90vh);overflow:auto;padding:18px;border:1px solid var(--border-soft);border-radius:20px;background:var(--bg-elevated, var(--bg));box-shadow:0 28px 80px #0000003d}.profile-modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.profile-modal-header h2{margin:0;font-size:18px}.profile-modal-header p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.profile-modal-close{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:22px;cursor:pointer}.profile-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-archive-card{position:relative;aspect-ratio:9 / 13;overflow:hidden;padding:0;border:0;border-radius:12px;background:var(--surface-2);cursor:pointer}.profile-archive-card img,.profile-archive-card video{width:100%;height:100%;object-fit:cover;display:block}.profile-archive-card span{position:absolute;left:8px;bottom:7px;padding:4px 7px;border-radius:999px;color:#fff;background:#00000085;font-size:10px}.profile-archive-text{height:100%;display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-1) 18%,var(--bg)),color-mix(in srgb,var(--accent-2) 14%,var(--bg)));font-size:13px;text-align:center}.profile-archive-empty{padding:45px 20px;text-align:center;color:var(--text-dim);font-size:13px}@media (max-width: 680px){.profile-page{padding:12px 14px 34px}.profile-topbar{margin-bottom:12px}.profile-hero{grid-template-columns:94px minmax(0,1fr);gap:16px}.profile-avatar-block .av-wrap{transform:scale(.86);transform-origin:top center}.profile-avatar-edit{right:4px;bottom:4px}.profile-identity h1{font-size:20px}.profile-stats{gap:22px}.profile-primary-action,.profile-secondary-action{max-width:none;flex-basis:0;min-width:0;padding:0 10px}.profile-story-tools{gap:20px}}@media (max-width: 480px){.profile-page{padding-left:10px;padding-right:10px}.profile-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-avatar-column,.profile-main-info{width:100%}.profile-identity{justify-content:center}.profile-bio{max-width:420px;margin-left:auto;margin-right:auto}.profile-stats,.profile-actions-self{justify-content:center}.profile-primary-action,.profile-secondary-action{flex:1 1 0;min-width:0}.profile-story-tools{justify-content:flex-start}.profile-empty-stories{padding-top:40px}.profile-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-bio-count{margin-top:4px;text-align:right;font-size:12px;color:var(--text-dim)}.profile-avatar-block{position:relative}.profile-photo-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:170px;display:grid;padding:6px;border-radius:14px;background:var(--surface, #121821);border:1px solid var(--border, #232b38);box-shadow:0 12px 32px #00000073}.profile-photo-menu button{text-align:left;padding:10px 12px;border:0;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:14.5px;cursor:pointer}.profile-photo-menu button:hover{background:var(--surface-2, #1a2230)}.profile-photo-menu button.danger{color:#ff6b79}.follow-list-page{max-width:560px}.follow-list-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.follow-list-back{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:var(--text)}.follow-list-back:hover{background:var(--surface-2)}.follow-list-head h2{font-size:20px;line-height:1.2}.follow-list-head p{margin:2px 0 0;font-size:12.5px;color:var(--text-dim)}.follow-list-search-wrap{position:relative;margin-bottom:18px}.follow-list-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.6}.follow-list-search{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-full);padding:12px 16px 12px 40px;font-size:14px}.follow-list-search:focus{border-color:var(--accent-1)}.follow-list-rows{display:flex;flex-direction:column;gap:4px}.follow-list-row{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--r-md)}.follow-list-row:hover{background:var(--surface-2)}.follow-list-row-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;cursor:pointer}.follow-list-row-text{min-width:0;display:flex;flex-direction:column}.follow-list-row-text strong{font-size:14.5px}.follow-list-row-text span{font-size:12.8px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-list-btn{flex-shrink:0;min-width:92px}@media (max-width: 480px){.follow-list-page{max-width:100%}.follow-list-row-text strong{font-size:14px}.follow-list-btn{min-width:82px;padding-left:12px;padding-right:12px}}.group-join-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);padding:24px}.group-join-card{width:min(360px,100%);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-md)}.group-join-card h2{margin:0 0 8px;font-size:18px}.group-join-card p{color:var(--text-dim);font-size:14.5px;margin:0 0 16px}.group-join-spinner{width:32px;height:32px;margin:0 auto 16px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent-1);animation:group-join-spin .8s linear infinite}@keyframes group-join-spin{to{transform:rotate(360deg)}}.group-join-back{display:inline-block;color:var(--accent-1);text-decoration:none;font-weight:600;font-size:14px}.group-join-back:hover{text-decoration:underline}.legal-page{height:100%;overflow-y:auto;background:var(--bg);color:var(--text);-webkit-overflow-scrolling:touch}.legal-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.legal-back{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:transparent;color:var(--text)}.legal-back:hover{background:var(--surface-hover)}.legal-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px}.legal-wrap{max-width:760px;margin:0 auto;padding:18px 16px calc(48px + env(safe-area-inset-bottom))}.legal-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.legal-tabs::-webkit-scrollbar{display:none}.legal-tab{flex:0 0 auto;padding:8px 14px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:14px;font-weight:600}.legal-tab:hover{background:var(--surface-hover);color:var(--text)}.legal-tab.active{background:var(--gradient);border-color:transparent;color:#fff}.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 28px 24px}.legal-card h1{font-size:30px;line-height:1.15}.legal-date{margin:8px 0 0;color:var(--text-faint);font-size:13px}.legal-intro{margin:16px 0 0;color:var(--text-dim);font-size:16px;line-height:1.6}.legal-card section{margin-top:28px}.legal-card h2{font-size:18px;margin-bottom:10px}.legal-card h3{font-size:15px;margin:16px 0 6px;color:var(--text)}.legal-card p,.legal-card li{color:var(--text-dim);font-size:15px;line-height:1.7}.legal-card p{margin:0 0 10px}.legal-card ul,.legal-card ol{margin:0;padding-left:22px}.legal-card li{margin-bottom:4px}.legal-card li::marker{color:var(--accent-1)}.legal-card a{color:var(--accent-3);text-decoration:underline;text-underline-offset:2px}.legal-note{margin-top:12px!important;padding:12px 14px;border-radius:var(--r-sm);background:var(--gradient-soft);font-size:14px!important}.legal-contact{padding-top:20px;border-top:1px solid var(--border-soft)}@media (max-width: 600px){.legal-wrap{padding:12px 12px calc(40px + env(safe-area-inset-bottom))}.legal-card{padding:22px 18px 18px;border-radius:var(--r-md)}.legal-card h1{font-size:26px}}:root{--bg: #0a0e14;--bg-elevated: #10161f;--surface: #151c27;--surface-2: #1b2330;--surface-hover: #212a39;--border: #232c3a;--border-soft: #1c2430;--text: #eef1f6;--text-dim: #94a1b5;--text-faint: #5b667a;--accent-1: #7c5cfc;--accent-2: #ff5ca8;--accent-3: #4fd1ff;--gradient: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--gradient-soft: linear-gradient(135deg, rgba(124, 92, 252, .16), rgba(255, 92, 168, .16));--gradient-ring: conic-gradient(from 210deg, var(--accent-3), var(--accent-1), var(--accent-2), var(--accent-3));--close-friends: #22c55e;--close-friends-2: #16a34a;--close-friends-soft: rgba(34, 197, 94, .14);--gradient-close: conic-gradient(from 210deg, #86efac, #22c55e, #16a34a, #4ade80, #86efac);--online: #2fe6a6;--danger: #ff5c7a;--danger-soft: rgba(255, 92, 122, .14);--warn: #ffb454;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px rgba(124, 92, 252, .25), 0 8px 24px rgba(124, 92, 252, .18);--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-w: 84px;--list-w: 380px;--topbar-h: 64px;--bottomnav-h: 62px}.light-theme{color-scheme:light;--bg: #f4f5f9;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #e9ecf3;--surface-hover: #dde1eb;--border: #c3c9d6;--border-soft: #d9dde6;--text: #131722;--text-dim: #4a5366;--text-faint: #6b7487;--gradient-soft: linear-gradient(135deg, rgba(124, 92, 252, .14), rgba(255, 92, 168, .12));--online: #16b47c;--danger: #dc2f4d;--danger-soft: rgba(220, 47, 77, .1);--warn: #b86e00;--shadow-sm: 0 1px 3px rgba(20, 28, 45, .12), 0 1px 2px rgba(20, 28, 45, .08);--shadow-md: 0 8px 24px rgba(20, 28, 45, .14);--shadow-glow: 0 0 0 1px rgba(124, 92, 252, .3), 0 8px 24px rgba(124, 92, 252, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.01em}p,span,div,button,input,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-full);font-weight:600;font-size:14.5px;border:1px solid transparent;transition:transform .15s ease,opacity .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 6px 18px #7c5cfc59}.btn-primary:hover{opacity:.92}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;text-align:left}.field label{font-size:13px;font-weight:600;color:var(--text-dim)}.field input,.field textarea,.field select{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:13px 15px;font-size:15px;color:var(--text);transition:border-color .15s ease,background .15s ease}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-1);background:var(--surface)}.field-error{color:var(--danger);font-size:12.5px;font-weight:500}.field-hint{color:var(--text-faint);font-size:12.5px}.avatar{border-radius:var(--r-full);object-fit:cover;background:var(--surface-2);display:block;flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.toast-stack{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:340px}@media (max-width: 640px){.toast-stack{left:12px;right:12px;top:12px;max-width:none}}.toast{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:13px 16px;border-radius:var(--r-md);font-size:13.5px;box-shadow:var(--shadow-md);animation:toast-in .22s ease;display:flex;align-items:center;gap:10px}.toast.error{border-color:#ff5c7a66}.toast.success{border-color:#2fe6a666}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:60px 24px;color:var(--text-dim)}.empty-state h3{color:var(--text);font-size:17px}.empty-state p{font-size:13.5px;max-width:320px;line-height:1.5}.light-theme .btn-primary{box-shadow:0 6px 16px #7c5cfc47}.light-theme .btn-secondary{box-shadow:0 1px 2px #141c2d14}.light-theme .icon-btn.dark{border-color:var(--border)}.light-theme .switch input:not(:checked)+span,.light-theme .story-switch-row input:not(:checked)+i{background:#b4bccb}.light-theme .contact-panel-switch:not(.on){background:#b4bccb;border-color:#a5aebf}.light-theme .chat-bubble:not(.mine):not(.voice-bubble){background:#fff;box-shadow:0 1px 2px #141c2d1a,inset 0 0 0 1px var(--border-soft)}.light-theme .chat-bubble:not(.mine) .story-reply-add-btn:not(.done){box-shadow:inset 0 0 0 1px var(--border)}.light-theme .story-reply-add-btn.done{color:var(--text-dim);border-color:var(--border)}.light-theme .chat-bubble-menu{background:#fff;box-shadow:0 4px 18px #0000002e,0 0 0 1px #0000000f}.light-theme .chat-bubble-menu button{background:#fff;color:#111b21}.light-theme .chat-bubble-menu button+button{border-top-color:#00000014}.light-theme .chat-bubble-menu button:hover{background:#0000000b}.light-theme .auth-tag{background:var(--surface-2)}.light-theme .contact-panel-overlay{box-shadow:-12px 0 30px #141c2d1f}
