.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:13px;background:#ffffff94;border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 4px 15px #46638b09;color:#65799d;padding:0;cursor:pointer}.icon-button svg{width:20px;height:20px}.theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}.theme-switching body,.theme-switching body *{transition:background-color .38s ease,border-color .38s ease,color .38s ease,box-shadow .38s ease!important}.subscription-kind{font-size:10px;letter-spacing:0;font-weight:600;vertical-align:middle;display:inline-block;padding:6px 10px;border-radius:20px;background:#e8c88720;border:1px solid #e8c88755;color:#eed8a1;margin-left:6px}.subscription-detail .subscription-kind{color:#a07b39;background:#ead4a02b;border-color:#ddbd7a44}.trial-offer{margin-top:18px;padding:22px;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#e6d9fb91,transparent 60%),linear-gradient(125deg,#ffffffb8,#eff3ff9c);border:1px solid #ffffffec;box-shadow:inset 0 1px 0 #fff,0 6px 25px #6c73a510;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.trial-intro{display:flex;align-items:center;gap:14px}.trial-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#faf3e7,#ede1f5);border:1px solid #fff;color:#b19769;display:grid;place-items:center;flex-shrink:0}.trial-icon svg{width:25px;height:25px}.trial-tag{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#9783a2}.trial-intro h2{font-size:21px;letter-spacing:-.6px;margin:6px 0}.trial-intro p{font-size:11px}.trial-duration{margin-left:auto;font-size:36px;font-weight:700;letter-spacing:-1px;color:#9293bf}.trial-duration small{display:block;font-size:10px;letter-spacing:0;font-weight:500;text-align:center}.trial-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:13px;border:1px solid #b9c9eb8f;background:linear-gradient(130deg,#ffffffd9,#dbe6ff70);box-shadow:inset 0 1px 0 #fff;color:#5876b1;padding:13px;font-size:12px;font-weight:700;margin-top:18px}.trial-start svg{width:16px;height:16px}.trial-caption{font-size:9px;text-align:center;color:#8c96aa;margin:11px 0 0;line-height:1.8}.trial-inline{margin-top:18px}.trial-inline h2{font-size:18px;margin:9px 0}.trial-inline p{font-size:11px}.menu-drawer{position:fixed;inset:12px 12px 12px auto;margin:0;max-width:calc(100vw - 24px);width:360px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;background:#f7faffed;color:var(--ink);border:1px solid #ffffffde;border-radius:27px;padding:25px;box-shadow:-10px 0 60px #22395825;backdrop-filter:blur(36px) saturate(140%);-webkit-backdrop-filter:blur(36px) saturate(140%)}dialog:not([open]){display:none}dialog::backdrop{background:#17243a48;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-header .brand{font-size:21px}.drawer-profile{display:flex;align-items:center;gap:13px;margin:30px 0 27px;padding-bottom:24px;border-bottom:1px solid var(--line)}.drawer-profile .avatar{width:46px;height:46px}.drawer-profile h2{font-size:15px;margin:0 0 5px}.drawer-profile p{font-size:11px}.drawer-label{font-size:9px;letter-spacing:1.5px;color:#8b97ae}.drawer-nav{display:grid;gap:5px;margin-top:15px}.drawer-nav button{display:flex;align-items:center;gap:13px;border:0;background:none;text-align:left;border-radius:13px;padding:13px 10px;color:#65799b;font-size:13px}.drawer-nav button:hover{background:#dde8fc74}.drawer-nav svg{width:20px;height:20px}.drawer-theme{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0;border-top:1px solid var(--line);margin-top:22px}.drawer-theme strong{font-size:12px;font-weight:600}.drawer-theme p{font-size:10px;margin-top:4px}.drawer-footer{font-size:10px;color:#8b98ae;margin-top:25px}.trial-dialog{position:fixed;width:380px;max-width:calc(100vw - 32px);border:1px solid #fff;border-radius:28px;padding:30px;background:#f8fafff2;color:var(--ink);box-shadow:0 20px 80px #30457130;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.dialog-close{position:absolute;right:18px;top:18px}.trial-dialog>.trial-icon{margin-bottom:24px;width:54px;height:54px}.trial-dialog h2{font-size:24px;letter-spacing:-.6px;margin:10px 0 12px}.trial-dialog>p:not(.trial-caption){font-size:12px;margin:0 0 24px}.trial-facts{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.trial-facts span{color:var(--sub)}.trial-facts strong{font-weight:600}.trial-dialog>.primary{margin-top:25px}
[data-theme=dark]{color-scheme:dark;--bg:#0b1020;--ink:#e0e8f5;--sub:#8e9cb5;--line:#a0b6e31b;--blue:#799bff}[data-theme=dark] body{background-color:#0b1020;background-image:radial-gradient(ellipse at 85% 0,#403b782e,transparent 48%),radial-gradient(ellipse at 10% 48%,#173e5c3b,transparent 50%),radial-gradient(ellipse at 100% 85%,#3d245839,transparent 45%);color:var(--ink)}[data-theme=dark] .sidebar{background:#0e1525aa;border-color:#b5c7fa16}[data-theme=dark] .logo{background:linear-gradient(140deg,#2d3955,#192339);border:1px solid #ffffff14;color:#c1d5ff;box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0002}[data-theme=dark] .card,[data-theme=dark] .glass-shortcut,[data-theme=dark] .payment-strip{background:#1923389c;border-color:#b4ccfb20;box-shadow:inset 0 1px 0 #d3e4ff09,0 7px 28px #00000015}[data-theme=dark] .nav{color:#98a9c5}[data-theme=dark] .nav.active{background:linear-gradient(125deg,#4a69a32a,#536cab12);border-color:#a3bfff26;color:#a5c1ff;box-shadow:inset 0 1px 0 #b1ceff0f}[data-theme=dark] .crumb b{color:#b4c7e2}[data-theme=dark] .hero{background:radial-gradient(ellipse at 95% 0,#6073ba31,transparent 60%),linear-gradient(130deg,#182437,#212944 70%,#272b4c);border-color:#b3c5f233;box-shadow:inset 0 1px 0 #ffffff14,0 16px 40px #0003}[data-theme=dark] .hero p{color:#a1aec9}[data-theme=dark] .hero-label{color:#adbcd6}[data-theme=dark] .primary{background:linear-gradient(125deg,#668af1,#5273cf);border:1px solid #bdd0ff29;color:#f5f8ff;box-shadow:inset 0 1px 0 #ffffff22,0 7px 22px #1c376b38}[data-theme=dark] .primary:hover{background:linear-gradient(125deg,#799bff,#6789e5)}[data-theme=dark] .icon-button{background:linear-gradient(135deg,#758cb420,#293c5f25);border-color:#a8c5f42b;box-shadow:inset 0 1px 0 #c7ddff12,0 4px 12px #0001;color:#aac1e5}[data-theme=dark] .top .avatar,[data-theme=dark] .avatar{background:linear-gradient(135deg,#344663,#28334e);border-color:#abc4f029;color:#aac7f1;box-shadow:none}[data-theme=dark] .info{border-color:#b5ccff12}[data-theme=dark] .info span{color:#8e9db8}[data-theme=dark] .green{color:#8dccb1}[data-theme=dark] .soft-icon{background:linear-gradient(140deg,#5b7bb52b,#445d8a1b);border-color:#b1c7f021;color:#9bb9ee;box-shadow:none}[data-theme=dark] .shortcut-icon{border-color:#b2ccf226;box-shadow:inset 0 1px 0 #cce0ff0b}[data-theme=dark] .violet{background:linear-gradient(130deg,#a080da24,#745d9420);color:#b69dd8}[data-theme=dark] .cyan{background:linear-gradient(130deg,#5aafc627,#42758b1e);color:#8fbfcb}[data-theme=dark] .glass-shortcut span{color:#97a6c1}[data-theme=dark] .glass-shortcut small{color:#899ab8}[data-theme=dark] .payment-icon{background:#5475aa1c;color:#9ab2dd}[data-theme=dark] .payment-strip p{color:#98a6c0}[data-theme=dark] .payment-action{color:#99b6ef}[data-theme=dark] .notice{background:#738dc314;border-color:#a5bdec18;color:#a9b7d0}[data-theme=dark] .renewal-summary{background:linear-gradient(130deg,#607eac14,#5b76a31f);border-color:#adc5ee20}[data-theme=dark] .renewal-summary span{color:#9caecb}[data-theme=dark] .rewards-hero{background:radial-gradient(ellipse at 95% 0,#9572d12c,transparent 65%),linear-gradient(125deg,#2b294186,#25283fba);border-color:#d9cbff24;box-shadow:inset 0 1px 0 #e4d4ff0c,0 10px 35px #0002}[data-theme=dark] .rewards-hero h2{color:#d1bfef}[data-theme=dark] .rewards-hero h2 small,[data-theme=dark] .rewards-hero p,[data-theme=dark] .rewards-label{color:#b0a0c8}[data-theme=dark] .rewards-orb{background:linear-gradient(130deg,#c7b4f52e,#b79ed10e);border-color:#decaff2b;box-shadow:inset 0 1px 0 #fff1,0 15px 30px #0001}[data-theme=dark] .friends-hero{background:radial-gradient(ellipse at 0 0,#39779f25,transparent 70%),linear-gradient(135deg,#20334a90,#232c469c);border-color:#bed5fb24;box-shadow:inset 0 1px 0 #fff1}[data-theme=dark] .friends-hero h2{color:#c1d5f4}[data-theme=dark] .friends-hero p{color:#9aacc8}[data-theme=dark] .friend-bubbles span{background:linear-gradient(125deg,#6e5d8d,#3e3858);border-color:#696980;color:#c6b6e4}[data-theme=dark] .friend-bubbles span:nth-child(2){background:linear-gradient(125deg,#4b6385,#2f4161);color:#bbd1f7}[data-theme=dark] .friend-bubbles span:nth-child(3){background:linear-gradient(125deg,#3f667a,#304352);color:#b4d4df}[data-theme=dark] .friend-stats b{color:#b3c8eb}[data-theme=dark] .soon-pill{background:#a4bafc10;border-color:#a9c2f028;color:#bbadd8}[data-theme=dark] .empty-symbol{background:#6384b718;border-color:#b8d1fb1c;color:#92a6c5}[data-theme=dark] .empty-state h3{color:#9cadc9}[data-theme=dark] .empty-state p{color:#8495b2}[data-theme=dark] .demo,[data-theme=dark] .demo-banner{background:#859bd50d;border-color:#b0c9f31c;color:#99abc9}[data-theme=dark] .demo-banner b{color:#b9cbeb}[data-theme=dark] .bottom-nav{background:#131e32c2;border-color:#b7cffa2b;box-shadow:inset 0 1px 0 #dcecff0d,0 8px 35px #0004}[data-theme=dark] .bottom-nav button{color:#8a9fbe}[data-theme=dark] .bottom-nav button.active{background:linear-gradient(135deg,#5d8cd82b,#5e7ebd18);box-shadow:inset 0 1px 0 #bedcff16;border:1px solid #94b9f21c;color:#a8c7ff}[data-theme=dark] .tab{background:#24344d6b;border-color:#afc8f122;color:#9eb5d9}[data-theme=dark] .tab.active{background:#5b7eb929;border-color:#91b6fc3d;color:#b5d0ff}[data-theme=dark] .num{background:#5274b423;color:#a8c4fd}[data-theme=dark] .textbtn{color:#97aacb}[data-theme=dark] .gate-box,[data-theme=dark] .menu-drawer,[data-theme=dark] .trial-dialog{background:#111b2deb;border-color:#abc6fa29;box-shadow:0 20px 70px #0005}[data-theme=dark] .drawer-nav button{color:#a9bad7}[data-theme=dark] .drawer-nav button:hover{background:#7497d817}[data-theme=dark] .trial-offer{background:radial-gradient(ellipse at 95% 0,#7561a12f,transparent 70%),linear-gradient(125deg,#273045a6,#262d4696);border-color:#cfc0ee29;box-shadow:inset 0 1px 0 #e2d6ff0c,0 7px 25px #0002}[data-theme=dark] .trial-icon{background:linear-gradient(135deg,#ae90692c,#9a7eba1f);border-color:#dbc9ac25;color:#d3b993}[data-theme=dark] .trial-tag{color:#b6a2c3}[data-theme=dark] .trial-duration{color:#c1b8df}[data-theme=dark] .trial-start{background:linear-gradient(130deg,#7b9cd52c,#6376a114);border-color:#b2cafa32;box-shadow:inset 0 1px 0 #d8e9ff12;color:#b5cff5}[data-theme=dark] .subscription-detail .subscription-kind{color:#dfc490;background:#ccb47612;border-color:#dbbd7b30}[data-theme=dark] .manual-url{background:#17253c;border-color:#617b9b55;color:#bfd4f3}[data-theme=dark] .side-bottom span{color:#899ab5}[data-theme=dark] dialog::backdrop{background:#03071280}
@media(max-width:650px){.header-actions{gap:8px}.header-actions .account{display:none}.icon-button{width:37px;height:37px;border-radius:12px}.top{margin-bottom:28px}.trial-offer{padding:19px;margin-top:14px;border-radius:22px}.trial-intro{gap:11px}.trial-intro h2{font-size:19px}.trial-intro p{font-size:10px}.trial-tag{font-size:8px;letter-spacing:.9px}.trial-duration{font-size:31px}.trial-icon{width:39px;height:39px;border-radius:13px}.trial-start{font-size:11px;padding:12px}.trial-caption{font-size:8px}.menu-drawer{padding:23px;width:360px}.drawer-nav button{padding:13px 10px}.drawer-profile{margin-top:25px}.trial-dialog{padding:27px}.subscription-kind{font-size:9px;padding:5px 8px}.hero h2:has(.subscription-kind:not([hidden])){font-size:27px}}
@media(prefers-reduced-motion:reduce){.theme-switching body,.theme-switching body *{transition:none!important}}
@media(prefers-reduced-transparency:reduce){[data-theme=dark] .card,[data-theme=dark] .bottom-nav,[data-theme=dark] .sidebar,[data-theme=dark] .menu-drawer{background:#172237;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){[data-theme=dark] .card,[data-theme=dark] .bottom-nav,[data-theme=dark] .sidebar{background:#172237}}

.subscription-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.subscription-overview-head h2{font-size:12px;font-weight:600;color:var(--sub);margin:0}.subscription-overview-head button{display:flex;align-items:center;gap:7px;background:none;border:0;color:#7c91b6;font-size:10px;padding:4px 0}.subscription-overview-head svg{width:14px;height:14px}[data-theme=dark] .subscription-overview-head button{color:#9cb7e9}