:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#12000d;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--header: #65003e;--wallpaper-a: #7d0051;--wallpaper-b: #9b004d;--wallpaper-c: #4c0036;--own-a: #f02772;--own-b: #ef7800;--other: rgba(28, 29, 35, .9);--composer: rgba(49, 0, 36, .82);--muted: rgba(255, 255, 255, .68);--soft: rgba(255, 255, 255, .82);--line: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.login-shell{display:grid;min-height:100vh;place-items:center;padding:22px;background:radial-gradient(circle at 25% 18%,rgba(255,169,206,.36),transparent 16rem),radial-gradient(circle at 78% 72%,rgba(255,123,76,.3),transparent 18rem),linear-gradient(145deg,#3b002d,#850050 48%,#4e0039)}.login-card{position:relative;display:grid;width:min(100%,430px);overflow:hidden;gap:14px;padding:34px 24px 24px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#3700279e;box-shadow:0 24px 90px #0000006b;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.22) 0 5px,transparent 6px),radial-gradient(circle at 82% 22%,rgba(255,255,255,.18) 0 8px,transparent 9px),radial-gradient(circle at 74% 78%,rgba(255,255,255,.16) 0 6px,transparent 7px);content:"";pointer-events:none}.login-orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-orbit span{position:absolute;display:grid;width:38px;height:38px;place-items:center;border-radius:999px;background:#ffffff1c}.login-orbit span:nth-child(1){top:20px;right:22px}.login-orbit span:nth-child(2){bottom:34px;left:24px}.login-orbit span:nth-child(3){right:34px;bottom:126px}.login-avatar{z-index:1;display:grid;width:86px;height:86px;place-items:center;justify-self:center;border:3px solid rgba(255,255,255,.7);border-radius:999px;background:linear-gradient(135deg,#ffe6ef,#ff7a9d);color:#7d0051}.login-kicker,.login-copy,.login-form,.login-card h1{position:relative;z-index:1}.login-kicker{margin:4px 0 0;color:#ffffffbd;font-size:.78rem;font-weight:820;text-transform:uppercase}.login-card h1{margin:0;color:#fff;font-size:clamp(2rem,9vw,3rem);line-height:1}.login-copy{margin:0;color:#fffc;font-size:1rem;line-height:1.42}.login-form{display:grid;gap:10px;margin-top:8px;text-align:left}.login-form label{padding-left:8px;color:#ffffffc7;font-size:.82rem;font-weight:760}.password-field{display:flex;align-items:center;gap:10px;height:54px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0000003d;color:#ffffffb8}.password-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff}.password-field input::placeholder{color:#ffffff75}.login-error{margin:0;padding-left:8px;color:#ffd0dd;font-size:.86rem}.login-form button{height:54px;border:0;border-radius:999px;background:linear-gradient(115deg,#ff2c72,#ff7a00);box-shadow:0 14px 32px #ff584c47;color:#fff;cursor:pointer;font-weight:850}.app-shell{display:grid;min-height:100vh;place-items:center;padding:16px;background:#080006}.phone-shell{position:relative;display:grid;grid-template-rows:auto auto 1fr;width:min(100%,1020px);height:min(920px,calc(100vh - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:radial-gradient(circle at 74% 34%,rgba(255,184,101,.42),transparent 7rem),radial-gradient(circle at 22% 72%,rgba(255,116,79,.26),transparent 8rem),linear-gradient(180deg,var(--wallpaper-a),var(--wallpaper-b) 46%,var(--wallpaper-c));box-shadow:0 28px 84px #0000008c}.phone-shell:before,.phone-shell:after{position:absolute;z-index:0;content:"";pointer-events:none}.phone-shell:before{top:96px;right:0;bottom:82px;left:0;opacity:.52;background:radial-gradient(circle at 27% 14%,rgba(255,255,255,.55) 0 8px,transparent 9px),radial-gradient(circle at 34% 34%,rgba(255,255,255,.42) 0 7px,transparent 8px),radial-gradient(circle at 88% 66%,rgba(255,255,255,.54) 0 11px,transparent 12px),radial-gradient(circle at 56% 46%,rgba(255,255,255,.5) 0 5px,transparent 6px),radial-gradient(circle at 72% 88%,rgba(255,255,255,.28) 0 9px,transparent 10px)}.phone-shell:after{top:120px;right:0;bottom:74px;left:0;opacity:.28;background:linear-gradient(150deg,transparent 0 46%,rgba(255,100,30,.65) 47% 50%,transparent 51%) 16% 8% / 180px 150px no-repeat,linear-gradient(35deg,transparent 0 45%,rgba(255,120,48,.62) 46% 50%,transparent 51%) 72% 58% / 260px 180px no-repeat,radial-gradient(ellipse at 18% 20%,rgba(40,0,40,.82) 0 24%,transparent 25%) 0 0 / 360px 360px no-repeat,radial-gradient(ellipse at 84% 84%,rgba(255,60,100,.3) 0 22%,transparent 23%) 0 0 / 520px 520px no-repeat}.dm-header,.archive-tools,.messages-panel{position:relative;z-index:1}.dm-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:88px;padding:16px 22px;background:var(--header)}.header-left{display:flex;min-width:0;align-items:center;gap:18px}.thread-actions{display:flex;align-items:center;gap:8px}.icon-button,.clear-search{display:inline-grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border:0;border-radius:999px;background:transparent;cursor:pointer;transition:background .13s ease}.icon-button:hover,.clear-search:hover{background:#ffffff1f}.avatar{display:grid;width:52px;height:52px;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:999px;background:#ffffffe6;color:#8d8d96;font-size:.9rem;font-weight:820}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-compact{width:34px;height:34px;font-size:.68rem}.avatar-spacer{width:34px;flex:0 0 auto}.thread-title{display:grid;min-width:0}.thread-title strong{overflow:hidden;color:#fff;font-size:1.3rem;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.archive-tools{display:grid;padding:10px 14px;background:#00000038}.search-wrap{display:flex;min-width:0;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:999px;background:#00000047;color:var(--muted)}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff}.clear-search{width:26px;height:26px}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px}.stat-strip div{display:grid;gap:2px;min-width:0;padding:8px 10px;border-right:1px solid var(--line);background:#0000002e}.stat-strip div:last-child{border-right:0}.stat-strip span{color:#fff;font-size:.86rem;font-weight:820}.stat-strip strong{color:var(--muted);font-size:.6rem;font-weight:760;text-transform:uppercase}.messages-panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px clamp(14px,5vw,64px) max(34px,env(safe-area-inset-bottom));scroll-behavior:auto}.messages-panel::-webkit-scrollbar{width:0}.message-block{content-visibility:auto;contain-intrinsic-size:86px}.date-divider{display:flex;justify-content:center;margin:28px 0 26px}.date-divider span{color:#ffffffe6;font-size:.95rem;font-weight:720;letter-spacing:0;text-transform:uppercase}.message-row{display:flex;align-items:flex-end;gap:8px;margin:8px 0}.message-row-own{justify-content:flex-end}.message-row[data-match=true] .bubble{outline:1px solid rgba(255,255,255,.45)}.message-stack{display:grid;max-width:min(75%,520px);gap:4px}.message-row-own .message-stack{justify-items:end}.bubble{width:fit-content;max-width:100%;overflow:visible;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:var(--other);box-shadow:none}.bubble-own{border-color:#ffffff1a;background:linear-gradient(115deg,var(--own-a),var(--own-b))}.bubble p{max-width:100%;margin:0;padding:10px 16px;color:#fff;font-size:1rem;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}.call-line{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#fff;font-size:.96rem}.message-row[data-kind=share] .bubble{overflow:visible;border:0;background:transparent}.message-row[data-kind=share] .bubble>p{width:fit-content;max-width:min(100%,430px);margin-bottom:8px;border-radius:24px;background:linear-gradient(115deg,var(--own-a),var(--own-b))}.message-row:not(.message-row-own)[data-kind=share] .bubble>p{background:#1c1d23e6}.share-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(310px,70vw);aspect-ratio:9 / 16;overflow:hidden;border:0;border-radius:28px;background:#18151b;cursor:pointer;padding:0;text-align:left;transform:translateZ(0)}.share-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;content:"";pointer-events:none}.share-card-own{background:#20111a}.share-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:#111}.share-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.preview-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#044376f2,#2789b8cc 32%,#eaae52c7 63%,#331b18f2),repeating-linear-gradient(125deg,rgba(255,255,255,.12) 0 1px,transparent 1px 16px)}.reel-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 55% 20%,rgba(255,255,255,.55),transparent 2.2rem),radial-gradient(circle at 38% 62%,rgba(255,221,158,.42),transparent 5.5rem),linear-gradient(180deg,#0000000d,#0000008f)}.reel-author{position:absolute;top:16px;left:16px;right:16px;display:flex;min-width:0;align-items:center;gap:9px}.reel-author span{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border:2px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffe6;color:#6d0048;font-size:.72rem;font-weight:850}.reel-author strong{overflow:hidden;color:#fff;font-size:.98rem;font-weight:850;text-shadow:0 1px 10px rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}.play-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 8px 18px rgba(0,0,0,.42))}.reel-pill{position:absolute;right:14px;bottom:14px;display:grid;min-width:42px;height:34px;place-items:center;border-radius:11px;background:#fffffff2;color:#3c2433;font-size:.68rem;font-weight:900;text-transform:uppercase}.share-copy{position:absolute;left:16px;right:16px;bottom:58px;display:grid;min-width:0;gap:4px}.share-copy strong{overflow:hidden;color:#fff;font-size:1rem;font-weight:850;text-shadow:0 1px 12px rgba(0,0,0,.5);text-overflow:ellipsis;white-space:nowrap}.share-copy p{display:-webkit-box;margin:0;overflow:hidden;color:#ffffffe6;font-size:.86rem;line-height:1.28;text-shadow:0 1px 12px rgba(0,0,0,.5);-webkit-box-orient:vertical;-webkit-line-clamp:2}.share-open{position:absolute;right:16px;top:58px;color:#ffffffe0;filter:drop-shadow(0 1px 8px rgba(0,0,0,.45))}.photo-grid{display:grid;width:min(310px,70vw);gap:4px;padding:0}.photo-grid-many{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-thumb{aspect-ratio:4 / 5;min-width:0;overflow:hidden;border:0;border-radius:24px;background:#ffffff14;cursor:zoom-in;padding:0}.photo-thumb img{display:block;width:100%;height:100%;object-fit:cover}.reaction-row{display:flex;max-width:100%;flex-wrap:wrap;gap:4px;margin-top:-2px;padding:0 8px}.message-row-own .reaction-row{justify-content:flex-end}.reaction-row span{display:inline-grid;min-width:34px;height:30px;place-items:center;border-radius:999px;background:#310024e0;font-size:1.05rem}.message-time{padding:0 8px;color:#ffffffa8;font-size:.78rem}.empty-state{display:grid;min-height:44vh;place-items:center;align-content:center;gap:12px;color:var(--muted)}.modal{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.reel-frame{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(430px,calc(100vw - 28px));height:min(820px,calc(100vh - 28px));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#050505}.reel-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);background:#09090aeb}.reel-topbar div{display:grid;min-width:0;gap:2px}.reel-topbar strong,.reel-topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-topbar span{color:var(--muted);font-size:.78rem}.icon-button-placeholder{width:42px}.embed-stage{position:relative;display:grid;min-height:0;place-items:center;background:#080808}.embed-stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#050505}.embed-loading,.embed-fallback{display:grid;place-items:center;gap:10px;color:var(--soft)}.embed-loading{animation:pulse 1.8s ease-in-out infinite}.reel-caption{display:grid;gap:6px;padding:14px;border-top:1px solid var(--line);background:#09090af0}.reel-caption span{color:#f4ca64;font-size:.76rem;font-weight:760}.reel-caption p{display:-webkit-box;margin:0;overflow:hidden;color:var(--soft);font-size:.86rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reel-action{display:inline-flex;width:fit-content;max-width:100%;align-items:center;gap:8px;margin-top:4px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#fff;font-size:.84rem;font-weight:760;text-decoration:none}.photo-viewer{position:relative;z-index:1;display:grid;max-width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#050505}.photo-close{position:absolute;z-index:1;top:10px;right:10px;background:#00000080}.photo-viewer img{display:block;max-width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 96px);object-fit:contain}.photo-meta{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--line);color:var(--soft);font-size:.82rem}@keyframes pulse{0%,to{opacity:.58}50%{opacity:1}}@media(max-width:780px){body{overflow:auto}.app-shell{min-height:100svh;padding:0}.phone-shell{width:100%;height:100svh;border:0;border-radius:0}.dm-header{min-height:118px;padding:42px 16px 20px}.header-left{gap:14px}.thread-actions{gap:8px}.thread-title strong{font-size:1.24rem}.messages-panel{padding:22px 18px 18px}.message-stack{max-width:86%}.share-card,.photo-grid{width:min(310px,64vw)}}@media(max-width:430px){.dm-header{min-height:106px;padding:32px 14px 16px}.icon-button{width:36px;height:36px}.avatar{width:44px;height:44px}.avatar-compact{width:30px;height:30px}.avatar-spacer{width:30px}.message-stack{max-width:88%}.bubble p,.call-line{font-size:.96rem}.share-card,.photo-grid{width:min(300px,66vw)}}