: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;-webkit-tap-highlight-color:transparent;outline:none}*:focus{outline:none}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.login-shell{position:relative;display:grid;min-height:100svh;place-items:center;padding:22px;background:radial-gradient(ellipse at 20% 50%,rgba(240,39,114,.22) 0%,transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(239,120,0,.18) 0%,transparent 50%),radial-gradient(ellipse at 55% 85%,rgba(180,0,100,.25) 0%,transparent 45%),linear-gradient(135deg,#1e0015,#55003a 35%,#8c0049 65%,#2a0019);background-size:180% 180%,180% 180%,180% 180%,100% 100%;animation:gradient-shimmer 24s ease-in-out infinite;overflow-y:auto}@keyframes gradient-shimmer{0%{background-position:0% 50%,100% 50%,50% 0%,0% 50%}50%{background-position:100% 50%,0% 50%,50% 100%,100% 50%}to{background-position:0% 50%,100% 50%,50% 0%,0% 50%}}@keyframes bg-drift{0%{filter:brightness(1)}to{filter:brightness(1.08)}}.login-shell:before,.login-shell:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px)}.login-shell:before{width:420px;height:420px;top:-80px;left:-100px;background:#ff2c7224;animation:drift-blob 22s ease-in-out infinite alternate}.login-shell:after{width:360px;height:360px;bottom:-60px;right:-80px;background:#ef78001f;animation:drift-blob 28s ease-in-out infinite alternate-reverse}@keyframes drift-blob{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.1)}to{transform:translate(-20px,20px) scale(.95)}}.login-card{z-index:10;display:grid;width:min(100%,410px);overflow:hidden;gap:16px;padding:38px 28px 28px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:#3700278c;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 80px #ff2c7226,0 10px 40px #00000073}@keyframes card-glow{0%{box-shadow:0 20px 80px #ff2c7226,0 10px 40px #00000073;border-color:#ffffff26}to{box-shadow:0 20px 80px #ff7a0026,0 10px 40px #00000073;border-color:#ff2c7240}}.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;z-index:1}.login-orbit span{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px #00000040,inset 0 0 12px #ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1}@keyframes float-slow{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(-14px) scale(1.06) rotate(8deg)}}@keyframes float-med{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(-10px) scale(1.04) rotate(-6deg)}}@keyframes float-fast{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.03)}}.login-orbit span:nth-child(1){top:14%;left:14%;width:52px;height:52px;font-size:1.45rem;animation:float-slow 8s ease-in-out infinite alternate}.login-orbit span:nth-child(2){bottom:16%;left:12%;width:46px;height:46px;font-size:1.25rem;animation:float-slow 9.5s ease-in-out infinite alternate-reverse}.login-orbit span:nth-child(3){top:18%;right:14%;width:50px;height:50px;font-size:1.35rem;animation:float-med 7s ease-in-out infinite alternate}.login-orbit span:nth-child(4){bottom:22%;right:12%;width:44px;height:44px;font-size:1.2rem;animation:float-slow 10s ease-in-out infinite alternate-reverse}.login-orbit span:nth-child(5){top:44%;left:6%;width:38px;height:38px;font-size:1rem;animation:float-fast 6.5s ease-in-out infinite alternate}.login-orbit span:nth-child(6){top:36%;right:5%;width:36px;height:36px;font-size:.95rem;animation:float-fast 7.5s ease-in-out infinite alternate-reverse}.login-orbit span:nth-child(7){top:6%;left:48%;width:34px;height:34px;font-size:.9rem;animation:float-med 8.5s ease-in-out infinite alternate}.login-orbit span:nth-child(8){bottom:6%;left:42%;width:36px;height:36px;font-size:.95rem;animation:float-med 7s ease-in-out infinite alternate-reverse}@media(max-width:600px){.login-orbit span:nth-child(1){top:7%;left:6%}.login-orbit span:nth-child(2){bottom:7%;left:6%}.login-orbit span:nth-child(3){top:9%;right:6%}.login-orbit span:nth-child(4){bottom:10%;right:6%}.login-orbit span:nth-child(5){top:42%;left:2%}.login-orbit span:nth-child(6){top:35%;right:2%}.login-orbit span:nth-child(7){top:3%;left:42%}.login-orbit span:nth-child(8){bottom:3%;left:40%}}.login-avatar{z-index:1;position:relative;display:grid;width:90px;height:90px;place-items:center;justify-self:center;border:3px solid rgba(255,255,255,.75);border-radius:999px;background:linear-gradient(135deg,#ffe6ef,#ff7a9d);color:#7d0051;box-shadow:0 0 #ff2c7273;animation:avatar-pulse 2.8s ease-in-out infinite}@keyframes avatar-pulse{0%,to{box-shadow:0 0 #ff2c7273}50%{box-shadow:0 0 0 14px #ff2c7200}}.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.1;font-weight:900;background:linear-gradient(135deg,#ff2c72,#ff7a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(255,44,114,.15)}.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,.14);border-radius:999px;background:#00000047;color:#ffffffb8;transition:all .25s cubic-bezier(.4,0,.2,1)}.password-field:focus-within{border-color:#ff2c72;box-shadow:0 0 12px #ff2c7259;background:#00000059}.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 #ff584c40;color:#fff;cursor:pointer;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-form button:hover{transform:translateY(-1px) scale(1.015);box-shadow:0 16px 36px #ff584c61;filter:brightness(1.05)}.login-form button:active{transform:translateY(1px) scale(.99)}.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(820px,calc(100vh - 48px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,var(--wallpaper-a),var(--wallpaper-b) 35%,var(--wallpaper-c) 70%,var(--wallpaper-a));background-size:180% 180%;box-shadow:0 28px 84px #0000008c;isolation:isolate;transform:translateZ(0)}@keyframes phone-bg-shimmer{0%{background-position:0% 0%}to{background-position:100% 100%}}.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);animation:bg-decor-drift-1 34s ease-in-out infinite alternate;will-change:transform}.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;animation:bg-decor-drift-2 42s ease-in-out infinite alternate;will-change:transform}.dm-header,.archive-tools,.messages-panel{position:relative;z-index:2}.dm-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:72px;padding:10px 18px;background:#65003e73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.header-left{display:flex;min-width:0;align-items:center;gap:12px}.thread-actions{display:flex;align-items:center;gap:6px}.icon-button,.clear-search{display:inline-grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border:0;border-radius:999px;background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .12s ease}.icon-button:hover,.clear-search:hover{background:#ffffff1f}.icon-button:active,.clear-search:active{transform:scale(.9);background:#ffffff2e}.avatar{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:999px;background:#ffffffe6;color:#8d8d96;font-size:.8rem;font-weight:820}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-compact{width:28px;height:28px;font-size:.62rem}.avatar-spacer{width:28px;flex:0 0 auto}.thread-title{display:grid;min-width:0}.thread-title strong{overflow:hidden;color:#fff;font-size:1.15rem;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.archive-tools{display:grid;padding:8px 14px;background:#00000029;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);transform-origin:top}@keyframes search-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-wrap{display:flex;min-width:0;align-items:center;gap:8px;height:36px;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;font-size:.9rem}.clear-search{width:24px;height:24px}.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:1px;min-width:0;padding:6px 8px;border-right:1px solid var(--line);background:#0000002e}.stat-strip div:last-child{border-right:0}.stat-strip span{color:#fff;font-size:.8rem;font-weight:820}.stat-strip strong{color:var(--muted);font-size:.56rem;font-weight:760;text-transform:uppercase}.messages-panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px clamp(12px,4vw,44px) max(24px,env(safe-area-inset-bottom));scroll-behavior:auto}.messages-panel::-webkit-scrollbar{width:0}.message-block{content-visibility:auto;contain-intrinsic-size:86px}.load-older-button{display:block;width:fit-content;max-width:calc(100% - 24px);margin:6px auto 18px;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#00000042;color:#ffffffeb;font:inherit;font-size:.86rem;font-weight:760;cursor:pointer;-webkit-tap-highlight-color:transparent}.load-older-button:active{transform:scale(.98)}.date-divider{display:flex;justify-content:center;margin:18px 0 14px}.date-divider span{color:#ffffffe6;font-size:.82rem;font-weight:720;letter-spacing:.5px;text-transform:uppercase}.message-row{display:flex;align-items:flex-end;gap:8px;margin:5px 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:20px;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:8px 13px;color:#fff;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap}.call-line{display:flex;align-items:center;gap:6px;padding:8px 13px;color:#fff;font-size:.88rem}.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(270px,60vw);aspect-ratio:9 / 16;overflow:hidden;border:0;border-radius:20px;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(270px,60vw);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:.7rem}.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;animation:modal-enter .22s cubic-bezier(.22,1,.36,1) both;will-change:opacity}@keyframes modal-enter{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000c2;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}.embed-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:10px;padding:28px;overflow:hidden;border:0;background:#080808;color:#fff;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.embed-preview img,.embed-preview-gradient,.embed-preview-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.embed-preview img{object-fit:cover}.embed-preview-gradient{background:linear-gradient(135deg,#ff2c72,#ff7a00 52%,#651040),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 1px,transparent 1px 16px)}.embed-preview-shade{background:linear-gradient(180deg,#0000002e,#000000bd),radial-gradient(circle at 50% 40%,#0000000a,#00000085)}.embed-preview-play,.embed-preview strong,.embed-preview small{position:relative;z-index:1}.embed-preview-play{display:grid;width:82px;height:82px;place-items:center;border-radius:999px;background:#00000070;box-shadow:0 14px 40px #00000052}.embed-preview strong{max-width:280px;font-size:1rem;line-height:1.25}.embed-preview small{max-width:280px;color:#ffffffbd;font-size:.76rem;line-height:1.35}.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:94px;padding:34px 14px 14px}.header-left{gap:10px}.thread-actions{gap:6px}.thread-title strong{font-size:1.12rem}.messages-panel{padding:16px 14px 14px}.message-stack{max-width:84%}.share-card,.photo-grid{width:min(260px,60vw)}}@media(max-width:430px){.dm-header{min-height:84px;padding:24px 12px 12px}.icon-button{width:32px;height:32px}.avatar{width:36px;height:36px}.avatar-compact{width:24px;height:24px}.avatar-spacer{width:24px}.message-stack{max-width:86%}.bubble p,.call-line{font-size:.88rem}.share-card,.photo-grid{width:min(240px,62vw)}}.bubble-heart-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:heart-pop-anim .8s ease-out forwards;pointer-events:none;z-index:10}@keyframes heart-pop-anim{0%{transform:translate(-50%,-50%) scale(0);opacity:0}18%{transform:translate(-50%,-50%) scale(1.08);opacity:1}35%{transform:translate(-50%,-50%) scale(.92);opacity:1}52%{transform:translate(-50%,-50%) scale(1.02);opacity:1}75%{transform:translate(-50%,-50%) scale(1);opacity:.85}to{transform:translate(-50%,-50%) scale(.7);opacity:0}}.wrapped-modal{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:14px;animation:modal-enter .22s cubic-bezier(.22,1,.36,1) both;will-change:opacity}.wrapped-container{position:relative;z-index:1;display:grid;grid-template-rows:auto auto 1fr;width:min(430px,calc(100vw - 28px));height:min(820px,calc(100vh - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:radial-gradient(circle at 50% 30%,#300021,#08000b 80%);box-shadow:0 30px 100px #000000d9;-webkit-user-select:none;user-select:none;animation:wrapped-slide-up .32s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}@keyframes wrapped-slide-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wrapped-progress-bar{display:flex;gap:5px;padding:16px 16px 8px}.progress-segment-bg{flex:1;height:3px;border-radius:99px;background:#fff3;overflow:hidden}.progress-segment-fill{height:100%;background:#ff2c72;transition:width 80ms linear}.wrapped-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;color:var(--muted);font-size:.85rem;font-weight:700;z-index:10}.wrapped-title{display:flex;align-items:center;gap:6px;color:#ffd5e3;text-shadow:0 0 10px rgba(255,44,114,.4)}.wrapped-close{width:32px;height:32px;opacity:.85}.wrapped-close:hover{opacity:1}.wrapped-content-stage{position:relative;display:grid;padding:16px 24px 34px;overflow:hidden}.wrapped-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;color:#fff}.animate-fade-in{animation:slide-fade-in-anim .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes slide-fade-in-anim{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cover-slide h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.1;margin:18px 0 6px;background:linear-gradient(135deg,#ff2c72,#ff7a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 15px rgba(255,44,114,.2)}.cover-slide h2{font-size:1.3rem;color:#ffd5e3;font-weight:400;margin:0 0 24px;opacity:.9}.wrapped-avatar-circle{display:grid;width:100px;height:100px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff2c72,#ff7a00);font-size:3rem;box-shadow:0 0 35px #ff2c7273;margin-bottom:24px}.wrapped-sparkle-text{font-size:.95rem;color:var(--muted);max-width:280px;line-height:1.4}.tap-hint{position:absolute;bottom:24px;font-size:.72rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1px}.stats-slide h3,.talkative-slide h3,.peak-hours-slide h3,.reactions-slide h3,.words-slide h3{font-size:1.45rem;margin:0 0 26px;color:#ffd5e3;font-weight:800;text-shadow:0 0 10px rgba(255,44,114,.3)}.wrapped-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;margin-bottom:24px}.wrapped-stat-card{display:flex;flex-direction:column;padding:20px 14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);transition:transform .2s ease}.wrapped-stat-card strong{font-size:1.85rem;font-weight:900;line-height:1.1;margin-bottom:4px}.wrapped-stat-card span{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase}.glow-magenta{box-shadow:inset 0 0 15px #ff2c721f;border-color:#ff2c7233}.glow-magenta strong{color:#ff2c72}.glow-orange{box-shadow:inset 0 0 15px #ef78001f;border-color:#ef780033}.glow-orange strong{color:#ff7a00}.glow-pink{box-shadow:inset 0 0 15px #ff539b1f;border-color:#ff539b33}.glow-pink strong{color:#ff539b}.glow-blue{box-shadow:inset 0 0 15px #0096ff1f;border-color:#0096ff33}.glow-blue strong{color:#00b0ff}.wrapped-slide-footer{font-size:.95rem;color:#ffffffd9;margin-top:14px;line-height:1.35}.talk-comparison{display:flex;align-items:center;justify-content:space-around;width:100%;margin-bottom:28px}.talk-side{display:flex;flex-direction:column;align-items:center;flex:1}.talk-value{font-size:3.1rem;font-weight:900;line-height:1;margin-bottom:6px}.talk-name{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:2px}.talk-count{font-size:.72rem;color:var(--muted)}.talk-divider{font-size:.9rem;font-weight:800;color:#ffffff4d;padding:0 10px}.pink-text{color:#ff2c72;text-shadow:0 0 20px rgba(255,44,114,.3)}.orange-text{color:#ff7a00;text-shadow:0 0 20px rgba(255,122,0,.3)}.talk-bar-bg{display:flex;width:100%;height:16px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-bottom:28px}.talk-bar-fill-other{height:100%;background:#ff2c72}.talk-bar-fill-me{height:100%;background:#ff7a00}.peak-banner{font-size:.95rem;color:#ffd5e3;margin-bottom:26px;background:#ff2c7214;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,44,114,.15)}.peak-hour{font-size:1.1rem;color:#ff539b;font-weight:900}.hourly-chart{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:140px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:24px}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;position:relative}.chart-bar-value{width:48%;background:linear-gradient(to top,#ff2c72,#ff7a00);border-radius:4px 4px 0 0;position:relative;transition:height .4s ease}.chart-bar-value:hover .chart-bar-tooltip{display:block}.chart-bar-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#20111a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:2px 6px;border-radius:6px;font-size:.65rem;white-space:nowrap;margin-bottom:4px;z-index:10}.chart-bar-label{font-size:.58rem;color:var(--muted);margin-top:6px;transform:rotate(-30deg);white-space:nowrap}.reactions-cloud{display:flex;align-items:center;justify-content:center;width:100%;height:180px;position:relative;margin-bottom:20px}.reaction-bubble{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px #00000059;animation:float-bubble 4s ease-in-out infinite}@keyframes float-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bubble-1{width:86px;height:86px;left:20%;top:15%;border-color:#ff2c724d;background:#ff2c720d;animation-delay:0s}.bubble-2{width:72px;height:72px;right:20%;top:10%;border-color:#ff7a004d;background:#ff7a000d;animation-delay:.5s}.bubble-3{width:68px;height:68px;left:45%;bottom:12%;border-color:#ff539b4d;background:#ff539b0d;animation-delay:1s}.bubble-4{width:58px;height:58px;left:12%;bottom:25%;animation-delay:1.5s}.bubble-5{width:54px;height:54px;right:12%;bottom:28%;animation-delay:2s}.reaction-emoji{font-size:1.6rem}.bubble-1 .reaction-emoji{font-size:2.1rem}.bubble-2 .reaction-emoji{font-size:1.8rem}.reaction-count{font-size:.72rem;color:var(--muted);margin-top:1px}.words-cloud{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px 10px;width:100%;min-height:180px;margin-bottom:24px}.word-tag{display:inline-block;padding:6px 12px;border-radius:99px;font-weight:700;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;transition:transform .2s ease}.word-tag:hover{transform:scale(1.05);border-color:#ff2c7266}.word-large{font-size:1.35rem;color:#ff2c72;border-color:#ff2c7240;background:#ff2c720f}.word-medium{font-size:1.05rem;color:#ff7a00;border-color:#ff7a0033;background:#ff7a000d}.word-small{font-size:.85rem;color:#ffffffd9}.replay-section{display:flex;justify-content:center;margin-top:10px}.replay-button{padding:10px 24px;border-radius:99px;background:linear-gradient(135deg,#ff2c72,#ff7a00);border:0;font-size:.9rem;font-weight:850;box-shadow:0 10px 25px #ff2c7259;cursor:pointer;z-index:10;transition:opacity .2s ease}.replay-button:hover{opacity:.95}.nav-zone{position:absolute;top:54px;bottom:0;width:25%;border:0;background:transparent;cursor:pointer;z-index:5;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.left-zone{left:0}.right-zone{right:0;width:75%}.font-italic{font-style:italic;opacity:.9}.bg-aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none;contain:paint}.bg-aurora:before,.bg-aurora:after{position:absolute;content:"";pointer-events:none;will-change:transform,opacity}.bg-aurora:before{top:-38%;right:-38%;bottom:-38%;left:-38%;background:conic-gradient(from 120deg at 48% 48%,#ff2c7257,#ff7a004d,#6e005261,#ff539b3d,#ff2c7257),radial-gradient(circle at 30% 28%,rgba(255,255,255,.13),transparent 26%),radial-gradient(circle at 78% 66%,rgba(255,208,110,.13),transparent 28%);opacity:.28;transform:translateZ(0) rotate(0) scale(1);animation:memory-gradient-drift 36s linear infinite}.bg-aurora:after{top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(ellipse at 18% 32%,rgba(255,235,248,.13),transparent 24%),radial-gradient(ellipse at 72% 24%,rgba(255,154,76,.14),transparent 22%),radial-gradient(ellipse at 55% 82%,rgba(255,44,114,.12),transparent 32%);opacity:.75;animation:memory-mist-breathe 18s ease-in-out infinite alternate}.aurora-blob{position:absolute;border-radius:50%;filter:blur(42px);opacity:.22;transform:translateZ(0);will-change:transform,opacity}.aurora-blob-1{width:min(500px,120%);aspect-ratio:1;background:radial-gradient(circle,#ff2c72,#ff2c7200 70%);top:-15%;left:-15%;animation:float-aurora-1 28s ease-in-out infinite alternate}.aurora-blob-2{width:min(480px,110%);aspect-ratio:1;background:radial-gradient(circle,#ff7a00,#ff7a0000 70%);bottom:-20%;right:-15%;animation:float-aurora-2 32s ease-in-out infinite alternate-reverse}.aurora-blob-3{width:min(450px,100%);aspect-ratio:1;background:radial-gradient(circle,#7d0051,#7d005100 70%);top:30%;right:-10%;animation:float-aurora-3 36s ease-in-out infinite alternate}.aurora-blob-4{width:min(380px,90%);aspect-ratio:1;background:radial-gradient(circle,#f02772,#f0277200 70%);bottom:25%;left:-10%;animation:float-aurora-4 24s ease-in-out infinite alternate-reverse}.memory-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}.memory-drift{position:absolute;display:grid;place-items:center;opacity:.12;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));transform:translateZ(0);animation:memory-float var(--duration, 18s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s);will-change:transform,opacity}.memory-heart{color:#ffffffc7;font-size:clamp(1.15rem,3vw,1.85rem)}.memory-word{padding:6px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff0f;color:#ffeef7a3;font-size:clamp(.74rem,2.5vw,.96rem);font-weight:850;letter-spacing:.02em}.memory-drift-1{top:13%;left:8%;--move-x: 26px;--move-y: -34px;--end-rot: 12deg;--duration: 16s;--delay: -1s}.memory-drift-2{top:37%;right:9%;--move-x: -22px;--move-y: 28px;--end-rot: -10deg;--duration: 19s;--delay: -7s}.memory-drift-3{bottom:20%;left:17%;--move-x: 34px;--move-y: 18px;--end-rot: 18deg;--duration: 14s;--delay: -4s}.memory-drift-4{top:70%;right:18%;--move-x: -30px;--move-y: -26px;--end-rot: -14deg;--duration: 18s;--delay: -10s}.memory-drift-5{top:23%;left:56%;--move-x: 18px;--move-y: -24px;--end-rot: 6deg;--duration: 22s;--delay: -6s}.memory-drift-6{top:54%;left:8%;--move-x: 24px;--move-y: 22px;--end-rot: -8deg;--duration: 20s;--delay: -12s}.memory-drift-7{bottom:12%;left:38%;--move-x: -18px;--move-y: -30px;--end-rot: 7deg;--duration: 24s;--delay: -2s}.memory-drift-8{top:8%;right:14%;--move-x: -26px;--move-y: 20px;--end-rot: -5deg;--duration: 21s;--delay: -9s}.memory-spark{position:absolute;width:6px;height:6px;border-radius:999px;background:#ffffffe6;box-shadow:0 0 18px #ffffffb8,0 0 34px #ff539b85;opacity:.38;animation:memory-twinkle var(--duration, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s);will-change:transform,opacity}.memory-spark-1{top:19%;left:31%;--duration: 4.8s;--delay: -1.5s}.memory-spark-2{top:45%;left:72%;--duration: 5.6s;--delay: -2.8s}.memory-spark-3{top:68%;left:52%;--duration: 4.2s;--delay: -.6s}.memory-spark-4{top:81%;left:22%;--duration: 6s;--delay: -3.4s}.memory-line{position:absolute;width:220px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,174,94,.38),transparent);opacity:.16;transform:rotate(var(--line-rot, 24deg));animation:memory-line-glide var(--duration, 22s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s);will-change:transform,opacity}.memory-line-1{top:26%;left:-40px;--line-rot: -32deg;--duration: 26s;--delay: -8s}.memory-line-2{top:58%;right:-78px;--line-rot: 36deg;--duration: 30s;--delay: -14s}.memory-line-3{bottom:18%;left:16%;--line-rot: 18deg;--duration: 24s;--delay: -4s}.memory-line-4{top:10%;right:28%;--line-rot: -14deg;--duration: 28s;--delay: -18s}@keyframes memory-gradient-drift{0%{transform:translate3d(-4%,-3%,0) rotate(0) scale(1)}50%{transform:translate3d(5%,3%,0) rotate(180deg) scale(1.08)}to{transform:translate3d(-4%,-3%,0) rotate(360deg) scale(1)}}@keyframes memory-mist-breathe{0%{opacity:.52;transform:translate3d(-2%,1%,0) scale(1)}to{opacity:.86;transform:translate3d(2%,-2%,0) scale(1.04)}}@keyframes memory-float{0%{opacity:.07;transform:translateZ(0) rotate(0) scale(.96)}42%{opacity:.17}to{opacity:.1;transform:translate3d(var(--move-x, 20px),var(--move-y, -20px),0) rotate(var(--end-rot, 8deg)) scale(1.06)}}@keyframes memory-twinkle{0%,to{opacity:.18;transform:scale(.7)}50%{opacity:.8;transform:scale(1.35)}}@keyframes memory-line-glide{0%{opacity:.06;transform:translate3d(-14px,8px,0) rotate(var(--line-rot, 24deg))}to{opacity:.2;transform:translate3d(18px,-12px,0) rotate(var(--line-rot, 24deg))}}@keyframes float-aurora-1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(12%,18%) scale(1.15) rotate(120deg)}to{transform:translate(-8%,5%) scale(.9) rotate(360deg)}}@keyframes float-aurora-2{0%{transform:translate(0) scale(.9) rotate(0)}50%{transform:translate(-15%,-12%) scale(1.1) rotate(-180deg)}to{transform:translate(5%,-22%) scale(1.05) rotate(-360deg)}}@keyframes float-aurora-3{0%{transform:translate(0) scale(1.05) rotate(0)}50%{transform:translate(-10%,15%) scale(.85) rotate(90deg)}to{transform:translate(12%,-8%) scale(1.15) rotate(180deg)}}@keyframes float-aurora-4{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(18%,-15%) scale(1.2) rotate(-90deg)}to{transform:translate(-12%,10%) scale(.9) rotate(-180deg)}}@keyframes bg-decor-drift-1{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) translate(5px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes bg-decor-drift-2{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(15px) translate(-5px) scale(.98) rotate(1deg)}to{transform:translateY(0) scale(1) rotate(0)}}@media(max-width:780px){.aurora-blob{filter:blur(34px);opacity:.18}.memory-word{padding:5px 9px}.memory-line{width:170px}.memory-drift-5,.memory-drift-8{opacity:.09}}@media(prefers-reduced-motion:reduce){.login-shell,.login-shell:before,.login-shell:after,.login-orbit span,.phone-shell:before,.phone-shell:after,.bg-aurora:before,.bg-aurora:after,.aurora-blob,.memory-drift,.memory-spark,.memory-line{animation:none!important}}