@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@500;600;700;800&display=swap";:root{--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Syne", var(--font-body);--accent: #0086c9;--accent-strong: #00679f;--accent-soft: #d9f2fd;--accent-contrast: #ffffff;--bg: #eff6fa;--bg-2: #e5f1f7;--surface: rgba(255, 255, 255, .74);--surface-solid: #ffffff;--surface-2: rgba(255, 255, 255, .5);--surface-3: rgba(8, 37, 53, .05);--text: #0c2230;--text-soft: #385566;--muted: #6b8392;--border: rgba(12, 34, 48, .1);--border-strong: rgba(12, 34, 48, .18);--danger: #d23c3c;--success: #168a64;--warning: #b7791f;--shadow-sm: 0 2px 8px rgba(13, 38, 54, .06);--shadow: 0 18px 50px rgba(13, 38, 54, .1);--shadow-lg: 0 34px 90px rgba(13, 38, 54, .16);--radius-xs: 9px;--radius-sm: 13px;--radius: 20px;--radius-lg: 28px;--radius-xl: 36px;--glass-blur: 26px;--sidebar: 250px;--topbar: 70px;--header-gradient: radial-gradient(circle at 18% 22%, rgba(101, 214, 244, .32), transparent 34%), radial-gradient(circle at 82% 12%, rgba(0, 103, 159, .18), transparent 30%), radial-gradient(circle at 58% 88%, rgba(154, 230, 199, .28), transparent 40%), linear-gradient(140deg, #f4fbfe, #e8f2f8 48%, #eef8f2)}:root[data-theme=dark]{--accent: #43c6f3;--accent-strong: #7bdcff;--accent-soft: rgba(67, 198, 243, .14);--accent-contrast: #04131a;--bg: #071018;--bg-2: #0a1721;--surface: rgba(15, 32, 44, .72);--surface-solid: #0f202c;--surface-2: rgba(255, 255, 255, .045);--surface-3: rgba(255, 255, 255, .07);--text: #eef8fc;--text-soft: #b7ccd7;--muted: #839caa;--border: rgba(231, 247, 255, .11);--border-strong: rgba(231, 247, 255, .2);--danger: #ff7a7a;--success: #52d3a4;--warning: #f2c268;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow: 0 24px 70px rgba(0, 0, 0, .38);--shadow-lg: 0 44px 110px rgba(0, 0, 0, .5);--header-gradient: radial-gradient(circle at 15% 20%, rgba(32, 177, 220, .2), transparent 30%), radial-gradient(circle at 88% 8%, rgba(63, 129, 255, .17), transparent 34%), radial-gradient(circle at 50% 90%, rgba(41, 164, 130, .14), transparent 38%), linear-gradient(140deg, #071018, #0a1b25 52%, #07141b)}:root[data-accent=mint]{--accent: #0f9f7b;--accent-strong: #0b7c60;--accent-soft: #d8f8ec;--accent-contrast: #ffffff}:root[data-theme=dark][data-accent=mint]{--accent: #46e0b4;--accent-strong: #82f0cf;--accent-soft: rgba(70, 224, 180, .14);--accent-contrast: #04130e}:root[data-accent=violet]{--accent: #7557e8;--accent-strong: #533fd0;--accent-soft: #ece7ff;--accent-contrast: #ffffff}:root[data-theme=dark][data-accent=violet]{--accent: #a995ff;--accent-strong: #c5b8ff;--accent-soft: rgba(169, 149, 255, .16);--accent-contrast: #0d0820}:root[data-accent=sunset]{--accent: #e26d3f;--accent-strong: #bf4e25;--accent-soft: #ffe8dc;--accent-contrast: #ffffff}:root[data-theme=dark][data-accent=sunset]{--accent: #ff9f70;--accent-strong: #ffbe9b;--accent-soft: rgba(255, 159, 112, .16);--accent-contrast: #1b0a03}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--header-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-y:auto}body:has(.app-shell){overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 32%,transparent);border-radius:20px}::-webkit-scrollbar-track{background:transparent}.app-shell{height:100dvh;display:flex;padding:10px;gap:10px;animation:app-in .5s ease both}@keyframes app-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.glass{background:var(--surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);display:flex;flex-direction:column;padding:20px 14px;border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.brand-side{display:flex;align-items:center;gap:11px;padding:2px 10px 22px}.brand-mark{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 26%,transparent);flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.05em;line-height:1}.brand-sub{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin-top:4px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;border:0;border-radius:14px;background:transparent;color:var(--text-soft);font-weight:500;text-align:left;transition:.18s ease;position:relative}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));color:var(--accent-strong);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:4px;background:var(--accent)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:11px;font-weight:700}.nav-section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:22px 15px 8px;font-weight:600}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:14px}.side-account{display:flex;align-items:center;gap:10px;padding:9px;border-radius:16px;border:1px solid transparent;background:transparent;text-align:left;width:100%}.side-account:hover{background:var(--surface-3);border-color:var(--border)}.side-account .meta{min-width:0;flex:1}.side-account .name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-account .sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;color:var(--text-soft);flex:0 0 auto}.side-icon-btn:hover{color:var(--text);background:var(--surface-3)}.main-pane{flex:1;min-width:0;border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;display:flex;position:relative}.page{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain}.page-pad{padding:30px clamp(20px,4vw,48px) 56px;max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.page-head h1{font-size:clamp(28px,3.2vw,40px);line-height:1}.page-head p{color:var(--muted);margin-top:9px;max-width:56ch;line-height:1.55;font-size:14px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-strong);font-weight:700;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border-radius:13px;border:1px solid transparent;background:var(--surface-3);color:var(--text);font-weight:600;font-size:14px;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--text) 9%,transparent)}.btn:active{transform:none}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover{background:var(--accent-strong);color:#fff}:root[data-theme=dark] .btn-primary:hover{color:var(--accent-contrast)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,transparent)}.btn-sm{min-height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}.btn-icon{width:42px;min-width:42px;padding:0}.btn-icon.btn-sm{width:34px;min-width:34px}.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid transparent;background:transparent;display:inline-grid;place-items:center;color:var(--muted);flex:0 0 auto}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.active{color:var(--accent-strong);background:var(--accent-soft)}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);padding:20px}.card-solid{background:var(--surface-solid)}.card-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.card-sub{color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.5}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10.5px}.strong{font-weight:700}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.hidden{display:none!important}.field{display:flex;flex-direction:column;gap:7px}.field>label,.label{font-size:12px;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.input,.textarea,.select{width:100%;min-height:46px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);padding:0 14px;color:var(--text);outline:none;transition:.18s ease}.textarea{padding:12px 14px;min-height:94px;resize:vertical;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);background:var(--surface-solid)}.input-group{position:relative}.input-group .input{padding-left:42px}.input-group>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-affix{display:flex;align-items:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);padding:0 12px;min-height:46px;gap:7px}.input-affix span{color:var(--muted);font-size:13px}.input-affix input{border:0;background:transparent;outline:0;width:100%;min-width:0}.switch{width:44px;height:26px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);position:relative;transition:.2s;flex:0 0 auto;padding:0}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--surface-solid);top:2px;left:2px;transition:.22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{left:20px;background:#fff}.segmented{display:inline-flex;padding:4px;gap:2px;border-radius:13px;background:var(--surface-3);border:1px solid var(--border)}.segmented button{border:0;background:transparent;color:var(--muted);min-height:32px;padding:0 13px;border-radius:9px;font-size:12.5px;font-weight:600}.segmented button.active{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-size:12px;font-weight:500;white-space:nowrap}.chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--accent-strong)}.chip-btn{border:1px solid var(--border);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:var(--surface-3);color:var(--text-soft)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.badge-danger{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.badge-success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.avatar{position:relative;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,var(--surface-solid)),color-mix(in srgb,var(--accent) 6%,var(--surface-solid)));display:grid;place-items:center;flex:0 0 auto;color:var(--accent-strong);font-weight:700;border:1px solid color-mix(in srgb,var(--text) 6%,transparent)}.avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar-initial{z-index:0}.avatar .secure-media-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:transparent;color:var(--accent-strong)}.avatar-ring{padding:2px;background:conic-gradient(from 30deg,var(--accent),#7ae0b8,#f6c667,var(--accent));border:0}.avatar-ring .avatar-img,.avatar-ring .secure-media-placeholder,.avatar-ring .avatar-initial{border-radius:50%;border:2px solid var(--surface-solid)}.avatar-ring .avatar-initial{inset:2px;position:absolute;display:grid;place-items:center;background:var(--surface-solid);color:var(--accent-strong)}.avatar-ring .avatar-img{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.secure-media-placeholder{display:inline-grid;place-items:center;width:100%;height:100%;min-height:22px;background:var(--surface-3);color:var(--muted)}.secure-media-placeholder.video{gap:8px;font-size:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.verified-dot{color:var(--accent-strong);fill:var(--accent);flex:0 0 auto}.empty-state{display:grid;place-items:center;text-align:center;padding:54px 24px;color:var(--muted)}.empty-state .empty-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--surface-3);color:var(--accent-strong);margin-bottom:14px}.empty-state h3{color:var(--text);font-size:18px;margin-bottom:7px}.empty-state p{font-size:13px;max-width:38ch;line-height:1.55}.divider{height:1px;background:var(--border);margin:12px 0}.list-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid transparent;background:transparent;width:100%;text-align:left;transition:.14s ease}.list-row:hover{background:var(--surface-3)}.list-row.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.list-row .main{min-width:0;flex:1}.list-row .title{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:5px}.list-row .sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.section-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}.menu{position:absolute;z-index:80;min-width:210px;padding:6px;border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:menu-in .16s ease both}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.menu-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:9px 10px;border-radius:9px;text-align:left;font-size:13px;color:var(--text)}.menu-item:hover{background:var(--surface-3)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.modal-backdrop{position:fixed;inset:0;z-index:400;background:#040e148a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(560px,100%);max-height:min(84dvh,780px);display:flex;flex-direction:column;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-solid) 96%,transparent);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:modal-in .22s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.modal.wide{width:min(820px,100%)}.modal.small{width:min(420px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 14px}.modal-head h2{font-size:21px;line-height:1.1}.modal-head p{color:var(--muted);font-size:12.5px;margin-top:5px;line-height:1.45}.modal-body{padding:2px 24px 22px;overflow-y:auto}.modal-foot{padding:14px 24px 22px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 60%,transparent)}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:500;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 36px))}.toast{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:13px;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);font-size:13px;line-height:1.35;animation:toast-in .22s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast span{flex:1}.toast-success svg:first-child{color:var(--success)}.toast-error svg:first-child{color:var(--danger)}.toast-info svg:first-child{color:var(--accent)}.toast-action{border:0;background:var(--accent-soft);color:var(--accent-strong);font-size:11.5px;font-weight:700;padding:5px 8px;border-radius:7px}.toast-close{border:0;background:transparent;color:var(--muted);padding:2px;display:grid;place-items:center}.tabs{display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--border);padding:0 4px}.tab{border:0;background:transparent;color:var(--muted);padding:11px 12px;font-size:13px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.tab.active{color:var(--text);border-color:var(--accent)}.progress{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,color-mix(in srgb,var(--text) 7%,transparent) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 16%,transparent)}.code-input{width:100%;text-align:center;font-size:26px;letter-spacing:.45em;font-weight:700;min-height:56px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:2px 6px;border-radius:5px;border:1px solid var(--border);background:var(--surface-3)}.link-btn{border:0;background:transparent;color:var(--accent-strong);font-weight:600;font-size:12.5px;padding:0}.link-btn:hover{text-decoration:underline}.error-text{color:var(--danger);font-size:12px;line-height:1.4}.success-text{color:var(--success);font-size:12px;line-height:1.4}.notice{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.45;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.notice svg{flex:0 0 auto;margin-top:1px}.notice.error{background:color-mix(in srgb,var(--danger) 9%,transparent);border-color:color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger)}.notice.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-strong)}.mobile-only{display:none}.desktop-only{display:initial}@media(max-width:1080px){:root{--sidebar: 86px}.sidebar{padding:18px 10px}.brand-side{justify-content:center;padding:2px 0 20px}.brand-text,.nav-label,.nav-section-label,.side-account .meta,.sidebar-foot .side-icon-btn:not(.keep){display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:2px}.nav-badge{position:absolute;top:6px;right:8px;min-width:16px;height:16px;font-size:9px;padding:0 4px}.side-account{justify-content:center}}@media(max-width:760px){body{overflow:hidden}.app-shell{padding:0;gap:0;height:100dvh}.sidebar{display:none}.main-pane{border-radius:0;border:0;box-shadow:none;padding-bottom:0}.page-pad{padding:22px 16px 80px}.page-head{flex-direction:column;gap:14px}.mobile-only{display:initial}.desktop-only{display:none!important}.toast-stack{bottom:76px}.modal{max-height:88dvh}.modal-head{padding:18px 18px 12px}.modal-body{padding:2px 18px 18px}.modal-foot{padding:13px 18px 18px}}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);padding:10px;gap:10px}.auth-story{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:28px 34px;display:flex;flex-direction:column;background:radial-gradient(circle at 18% 20%,rgba(101,214,244,.38),transparent 32%),radial-gradient(circle at 88% 12%,rgba(89,190,255,.22),transparent 38%),radial-gradient(circle at 52% 92%,rgba(50,202,150,.3),transparent 36%),linear-gradient(145deg,#063a58,#04202f 56%,#062318);color:#f4fcff;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.auth-story:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:soft-light}.auth-story-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:#65d6f429;filter:blur(60px);right:-180px;top:20%;pointer-events:none}.auth-story-top,.auth-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.auth-story-top .brand-name,.auth-story-top .brand-sub{color:#fff}.auth-story-top .brand-sub{opacity:.6}.auth-story-top .brand-mark{background:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 22px #0003}.auth-story-main{margin:auto 0;padding:38px 0;position:relative;z-index:1;max-width:560px}.auth-story-main h1{font-size:clamp(32px,4vw,54px);line-height:.98;letter-spacing:-.055em;margin-bottom:18px}.auth-story-main>p{color:#ecfaffb8;font-size:15px;line-height:1.65;max-width:45ch}.auth-features{display:grid;gap:12px;margin-top:34px}.auth-feature{display:flex;gap:12px;padding:13px 14px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-feature-icon{width:34px;height:34px;border-radius:11px;background:#65d6f42e;color:#8ae6ff;display:grid;place-items:center;flex:0 0 auto}.auth-feature strong{font-size:13px;display:block;margin-bottom:3px}.auth-feature p{font-size:11.5px;line-height:1.45;color:#ecfaff99}.auth-story-bottom{font-size:10.5px;color:#ecfaff73;letter-spacing:.04em}.auth-panel{display:grid;place-items:center;padding:24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));overflow-y:auto}.auth-card{width:min(440px,100%);padding:12px 0}.auth-card-head{margin-bottom:24px}.auth-card-head h2{font-size:clamp(27px,3vw,35px);line-height:1;margin-top:17px}.auth-card-head p{color:var(--muted);font-size:13px;margin-top:8px;line-height:1.5}.auth-logo{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent);overflow:hidden;border:1px solid var(--border)}.auth-logo img{width:100%;height:100%;object-fit:cover;display:block}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-submit{width:100%;min-height:49px;margin-top:4px;font-size:14.5px;border-radius:14px}.auth-alt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding-top:18px;color:var(--muted);font-size:12px}.auth-alt .link-btn{display:inline-flex;align-items:center;gap:4px}.dot-sep{opacity:.5}.auth-legal{margin-top:18px;text-align:center;color:var(--muted);font-size:10.5px;line-height:1.5}.auth-legal a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}.checkline{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--text-soft);line-height:1.4;cursor:pointer}.checkline input{accent-color:var(--accent);width:15px;height:15px;margin-top:1px;flex:0 0 auto}.otp-illustration{width:70px;height:70px;margin:4px auto 8px;border-radius:23px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}@media(max-width:980px){.auth-page{grid-template-columns:1fr;padding:0;gap:0}.auth-story{display:none}.auth-panel{border-radius:0;border:0;min-height:100dvh;padding:28px 18px;background:var(--header-gradient)}.auth-card{width:min(440px,100%)}}.mobile-nav{display:none}@media(max-width:760px){.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-solid) 88%,transparent);-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border-top:1px solid var(--border)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:49px;color:var(--muted);font-size:9.5px;font-weight:600;border-radius:12px}.mobile-tab.active{color:var(--accent-strong)}.mobile-icon{position:relative;display:grid;place-items:center;width:34px;height:26px;border-radius:9px}.mobile-tab.active .mobile-icon{background:var(--accent-soft)}.mobile-badge{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:8.5px;font-weight:800;display:grid;place-items:center;padding:0 4px}}.stories-bar{position:relative;padding:14px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--border)}.stories-scroll{display:flex;gap:14px;overflow-x:auto;padding:2px 4px 6px;scrollbar-width:none}.stories-scroll::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;flex:0 0 auto;width:66px;padding:0}.story-ring{width:62px;height:62px;border-radius:50%;padding:3px;display:grid;place-items:center;position:relative;transition:transform .18s ease}.story-item:hover .story-ring{transform:scale(1.06)}.story-ring.has-story{background:conic-gradient(from 35deg,var(--accent),#f7c76c,#ec6f9a,var(--accent))}.story-ring.seen{background:var(--border-strong)}.story-ring.empty{background:var(--border)}.story-ring .avatar{width:100%;height:100%;border:2px solid var(--surface-solid)}.story-plus{position:absolute;right:-1px;bottom:-1px;width:21px;height:21px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:2px solid var(--surface-solid);display:grid;place-items:center;z-index:3}.story-name{font-size:10.5px;color:var(--text-soft);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stories-empty{display:flex;flex-direction:column;gap:3px;justify-content:center;padding-left:8px;min-width:200px}.stories-empty strong{font-size:12px}.stories-empty span{font-size:11px;color:var(--muted);max-width:40ch;line-height:1.4}.stories-fade{position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,var(--surface));pointer-events:none}.story-viewer{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#040b10e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;animation:fade-in .18s ease both;touch-action:none}.story-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#285a7647,#02080ceb)}.story-stage{position:relative;width:min(440px,100vw);height:min(92dvh,860px);border-radius:22px;overflow:hidden;box-shadow:0 40px 120px #000000a6;background:#0b1015;display:flex;flex-direction:column}.story-media{position:absolute;inset:0;display:grid;place-items:center;background:#080d11;overflow:hidden}.story-image,.story-video{width:100%;height:100%;object-fit:contain;background:#080d11}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 22%,transparent 68%,rgba(0,0,0,.52));pointer-events:none}.story-caption{position:absolute;left:20px;right:20px;bottom:104px;text-align:center;font-size:15px;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.7);z-index:2}.story-overlays{position:absolute;inset:0;pointer-events:none;z-index:2}.story-overlay-text{position:absolute;max-width:80%;text-align:center;font-weight:700;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.45);white-space:pre-wrap}.story-overlay-emoji{position:absolute;font-size:clamp(38px,11vw,64px);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.story-overlay-stroke{position:absolute;inset:0;width:100%;height:100%}.story-top{position:relative;z-index:4;padding:12px 12px 0}.story-progress{display:flex;gap:4px}.story-progress-bar{flex:1;height:3px;border-radius:9px;background:#ffffff40;overflow:hidden}.story-progress-bar span{display:block;height:100%;background:#ffffffeb;border-radius:9px}.story-head{display:flex;align-items:center;gap:9px;margin-top:12px}.story-head-meta{min-width:0;flex:1;display:flex;flex-direction:column}.story-head-meta strong{font-size:13px}.story-head-meta span{font-size:10.5px;opacity:.72}.story-icon-btn{border:0;background:#ffffff1a;color:#fff;min-width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-icon-btn:hover{background:#ffffff2e}.story-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;width:38px;height:46px;border-radius:12px;background:#040a0e52;color:#fffc;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-nav:hover{background:#040a0e8c}.story-nav.prev{left:10px}.story-nav.next{right:10px}.story-foot{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:12px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px}.story-reactions{display:flex;justify-content:center;gap:7px}.story-reactions button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:20px;transition:.15s}.story-reactions button:hover{transform:translateY(-2px) scale(1.06);background:#fff3}.story-reply-open{border:1px solid rgba(255,255,255,.26);background:#0000003d;color:#ffffffbf;border-radius:999px;min-height:43px;padding:0 17px;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-reply-form{display:flex;gap:8px}.story-reply-form input{flex:1;min-height:45px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;padding:0 16px;outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-reply-form input::placeholder{color:#ffffff8c}.story-send{width:45px;height:45px;border-radius:50%;border:0;background:#fff;color:#0a1014;display:grid;place-items:center}.story-menu{position:absolute;right:12px;top:62px;z-index:9;min-width:210px;padding:6px;border-radius:13px;background:#121a20eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #00000080}.story-menu button{width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:12.5px;text-align:left}.story-menu button:hover{background:#ffffff14}.story-menu button.danger{color:#ff8e8e}.story-empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}@media(max-width:760px){.story-stage{width:100vw;height:100dvh;border-radius:0}}.chats-layout{display:flex;flex:1;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.chat-list-pane{width:380px;flex:0 0 380px;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 32%,transparent)}.chat-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:22px 18px 12px}.chat-list-head h1{font-size:29px;line-height:.95}.chat-list-head .eyebrow{margin-bottom:6px}.chat-list-search{display:flex;gap:7px;padding:0 16px 10px}.chat-list-search .input-group{flex:1}.chat-list-search .input{min-height:41px;border-radius:12px;font-size:12.5px}.chat-filters{padding:0 12px}.chat-filters .tabs{border-bottom:0;gap:0;overflow-x:auto}.chat-filters .tab{padding:10px 9px;font-size:12px;white-space:nowrap}.labels-scroll{display:flex;gap:6px;overflow-x:auto;padding:8px 16px 10px;scrollbar-width:none}.labels-scroll::-webkit-scrollbar{display:none}.labels-scroll .chip{min-height:26px;font-size:11px;padding:0 9px}.request-banner{display:flex;align-items:center;gap:10px;margin:4px 14px 9px;padding:10px 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);background:var(--accent-soft);text-align:left;color:var(--accent-strong)}.request-banner strong{display:block;font-size:12px}.request-banner span{display:block;font-size:10.5px;opacity:.78;margin-top:2px}.request-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 17%,transparent)}.conversation-scroll{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 16px}.conversation-row-wrap{position:relative;border-radius:15px;margin-bottom:1px}.conversation-row-wrap:hover{background:var(--surface-3)}.conversation-row-wrap.active{background:var(--accent-soft)}.conversation-row{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:9px 8px;border-radius:15px;text-align:left}.conversation-main{min-width:0;flex:1}.conversation-top{display:flex;align-items:center;gap:8px}.conversation-title{display:flex;align-items:center;gap:4px;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-row.unread .conversation-title{font-weight:750}.conversation-time{font-size:10px;color:var(--muted);flex:0 0 auto}.conversation-time.unread{color:var(--accent-strong);font-weight:700}.conversation-bottom{display:flex;align-items:center;gap:7px;margin-top:3px}.conversation-snippet{flex:1;min-width:0;font-size:11.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-row.unread .conversation-snippet{color:var(--text-soft);font-weight:500}.conversation-unread{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:800;display:grid;place-items:center}.conversation-manual-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}.conversation-labels{display:flex;gap:8px;margin-top:4px}.conversation-label{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600}.conversation-label>span{width:5px;height:5px;border-radius:99px}.conversation-more{position:absolute;right:4px;bottom:7px;opacity:0;transition:opacity .15s}.conversation-row-wrap:hover .conversation-more{opacity:1}.conversation-more .icon-btn{width:27px;height:27px;border-radius:8px;background:var(--surface-solid);border:1px solid var(--border)}.menu-backdrop{position:fixed;inset:0;z-index:70}.conversation-menu{position:absolute;right:0;top:30px;z-index:80}.chat-list-skeleton{padding:8px;display:flex;flex-direction:column;gap:12px}.skeleton-row{display:flex;gap:10px;align-items:center;padding:6px}.search-blocks{padding:4px 6px 10px}.search-user-card{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);margin-bottom:8px}.chat-window-pane{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.chat-window-pane.empty{display:grid;place-items:center}.chat-empty{max-width:440px;text-align:center;padding:32px}.chat-empty-orb{width:92px;height:92px;margin:0 auto 20px;border-radius:32px;display:grid;place-items:center;color:var(--accent-strong);background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 5%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}.chat-empty h2{font-size:25px;line-height:1.05}.chat-empty>p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:10px auto 20px;max-width:38ch}.chat-empty .row{justify-content:center}.chat-empty-tips{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px;color:var(--muted);font-size:10.5px}.chat-empty-tips span{display:flex;align-items:center;gap:4px}.chat-window{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:transparent;overflow:hidden}.chat-wallpaper{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}.chat-wallpaper img{width:100%;height:100%;object-fit:cover}.chat-wallpaper:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--surface-solid) 68%,transparent)}:root[data-theme=dark] .chat-wallpaper:after{background:#050e1494}.chat-header{position:relative;z-index:10;min-height:68px;display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.chat-back{margin-left:-4px}.chat-head-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:2px 4px;border-radius:10px}.chat-head-person:hover{background:var(--surface-3)}.chat-head-meta{min-width:0}.chat-head-name{display:flex;align-items:center;gap:4px;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-sub{font-size:10.5px;color:var(--muted);margin-top:1px}.chat-head-sub .typing-text{color:var(--accent-strong)}.members-badge{min-width:18px;height:18px;padding:0 4px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:9px}.chat-head-actions{display:flex;align-items:center;gap:1px}.chat-head-actions .icon-btn{width:36px;height:36px}.messages-scroll{position:relative;z-index:1;flex:1;overflow-y:auto;padding:18px clamp(12px,4vw,60px) 10px;display:flex;flex-direction:column;gap:1px;overscroll-behavior:contain}.messages-loading{flex:1;display:grid;place-items:center}.load-more{text-align:center;padding:5px 0 12px;display:flex;justify-content:center}.load-more .link-btn{font-size:11px;color:var(--muted)}.messages-bottom{height:4px}.chat-empty-inline{margin:auto;text-align:center;max-width:330px;padding:30px 10px}.chat-empty-inline .empty-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.chat-empty-inline h3{font-size:17px}.chat-empty-inline p{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.5}.message-highlight{animation:message-highlight 1.7s ease;border-radius:12px}@keyframes message-highlight{0%,to{background:transparent}15%,70%{background:color-mix(in srgb,var(--accent) 13%,transparent)}}.day-separator{text-align:center;padding:13px 0 9px;position:sticky;top:4px;z-index:2;pointer-events:none}.day-separator span{font-size:9.5px;font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:var(--muted);background:color-mix(in srgb,var(--surface-solid) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px 10px;border-radius:99px;border:1px solid var(--border)}.message-row{display:flex;align-items:flex-end;gap:6px;margin:1px 0;max-width:100%}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-avatar{align-self:flex-end;margin-bottom:6px}.message-stack{max-width:min(68%,620px);min-width:0;display:flex;flex-direction:column}.message-stack.mine{align-items:flex-end}.message-stack.theirs{align-items:flex-start}.message-sender{font-size:9.5px;font-weight:600;color:var(--muted);padding:0 8px 2px}.message-bubble-wrap{display:flex;align-items:center;gap:2px;max-width:100%;position:relative}.message-bubble-wrap.mine{flex-direction:row-reverse}.message-bubble{position:relative;padding:8px 11px 6px;border-radius:16px 16px 16px 5px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:0 1px 2px #0a1e2808;max-width:100%;overflow-wrap:break-word;word-break:break-word}.message-bubble.mine{border-radius:16px 16px 5px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 93%,#065b83),var(--accent-strong));color:#fff;border-color:transparent}:root[data-theme=dark] .message-bubble.mine{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 76%,#0b3a4c),color-mix(in srgb,var(--accent) 42%,#0b2735))}.message-bubble.deleted{opacity:.7;font-style:italic}.message-bubble.only-media{padding:3px;background:var(--surface-solid);border-color:var(--border)}.message-bubble.mine.only-media{background:var(--accent-strong)}.message-bubble.temporal{border-style:dashed}.message-text{font-size:13.5px;line-height:1.45;white-space:pre-wrap}.message-text a{text-decoration:underline;text-underline-offset:2px}.message-bubble.mine .message-text a{color:#e8fbff}.message-text.caption{padding:5px 5px 0}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;color:var(--muted);font-size:9px;line-height:1;opacity:.78}.message-bubble.mine .message-meta{color:#ffffffc2}.message-meta .ticks.read{color:#b6f3ff}.message-meta .edited{font-style:italic}.message-actions{opacity:0;transition:opacity .14s;display:flex;align-items:center}.message-bubble-wrap:hover .message-actions{opacity:1}.message-action-btn{width:26px;height:26px;border:0;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted)}.message-action-btn:hover{color:var(--text)}.quick-reactions{display:flex;gap:2px;padding:3px}.quick-reactions button{width:31px;height:31px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;font-size:17px;color:var(--muted)}.quick-reactions button:hover{background:var(--surface-3);transform:scale(1.14)}.message-reply-ref{display:flex;gap:7px;align-items:stretch;border:0;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:8px;padding:5px 7px;margin-bottom:5px;width:100%;text-align:left;color:inherit}.message-bubble.mine .message-reply-ref{background:#ffffff24}.reply-bar{width:3px;border-radius:4px;background:var(--accent);flex:0 0 auto}.message-reply-ref .reply-text{display:flex;flex-direction:column;min-width:0}.message-reply-ref strong{font-size:9.5px;color:var(--accent-strong)}.message-bubble.mine .message-reply-ref strong{color:#b9f4ff}.message-reply-ref span{font-size:10.5px;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reactions-row{display:flex;align-items:center;gap:3px;margin-top:2px;padding:0 4px}.reaction-pill,.reaction-add{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);background:var(--surface-solid);border-radius:99px;min-height:22px;padding:0 7px;font-size:11px;color:var(--text-soft)}.reaction-pill.mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-strong)}.reaction-pill span{font-size:9px;font-weight:700}.reaction-add{width:22px;justify-content:center;color:var(--muted)}.system-message{align-self:center;display:flex;align-items:center;gap:5px;text-align:center;font-size:10.5px;color:var(--muted);background:color-mix(in srgb,var(--surface-solid) 74%,transparent);border:1px solid var(--border);border-radius:99px;padding:4px 10px;margin:5px auto;max-width:82%}.call-system{color:var(--accent-strong)}.message-avatar .avatar{box-shadow:0 1px 4px #0000001a}.message-image{display:block;border:0;background:transparent;padding:0;border-radius:13px;overflow:hidden;position:relative;max-width:320px}.message-image img{display:block;max-height:380px;border-radius:13px;object-fit:cover}.message-image-hint{position:absolute;right:7px;bottom:7px;background:#0000007a;color:#fff;font-size:8.5px;padding:3px 7px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.message-video{display:block;border:0;padding:0;background:#000;border-radius:13px;overflow:hidden;position:relative;max-width:330px}.message-video-el{display:block;max-height:380px;width:100%;border-radius:13px}.video-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:24px;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none}.sticker-bubble{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.sticker-message img{max-width:180px;max-height:180px;object-fit:contain}.audio-message{display:flex;align-items:center;gap:9px;min-width:206px;padding:2px}.audio-play{width:36px;height:36px;border-radius:50%;border:0;background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent-strong);display:grid;place-items:center;flex:0 0 auto}.message-bubble.mine .audio-play{background:#fff3;color:#fff}.audio-main{flex:1;min-width:0}.audio-bars{height:28px;display:flex;align-items:center;gap:2px;cursor:pointer}.audio-bars span{flex:1;border-radius:2px;background:var(--accent);min-width:1px}.message-bubble.mine .audio-bars span{background:#ffffffdb}.audio-meta{display:flex;justify-content:space-between;font-size:8.5px;opacity:.7;margin-top:1px}.pdf-message{display:flex;align-items:center;gap:8px;min-width:230px}.pdf-icon{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);display:grid;place-items:center;flex:0 0 auto}.pdf-main{flex:1;min-width:0;display:flex;flex-direction:column}.pdf-main strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-main span{font-size:9.5px;opacity:.66}.location-message{display:flex;align-items:center;gap:8px;min-width:220px;color:inherit}.location-map{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);display:grid;place-items:center}.location-message>div{display:flex;flex-direction:column;flex:1}.location-message strong{font-size:11.5px}.location-message span{font-size:9.5px;opacity:.66}.story-reply-card{display:flex;gap:8px;align-items:center;padding:5px;border-radius:10px;background:color-mix(in srgb,var(--text) 7%,transparent);margin-bottom:5px}.story-reply-card img,.story-reply-fallback{width:36px;height:48px;border-radius:7px;object-fit:cover;background:var(--surface-3);flex:0 0 auto}.story-reply-card>div{display:flex;flex-direction:column;min-width:0}.story-reply-card strong{font-size:10.5px}.story-reply-card span{font-size:9.5px;opacity:.68}.message-failed{align-self:flex-end;font-size:10px;color:var(--danger);padding:2px 5px 6px}.chat-banner{position:relative;z-index:8;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:7px 12px;background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warning);border-bottom:1px solid color-mix(in srgb,var(--warning) 18%,transparent)}.chat-banner .link-btn{color:inherit;text-decoration:underline}.chat-search-panel{position:relative;z-index:9;display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface-solid)}.chat-search-panel>svg{color:var(--muted);flex:0 0 auto}.chat-search-panel input{flex:1;border:0;outline:0;background:transparent;font-size:12.5px;min-height:30px}.chat-search-results{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--surface-solid);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:5px}.chat-search-results button{width:100%;border:0;background:transparent;display:flex;gap:9px;align-items:center;padding:7px 9px;border-radius:8px;text-align:left;font-size:11px}.chat-search-results button:hover{background:var(--surface-3)}.search-result-sender{font-weight:700;color:var(--accent-strong);flex:0 0 auto}.search-result-sender.mine{color:var(--muted)}.chat-search-results time{margin-left:auto;color:var(--muted);font-size:9px}.chat-search-results span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-bottom-btn{position:absolute;right:22px;bottom:98px;z-index:6;width:38px;height:38px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border);color:var(--text-soft);display:grid;place-items:center;box-shadow:var(--shadow)}.composer-wrap{position:relative;z-index:11;padding:6px clamp(10px,3vw,28px) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-solid) 76%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composer-preview{position:relative;z-index:10;display:flex;align-items:center;gap:8px;padding:6px clamp(14px,4vw,34px);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 85%,transparent)}.composer-preview .grow{display:flex;flex-direction:column;min-width:0}.composer-preview strong{font-size:10.5px;color:var(--accent-strong);display:flex;align-items:center;gap:4px}.composer-preview span{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-preview.editing strong{color:var(--warning)}.composer-preview.upload{justify-content:center;font-size:11px;color:var(--muted)}.composer{display:flex;align-items:flex-end;gap:4px;background:var(--surface-solid);border:1px solid var(--border);border-radius:22px;padding:5px 6px;box-shadow:var(--shadow-sm);position:relative}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent)}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;min-height:34px;max-height:130px;padding:8px 4px;font-size:13.5px;line-height:1.35;field-sizing:content}.composer.disabled{opacity:.7}.composer-btn{width:35px;height:35px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;flex:0 0 auto}.composer-btn:hover{background:var(--surface-3);color:var(--text)}.composer-btn.mic{color:var(--accent-strong)}.composer-btn.recording{color:var(--danger);animation:pulse 1.2s infinite}.composer-send{width:37px;height:37px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;flex:0 0 auto;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent)}.composer-send:hover{background:var(--accent-strong)}.recording-bar{position:absolute;left:8px;right:8px;top:-34px;display:flex;align-items:center;gap:7px;font-size:11px;background:var(--surface-solid);border:1px solid var(--border);border-radius:99px;padding:5px 12px;box-shadow:var(--shadow)}.recording-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}.attach-sheet{position:absolute;left:clamp(14px,4vw,34px);bottom:calc(100% - 2px);z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:270px;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:menu-in .18s ease both}.attach-sheet button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:0;background:transparent;border-radius:11px;font-size:9.5px;color:var(--text-soft)}.attach-sheet button:hover{background:var(--surface-3)}.attach-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff}.attach-icon.image{background:linear-gradient(145deg,#0f9f7b,#63d8b7)}.attach-icon.video{background:linear-gradient(145deg,#7557e8,#a995ff)}.attach-icon.file{background:linear-gradient(145deg,#e26d3f,#ffb38e)}.attach-icon.audio{background:linear-gradient(145deg,#d84d8a,#ff9dc3)}.attach-icon.location{background:linear-gradient(145deg,#0086c9,#65d6f4)}.attach-icon.sticker{background:linear-gradient(145deg,#b7791f,#f6c667)}.emoji-pop{position:absolute;right:clamp(14px,4vw,34px);bottom:calc(100% + 4px);z-index:20;animation:menu-in .18s both}.emoji-picker{width:320px;max-height:370px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 97%,transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.emoji-search{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid var(--border)}.emoji-search svg{color:var(--muted)}.emoji-search input{border:0;background:transparent;outline:0;font-size:11.5px;width:100%}.emoji-tabs{display:flex;gap:1px;padding:5px 5px 0;overflow-x:auto}.emoji-tabs button{border:0;background:transparent;font-size:16px;padding:4px 6px;border-radius:7px;opacity:.55}.emoji-tabs button.active,.emoji-tabs button:hover{background:var(--surface-3);opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:7px;overflow-y:auto}.emoji-grid button{border:0;background:transparent;font-size:20px;line-height:1;padding:5px 2px;border-radius:7px}.emoji-grid button:hover{background:var(--surface-3)}.typing-bubble-row{position:relative;z-index:9;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);padding:2px clamp(18px,5vw,66px) 5px}.typing-dots{display:inline-flex;gap:2px;align-items:center;background:var(--surface-solid);border:1px solid var(--border);border-radius:99px;padding:5px 7px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:var(--muted);animation:typing 1.1s infinite}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.new-group-row{display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:11px;text-align:left;color:var(--text)}.new-group-row:hover{background:var(--surface-3)}.new-group-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center}.new-group-row strong{display:block;font-size:12.5px}.new-group-row span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.selected-chips{display:flex;flex-wrap:wrap;gap:4px}.select-check{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;flex:0 0 auto}.select-check.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.label-create{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px}.color-row{display:flex;gap:7px}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent}.color-dot.active{border-color:var(--text);transform:scale(1.08)}.chat-info{display:flex;min-height:430px}.chat-info-side{width:218px;flex:0 0 218px;border-right:1px solid var(--border);padding-right:16px}.chat-info-hero{text-align:center;padding:4px 0 16px}.chat-info-hero h3{font-size:16px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:4px}.chat-info-hero p{font-size:10.5px;color:var(--muted);margin-top:2px}.chat-info-hero .row{justify-content:center;margin-top:11px}.chat-info-bio{font-size:11px!important;line-height:1.5;margin-top:7px!important}.chat-info-nav{display:flex;flex-direction:column;gap:2px}.chat-info-nav button{display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;background:transparent;border-radius:9px;text-align:left;font-size:11.5px;color:var(--text-soft)}.chat-info-nav button.active,.chat-info-nav button:hover{background:var(--accent-soft);color:var(--accent-strong)}.chat-info-content{flex:1;min-width:0;padding-left:18px;overflow-y:auto;max-height:62vh}.info-lines{display:flex;flex-direction:column;gap:1px}.info-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.info-line:last-child{border:0}.info-line span{color:var(--muted);flex:0 0 auto}.info-line strong{font-weight:600;text-align:right;min-width:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;margin-top:8px}.media-cell{aspect-ratio:1;border:0;border-radius:9px;overflow:hidden;padding:0;background:var(--surface-3);position:relative}.media-cell img,.media-cell video{width:100%;height:100%;object-fit:cover}.media-video-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0000003d;font-size:18px}.wallpaper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px}.wallpaper-cell{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:5px;font-size:9.5px;color:var(--muted);display:flex;flex-direction:column;gap:5px;align-items:center}.wallpaper-cell>span,.wallpaper-cell>img{width:100%;height:54px;border-radius:7px;object-fit:cover;display:grid;place-items:center}.wallpaper-cell.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);color:var(--accent-strong)}.wallpaper-default{background:linear-gradient(145deg,var(--accent-soft),var(--surface-3))}.wallpaper-custom{background:var(--surface-3);color:var(--accent-strong)}.media-viewer{display:grid;place-items:center;min-height:280px;max-height:68vh;overflow:auto;background:#00000047;border-radius:12px}.media-viewer.audio{min-height:120px;padding:22px;background:var(--surface-2)}.media-viewer-content{max-width:100%;max-height:64vh;border-radius:10px;object-fit:contain}.metadata-pre{background:var(--surface-3);border-radius:9px;padding:10px;font-size:10px;overflow:auto;max-height:220px;margin:8px 0 0}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.sticker-grid button{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;padding:6px;aspect-ratio:1;display:grid;place-items:center}.sticker-grid img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:1120px){.chat-list-pane{width:340px;flex-basis:340px}}@media(max-width:760px){.chats-layout{height:calc(100dvh - 64px - env(safe-area-inset-bottom))}.chat-list-pane{width:100%;flex-basis:100%;border-right:0}.chat-list-pane.mobile-hide,.chat-window-pane{display:none}.chats-layout:has(.chat-window-pane:not(.empty)) .chat-list-pane{display:none}.chats-layout:has(.chat-window-pane:not(.empty)) .chat-window-pane{display:flex;height:100%}.chat-window-pane.empty{display:none}.chat-header{min-height:62px;padding:7px 9px}.chat-head-actions .icon-btn:nth-child(1),.chat-head-actions .icon-btn:nth-child(2){display:inline-grid}.messages-scroll{padding:12px 9px 7px}.message-stack{max-width:83%}.composer-wrap{padding:5px 7px calc(7px + env(safe-area-inset-bottom))}.composer{border-radius:20px}.composer textarea{font-size:16px}.attach-sheet{left:7px;width:260px}.emoji-pop{right:7px}.chat-info{flex-direction:column}.chat-info-side{width:100%;flex-basis:auto;border-right:0;border-bottom:1px solid var(--border);padding:0 0 10px}.chat-info-content{padding:14px 0 0;max-height:none}.chat-info-nav{flex-direction:row;overflow-x:auto}.chat-info-nav button{white-space:nowrap}.chat-info-hero{display:flex;align-items:center;gap:11px;text-align:left;padding-bottom:10px}.chat-info-hero h3{margin:0;justify-content:flex-start}.chat-info-hero .row{margin:0 0 0 auto}.chat-info-bio{display:none}.scroll-bottom-btn{bottom:84px;right:13px}}.stories-page{margin-top:20px}.story-mine-card{display:flex;align-items:center;gap:14px;padding:13px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);margin-bottom:22px}.story-mine-media{width:112px;height:74px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 10%,transparent));cursor:pointer;flex:0 0 auto}.story-mine-media>img{width:100%;height:100%;object-fit:cover}.story-mine-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--accent-strong);font-size:10px;font-weight:700}.story-mine-ring{position:absolute;left:8px;bottom:7px;width:38px;height:38px;padding:2px;border-radius:50%;background:var(--surface-solid);display:grid;place-items:center}.story-mine-ring .avatar{width:100%;height:100%}.story-mine-meta{display:flex;flex-direction:column;gap:4px}.story-mine-meta strong{font-size:14px}.story-mine-meta span{font-size:11.5px;color:var(--muted)}.story-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.story-card{border:1px solid var(--border);background:var(--surface-2);border-radius:17px;padding:5px;text-align:left;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.story-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.story-card-media{aspect-ratio:3 / 4;border-radius:13px;overflow:hidden;position:relative;background:var(--surface-3)}.story-card-media img{width:100%;height:100%;object-fit:cover}.story-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 70%,rgba(0,0,0,.28))}.story-card-ring{position:absolute;left:8px;top:8px;width:46px;height:46px;padding:2px;border-radius:50%;background:conic-gradient(from 30deg,var(--accent),#f7c76c,#ec6f9a,var(--accent));display:grid;place-items:center}.story-card-ring.seen{background:#fff6}.story-card-ring .avatar{width:100%;height:100%;border:1px solid var(--surface-solid)}.story-card-video,.story-card-count{position:absolute;display:inline-flex;align-items:center;gap:3px;background:#00000073;color:#fff;font-size:9px;border-radius:99px;padding:3px 7px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-card-video{left:8px;bottom:8px}.story-card-count{right:8px;bottom:8px}.story-card-meta{padding:7px 7px 6px;display:flex;flex-direction:column;gap:3px}.story-card-meta strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-card-meta span{font-size:9.5px;color:var(--muted);display:flex;align-items:center;gap:3px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin-top:20px}.archive-card{aspect-ratio:3 / 4;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative;padding:0;background:var(--surface-3)}.archive-card img{width:100%;height:100%;object-fit:cover}.archive-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.62))}.archive-time{position:absolute;right:8px;top:8px;font-size:8.5px;color:#fff;background:#00000073;padding:2px 6px;border-radius:99px}.archive-caption{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;font-size:10px;line-height:1.3;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-note{display:flex;gap:10px;align-items:flex-start;margin-top:26px;padding:13px 15px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.story-note svg{flex:0 0 auto;color:var(--accent-strong);margin-top:2px}.story-note strong{font-size:12px;color:var(--text-soft);display:block;margin-bottom:3px}.story-note p{font-size:11px;line-height:1.5;max-width:80ch}.calls-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 20px}.call-stat{display:flex;align-items:center;gap:11px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2)}.call-stat-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.call-stat-icon.incoming{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}.call-stat-icon.missed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.call-stat div{display:flex;flex-direction:column}.call-stat strong{font-family:var(--font-display);font-size:22px;line-height:1}.call-stat span{font-size:10px;color:var(--muted);margin-top:3px}.calls-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calls-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.call-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);transition:background .15s}.call-row:last-child{border-bottom:0}.call-row:hover{background:var(--surface-3)}.call-main{flex:1;min-width:0}.call-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-name.missed{color:var(--danger)}.call-meta{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted);margin-top:3px}.call-meta svg{flex:0 0 auto}.call-dot{opacity:.5}.call-actions{display:flex;gap:2px}.call-actions .icon-btn{width:33px;height:33px}.incoming-call{text-align:center;padding:10px 4px 16px}.incoming-rings{position:relative;width:150px;height:150px;margin:0 auto 18px;display:grid;place-items:center}.incoming-rings>span{position:absolute;inset:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);animation:ring-pulse 2.4s ease-out infinite}.incoming-rings>span:nth-child(2){animation-delay:.8s}.incoming-rings>span:nth-child(3){animation-delay:1.6s}@keyframes ring-pulse{0%{transform:scale(.72);opacity:.8}to{transform:scale(1.32);opacity:0}}.incoming-label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-strong);font-weight:700}.incoming-call h2{font-size:28px;margin-top:7px}.incoming-call p{font-size:11.5px;color:var(--muted);margin-top:5px}.incoming-actions{display:flex;justify-content:center;gap:32px;margin-top:28px}.call-action{width:62px;height:62px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px #0000002e}.call-action.decline{background:#dc3d45}.call-action.accept{background:#17a673}.call-action:hover{transform:scale(1.05)}.incoming-hint{font-size:9.5px;color:var(--muted);margin-top:18px}.call-room{position:fixed;inset:0;z-index:250;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#050b10}.call-room.loading,.call-room.error{gap:12px;color:var(--text);background:var(--header-gradient)}.call-room.loading p,.call-room.error p{color:var(--muted);font-size:13px;max-width:40ch;text-align:center}.call-error-icon{width:74px;height:74px;border-radius:26px;display:grid;place-items:center;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.call-room-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,134,201,.26),transparent 38%),radial-gradient(circle at 84% 12%,rgba(117,87,232,.2),transparent 36%),radial-gradient(circle at 50% 100%,rgba(15,159,123,.18),transparent 42%),#050b10}.call-room-head{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;font-size:10px;color:#ffffff8c;letter-spacing:.06em}.call-room-status{text-transform:uppercase;letter-spacing:.14em;font-weight:700}.call-voice-stage{position:relative;z-index:2;text-align:center}.call-avatar{margin:0 auto 16px;border-radius:50%;position:relative;width:128px;height:128px;flex:0 0 auto}.call-avatar .avatar{width:100%!important;height:100%!important}.call-avatar.pulse-ring:before,.call-avatar.pulse-ring:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(101,214,244,.3);animation:ring-pulse 2.8s ease-out infinite}.call-avatar.pulse-ring:after{animation-delay:1.4s}.call-voice-stage h1{font-size:clamp(27px,5vw,38px);color:#fff}.call-voice-stage p{font-size:12px;color:#ffffff8f;margin-top:6px}.call-connecting{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:10.5px;color:#ffffff8a;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:7px 13px}.call-video-grid{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(48%,520px),1fr));align-content:center;gap:6px;padding:70px 14px 130px}.call-remote-tile{min-height:0;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#0c1419;position:relative}.call-remote-tile video{width:100%;height:100%;object-fit:cover}.call-remote-tile span{position:absolute;left:9px;bottom:8px;font-size:9.5px;background:#0000006b;border-radius:99px;padding:3px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.call-self-preview,.call-self-video{width:120px;height:160px;border-radius:14px;overflow:hidden;background:#0c1419;position:absolute;right:18px;bottom:126px;z-index:4;border:1px solid rgba(255,255,255,.14)}.call-self-preview video,.call-self-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-self-preview span{position:absolute;left:7px;bottom:6px;font-size:8px;background:#0006;padding:2px 6px;border-radius:99px}.call-camera-off{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;background:#0c1419;color:#fff9}.call-controls{position:absolute;z-index:6;left:50%;transform:translate(-50%);bottom:22px;display:flex;align-items:center;gap:9px;padding:8px;border-radius:22px;background:#121b21a8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.call-control{width:61px;height:57px;border-radius:15px;border:0;background:#ffffff14;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;transition:.15s}.call-control:hover{background:#ffffff26}.call-control.off{background:#ffffffe0;color:#0b1014}.call-control.active{background:#43c6f347}.call-control.end{background:#dc3d45;width:65px}.call-control.end:hover{background:#f04b54}.call-participants{position:absolute;z-index:4;left:20px;bottom:28px;display:flex;flex-wrap:wrap;gap:4px;max-width:35%}.call-participants span{font-size:9px;padding:3px 7px;border-radius:99px;background:#ffffff14;color:#ffffffa3}.call-ended-overlay{position:absolute;inset:0;z-index:8;background:#04090db3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.call-end-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dc3d4529;color:#ff7e84;margin-bottom:8px}.call-ended-overlay h2{font-size:24px}.call-ended-overlay p{font-size:11px;color:#fff9}@media(max-width:760px){.calls-summary{grid-template-columns:1fr 1fr 1fr}.call-stat{flex-direction:column;text-align:center;gap:6px;padding:10px 5px}.call-stat strong{font-size:19px}.call-actions .icon-btn:nth-child(2){display:none}.call-controls{gap:5px;bottom:14px;border-radius:18px}.call-control{width:51px;height:51px;font-size:7.5px}.call-control.end{width:55px}.call-self-video{width:94px;height:128px;right:10px;bottom:100px}.call-self-preview{display:none}.call-video-grid{padding:62px 8px 112px}.call-room-head{padding:15px 14px}.call-participants{display:none}}.profile-page{max-width:1080px}.profile-hero-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface-solid);margin-bottom:18px}.profile-cover{height:138px;background:radial-gradient(circle at 20% 20%,rgba(101,214,244,.6),transparent 36%),radial-gradient(circle at 82% 0%,rgba(0,103,159,.45),transparent 40%),radial-gradient(circle at 60% 120%,rgba(70,224,180,.5),transparent 44%),linear-gradient(140deg,#0a557b,#0e7898 48%,#0f9b78);position:relative}.profile-cover:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");opacity:.6;mix-blend-mode:soft-light}.profile-hero-body{display:flex;align-items:flex-start;gap:18px;padding:0 24px 22px;margin-top:-38px;position:relative;z-index:2;flex-wrap:wrap}.profile-avatar-wrap{position:relative;width:104px;height:104px;flex:0 0 auto}.profile-avatar-wrap .avatar{border:4px solid var(--surface-solid);box-shadow:var(--shadow)}.profile-avatar-edit{position:absolute;right:0;bottom:4px;width:31px;height:31px;border-radius:50%;border:2px solid var(--surface-solid);background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center}.profile-identity{flex:1;min-width:240px;padding-top:44px}.profile-identity h2{font-size:28px;line-height:1.05;display:flex;align-items:center;gap:5px}.profile-handles{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px;color:var(--muted);font-size:11.5px}.profile-handles span{display:inline-flex;align-items:center;gap:4px}.profile-bio{margin-top:9px;font-size:13px;line-height:1.5;color:var(--text-soft);max-width:60ch}.profile-status-row{display:flex;align-items:center;gap:8px;margin-top:11px;flex-wrap:wrap}.profile-status-row .chip{cursor:pointer;font-weight:600}.profile-hero-actions{display:flex;gap:7px;padding-top:46px;margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.profile-block{padding:18px}.profile-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.profile-block-actions{margin-top:8px}.profile-action{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:8px 7px;border-radius:10px;text-align:left;color:var(--text-soft)}.profile-action:hover{background:var(--surface-3);color:var(--text)}.profile-action.active{background:var(--accent-soft);color:var(--accent-strong)}.profile-action>span{flex:1;min-width:0;display:flex;flex-direction:column}.profile-action strong{font-size:12px;font-weight:600}.profile-action small{font-size:10.5px;color:var(--muted);margin-top:1px}.profile-action>svg:last-child{color:var(--muted)}.privacy-quick{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:8px 0 10px}.privacy-quick>div{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:var(--surface-2)}.privacy-quick span{font-size:10px;color:var(--muted)}.privacy-quick strong{font-size:11.5px}.verify-panel{display:flex;gap:11px;padding:13px;border-radius:14px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.verify-panel.verified{background:color-mix(in srgb,var(--success) 10%,transparent);border-color:color-mix(in srgb,var(--success) 22%,transparent)}.verify-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-solid);color:var(--accent-strong);flex:0 0 auto}.verify-panel.verified .verify-icon{color:var(--success)}.verify-panel strong{font-size:12.5px;display:block}.verify-panel p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.verify-status-box{display:flex;gap:11px;padding:13px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border)}.verify-status-box.verified{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.verify-status-box.pending{background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning)}.verify-status-box.rejected{background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.verify-status-box div{display:flex;flex-direction:column;gap:3px}.verify-status-box strong{font-size:13px}.verify-status-box span{font-size:11px;color:var(--text-soft);line-height:1.45}.verify-requirements{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--text-soft)}.verify-requirements div{display:flex;align-items:center;gap:7px}.verify-requirements svg{color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.public-qr{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0 10px}.public-qr canvas{border-radius:14px;border:1px solid var(--border);padding:8px;background:#fff}.public-url{font-size:10.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px;word-break:break-all;text-align:center;width:100%}@media(max-width:980px){.profile-grid{grid-template-columns:1fr}}@media(max-width:760px){.profile-cover{height:106px}.profile-hero-body{padding:0 16px 18px;gap:12px}.profile-avatar-wrap{width:82px;height:82px;margin-top:-20px}.profile-identity{padding-top:4px;min-width:0;flex-basis:calc(100% - 100px)}.profile-identity h2{font-size:22px}.profile-hero-actions{width:100%;padding-top:4px;margin-left:0}.privacy-quick{grid-template-columns:1fr}}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:18px}.settings-nav>button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text-soft);font-size:12px;font-weight:500;padding:9px 10px;border-radius:10px;text-align:left}.settings-nav>button:hover{background:var(--surface-3)}.settings-nav>button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.settings-nav-foot{margin-top:16px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:2px}.settings-content{min-width:0;max-width:790px}.settings-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:20px}.settings-section-head{margin-bottom:15px}.settings-section-head h2{font-size:17px}.settings-section-head p{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.5}.setting-row{display:flex;align-items:center;gap:15px;padding:11px 0;border-top:1px solid var(--border)}.setting-row:first-of-type{border-top:0}.setting-row>div{flex:1;min-width:0}.setting-row strong{font-size:12.5px;display:block}.setting-row span{font-size:10.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}.settings-hint{display:flex;gap:11px;padding:13px;border-radius:13px;background:var(--surface-3);color:var(--text-soft)}.settings-hint>svg{flex:0 0 auto;margin-top:2px;color:var(--accent-strong)}.settings-hint strong{display:block;font-size:12.5px}.settings-hint p{font-size:11px;line-height:1.55;color:var(--muted);margin-top:3px}.settings-card-link{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:9px;font-size:12px;color:var(--text-soft)}.settings-card-link:hover{background:var(--surface-3);color:var(--text)}.settings-card-link svg:last-child{margin-left:auto;color:var(--muted)}.settings-card-link.danger{color:var(--danger)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-option{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--text-soft);position:relative}.theme-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.theme-option svg:last-child{position:absolute;right:8px;top:8px}.accent-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.accent-option{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:9px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:var(--text-soft);position:relative}.accent-option>span{width:100%;height:31px;border-radius:7px}.accent-option.active{border-color:var(--text-soft)}.accent-option svg{position:absolute;right:6px;top:6px;color:#fff;background:#00000047;border-radius:50%;padding:2px;width:17px;height:17px}.notif-status{display:flex;align-items:center;gap:11px;padding:12px;border-radius:13px;background:var(--surface-3);margin-bottom:6px}.notif-status.ok{background:color-mix(in srgb,var(--success) 9%,transparent)}.notif-icon{width:37px;height:37px;border-radius:11px;background:var(--surface-solid);display:grid;place-items:center;color:var(--accent-strong)}.notif-status>div{flex:1}.notif-status strong{display:block;font-size:12.5px}.notif-status span{font-size:10.5px;color:var(--muted);display:block;margin-top:2px}.visibility-row{display:flex;align-items:center;gap:14px;padding:9px 0;border-top:1px solid var(--border)}.visibility-row:first-of-type{border-top:0}.visibility-row>div{flex:1}.visibility-row strong{display:block;font-size:12.5px}.visibility-row span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.visibility-row .select{width:145px;min-height:36px;font-size:11px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 20%,var(--border))}.api-create{display:flex;gap:8px}.api-create .input{flex:1;min-height:41px}.api-key-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.api-key-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong)}.api-key-row .grow{display:flex;flex-direction:column;min-width:0}.api-key-row strong{font-size:11.5px}.api-key-row span{font-size:9.5px;color:var(--muted);margin-top:2px}.new-key-box{display:flex;align-items:center;gap:8px;padding:11px;border-radius:12px;background:var(--surface-3);flex-wrap:wrap}.new-key-box code{flex:1;min-width:200px;font-size:11px;word-break:break-all;line-height:1.5}@media(max-width:900px){.settings-layout{grid-template-columns:1fr;gap:14px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:3px}.settings-nav>button{white-space:nowrap;padding:7px 9px;font-size:11px}.settings-nav-foot{display:none}.settings-content{max-width:none}}@media(max-width:520px){.theme-options,.accent-options{grid-template-columns:1fr 1fr}.visibility-row{flex-direction:column;align-items:stretch;gap:6px}.visibility-row .select{width:100%}.api-create{flex-direction:column}}.store-empty-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);padding:54px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.store-empty-icon{width:78px;height:78px;border-radius:26px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);margin-bottom:4px}.store-empty-hero h2{font-size:25px}.store-empty-hero p{color:var(--muted);font-size:13px;line-height:1.6;max-width:48ch;margin-bottom:8px}.store-tabs{margin:4px 0 18px}.store-hero{border-radius:var(--radius-lg);overflow:hidden;min-height:178px;position:relative;color:#fff;border:1px solid var(--border)}.store-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.store-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#0006)}.store-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:13px;padding:30px 24px;min-height:178px;flex-wrap:wrap}.store-logo{width:64px;height:64px;border-radius:18px;overflow:hidden;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 auto}.store-logo img{width:100%;height:100%;object-fit:cover}.store-hero-content h2{font-size:26px;color:#fff}.store-hero-content p{font-size:12px;color:#ffffffc7;margin-top:3px}.store-hero-actions{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.store-hero-actions .btn{background:#ffffff2e;border-color:#ffffff47;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.store-stat{display:flex;flex-direction:column;gap:3px;padding:13px;border-radius:15px;border:1px solid var(--border);background:var(--surface-2)}.store-stat>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);margin-bottom:5px}.store-stat strong{font-family:var(--font-display);font-size:21px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-stat small{font-size:9.5px;color:var(--muted)}.store-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.product-card{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.product-image{aspect-ratio:4/3;background:var(--surface-3);display:grid;place-items:center;color:var(--muted);position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.product-state{position:absolute;left:8px;top:8px;font-size:8px;font-weight:700;border-radius:99px;padding:3px 7px;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-state.active{background:#0f9f7bcc}.product-body{padding:10px;display:flex;flex-direction:column;gap:2px;flex:1}.product-name{font-size:12.5px;font-weight:650}.product-desc{font-size:10.5px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.product-foot strong{font-size:13px}.product-foot span{font-size:9.5px;color:var(--muted)}.product-actions{display:flex;gap:4px;justify-content:space-between;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}.product-image-picker{width:100%;aspect-ratio:16/8;border:1px dashed var(--border-strong);border-radius:14px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;position:relative;color:var(--muted)}.product-image-picker>span:not(.picker-loading){display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.product-image-picker img{width:100%;height:100%;object-fit:cover}.picker-loading{position:absolute;inset:0;display:grid;place-items:center;background:#00000059;color:#fff}.orders-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.order-head,.order-row{display:grid;grid-template-columns:.8fr 1.4fr .8fr .8fr .8fr;gap:10px;padding:10px 14px;align-items:center;font-size:11px}.order-head{background:var(--surface-3);color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.order-row{border-top:1px solid var(--border)}.order-id{font-family:ui-monospace,monospace;font-size:10px;color:var(--accent-strong)}.store-logo-picker{width:82px;height:82px;border-radius:17px;border:1px dashed var(--border-strong);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:var(--muted);overflow:hidden;flex:0 0 auto}.store-logo-picker img{width:100%;height:100%;object-fit:cover}.color-field{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-soft)}.color-field input[type=color]{width:38px;height:31px;border:1px solid var(--border);border-radius:8px;background:transparent;padding:2px}.banner-picker{width:100%;aspect-ratio:16/6;border:1px dashed var(--border-strong);border-radius:13px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:10px;overflow:hidden;margin-top:10px}.banner-picker img{width:100%;height:100%;object-fit:cover}.portada-preview{height:66px;border-radius:11px;margin-top:10px;overflow:hidden;position:relative;display:flex;align-items:center;padding:12px}.portada-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portada-preview span{position:relative;z-index:2;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.4)}@media(max-width:980px){.store-stats{grid-template-columns:1fr 1fr}.store-grid-2{grid-template-columns:1fr}}@media(max-width:760px){.store-hero-content{padding:22px 16px}.store-hero-actions{width:100%;margin-left:0}.order-head{display:none}.order-row{grid-template-columns:1fr 1fr;gap:4px 10px}}.landing,.public-page,.invite-page,.legal-page{min-height:100dvh;overflow-x:hidden;position:relative}.landing-bg,.public-bg,.invite-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 8%,rgba(101,214,244,.4),transparent 32%),radial-gradient(circle at 88% 12%,rgba(0,103,159,.18),transparent 34%),radial-gradient(circle at 52% 92%,rgba(122,224,184,.3),transparent 40%),linear-gradient(150deg,#f4fbfe,#e9f3f9 50%,#eff9f3)}:root[data-theme=dark] .landing-bg,:root[data-theme=dark] .public-bg,:root[data-theme=dark] .invite-bg{background:radial-gradient(circle at 12% 8%,rgba(32,177,220,.24),transparent 32%),radial-gradient(circle at 88% 12%,rgba(56,112,255,.16),transparent 34%),radial-gradient(circle at 52% 92%,rgba(41,164,130,.17),transparent 40%),linear-gradient(150deg,#061019,#0a1b25 54%,#07151c)}.landing-nav,.public-top{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:24px}.landing-nav{position:relative;z-index:5}.landing-nav .brand-side,.public-top .brand-side{padding:0}.landing-nav nav{display:flex;gap:22px;margin:0 auto;color:var(--text-soft);font-size:12.5px}.landing-nav nav a:hover{color:var(--accent-strong)}.landing main{max-width:1180px;margin:0 auto;padding:0 24px}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:46px 0 70px}.landing-copy h1{font-size:clamp(44px,6.4vw,76px);line-height:.94;letter-spacing:-.065em;margin:16px 0 20px}.landing-copy h1 span{background:linear-gradient(110deg,var(--accent-strong),#16a67e 52%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-copy>p{color:var(--text-soft);font-size:15px;line-height:1.65;max-width:46ch}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#17a673;box-shadow:0 0 0 4px #17a67321;margin-right:7px;vertical-align:1px}.landing-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.landing-cta .btn{min-height:48px;border-radius:15px;padding:0 20px}.landing-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:var(--muted);font-size:10.5px}.landing-proof span{display:inline-flex;align-items:center;gap:4px}.landing-proof svg{color:var(--success)}.landing-stores{display:flex;gap:7px;margin-top:19px}.store-chip{font-size:10px;font-weight:600;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:7px 11px;color:var(--text-soft)}.landing-art{position:relative;min-height:540px}.phone{position:absolute;width:270px;height:540px;border-radius:42px;background:#0a1116;padding:8px;box-shadow:0 40px 90px #04121a4d;border:1px solid rgba(255,255,255,.1)}.phone-a{left:7%;top:12px;transform:rotate(-4deg);z-index:2}.phone-b{right:2%;top:70px;transform:rotate(5deg);z-index:1;opacity:.9}.phone-top{width:82px;height:21px;border-radius:0 0 14px 14px;background:#0a1116;position:absolute;left:50%;transform:translate(-50%);top:8px;z-index:4}.phone-screen{width:100%;height:100%;border-radius:35px;overflow:hidden;background:linear-gradient(170deg,#f3fbff,#e6f3f8);padding:20px 10px 9px;display:flex;flex-direction:column;gap:9px}:root[data-theme=dark] .phone-screen{background:linear-gradient(170deg,#0d202b,#07131a)}.mini-head{display:flex;align-items:center;justify-content:space-between;padding:3px 7px}.mini-head .brand-side{padding:0}.mini-head .brand-mark{width:25px;height:25px;border-radius:8px}.mini-head .brand-mark svg{width:15px;height:15px}.mini-head .brand-name{font-size:13px}.mini-head .brand-sub{display:none}.mini-dot{width:22px;height:22px;border-radius:50%;background:var(--accent-soft)}.story-strip{display:flex;gap:9px;padding:4px 6px}.mini-story{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:6px;color:var(--muted)}.mini-ring{width:30px;height:30px;border-radius:50%;padding:2px;background:conic-gradient(from 30deg,var(--accent),#f7c76c,#ec6f9a,var(--accent));display:block}.mini-ring:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--surface-solid);border:1.5px solid var(--surface-solid)}.mini-ring.seen{background:var(--border)}.mini-chat{flex:1;display:flex;flex-direction:column;gap:5px;padding:6px 4px}.bubble{border-radius:11px 11px 11px 3px;padding:6px 8px;font-size:7.5px;line-height:1.35;max-width:80%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px #00000008}.bubble span{display:block;font-size:5.5px;color:var(--muted);margin-top:2px;text-align:right}.bubble.out{align-self:flex-end;background:var(--accent);color:var(--accent-contrast);border:0;border-radius:11px 11px 3px}.bubble.out span{color:#ffffffb3}.typing{display:inline-flex;gap:2px;width:fit-content;background:var(--surface-solid);border:1px solid var(--border);padding:5px 7px;border-radius:9px}.typing i{width:3px;height:3px;border-radius:50%;background:var(--muted);animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.mini-composer{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:99px;background:var(--surface-solid);border:1px solid var(--border);font-size:6.5px;color:var(--muted)}.mini-send{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}.phone-screen.video{padding:0;background:#081117;position:relative}.video-call-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(0,134,201,.5),transparent 50%),radial-gradient(circle at 70% 80%,rgba(117,87,232,.3),transparent 45%),#081117}.video-call-person{position:absolute;inset:0;display:grid;place-items:center}.avatar-mock{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:43px;color:#fff;background:linear-gradient(145deg,#238bb0,#6f6ce8);box-shadow:0 0 0 8px #ffffff14}.video-self{position:absolute;right:9px;top:26px;width:57px;height:78px;border-radius:9px;background:linear-gradient(145deg,#2b7d68,#141f27);border:1px solid rgba(255,255,255,.2)}.video-controls{position:absolute;left:50%;transform:translate(-50%);bottom:34px;display:flex;gap:5px}.video-controls span{width:25px;height:25px;border-radius:50%;background:#ffffff29;color:#fff;display:grid;place-items:center}.video-controls span.end{background:#dc3d45}.video-label{position:absolute;left:11px;bottom:13px;font-size:6px;color:#ffffffa6}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 88%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}.float-one{left:-2%;top:34%}.float-two{right:-1%;bottom:16%;animation-delay:1.3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ec6f9a24;color:#d84d8a}.float-icon.green{background:#0f9f7b21;color:var(--success)}.float-card strong{display:block;font-size:9px}.float-card small{display:block;font-size:7.5px;color:var(--muted)}.landing-logos{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 4px 62px;border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-display);font-size:12px;letter-spacing:.06em;font-weight:700;opacity:.72}.landing-features{padding:76px 0 40px}.section-header{max-width:600px;margin-bottom:34px}.section-header h2{font-size:clamp(32px,4.6vw,50px);line-height:.98}.section-header p{color:var(--muted);font-size:13px;margin-top:11px;max-width:48ch}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:21px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);margin-bottom:14px}.feature-card h3{font-size:17px;margin-bottom:7px}.feature-card p{color:var(--muted);font-size:11.5px;line-height:1.6}.feature-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong);font-size:10.5px;font-weight:600;margin-top:14px}.landing-privacy{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;padding:90px 14px}.privacy-art{position:relative;height:300px;display:grid;place-items:center}.privacy-orbit{width:160px;height:160px;border-radius:50%;background:linear-gradient(145deg,var(--surface-solid),var(--accent-soft));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);display:grid;place-items:center;color:var(--accent-strong);box-shadow:0 30px 70px color-mix(in srgb,var(--accent) 22%,transparent);z-index:2}.privacy-art:before,.privacy-art:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid var(--border)}.privacy-art:after{width:340px;height:340px;opacity:.5}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.orbit-dot.one{top:18%;left:22%}.orbit-dot.two{right:17%;top:30%;background:#0f9f7b;box-shadow:0 0 0 5px #0f9f7b21}.orbit-dot.three{bottom:18%;left:34%;background:#e26d3f;box-shadow:0 0 0 5px #e26d3f21}.privacy-copy h2{font-size:clamp(32px,4.2vw,46px);line-height:.98}.privacy-copy>p{color:var(--muted);font-size:13px;line-height:1.65;margin-top:14px;max-width:47ch}.privacy-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:19px 0 20px}.privacy-list span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-soft)}.privacy-list svg{color:var(--success)}.landing-store{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:72px 14px;border-top:1px solid var(--border)}.store-copy h2{font-size:clamp(32px,4.2vw,46px);line-height:.98}.store-copy p{color:var(--muted);font-size:13px;line-height:1.65;margin:13px 0 20px;max-width:44ch}.store-art{position:relative;display:grid;place-items:center}.shop-card{width:280px;border-radius:22px;overflow:hidden;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);transform:rotate(-3deg)}.shop-cover{height:120px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3),transparent 30%),linear-gradient(135deg,#9c5b32,#e2b786)}.shop-body{padding:16px;position:relative}.shop-logo{width:42px;height:42px;border-radius:13px;background:#9c5b32;color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:20px;margin-top:-35px;border:3px solid var(--surface-solid)}.shop-body strong{display:block;font-size:16px;margin-top:7px}.shop-body small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}.shop-products{display:flex;gap:5px;margin-top:12px}.shop-products span{flex:1;height:58px;border-radius:8px;background:linear-gradient(145deg,#f2e6d7,#e3cfb8)}.shop-float{position:absolute;right:8%;bottom:5%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shop-float>span{width:29px;height:29px;border-radius:9px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center}.shop-float strong{display:block;font-size:9px}.shop-float small{display:block;font-size:7.5px;color:var(--muted)}.landing-final{padding:30px 14px 82px}.final-card{border-radius:28px;padding:50px 24px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 55%),var(--surface-2)}.final-icon{width:56px;height:56px;border-radius:19px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin:0 auto 14px}.final-card h2{font-size:clamp(29px,4vw,42px)}.final-card p{color:var(--muted);font-size:12.5px;max-width:44ch;margin:10px auto 21px;line-height:1.6}.landing-footer{border-top:1px solid var(--border);max-width:1180px;margin:0 auto;padding:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.landing-footer .brand-side{padding:0}.footer-links{display:flex;gap:16px;margin-left:auto;font-size:10.5px;color:var(--muted)}.footer-links a:hover{color:var(--text)}.public-page{display:flex;flex-direction:column;align-items:center;padding-bottom:30px}.public-top{width:100%;max-width:820px;justify-content:space-between}.public-card{width:min(560px,calc(100% - 32px));margin:26px auto;border-radius:28px;overflow:hidden;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;padding:0;gap:0}.public-cover{width:100%;height:132px;flex:0 0 132px;background:linear-gradient(135deg,#00679f,#65d6f4)}.public-profile-body{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:-66px;padding:0 26px 4px;position:relative;z-index:2}.public-avatar{width:108px;height:108px;border-radius:50%;border:5px solid var(--surface-solid);background:var(--accent-soft);overflow:hidden;display:grid;place-items:center;font-family:var(--font-display);font-size:38px;color:var(--accent-strong);box-shadow:var(--shadow)}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-avatar-fallback{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}.public-name-row{display:flex;align-items:center;gap:6px;margin-top:12px}.public-name-row h1{font-size:28px;line-height:1}.public-username{font-size:12px;color:var(--muted)}.public-tag{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;padding:4px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.public-copy{font-size:12px;color:var(--muted);line-height:1.55;max-width:38ch}.public-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:5px}.public-qr-inline{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:10px;width:100%;margin-top:16px}.public-qr-inline canvas{border-radius:8px;background:#fff;flex:0 0 auto}.public-qr-inline div{display:flex;flex-direction:column;gap:3px}.public-qr-inline strong{font-size:11px}.public-qr-inline span{font-size:10px;color:var(--muted);line-height:1.4}.public-qr-inline .link-btn{display:inline-flex;align-items:center;gap:3px;margin-top:2px}.public-foot{border-top:1px solid var(--border);width:calc(100% - 52px);margin:14px 26px 0;padding:13px 0 18px;display:flex;justify-content:space-between;gap:12px;font-size:9.5px;color:var(--muted);flex-wrap:wrap}.public-foot a{display:inline-flex;align-items:center;gap:3px}.public-card>h1{font-size:25px}.public-card>p{color:var(--muted);font-size:12px;line-height:1.5;max-width:38ch}.invite-page{display:flex;flex-direction:column;min-height:100dvh}.invite-page .public-top{max-width:980px;justify-content:space-between}.invite-card{width:min(500px,calc(100% - 32px));margin:auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-lg);padding:34px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.invite-orb{width:78px;height:78px;border-radius:27px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:8px}.invite-card h1{font-size:32px;line-height:1}.invite-card>p{font-size:12px;color:var(--muted);line-height:1.55;max-width:38ch}.invite-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:9px}.invite-stores{display:flex;gap:12px;margin-top:4px;font-size:10px;color:var(--muted)}.invite-stores a{display:inline-flex;align-items:center;gap:4px}.invite-preview{width:100%;border-radius:15px;background:var(--surface-2);border:1px solid var(--border);padding:13px;margin-top:12px}.invite-chat{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.invite-bubble{font-size:10px;padding:6px 9px;border-radius:10px 10px 10px 3px;background:var(--surface-solid);border:1px solid var(--border)}.invite-bubble.right{align-self:flex-end;background:var(--accent);color:var(--accent-contrast);border:0;border-radius:10px 10px 3px}.invite-foot{font-size:9px;color:var(--muted);margin-top:5px}.legal-page{padding-bottom:40px}.legal-top{max-width:800px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.legal-top .brand-side{padding:0}.legal-card{width:min(760px,calc(100% - 32px));margin:20px auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:24px;padding:34px clamp(20px,5vw,48px);box-shadow:var(--shadow)}.legal-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:13px}.legal-card h1{font-size:31px;margin-bottom:18px}.legal-body{color:var(--text-soft);font-size:13px;line-height:1.7}.legal-body p{margin-bottom:8px;white-space:pre-wrap}.legal-body br{display:block;content:"";height:5px}.legal-foot{border-top:1px solid var(--border);margin-top:26px;padding-top:15px;font-size:10.5px;color:var(--muted)}@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:20px}.landing-art{min-height:500px;max-width:580px;margin:0 auto;width:100%}.feature-grid{grid-template-columns:1fr 1fr}.landing-privacy,.landing-store{grid-template-columns:1fr;gap:26px;padding:55px 14px}.privacy-art{height:240px}}@media(max-width:760px){.landing-nav{padding:12px 16px;gap:10px}.landing-nav nav{display:none}.landing-nav .row{margin-left:auto}.landing main{padding:0 16px}.landing-hero{padding:28px 0 40px}.landing-copy h1{font-size:46px}.landing-art{min-height:450px;transform:scale(.86);transform-origin:top center;margin-bottom:-60px}.phone{width:236px;height:472px}.phone-a{left:1%}.phone-b{right:1%}.float-one{left:-3%}.float-two{right:-3%}.feature-grid,.privacy-list{grid-template-columns:1fr}.landing-footer{padding:20px 16px}.footer-links{margin-left:0;width:100%;flex-wrap:wrap}.public-top{padding:12px 16px}.public-card{width:calc(100% - 20px);margin:12px auto}.public-qr-inline{flex-direction:column;text-align:center}.invite-card{width:calc(100% - 20px);padding:26px 18px}.legal-card{width:calc(100% - 20px)}}.lock-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.lock-card{width:min(380px,100%);padding:28px;border-radius:26px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center}.lock-card .brand-side{padding:0}.lock-icon{width:64px;height:64px;border-radius:21px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin:6px 0}.lock-card h1{font-size:24px}.lock-card p{font-size:11.5px;line-height:1.5;color:var(--muted)}.notfound-page{min-height:100dvh;display:flex;flex-direction:column}.notfound-card{margin:auto;width:min(520px,calc(100% - 32px));text-align:center;padding:44px 26px;border-radius:28px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow)}.notfound-icon{width:80px;height:80px;border-radius:27px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin:0 auto 16px}.notfound-card h1{font-size:32px;line-height:.98;margin:10px 0}.notfound-card p{color:var(--muted);font-size:12px;line-height:1.55;max-width:38ch;margin:0 auto 20px}.meeting-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center}.meeting-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 12%,rgba(101,214,244,.35),transparent 34%),radial-gradient(circle at 84% 14%,rgba(0,103,159,.2),transparent 32%),radial-gradient(circle at 50% 94%,rgba(15,159,123,.24),transparent 40%),var(--bg)}.meeting-card{margin:auto;width:min(480px,calc(100% - 32px));border-radius:28px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:38px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.meeting-card h1{font-size:31px;line-height:1}.meeting-card>p{font-size:12px;color:var(--muted);line-height:1.55;max-width:40ch}.meeting-icon{width:70px;height:70px;border-radius:24px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:4px}.meeting-icon.error{background:color-mix(in srgb,var(--danger) 11%,transparent);color:var(--danger)}.meeting-form{width:100%;display:flex;flex-direction:column;gap:11px;margin-top:12px;text-align:left}.meeting-form .field>span{font-size:11px;font-weight:600;color:var(--text-soft)}.meeting-meta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:9.5px;color:var(--muted);margin-top:12px}.meeting-meta span{display:inline-flex;align-items:center;gap:4px}.waiting-anim{position:relative;width:140px;height:140px;display:grid;place-items:center;margin-bottom:4px}.waiting-anim>span{position:absolute;inset:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);animation:ring-pulse 2.5s ease-out infinite}.waiting-anim>span:nth-child(2){animation-delay:.8s}.waiting-anim>span:nth-child(3){animation-delay:1.6s}.meeting-waiting-hint{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--accent-strong);background:var(--accent-soft);padding:7px 12px;border-radius:99px;margin-top:8px}.meeting-room{position:fixed;inset:0;z-index:240;background:#050b10;color:#fff;display:flex;flex-direction:column;overflow:hidden}.meeting-wait-stage{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.meeting-avatar{width:130px;height:130px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#7bdcff;display:grid;place-items:center;margin-bottom:8px}.meeting-wait-stage h1{font-size:30px;color:#fff}.meeting-wait-stage p{font-size:11.5px;color:#ffffff8c}.meeting-timer{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#ffffff8c;background:#ffffff12;border:1px solid rgba(255,255,255,.1);padding:5px 10px;border-radius:99px;margin-top:10px}.meeting-grid{position:absolute;inset:0;padding:72px 14px 120px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(45%,520px),1fr));gap:6px;align-content:center}.meeting-tile{position:relative;aspect-ratio:16/10;min-height:0;border-radius:15px;overflow:hidden;background:#0c1419}.meeting-tile video{width:100%;height:100%;object-fit:cover}.meeting-tile span{position:absolute;left:8px;bottom:7px;font-size:9px;background:#0006;padding:3px 7px;border-radius:99px}.meeting-self{position:absolute;right:14px;bottom:100px;width:120px;height:150px;border-radius:13px;overflow:hidden;background:#0c1419;border:1px solid rgba(255,255,255,.14);z-index:4}.meeting-self video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.meeting-self>span{position:absolute;inset:auto 4px 4px;font-size:8px;text-align:center;color:#fff9;display:flex;align-items:center;justify-content:center;gap:2px}.meeting-controls{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:6;display:flex;gap:8px;padding:7px;border-radius:21px;background:#121b21ad;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.meeting-control{width:59px;height:55px;border-radius:14px;border:0;background:#ffffff14;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7.5px}.meeting-control.off{background:#ffffffde;color:#0a1014}.meeting-control.end{background:#dc3d45}.meeting-connecting{position:absolute;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:10px;color:#ffffffa6;background:#0000004d;padding:6px 12px;border-radius:99px}@media(max-width:760px){.meeting-card{padding:28px 18px}.meeting-self{width:90px;height:120px;right:9px;bottom:88px}.meeting-control{width:52px;height:51px}}.chat-info{flex-direction:column;min-height:0}.chat-info-side{width:100%;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--border);padding:2px 0 12px}.chat-info-hero{text-align:center;padding:4px 0 10px;display:flex;flex-direction:column;align-items:center}.chat-info-avatar{position:relative;width:112px;height:112px;margin:0 auto 8px}.chat-info-avatar .avatar{width:112px!important;height:112px!important}.chat-info-verified{position:absolute;right:5px;bottom:5px;width:27px;height:27px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:3px solid var(--surface-solid)}.chat-info-hero h3{font-size:22px;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:5px}.chat-info-hero p{font-size:11.5px;color:var(--muted);margin-top:3px}.chat-info-bio{font-size:11.5px!important;line-height:1.5;max-width:46ch;margin-top:8px!important;color:var(--text-soft)!important}.chat-info-quick{display:flex;justify-content:center;gap:14px;margin-top:13px;flex-wrap:wrap}.chat-info-quick button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;color:var(--muted);min-width:52px}.chat-info-quick button>span{width:39px;height:39px;border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;transition:.15s}.chat-info-quick button:hover>span{background:color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.chat-info-nav{flex-direction:row;justify-content:center;gap:3px;border-top:1px solid var(--border);padding-top:9px;overflow-x:auto}.chat-info-nav button{white-space:nowrap;justify-content:center;padding:7px 10px;font-size:11px}.chat-info-content{padding:16px 0 2px;max-height:48vh;overflow-y:auto}.chat-info .card{padding:14px}.chat-store-card .row{margin-top:8px;flex-wrap:wrap}.chat-store-logo{width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;flex:0 0 auto}.chat-store-card .grow{display:flex;flex-direction:column}.chat-store-card strong{font-size:12.5px}.chat-store-card span{font-size:10.5px;color:var(--muted);margin-top:2px}@media(max-width:760px){.chat-info-avatar,.chat-info-avatar .avatar{width:96px!important;height:96px!important}.chat-info-content{max-height:none}}.story-owner-bar{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:7;display:flex;justify-content:center;pointer-events:none}.story-activity-btn{pointer-events:auto;display:flex;align-items:center;gap:13px;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#080d117a;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 28px #0000003d}.story-activity-btn>span{display:inline-flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.story-activity-btn strong{font-weight:800}.story-activity-btn em{font-style:normal;font-size:10px;font-weight:700;color:#9deaff;border-left:1px solid rgba(255,255,255,.2);padding-left:12px;white-space:nowrap}.story-activity-btn:hover{background:#080d11a6}.story-audience-sheet{display:flex;flex-direction:column;gap:12px}.story-audience-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.story-audience-stats>div{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.story-audience-stats>div>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);flex:0 0 auto}.story-audience-stats>div>span.heart{background:color-mix(in srgb,#e5395b 13%,transparent);color:#e5395b}.story-audience-stats strong{font-family:var(--font-display);font-size:20px;line-height:1}.story-audience-stats small{font-size:10px;color:var(--muted)}.story-audience-list{display:flex;flex-direction:column;gap:1px}.story-audience-row{display:flex;align-items:center;gap:10px;padding:9px 3px;border-bottom:1px solid var(--border)}.story-audience-row:last-child{border-bottom:0}.story-audience-row .grow{display:flex;flex-direction:column;min-width:0}.story-audience-row strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-audience-row .grow span{font-size:10.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-audience-emoji{font-size:21px;flex:0 0 auto}.story-audience-empty{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:22px 12px;color:var(--muted)}.story-audience-empty svg{color:var(--accent-strong);margin-bottom:3px}.story-audience-empty strong{font-size:13px;color:var(--text)}.story-audience-empty p{font-size:11px;line-height:1.5;max-width:34ch}.story-sheet-action{flex:1;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-height:39px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-soft)}.story-sheet-action:hover{background:var(--surface-3);color:var(--text)}.story-sheet-action.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 22%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}@media(max-width:760px){.story-owner-bar{bottom:calc(14px + env(safe-area-inset-bottom))}.story-activity-btn{gap:9px;padding:8px 11px}.story-activity-btn>span{font-size:11px}.story-activity-btn em{padding-left:9px}}