:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#070912;--text:#e9eeff;--sub:#e9eeff9e;--glass:#ffffff13;--border:#ffffff24;--genre:#6f8cff;--mood:#f368ad;--platform:#27c9ba;--cta:linear-gradient(135deg, #5b7cff, #22d3ee)}html[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e8edfb;--text:#14224d;--sub:#14224d9e;--glass:#ffffffad;--border:#1e2d6424}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html,body{background:var(--page);width:100%;min-height:100%;margin:0}body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit}.auth-page{background:radial-gradient(125% 120% at 50% 2%,#18224d 0%,#0b1024 52%,#070912 100%);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";filter:blur(70px);pointer-events:none;border-radius:50%;width:520px;height:520px;position:fixed}.auth-page:before{background:#4f6bff57;top:-120px;left:-180px}.auth-page:after{background:#f472b638;bottom:-170px;right:-190px}.auth-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#ffffff0e;border-radius:24px;width:min(100%,440px);padding:34px;position:relative;box-shadow:0 26px 80px #0000006b}.auth-mark{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-orb{background:var(--cta);border-radius:14px;width:44px;height:44px;box-shadow:0 10px 26px #5b7cff6b}.auth-card h1{letter-spacing:-.035em;margin:0 0 9px;font-family:Sora,ui-sans-serif,system-ui;font-size:30px}.auth-card p{color:var(--sub);margin:0 0 22px;line-height:1.6}.auth-card label{margin:0 0 8px;font-size:13px;font-weight:700;display:block}.auth-card input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff12;border-radius:13px;outline:none;padding:14px 15px}.auth-card input:focus{border-color:var(--genre);box-shadow:0 0 0 3px #6f8cff2e}.primary-button{background:var(--cta);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:13px;padding:14px 18px;font-weight:800}.primary-button:disabled{opacity:.55;cursor:wait}.text-link{color:var(--sub);margin-top:22px;font-size:14px;text-decoration:none;display:inline-block}.form-message{font-size:14px;margin-top:14px!important}.form-message.error{color:#fda4af}.form-message.success{color:#6ee7b7}@media (max-width:520px){.auth-card{border-radius:20px;padding:26px 22px}}.sync-splash{background:radial-gradient(70% 70% at 48% 42%,#3d4eb82e,#0000 70%),radial-gradient(48% 60% at 2% 6%,#5b7cff3d,#0000 68%),radial-gradient(42% 55% at 100% 100%,#f368ad29,#0000 70%),#070912;min-height:100svh;padding:26px clamp(22px,4vw,68px) 42px;position:relative;overflow:hidden}.splash-noise{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.splash-nav{z-index:5;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;display:flex;position:relative}.splash-nav-actions{align-items:center;gap:8px;display:flex}.splash-mode{color:#e9eeffc7;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.splash-brand{letter-spacing:-.02em;align-items:center;gap:11px;font-family:Sora,sans-serif;font-size:19px;text-decoration:none;display:inline-flex}.brand-orbit{background:var(--cta);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 0 24px #5b7cff8c}.brand-orbit:before{content:"";background:#080a18a8;border-radius:50%;position:absolute;inset:7px}.brand-orbit span{background:linear-gradient(135deg,#8399ff,#40e1d4);border-radius:50%;position:absolute;inset:13px}.nav-guest{color:#e9eeffc2;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.splash-layout{z-index:2;grid-template-columns:minmax(360px,1fr) minmax(340px,410px) minmax(360px,1fr);align-items:center;gap:clamp(28px,4vw,70px);width:100%;max-width:1440px;min-height:calc(100svh - 112px);margin:18px auto 0;display:grid;position:relative}.splash-story{max-width:610px}.splash-kicker{color:#9fb0ff;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:18px;font-size:12px;font-weight:800;display:inline-flex}.splash-story h1{letter-spacing:-.065em;margin:0;font-family:Sora,sans-serif;font-size:clamp(48px,5.2vw,82px);line-height:.98}.splash-story h1 span{color:#0000;background:linear-gradient(100deg,#90a5ff 4%,#6ee7dc 50%,#f58bbb 94%);-webkit-background-clip:text;background-clip:text}.splash-copy{color:#e9eeffa6;max-width:555px;margin:25px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.65}.splash-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.guest-button{color:#fff;background:var(--cta);border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 16px 40px #4869ff5c}.splash-actions>span{color:#e9eeff85;align-items:center;gap:6px;font-size:12.5px;font-weight:650;display:inline-flex}.splash-actions>span svg{color:#6ee7b7}.splash-stats{border-top:1px solid #ffffff17;gap:clamp(18px,2.4vw,34px);margin-top:38px;padding-top:24px;display:flex}.splash-stats div{flex-direction:column;gap:4px;display:flex}.splash-stats strong{color:#e9eeffe6;font-size:12.5px}.splash-stats span{color:#e9eeff6b;font-size:11px}.product-preview{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(155deg,#ffffff13,#ffffff06);border:1px solid #ffffff21;border-radius:34px;grid-area:1/3;min-height:530px;padding:22px;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 35px 90px #00000073,inset 0 1px #ffffff14}.preview-glow{filter:blur(70px);background:#5b7cff38;border-radius:50%;width:340px;height:340px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.preview-top{align-items:center;gap:9px;font-size:13px;display:flex;position:relative}.mini-logo{background:var(--cta);border-radius:50%;width:22px;height:22px}.preview-count{color:#e9eeff7a;margin-left:auto;font-size:11px}.bubble-stage{height:335px;position:relative}.demo-bubble{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff30;border-radius:50%;place-items:center;font-size:11px;font-weight:750;line-height:1.05;animation:6s ease-in-out infinite preview-float;display:grid;position:absolute;box-shadow:0 13px 35px #00000047}.bubble-scifi{color:#e8edff;background:linear-gradient(145deg,#6f8cffad,#313f89a3);width:105px;height:105px;top:52px;left:4%}.bubble-tense{color:#ffe4f1;background:linear-gradient(145deg,#f368ada6,#77306199);width:86px;height:86px;animation-delay:-2s;top:20px;right:3%}.bubble-mind{color:#fff;background:linear-gradient(145deg,#6f8cffcc,#6a3aa6b3);width:128px;height:128px;animation-delay:-4s;top:105px;left:38%;box-shadow:0 15px 42px #6f8cff57}.bubble-cozy{color:#d5fffa;background:linear-gradient(145deg,#27c9ba94,#1868708c);width:78px;height:78px;animation-delay:-1s;bottom:28px;left:3%}.bubble-thriller{background:#ffffff13;width:94px;height:94px;animation-delay:-3s;bottom:20px;right:0}.preview-result{background:#070912bd;border:1px solid #ffffff1c;border-radius:17px;align-items:center;gap:12px;padding:12px;display:flex;position:relative;box-shadow:0 16px 38px #00000057}.poster-block{background:linear-gradient(145deg,#253d9b,#8c3a79);border-radius:11px;flex:0 0 58px;place-items:center;height:74px;font-family:Sora,sans-serif;font-size:20px;display:grid;position:relative}.poster-block span{background:#00000073;border-radius:5px;padding:2px 4px;font-family:Inter,sans-serif;font-size:7px;position:absolute;top:5px;left:5px}.result-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.result-copy small{color:#7f98ff;letter-spacing:.12em;font-size:8px;font-weight:850}.result-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.result-copy span{color:#e9eeff78;font-size:9px}.preview-result button{color:#f58bbb;background:#f368ad24;border:0;border-radius:9px;flex:0 0 32px;place-items:center;height:32px;display:grid}.sync-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c0f20c2;border:1px solid #53d3ff8f;border-radius:26px;grid-area:1/2;justify-self:center;width:100%;max-width:410px;padding:clamp(24px,2.4vw,34px);box-shadow:inset 0 0 0 1px #6f8cff29,0 0 34px #36c9ff2e,0 28px 70px #0006}.sync-card-icon{color:#7f98ff;background:#6f8cff21;border:1px solid #6f8cff3d;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.optional-pill{color:#6ee7dc;letter-spacing:.13em;margin-bottom:9px;font-size:9px;font-weight:900;display:inline-block}.sync-card h2{letter-spacing:-.035em;margin:0 0 11px;font:700 clamp(22px,2vw,28px)/1.14 Sora,sans-serif}.sync-card>p{color:#e9eeff94;margin:0;font-size:13.5px;line-height:1.55}.sync-card ul{gap:10px;margin:20px 0 22px;padding:0;list-style:none;display:grid}.sync-card li{color:#e9eeffc7;align-items:center;gap:8px;font-size:12.5px;display:flex}.sync-card li svg{color:#6ee7b7;flex:none}.sync-card label{color:#8ee8ff;letter-spacing:.02em;text-shadow:0 0 12px #53d3ff8f;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.email-row{background:linear-gradient(115deg,#53d3ff1b,#ffffff0f 38%,#6f8cff1a);border:2px solid #67ddffdb;border-radius:14px;gap:8px;padding:5px;animation:2.8s ease-in-out infinite sync-field-glow;display:flex;box-shadow:0 0 0 1px #6f8cff38,0 0 24px #36c9ff4d,inset 0 0 18px #53d3ff12}.email-row:focus-within{border-color:#a0efff;box-shadow:0 0 0 3px #6f8cff38,0 0 34px #36c9ff6b,inset 0 0 22px #53d3ff1a}.email-row input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:9px 7px;font-size:13px}.sync-button{color:#fff;background:var(--cta);cursor:pointer;border:0;border-radius:10px;flex:0 0 42px;place-items:center;height:42px;font-size:11px;font-weight:750;display:grid}.sync-button:disabled{opacity:.58;cursor:wait}.resend-code{color:#aebdff;cursor:pointer;text-align:center;background:0 0;border:0;width:100%;margin-top:10px;font:650 12px/1.2 inherit}.resend-code:hover{color:#fff}.otp-card{color:#e9eeff;background:linear-gradient(135deg,#37d4ae24,#53d3ff17);border:1px solid #65e7bf6b;border-radius:15px;gap:14px;padding:15px;display:grid;box-shadow:0 0 24px #36c9ff1f}.otp-heading{grid-template-columns:auto 1fr;align-items:start;gap:10px 12px;display:grid}.email-sent-icon{color:#07111f;background:#6ee7b7;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.otp-heading strong{margin:1px 0 5px;font-size:14px;display:block}.otp-heading p{color:#e9eeffad;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.otp-row input{text-align:center;letter-spacing:.24em;font:750 20px/1 Sora,sans-serif}.otp-help{color:#e9eeff8f;margin-top:8px;font-size:10.5px;line-height:1.4;display:block}.otp-card .resend-code{background:#6f8cff1a;border-radius:9px;min-height:34px;margin:0}.sync-card .form-message{margin:12px 0 0!important}.privacy-note{color:#e9eeff5c;text-align:center;margin-top:12px;font-size:10.5px;display:block}.sync-splash[data-mode=light],html[data-mode=light] .sync-splash{color:#14224d;background:radial-gradient(70% 70% at 48% 42%,#6366f11c,#0000 70%),radial-gradient(48% 60% at 2% 6%,#3b82f62e,#0000 68%),radial-gradient(42% 55% at 100% 100%,#ec48991f,#0000 70%),#edf3ff}.sync-splash[data-mode=light] .nav-guest,.sync-splash[data-mode=light] .splash-mode,html[data-mode=light] .sync-splash .nav-guest,html[data-mode=light] .sync-splash .splash-mode{color:#263865;background:#ffffffad;border-color:#1e2d6424}.sync-splash[data-mode=light] .splash-copy,.sync-splash[data-mode=light] .splash-actions>span,.sync-splash[data-mode=light] .splash-stats span,html[data-mode=light] .sync-splash .splash-copy,html[data-mode=light] .sync-splash .splash-actions>span,html[data-mode=light] .sync-splash .splash-stats span{color:#14224d9e}.sync-splash[data-mode=light] .splash-stats,html[data-mode=light] .sync-splash .splash-stats{border-color:#1e2d641f}.sync-splash[data-mode=light] .splash-stats strong,html[data-mode=light] .sync-splash .splash-stats strong{color:#14224d}.sync-splash[data-mode=light] .sync-card,html[data-mode=light] .sync-splash .sync-card{color:#14224d;background:#ffffffc2;border-color:#2dabdc94;box-shadow:inset 0 0 0 1px #6f8cff1f,0 0 34px #36c9ff21,0 28px 70px #28386e29}.sync-splash[data-mode=light] .sync-card>p,.sync-splash[data-mode=light] .sync-card li,html[data-mode=light] .sync-splash .sync-card>p,html[data-mode=light] .sync-splash .sync-card li{color:#14224dad}.sync-splash[data-mode=light] .email-row input,html[data-mode=light] .sync-splash .email-row input{color:#14224d}.sync-splash[data-mode=light] .sync-card label,html[data-mode=light] .sync-splash .sync-card label{color:#174ea6;text-shadow:none}.sync-splash[data-mode=light] .otp-card,html[data-mode=light] .sync-splash .otp-card{color:#14224d;background:linear-gradient(135deg,#10b9811f,#0ea5e917);border-color:#0ea5e966}.sync-splash[data-mode=light] .otp-heading p,html[data-mode=light] .sync-splash .otp-heading p{color:#14224db8}.sync-splash[data-mode=light] .otp-help,html[data-mode=light] .sync-splash .otp-help{color:#14224d9e}.sync-splash[data-mode=light] .otp-card .resend-code,html[data-mode=light] .sync-splash .otp-card .resend-code{color:#294cc7;background:#405cbe17}.sync-splash[data-mode=light] .privacy-note,html[data-mode=light] .sync-splash .privacy-note{color:#14224d80}.sync-splash[data-mode=light] .product-preview,html[data-mode=light] .sync-splash .product-preview{color:#e9eeff}@keyframes preview-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sync-field-glow{0%,to{border-color:#67ddffc7;box-shadow:0 0 0 1px #6f8cff33,0 0 20px #36c9ff3d,inset 0 0 18px #53d3ff0f}50%{border-color:#a0efff;box-shadow:0 0 0 1px #6f8cff47,0 0 34px #36c9ff6b,inset 0 0 24px #53d3ff1c}}@media (max-width:1450px){.sync-splash{overflow:auto}.splash-layout{grid-template-columns:minmax(280px,1fr) minmax(340px,410px) minmax(280px,1fr);gap:34px;padding:36px 0 20px}.product-preview{display:none}.sync-card{grid-column:2;max-width:410px}}@media (max-width:1040px){.splash-layout{grid-template-columns:minmax(300px,1fr) minmax(340px,410px)}.sync-card{grid-column:2}}@media (max-width:900px){.splash-layout{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:40px}.splash-story{text-align:center;margin:0 auto}.splash-copy{margin-left:auto;margin-right:auto}.splash-actions,.splash-stats{justify-content:center}.sync-card{grid-area:auto/1;justify-self:center;max-width:520px}}@media (max-width:760px){.sync-splash{padding:20px 18px 30px}.splash-layout{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:40px}.splash-story{text-align:center;margin:0 auto}.splash-kicker{margin-bottom:14px}.splash-story h1{font-size:clamp(42px,13vw,64px)}.splash-copy{margin:19px auto 0;font-size:15px}.splash-actions{justify-content:center;margin-top:24px}.splash-stats{justify-content:center;margin-top:28px;padding-top:20px}.sync-card{grid-area:auto/1;justify-self:center;max-width:520px}}@media (max-width:470px){.nav-guest{padding:8px 10px;font-size:12px}.splash-layout{gap:28px;padding-top:30px}.splash-kicker{font-size:10px}.splash-story h1{font-size:43px}.guest-button{width:100%}.splash-actions{gap:10px}.splash-stats{justify-content:space-between;gap:14px}.splash-stats strong{font-size:10.5px}.splash-stats span{font-size:9px}.sync-card{border-radius:22px;padding:23px 19px}}@media (prefers-reduced-motion:reduce){.demo-bubble{animation:none}.email-row{border-color:#8be8ff;animation:none;box-shadow:0 0 0 1px #6f8cff38,0 0 27px #36c9ff57,inset 0 0 18px #53d3ff14}}.app-shell{--shell-page:#070912;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:0;padding-left:env(safe-area-inset-left,0px);grid-template-rows:minmax(0,1fr);background:radial-gradient(70% 110% at 5% 0%, #3d5bc43d, transparent 66%), radial-gradient(70% 110% at 100% 100%, #a73e7d24, transparent 70%), var(--shell-page)!important;display:grid!important}.shell-loader{background:0 0;place-items:center;width:100%;height:100%;display:grid}.shell-loader-mark{background:linear-gradient(135deg,#5b7cff,#22d3ee);border-radius:50%;width:52px;height:52px;animation:1.1s ease-in-out infinite shell-breathe;position:relative;box-shadow:0 0 34px #4f96ff6b}.shell-loader-mark:before{content:"";background:var(--shell-page);border-radius:50%;position:absolute;inset:10px}.shell-loader-mark span{background:linear-gradient(135deg,#8ea2ff,#47e4d7);border-radius:50%;position:absolute;inset:21px}@keyframes shell-breathe{0%,to{opacity:.78;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.app-shell[data-mode=light],html[data-mode=light] .app-shell{--shell-page:#e8edfb;background:radial-gradient(70% 110% at 5% 0%, #93c5fd3d, transparent 66%), radial-gradient(70% 110% at 100% 100%, #f9a8d42e, transparent 70%), var(--shell-page)!important}@supports (-webkit-touch-callout:none){.app-shell[data-standalone=true]{width:auto!important;height:auto!important;min-height:0!important;position:fixed!important;inset:0!important}}.app-frame{grid-row:1;min-height:0;height:100%!important}.account-menu-backdrop{z-index:500;pointer-events:auto;position:absolute;inset:0}.account-menu{max-height:min(520px,100dvh - 20px);overflow-y:auto}.friends-backdrop{z-index:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050ec7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.notifications-backdrop{z-index:610;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050ec7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.friends-panel{color:#eef2ff;background:linear-gradient(145deg,#131a3afc,#080c1dfc);border:1px solid #7e9eff47;border-radius:24px;width:min(600px,100%);max-height:min(780px,94dvh);padding:24px;overflow-y:auto;box-shadow:0 34px 90px #0000009e}.notifications-panel{color:#eef2ff;background:linear-gradient(145deg,#131a3afc,#080c1dfc);border:1px solid #7e9eff47;border-radius:24px;width:min(540px,100%);max-height:min(720px,94dvh);padding:24px;overflow-y:auto;box-shadow:0 34px 90px #0000009e}.notifications-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.notifications-header h2{letter-spacing:-.04em;margin:8px 0 5px;font-size:28px}.notifications-header p{color:#aeb8d6;margin:0;font-size:13px;line-height:1.5}.notification-status{color:#aeb8d6;background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:10px;margin-top:20px;padding:13px;display:flex}.notification-status.is-on{color:#baffea;background:#22d3a617;border-color:#22d3a64d}.notification-status strong,.notification-status small{display:block}.notification-status strong{font-size:13px}.notification-status small{margin-top:3px;font-size:10.5px;line-height:1.45}.notification-list{gap:8px;margin-top:14px;display:grid}.notification-choice{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.notification-choice>span{align-items:flex-start;gap:10px;min-width:0;display:flex}.notification-choice strong,.notification-choice small{display:block}.notification-choice strong{font-size:13px}.notification-choice small{color:#aeb8d6;margin-top:3px;font-size:10.5px;line-height:1.4}.notification-choice input{accent-color:#6f8cff;flex:none;width:20px;height:20px}.notification-requests{color:#ffb6d8;cursor:pointer;background:#f368ad1f;border:1px solid #f368ad57;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:14px;padding:8px 12px;font-weight:750;display:inline-flex}.friends-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.friends-header h2{letter-spacing:-.04em;margin:8px 0 5px;font-size:28px}.friends-header p{color:#aeb8d6;max-width:450px;margin:0;font-size:13px;line-height:1.5}.friends-kicker{color:#8ca7ff;letter-spacing:.11em;align-items:center;gap:6px;font-size:10.5px;font-weight:850;display:inline-flex}.friends-icon-button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.friends-loading{color:#aeb8d6;justify-content:center;align-items:center;gap:9px;min-height:240px;display:flex}.friends-spin{animation:.9s linear infinite friendsSpin}@keyframes friendsSpin{to{transform:rotate(360deg)}}.friends-code-card{background:linear-gradient(115deg,#5b7cff3d,#22d3ee24);border:1px solid #7e9eff47;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.friends-code-card small,.friends-add label{color:#aeb8d6;letter-spacing:.1em;font-size:9.5px;font-weight:800;display:block}.friends-code-card strong{letter-spacing:.15em;margin-top:3px;font-size:20px;display:block}.friends-code-card button,.friends-add button,.friends-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b7cff,#22c9e8);border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 13px;font-weight:750;display:inline-flex}.friends-profile-card{background:#6f8cff13;border:1px solid #7e9eff33;border-radius:16px;margin-top:14px;padding:14px}.friends-profile-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.friends-profile-heading small,.friends-profile-card>label:not(.friends-email-choice){color:#aeb8d6;letter-spacing:.09em;font-size:9.5px;font-weight:800;display:block}.friends-profile-heading strong{margin-top:3px;font-size:15px;display:block}.friends-profile-heading button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b7cff,#22c9e8);border:0;border-radius:10px;min-height:36px;padding:0 14px;font-weight:750}.friends-profile-heading button:disabled{opacity:.45;cursor:default}.friends-profile-card>input{color:#fff;background:#ffffff0e;border:1px solid #ffffff24;border-radius:11px;outline:0;width:100%;height:43px;margin-top:7px;padding:0 12px;font-size:13px}.friends-email-choice{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.friends-email-choice strong,.friends-email-choice small{display:block}.friends-email-choice strong{font-size:12px}.friends-email-choice small{color:#929dbc;max-width:380px;margin-top:2px;font-size:10.5px;line-height:1.4}.friends-email-choice input{accent-color:#6f8cff;flex:none;width:19px;height:19px}.friends-add{margin:18px 0}.friends-add>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:7px;display:grid}.friends-add input{color:#fff;letter-spacing:.1em;background:#ffffff0e;border:1px solid #ffffff21;border-radius:11px;outline:0;min-width:0;height:44px;padding:0 13px;font-weight:750}.friends-section{margin-top:18px}.friends-section h3{margin:0 0 9px;font-size:13px}.friends-row,.friend-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:13px;padding:12px}.friends-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.friends-row>div{gap:5px;display:flex}.friends-quiet,.friend-card-head button{color:#aeb8d6;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 9px}.friends-sharing{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:13px;display:flex}.friends-sharing>span{align-items:flex-start;gap:9px;display:flex}.friends-sharing strong,.friends-sharing small{display:block}.friends-sharing strong{font-size:13px}.friends-sharing small{color:#aeb8d6;margin-top:3px;font-size:10.5px;line-height:1.4}.friends-sharing input{accent-color:#6f8cff;width:19px;height:19px}.friend-card+.friend-card{margin-top:8px}.friend-card-head{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.friend-card-head>span{min-width:0}.friend-card-head>span strong,.friend-card-head>span small{overflow-wrap:anywhere;display:block}.friend-card-head>span small{color:#8f9ab9;margin-top:3px;font-size:10.5px;font-weight:500}.friend-card ul{margin:9px 0 0;padding:0;list-style:none}.friend-card li{color:#cfd7ef;justify-content:space-between;gap:12px;padding-top:6px;font-size:11.5px;display:flex}.friend-card li small,.friend-card p{color:#8f9ab9}.friend-card p,.friends-empty{color:#8f9ab9;margin:9px 0 0;font-size:12px;line-height:1.45}.friends-message{color:#bcffe8;overflow-wrap:anywhere;background:#22d3a626;border:1px solid #22d3a640;border-radius:10px;margin:14px 0 0;padding:9px 11px;font-size:12px;line-height:1.4;position:static}.friends-backdrop[data-mode=light],.notifications-backdrop[data-mode=light]{background:#dee7fab8}.friends-backdrop[data-mode=light] .friends-panel,.notifications-backdrop[data-mode=light] .notifications-panel{color:#14224d;background:linear-gradient(145deg,#fffffffc,#eef4fffc);border-color:#405cbe33;box-shadow:0 34px 90px #28386e3d}.notifications-backdrop[data-mode=light] .notifications-header p,.notifications-backdrop[data-mode=light] .notification-choice small{color:#647297}.notifications-backdrop[data-mode=light] .notification-choice,.notifications-backdrop[data-mode=light] .notification-status{background:#405cbe0d;border-color:#1e2d641f}.notifications-backdrop[data-mode=light] .notification-status.is-on{color:#08775c;background:#10b98117;border-color:#10b98142}.friends-backdrop[data-mode=light] .friends-header p,.friends-backdrop[data-mode=light] .friends-code-card small,.friends-backdrop[data-mode=light] .friends-add label,.friends-backdrop[data-mode=light] .friends-profile-heading small,.friends-backdrop[data-mode=light] .friends-profile-card>label:not(.friends-email-choice),.friends-backdrop[data-mode=light] .friends-sharing small,.friends-backdrop[data-mode=light] .friends-email-choice small,.friends-backdrop[data-mode=light] .friend-card p,.friends-backdrop[data-mode=light] .friends-empty,.friends-backdrop[data-mode=light] .friend-card-head>span small{color:#647297}.friends-backdrop[data-mode=light] .friends-icon-button{color:#14224d;background:#ffffffb8;border-color:#1e2d6424}.friends-backdrop[data-mode=light] .friends-profile-card,.friends-backdrop[data-mode=light] .friends-sharing,.friends-backdrop[data-mode=light] .friends-row,.friends-backdrop[data-mode=light] .friend-card{background:#405cbe0d;border-color:#1e2d641f}.friends-backdrop[data-mode=light] .friends-profile-card>input,.friends-backdrop[data-mode=light] .friends-add input{color:#14224d;background:#fffc;border-color:#1e2d6429}.friends-backdrop[data-mode=light] .friends-quiet,.friends-backdrop[data-mode=light] .friend-card-head button{color:#55658f}.friends-backdrop[data-mode=light] .friends-message,.notifications-backdrop[data-mode=light] .friends-message{color:#075842;background:#10b98124;border-color:#0596694d;font-weight:700}@media (max-width:560px){.friends-backdrop,.notifications-backdrop{padding:max(10px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));place-items:center}.friends-panel,.notifications-panel{border-radius:22px;max-height:90dvh;padding:19px 16px 16px}.friends-row{flex-direction:column;align-items:flex-start}.friends-row>div{width:100%}.friends-row button{flex:1}}@media (max-width:820px),(pointer:coarse){.pwa-pill{padding:7px 10px!important;font-size:11px!important}}.pwa-actions{left:50%;bottom:max(14px, env(safe-area-inset-bottom,0px));z-index:450;justify-content:center;max-width:calc(100vw - 20px);display:flex;position:fixed;transform:translate(-50%)}.pwa-install-nudge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b1ae6;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:0 16px 40px #0000005c}.pwa-nudge-close{color:#e9eeffb8;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1}.pwa-pill{white-space:nowrap;padding:9px 12px!important;font-size:12px!important;line-height:1!important}.pwa-install-backdrop{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050eb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pwa-install-card{text-align:center;color:#f7f8ff;background:linear-gradient(145deg,#172249,#0b1128);border:1px solid #7e9eff57;border-radius:24px;width:min(390px,100%);padding:28px 24px 22px;position:relative;box-shadow:0 28px 80px #0000008c}.pwa-install-card h2{margin:10px 0 8px;font-size:24px}.pwa-install-card p{color:#b9c2df;max-width:310px;margin:0 auto 20px;line-height:1.55}.pwa-install-card .pwa-install-note{margin-bottom:15px;font-size:13px}.pwa-install-steps{text-align:left;margin:0 0 20px;padding:0;list-style:none}.pwa-install-steps li{color:#dce3f8;align-items:center;gap:11px;padding:9px 0;font-size:14px;line-height:1.4;display:flex}.pwa-install-steps li+li{border-top:1px solid #ffffff17}.pwa-install-steps li>span{color:#9fb2ff;background:#6f8cff33;border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.pwa-install-icon{background:linear-gradient(135deg,#5b7cff,#22d3ee);border-radius:17px;place-items:center;width:54px;height:54px;margin:auto;font-size:30px;font-weight:900;display:grid;box-shadow:0 12px 30px #26beee4d}.pwa-install-close{color:#b9c2df;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:13px}.pwa-install-done{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b7cff,#22d3ee);border:0;border-radius:14px;width:100%;padding:12px;font-weight:850}.pwa-short{display:none}@media (max-width:480px){.pwa-wide{display:none}.pwa-short{display:inline}}@media (max-height:650px){.pwa-pill{padding:6px 9px!important;font-size:10.5px!important}}