:root{--gut: 16px;--r: 20px;--accent: oklch(.88 .25 142);--accent-glow: oklch(.88 .25 142 / .55);--accent-ink: #06140a;--flame: oklch(.78 .18 50)}[data-theme=dark]{--bg: #0d0f13;--surface: #15181e;--surface-2: #1d2129;--elev: #20242d;--text: #f3f5f8;--text-dim: rgba(243,245,248,.6);--text-faint: rgba(243,245,248,.4);--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.16);--chip: rgba(255,255,255,.08);--logo-filter: none}[data-theme=light]{--bg: #f3f4f0;--surface: #ffffff;--surface-2: #e9ebe5;--elev: #ffffff;--text: #14171c;--text-dim: rgba(20,23,28,.62);--text-faint: rgba(20,23,28,.4);--border: rgba(20,23,28,.09);--border-2: rgba(20,23,28,.16);--chip: rgba(20,23,28,.06);--accent: oklch(.72 .19 142);--accent-glow: oklch(.72 .19 142 / .4);--accent-ink: #f3fff4;--logo-filter: invert(1) brightness(.7) saturate(0)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:Plus Jakarta Sans,IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh}button{font-family:inherit;color:inherit}.logo-img{filter:var(--logo-filter);transition:filter .2s}::-webkit-scrollbar{width:0;height:0}.shell{display:flex;height:100vh;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.page{animation:fade .35s ease;padding-top:8px}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sidebar{display:none}@media(min-width:1024px){:root{--gut: 40px}.sidebar{display:flex;flex-direction:column;width:234px;flex-shrink:0;padding:26px 18px;gap:6px;background:var(--surface);border-inline-end:1px solid var(--border)}.side-logo{padding:4px 12px 26px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:none;background:transparent;border-radius:14px;cursor:pointer;color:var(--text-dim);font-size:15px;font-weight:700;position:relative;transition:all .16s;width:100%}.side-item:hover{background:var(--chip);color:var(--text)}.side-item.on{color:var(--text);background:var(--chip)}.side-item.on .side-ic{color:var(--accent)}.side-dot{position:absolute;inset-inline-start:0;width:4px;height:22px;border-radius:4px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.bottombar{display:none!important}.tb-logo{display:none}}@media(min-width:1024px)and (max-width:1239px){.sidebar{width:82px;align-items:center;padding:26px 10px}.side-lb{display:none}.side-logo{padding:4px 0 26px}.side-item{justify-content:center;padding:13px}}.topbar{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) var(--gut) 12px;position:sticky;top:0;z-index:30;min-height:calc(56px + env(safe-area-inset-top));background:color-mix(in oklab,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow .2s}.topbar.sc{box-shadow:0 1px 0 var(--border)}.tb-greet{line-height:1.1}.tb-g1{font-size:11px;color:var(--text-dim);font-weight:600}.tb-g2{font-size:16px;font-weight:800}.tb-streak{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;border:none;cursor:pointer;background:var(--chip);font-weight:800;font-size:14px;color:var(--text)}.tb-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:none;background:var(--chip);color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s}.tb-icon:hover{background:var(--border-2)}@media(min-width:1024px){.tb-greet{display:none}.topbar{justify-content:flex-end}}@media(max-width:1023px){.tb-greet{display:none}}.bottombar{position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--text-faint);font-size:10px;font-weight:700;padding:4px 10px;transition:color .15s;flex:1}.tab.on{color:var(--accent)}.tab.on svg{filter:drop-shadow(0 0 8px var(--accent-glow))}@media(min-width:1024px){.scroll{padding-bottom:0}}@media(max-width:1023px){.scroll{padding-bottom:78px}}.rail-scroll{scroll-snap-type:x proximity;content-visibility:auto;contain-intrinsic-size:0 320px}.rail-scroll>*{scroll-snap-align:start}@media(max-width:1023px){.topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.bottombar{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in oklab,var(--bg) 92%,transparent)}}.rbtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rbtn:hover{background:var(--accent);color:var(--accent-ink);border-color:transparent}.seeall{color:var(--accent);font-weight:800;font-size:13px;cursor:pointer}@media(max-width:700px){.rail-arrows{display:none!important}}.spot-wrap{position:relative}.spotlight{position:relative;border-radius:28px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;background:#07090a}@media(max-width:640px){.spotlight{min-height:430px;border-radius:22px}}.spot-stack{position:absolute;top:0;right:0;bottom:0;left:0}.spot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:0;transition:opacity 1s ease;transform-origin:55% 40%}.spot-img.on{opacity:1;animation:kenburns 16s ease-out both}@keyframes kenburns{0%{transform:scale(1.1)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.spot-img.on{animation:none}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0d0f13;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.splash.leaving{opacity:0}.smiley{filter:drop-shadow(0 0 14px var(--accent-glow)) drop-shadow(0 0 34px var(--accent-glow));animation:smileyPop .5s cubic-bezier(.2,.9,.3,1.3) both}.smiley .eye-r{transform-box:fill-box;transform-origin:center;animation:wink 1.7s ease-in-out infinite}@keyframes wink{0%,42%,60%,to{transform:scaleY(1)}48%,54%{transform:scaleY(.08)}}@keyframes smileyPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.smiley .eye-r{animation:none}}.btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:12px 18px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:filter .15s,opacity .15s}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:var(--chip);color:var(--text)}.spot-body{animation:bodyfade .7s ease}@keyframes bodyfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spot-dots{position:absolute;top:16px;inset-inline-start:0;inset-inline-end:0;display:flex;gap:7px;justify-content:center;z-index:4}.spot-dot{width:7px;height:7px;border-radius:999px;border:none;padding:0;cursor:pointer;background:#ffffff73;transition:all .25s;box-shadow:0 1px 4px #00000080}.spot-dot.on{width:22px;background:var(--accent)}.spot-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 2%,color-mix(in oklab,var(--bg) 75%,transparent) 28%,transparent 68%),linear-gradient(to inline-start,color-mix(in oklab,var(--bg) 82%,transparent),transparent 58%),radial-gradient(130% 120% at 100% 100%,color-mix(in oklab,var(--accent) 28%,transparent) 0%,transparent 55%)}.spot-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.08),transparent 40%)}.spot-body{position:relative;padding:clamp(22px,4vw,46px);max-width:640px}.spot-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.spot-orig{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.3px}.spot-title{margin:0;font-size:clamp(34px,7vw,64px);font-weight:800;line-height:.98;letter-spacing:-1.5px;text-shadow:0 2px 18px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.9)}.spot-ar,.spot-meta,.spot-syn,.dt-title,.dt-ar,.dt-syn,.spot-orig{text-shadow:0 1px 10px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.spot-meta,.dt-syn,.dt-ar,.spot-ar{color:#f3f5f8!important}.spot-ar{font-family:IBM Plex Sans Arabic;font-size:clamp(18px,3vw,26px);color:var(--text-dim);margin-top:8px;font-weight:600}.spot-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:13.5px;font-weight:600;color:var(--text-dim)}.pillbox{padding:2px 7px;border:1px solid var(--border-2);border-radius:6px;font-size:11px}.spot-syn{color:var(--text);opacity:.9;font-size:clamp(14px,2vw,16px);line-height:1.55;margin:0 0 22px;max-width:540px}.spot-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mood-row,.chip-wrap{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px}.chip-wrap{flex-wrap:wrap}.browse-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:9px 30px 9px 16px;font:inherit;font-size:13.5px;outline:none;cursor:pointer;min-width:130px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.browse-select:hover{border-color:var(--accent, #16d39a)}.browse-select option{background:#14161c;color:var(--text)}.browse-seg{display:inline-flex;gap:6px;background:var(--chip);border-radius:999px;padding:5px;width:fit-content}.seg-btn{border:none;background:transparent;color:var(--text-dim);font:inherit;font-weight:800;font-size:14px;padding:8px 22px;border-radius:999px;cursor:pointer;transition:all .18s}.seg-btn.on{background:var(--accent);color:var(--accent-ink)}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(18px,3vw,26px)}.badge{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:78px;flex-shrink:0}.badge-ic{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center}.sports-teaser{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:18px 22px;cursor:pointer;transition:border-color .2s,transform .2s}.sports-teaser:hover{border-color:var(--accent);transform:translateY(-2px)}.st-live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;color:#ef4444}.st-live .dot,.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,currentColor 70%,transparent)}70%{box-shadow:0 0 0 7px transparent}}.st-main{display:flex;align-items:center;gap:14px;font-weight:800}.st-team{font-size:16px}.st-score{font-size:22px;letter-spacing:1px}.st-cta{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:800;font-size:14px}.page-head{padding:18px var(--gut) 16px}.page-title{margin:0;font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-1px}.page-sub{margin:6px 0 0;color:var(--text-dim);font-size:14px}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:100%}@media(min-width:480px){.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media(min-width:700px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in oklab,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;overflow-x:hidden;animation:fade .25s}.overlay-inner{min-height:100%;width:100%;max-width:1100px;margin:0 auto;overflow-x:hidden;background:var(--bg);box-shadow:0 0 80px #00000080}.detail{padding-top:0}.dt-hero{position:relative;min-height:clamp(360px,50vh,520px);display:flex;align-items:flex-end}.dt-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 2%,color-mix(in oklab,var(--bg) 72%,transparent) 30%,transparent 62%),linear-gradient(to inline-start,color-mix(in oklab,var(--bg) 80%,transparent),transparent 55%),radial-gradient(130% 120% at 100% 100%,color-mix(in oklab,var(--accent) 26%,transparent) 0%,transparent 55%)}.dt-hero-body{position:relative;padding:clamp(22px,4vw,44px);max-width:660px}.dt-back{position:absolute;top:calc(18px + env(safe-area-inset-top));inset-inline-start:18px;z-index:2;width:42px;height:42px;border-radius:999px;border:none;background:color-mix(in oklab,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer}.dt-title{margin:8px 0 0;font-size:clamp(32px,6vw,58px);font-weight:800;letter-spacing:-1.5px;line-height:1}.dt-ar{font-family:IBM Plex Sans Arabic;color:var(--text-dim);font-size:clamp(18px,3vw,24px);margin-top:6px;font-weight:600}.dt-syn{color:var(--text);opacity:.9;font-size:15px;line-height:1.6;max-width:560px;margin:16px 0 22px}.round-btn{width:46px;height:46px;border-radius:999px;border:1px solid var(--border-2);background:var(--chip);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.round-btn:hover{background:var(--accent);color:var(--accent-ink);border-color:transparent}.round-btn.dark{background:#ffffff1f;color:#fff;border:none}.dt-tabs{display:flex;gap:6px;padding:0 var(--gut);border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;overflow-x:auto}.dt-tab{position:relative;border:none;background:none;cursor:pointer;padding:16px 14px;font-size:15px;font-weight:700;color:var(--text-dim);white-space:nowrap}.dt-tab.on{color:var(--text)}.dt-ul{position:absolute;bottom:-1px;inset-inline:8px;height:3px;border-radius:3px}.ep-list{display:flex;flex-direction:column}.ep-row{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;padding:14px 6px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;border-radius:12px}.ep-row:hover{background:var(--chip)}.ep-thumb{position:relative;height:88px;border-radius:12px;overflow:hidden}.ep-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:36px;height:36px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.6)}.ep-prog{position:absolute;bottom:0;inset-inline:0;height:5px;background:#00000073;z-index:2}.ep-prog>div{height:100%}.ep-done{position:absolute;top:6px;inset-inline-end:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080;z-index:2}.ep-desc{color:var(--text-dim);font-size:13px;line-height:1.5;margin:5px 0 0;max-width:520px}.ep-dur{color:var(--text-dim);font-size:13px}.ep-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;color:var(--text-dim);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.ep-pager .rbtn:disabled{opacity:.4;cursor:not-allowed}.about-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:760px){.about-grid{grid-template-columns:1.6fr 1fr;gap:56px}.ep-row{grid-template-columns:150px 1fr auto}}@media(max-width:560px){.ep-row{grid-template-columns:120px 1fr}.ep-dur{display:none}}.about-h{font-size:18px;font-weight:800;margin:0 0 14px}.cast-pill{background:var(--chip);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600}.about-side{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:8px 20px;height:fit-content}.about-kv{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}.about-kv:last-child{border:none}.about-kv span{color:var(--text-dim)}.search-box{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-2);border-radius:999px;padding:12px 18px}.search-box input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:16px;font-family:inherit}.empty{border:1.5px dashed var(--border-2);border-radius:20px;padding:60px 30px;text-align:center;color:var(--text-dim)}.wl-card{position:relative}.wl-rm{margin-top:8px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--border-2);background:var(--chip);color:var(--text-dim);font-weight:700;font-size:12.5px;cursor:pointer}.sp-hero{position:relative;border-radius:28px;overflow:hidden;padding:clamp(26px,4vw,44px) 0}.sp-hero-body{position:relative;text-align:center}.sp-livepill{display:inline-flex;align-items:center;gap:7px;color:#fff;background:#ef4444;padding:5px 13px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:22px}.sp-livepill.sm{padding:3px 9px;font-size:10px;margin:0}.sp-score{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,60px)}.sp-side{display:flex;flex-direction:column;align-items:center;gap:12px}.sp-tn{font-size:clamp(16px,2.5vw,22px);font-weight:800}.sp-num{font-size:clamp(44px,9vw,80px);font-weight:800;letter-spacing:-2px}.sp-num span{color:var(--text-faint);margin:0 6px}.sp-league{color:var(--text-dim);font-size:13px;margin-top:18px}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.live-card{position:relative;border-radius:20px;overflow:hidden;padding:16px;min-height:168px;display:flex;flex-direction:column;cursor:pointer}.lc-top{position:relative;display:flex;justify-content:space-between;align-items:center}.lc-mid{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff}.lc-bot{position:relative;display:flex;justify-content:space-between;align-items:center;color:#ffffffd9;font-size:12px}.match-list{display:flex;flex-direction:column;gap:8px}.match-row{display:grid;grid-template-columns:130px 1fr auto auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 18px}.mr-time,.mr-date{font-size:12.5px;font-weight:800}.mr-teams{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;flex-wrap:wrap}.mr-vs{color:var(--text-faint);font-size:12px;margin:0 4px}.mr-lg{color:var(--text-dim);font-size:13px}@media(max-width:720px){.match-row{grid-template-columns:1fr auto}.mr-time{grid-column:1}.mr-lg{display:none}.mr-teams{grid-column:1 / -1}}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.tr{display:grid;grid-template-columns:44px 1fr 60px 60px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border);font-size:14px}.tr:last-child{border:none}.tr.th{color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase}.rank{font-weight:800;font-variant-numeric:tabular-nums}.hl-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;display:flex;align-items:flex-end;padding:14px}.hl-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.6)}.hl-dur{position:absolute;top:12px;inset-inline-end:12px;background:#0009;color:#fff;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700}.hl-title{position:relative;color:#fff;font-weight:800;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000}.pl-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pl-frame{border:1px dashed rgba(255,255,255,.25);padding:clamp(40px,9vw,90px) clamp(50px,12vw,130px);color:#fff9;font-family:monospace;font-size:13px;letter-spacing:1px;text-align:center}.pl-top{position:absolute;top:0;inset-inline:0;padding:22px clamp(16px,4vw,36px);display:flex;align-items:center;gap:16px;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);transition:opacity .3s}.pl-ctrl{position:absolute;bottom:0;inset-inline:0;padding:24px clamp(16px,4vw,36px) 30px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);transition:opacity .3s}.pl-bar{height:5px;border-radius:3px;background:#ffffff40;cursor:pointer;position:relative}.pl-fill{height:100%;border-radius:3px;position:relative}.pl-fill span{position:absolute;inset-inline-start:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%}.pl-row{display:flex;align-items:center;gap:16px;margin-top:16px;color:#fff}.pl-ic{background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.pl-ic.txt{opacity:.85}@media(max-width:640px){.pl-ic.txt{display:none}}.auth{height:100vh;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px 20px}.auth-glow{position:absolute;top:-10%;inset-inline:0;height:60%;background:radial-gradient(circle at 50% 0%,var(--accent-glow),transparent 60%);opacity:.35;pointer-events:none}.auth.neon{background:radial-gradient(130% 100% at 50% -10%,#1a0b2e 0%,var(--bg) 55%)}.auth-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--accent-glow),transparent 55%);opacity:.25;pointer-events:none}.treats{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.treat{position:absolute;bottom:-110px;opacity:0;animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}.treat>svg{display:block;transform:scale(var(--scale, 1))}@keyframes floatUp{0%{transform:translate(0) rotate(0);opacity:0}8%{opacity:.85}50%{transform:translate(var(--sway, 30px),-56vh) rotate(180deg);opacity:.9}92%{opacity:.7}to{transform:translateY(-112vh) rotate(360deg);opacity:0}}@media(prefers-reduced-motion:reduce){.treat{animation-duration:60s!important}}.auth-top{position:absolute;top:28px;inset-inline-start:var(--gut);z-index:3}.auth-body{position:relative;text-align:center;z-index:2}.auth-body.wide{width:100%}.ac-h1{font-size:clamp(24px,4vw,30px);font-weight:800;margin:0 0 6px;letter-spacing:-.6px}.ac-sub{color:var(--text-dim);margin:0 0 24px;font-size:14px}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--text-faint);font-size:12px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--border-2);background:var(--chip);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;margin-bottom:10px;transition:background .15s}.social-btn:hover{background:var(--border)}.social-btn span{font-weight:900;font-size:16px}.su-steps{display:flex;gap:7px;justify-content:center;margin-bottom:18px}.su-dot{width:26px;height:5px;border-radius:3px;background:var(--chip);transition:background .2s}.su-dot.on{background:var(--accent)}.plans{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.plan{position:relative;text-align:start;padding:16px 18px;border-radius:16px;border:1.5px solid var(--border);background:var(--chip);cursor:pointer;transition:all .15s}.plan.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--surface))}.plan-best{position:absolute;top:-9px;inset-inline-end:14px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px}.plan-t{font-weight:800;font-size:16px}.plan-p{margin:3px 0;font-size:13px;color:var(--text-dim)}.plan-p b{font-size:22px;color:var(--text)}.plan-d{font-size:12.5px;color:var(--text-dim)}.plan-rb{position:absolute;top:16px;inset-inline-start:16px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}.plan-rb.on{background:var(--accent);border-color:var(--accent)}.su-summary{background:var(--chip);border-radius:16px;padding:4px 18px;margin:8px 0}.auth-kicker{color:var(--accent);font-weight:800;font-size:14px;margin-bottom:12px}.auth-h1{font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-1.5px;margin:0 0 44px}.profiles{display:flex;gap:clamp(16px,4vw,34px);flex-wrap:wrap;justify-content:center}.prof{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font-weight:700;font-size:16px;color:var(--text);transition:transform .18s}.prof:hover{transform:translateY(-6px)}.prof-lvl{font-size:11px;color:var(--accent);font-weight:800;background:var(--chip);padding:2px 9px;border-radius:999px}.prof-add{width:104px;height:104px;border-radius:32%;border:2px dashed var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.prof-edit{position:relative}.prof-pen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.prof:hover .prof-pen{opacity:1}.edit-card{position:relative;z-index:2;width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:28px clamp(20px,5vw,32px);box-shadow:0 30px 80px -30px #00000080;text-align:start;max-height:88vh;overflow-y:auto}.edit-preview{display:flex;align-items:center;margin:18px 0 8px}.edit-sec-t{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;margin:22px 0 12px}.av-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.av-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;border:2px solid transparent;background:var(--chip);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;color:var(--text-dim);transition:all .15s}.av-opt.on{border-color:var(--accent);color:var(--text)}.edit-opts{display:flex;flex-direction:column;gap:4px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.opt-row:last-child{border:none}.opt-row b{font-size:14.5px}.opt-row p{margin:3px 0 0;font-size:12px;color:var(--text-dim)}.switch{width:46px;height:27px;border-radius:999px;border:none;background:var(--chip);cursor:pointer;position:relative;flex-shrink:0;transition:background .2s}.switch.on{background:var(--accent)}.switch span{position:absolute;top:3px;inset-inline-start:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on span,[dir=rtl] .switch.on span{transform:translate(-19px)}.seg2{display:flex;gap:3px;background:var(--chip);border-radius:10px;padding:3px;flex-shrink:0}.seg2 button{border:none;background:none;font-family:inherit;font-weight:700;font-size:12px;color:var(--text-dim);padding:6px 12px;border-radius:8px;cursor:pointer}.seg2 button.on{background:var(--accent);color:var(--accent-ink)}.del-btn{width:100%;margin-top:14px;padding:12px;border-radius:14px;border:1px solid color-mix(in oklab,#ef4444 40%,transparent);background:transparent;color:#ef4444;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.del-btn:hover{background:color-mix(in oklab,#ef4444 12%,transparent)}.plans-page{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;padding:48px 20px max(60px,env(safe-area-inset-bottom));background:radial-gradient(130% 100% at 50% -10%,#1a0b2e 0%,var(--bg) 55%)}.plans-page.inapp{background:var(--bg)}.plans-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto}.cycle-toggle{display:inline-flex;gap:4px;background:var(--chip);border-radius:999px;padding:4px;margin:8px 0 36px}.cycle-toggle button{border:none;background:none;font-family:inherit;font-weight:800;font-size:14px;color:var(--text-dim);padding:10px 22px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s}.cycle-toggle button.on{background:var(--accent);color:var(--accent-ink)}.cycle-toggle .save{font-size:10px;font-weight:800;background:color-mix(in oklab,var(--flame) 30%,transparent);color:var(--flame);padding:2px 7px;border-radius:999px}.cycle-toggle button.on .save{background:#0000002e;color:var(--accent-ink)}.plan-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.plan-grid{grid-template-columns:repeat(4,1fr)}}.plan-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:22px;padding:26px 22px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.plan-card:hover{transform:translateY(-4px)}.plan-card.best{border-color:var(--pa);box-shadow:0 0 0 1px var(--pa),0 24px 50px -26px var(--pa)}.plan-card.free{border-style:dashed;border-color:var(--pa)}.plan-best{position:absolute;top:-11px;inset-inline-end:18px;background:var(--pa);color:#0a0f0a;font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px}.plan-best.free{inset-inline-end:auto;inset-inline-start:18px}.pc-t{font-family:IBM Plex Sans Arabic;font-size:22px;font-weight:700;color:var(--pa)}.pc-price{margin:10px 0 4px;color:var(--text-dim);font-size:13px}.pc-price b{font-size:30px;color:var(--text);font-variant-numeric:tabular-nums}.pc-d{font-size:13px;color:var(--text-dim);min-height:36px;line-height:1.5}.pc-feats{list-style:none;margin:16px 0 20px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.pc-feats li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.4}.pc-ck{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:color-mix(in oklab,var(--pa) 22%,transparent);color:var(--pa);display:flex;align-items:center;justify-content:center;margin-top:1px}.plans-note{text-align:center;color:var(--text-faint);font-size:12.5px;margin-top:30px;line-height:1.6}.manage-sub-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 20px;max-width:460px;margin:0 auto 8px;cursor:pointer;transition:border-color .15s}.manage-sub-row:hover{border-color:var(--accent)}.signin-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:36px clamp(22px,5vw,36px);box-shadow:0 30px 80px -30px #00000080}.signin-card.lg{max-width:480px;padding:40px clamp(26px,5vw,44px)}.field-at{position:absolute;inset-inline-start:16px;top:22px;font-weight:800;color:var(--text-dim);pointer-events:none}.field:has(.field-at) input{padding-inline-start:30px}.field input.has-val,.field input[type=date]{color:var(--text)}.field input[type=date]{color-scheme:dark}[data-theme=light] .field input[type=date]{color-scheme:light}.field label.lbl-up{top:9px;font-size:11px}.field{position:relative;margin-bottom:16px}.field input{width:100%;background:var(--chip);border:1px solid var(--border);border-radius:14px;padding:22px 16px 9px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.field label{position:absolute;inset-inline-start:16px;top:9px;font-size:11px;color:var(--text-dim);pointer-events:none}.signin-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px;color:var(--text-dim)}.signin-row a,.signin-foot a{color:var(--text);cursor:pointer;text-decoration:none}.ck{display:flex;align-items:center;gap:8px;cursor:pointer}.ck span{width:16px;height:16px;border-radius:5px;background:var(--chip);border:1px solid var(--border-2)}.signin-foot{margin-top:30px;color:var(--text-dim);font-size:14px;text-align:center}.auth-err{color:#ef4444;font-size:13px;font-weight:600;margin:6px 0 2px;text-align:center;background:color-mix(in oklab,#ef4444 12%,transparent);border:1px solid color-mix(in oklab,#ef4444 30%,transparent);border-radius:12px;padding:9px 12px}.toast{position:fixed;z-index:90;inset-inline:var(--gut);bottom:calc(86px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;background:var(--elev);border:1px solid var(--border-2);border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px -18px #0009;max-width:420px;margin-inline:auto;animation:toastin .4s cubic-bezier(.2,.9,.3,1)}@keyframes toastin{0%{transform:translateY(20px);opacity:0}}.toast-ic{width:44px;height:44px;border-radius:14px;background:var(--chip);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bw-spin{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:bwspin .8s linear infinite}@keyframes bwspin{to{transform:rotate(360deg)}}@media(min-width:1024px){.toast{inset-inline:auto;inset-inline-end:30px;bottom:30px;margin:0}}