: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:100vh;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:200% 200%,200% 200%,200% 200%,400% 400%;animation:gradient-shimmer 14s ease infinite,bg-drift 22s ease-in-out infinite alternate;overflow:hidden}@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 18s ease-in-out infinite alternate}.login-shell:after{width:360px;height:360px;bottom:-60px;right:-80px;background:#ef78001f;animation:drift-blob 24s 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);animation:card-glow 6s ease-in-out infinite alternate}@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 6.5s 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 7.8s 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 5.5s 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 8.4s 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 4.8s 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 6s 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 7s 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 5.2s 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(920px,calc(100vh - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background: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);animation:bg-decor-drift-1 40s linear infinite;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 50s linear infinite;will-change:transform}.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;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: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;animation:search-reveal .2s cubic-bezier(.22,1,.36,1) both;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: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;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;-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)}}.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}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;will-change:transform}.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 22s 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 26s 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 30s 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 20s ease-in-out infinite alternate-reverse}@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)}}