:root{color-scheme:dark;--accent:#FFB224;--accent-ink:#1A1200;--font-display:"Changa",system-ui,sans-serif;--font-body:"Cairo",system-ui,sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:48px;--fs-5xl:64px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-band:4px;--r-slate:8px;--r-frame:14px;--r-sheet:18px;--r-pill:999px;--tap:44px;--control:48px;--notch:14px;--rail:236px;--bar:64px;--d-fast:.12s;--d-base:.2s;--d-slow:.36s;--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--focus-scale:1.06;--focus:0 0 0 3px var(--accent);--bg:#0B1424;--bg-2:#0F1B30;--surface:#132240;--surface-2:#1A2C4E;--line:#25395E;--line-2:#1C2D4D;--fg:#F5F7FB;--fg-2:#C9D2E3;--muted:#8E9DB8;--scrim:rgba(11,20,36,.72);--accent-fg:#FFC75A;--accent-soft:rgba(255,178,36,.14);--live:#FF5A5F;--ok:#3DD68C;--warn:#FFB224;--danger:#FF5A5F;--mark-bg:#0E1726;--shadow-1:0 1px 2px rgba(0,0,0,.35);--shadow-2:0 8px 24px -8px rgba(0,0,0,.55);--shadow-3:0 24px 60px -20px rgba(0,0,0,.7)}html[data-theme=light]{color-scheme:light;--bg:#F5F6FA;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#EDF0F6;--line:#D8DEEA;--line-2:#E6EAF2;--fg:#0E1726;--fg-2:#3A4760;--muted:#5F6C86;--scrim:rgba(245,246,250,.78);--accent-fg:#8A5200;--accent-soft:rgba(255,178,36,.18);--live:#C92A34;--ok:#1E9E62;--warn:#B87400;--danger:#C92A34;--mark-bg:#0E1726;--shadow-1:0 1px 2px rgba(14,23,38,.08);--shadow-2:0 8px 24px -10px rgba(14,23,38,.22);--shadow-3:0 24px 60px -24px rgba(14,23,38,.3)}@media(prefers-color-scheme:light){html:not([data-theme]){color-scheme:light;--bg:#F5F6FA;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#EDF0F6;--line:#D8DEEA;--line-2:#E6EAF2;--fg:#0E1726;--fg-2:#3A4760;--muted:#5F6C86;--scrim:rgba(245,246,250,.78);--accent-fg:#8A5200;--accent-soft:rgba(255,178,36,.18);--live:#C92A34;--ok:#1E9E62;--warn:#B87400;--danger:#C92A34;--mark-bg:#0E1726;--shadow-1:0 1px 2px rgba(14,23,38,.08);--shadow-2:0 8px 24px -10px rgba(14,23,38,.22);--shadow-3:0 24px 60px -24px rgba(14,23,38,.3)}}html[data-fx=off],html.fx-off{--d-fast:0ms;--d-base:0ms;--d-slow:0ms;--focus-scale:1}@media(prefers-reduced-motion:reduce){:root{--d-fast:0ms;--d-base:0ms;--d-slow:0ms;--focus-scale:1}}@font-face{font-family:Changa;font-weight:200 800;font-display:swap;src:url(/assets/fonts/changa-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Changa;font-weight:200 800;font-display:swap;src:url(/assets/fonts/changa-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-weight:200 900;font-display:swap;src:url(/assets/fonts/cairo-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Cairo;font-weight:200 900;font-display:swap;src:url(/assets/fonts/cairo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--fg);font:var(--fs-md)/1.7 var(--font-body);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.disp{font-family:var(--font-display);line-height:1.15;font-weight:800;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a.link,.prose a{color:var(--accent-fg);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img,svg,video{display:block;max-width:100%}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-band)}.num,.mono{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.wrap{max-width:calc(1200px + 2 * var(--s-5));margin:0 auto;padding:0 var(--s-5)}.skip{position:absolute;inset-inline-start:var(--s-3);top:-100px;z-index:50;background:var(--accent);color:var(--accent-ink);padding:var(--s-2) var(--s-4);border-radius:var(--r-band);font-family:var(--font-display);font-weight:700}.skip:focus{top:var(--s-3)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.theme-anim,html.theme-anim *{transition:background-color var(--d-base),color var(--d-base),border-color var(--d-base)!important}.band{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 calc(var(--s-4) + var(--notch)) 0 var(--s-4);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);line-height:1.2;border-radius:var(--r-band) 0 0 var(--r-band);clip-path:polygon(0 0,100% 0,calc(100% - var(--notch)) 100%,0 100%);transition:transform var(--d-fast) var(--ease),filter var(--d-fast);white-space:nowrap}html[dir=rtl] .band{padding:0 var(--s-4) 0 calc(var(--s-4) + var(--notch));border-radius:0 var(--r-band) var(--r-band) 0;clip-path:polygon(0 0,100% 0,100% 100%,var(--notch) 100%)}.band:hover{filter:brightness(1.06)}.band:active{transform:scale(.98)}.band:focus-visible{box-shadow:var(--focus),0 0 0 6px var(--accent-soft)}.band.sec{background:var(--surface-2);color:var(--fg)}.band.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);clip-path:none;border-radius:var(--r-band);padding:0 var(--s-4)}.band.ghost:hover{box-shadow:inset 0 0 0 1px var(--fg-2)}.band.sm{min-height:calc(var(--tap) - var(--s-1));font-size:var(--fs-sm)}.band.block{display:flex;width:100%}.band[disabled],.band.is-disabled{opacity:.45;filter:saturate(.3);pointer-events:none}.band.is-loading{position:relative;color:transparent!important;pointer-events:none}.band.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:var(--s-4);height:var(--s-4);border:2px solid var(--accent-ink);border-inline-end-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.band.sec.is-loading:after{border-color:var(--fg);border-inline-end-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.band .i{width:calc(var(--s-4) + var(--s-1));height:calc(var(--s-4) + var(--s-1));flex:none}.h1band{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:0 calc(var(--s-4) + var(--notch)) 0 var(--s-4);line-height:1.28;border-radius:var(--r-band) 0 0 var(--r-band);clip-path:polygon(0 0,100% 0,calc(100% - var(--notch)) 100%,0 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone}html[dir=rtl] .h1band{padding:0 var(--s-4) 0 calc(var(--s-4) + var(--notch));border-radius:0 var(--r-band) var(--r-band) 0;clip-path:polygon(0 0,100% 0,100% 100%,var(--notch) 100%)}.tabs{position:relative;display:flex;gap:var(--s-5);font-family:var(--font-display);font-weight:700}.tabs a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--fg-2);transition:color var(--d-fast)}.tabs a:hover,.tabs a.on{color:var(--fg)}.tabs .bar{position:absolute;bottom:var(--s-1);inset-inline-start:0;height:3px;width:0;background:var(--accent);border-radius:2px;transition:transform var(--d-base) var(--ease),width var(--d-base) var(--ease);pointer-events:none}.slate{position:relative;display:block;background:var(--surface);border-radius:var(--r-slate);overflow:hidden;box-shadow:var(--shadow-1);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast)}a.slate:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.ib{width:var(--tap);height:var(--tap);border-radius:var(--r-band);display:grid;place-items:center;color:var(--fg-2);transition:background var(--d-fast),color var(--d-fast);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm)}.ib:hover{background:var(--surface-2);color:var(--fg)}.ib svg{width:calc(var(--s-5) - var(--s-1));height:calc(var(--s-5) - var(--s-1))}.ticker{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-6);border-block:1px solid var(--line);padding:var(--s-3) 0;font-family:var(--font-display);font-weight:500;color:var(--fg-2)}.ticker b{color:var(--accent-fg);font-weight:700}.alert{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-slate);background:var(--surface);border-inline-start:3px solid var(--live);color:var(--fg)}.alert.ok{border-inline-start-color:var(--ok)}.alert.warn{border-inline-start-color:var(--warn)}.empty{display:grid;place-items:center;gap:var(--s-2);padding:var(--s-7);border:1px dashed var(--line);border-radius:var(--r-slate);color:var(--muted);text-align:center}.field{display:grid;gap:var(--s-1)}.field label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);color:var(--fg-2)}.in{width:100%;min-height:var(--control);padding:0 var(--s-4);border-radius:var(--r-band);border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit;transition:border-color var(--d-fast),box-shadow var(--d-fast)}.in:hover{border-color:var(--fg-2)}.in:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}.in.err,.in[aria-invalid=true]{border-color:var(--live)}.in:disabled{opacity:.5}.help{font-size:var(--fs-sm);color:var(--muted)}.help.err{color:var(--live)}.tag{display:inline-flex;align-items:center;align-self:flex-start;background:var(--accent-soft);color:var(--accent-fg);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);padding:0 var(--s-3);min-height:calc(var(--s-5) + var(--s-1));border-radius:var(--r-pill)}.dot{width:var(--s-2);height:var(--s-2);border-radius:50%;background:var(--live);flex:none}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.top .wrap{display:flex;align-items:center;gap:var(--s-5);min-height:calc(var(--s-8) + var(--s-2))}.brand{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);direction:ltr;flex:none}.brand img{width:calc(var(--s-6) + var(--s-1));height:calc(var(--s-6) + var(--s-1));border-radius:var(--r-slate)}.top .tabs{flex:1}.top .tools{display:flex;align-items:center;gap:var(--s-2);margin-inline-start:auto}.burger,.menu{display:none}.foot{border-top:1px solid var(--line);padding:var(--s-7) 0 var(--s-6);color:var(--muted);font-size:var(--fs-sm);margin-top:var(--s-8)}.foot .wrap{display:grid;gap:var(--s-4)}.foot nav{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}.foot nav a{color:var(--fg-2);min-height:var(--tap);display:inline-flex;align-items:center}.foot nav a:hover{color:var(--fg)}.foot .brand{font-size:var(--fs-lg);color:var(--fg)}@media(max-width:900px){.top .tabs,.top .tools .ib.hide-m{display:none}.burger{display:grid}.top .wrap{gap:var(--s-3)}.top .tools .band{font-size:var(--fs-sm)}.menu{position:fixed;inset:calc(var(--s-8) + var(--s-2)) 0 0 0;z-index:19;background:var(--bg);padding:var(--s-4) var(--s-5);overflow:auto}.menu.open{display:block}.menu a,.menu button{display:flex;align-items:center;width:100%;min-height:calc(var(--tap) + var(--s-2));font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);border-bottom:1px solid var(--line-2);text-align:start}.menu a.on{color:var(--accent-fg)}html.menu-open{overflow:hidden}}@media(max-width:360px){.brand span,.top .tools .band .lbl{display:none}}.hero{padding:var(--s-7) 0 var(--s-6)}.hero h1{font-size:clamp(var(--fs-3xl),5.2vw,var(--fs-5xl));max-width:16ch}.hero .h1band{margin-top:var(--s-2)}.hero .lead{font-size:var(--fs-lg);color:var(--fg-2);max-width:52ch;margin-top:var(--s-4)}.hero .cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}.hero .note{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--s-3);max-width:60ch}.sec{padding:var(--s-8) 0}.sec.alt{background:var(--bg-2)}.sec h2{font-size:clamp(var(--fs-2xl),3vw,var(--fs-3xl));margin-bottom:var(--s-3)}.sec .sub{color:var(--fg-2);margin-bottom:var(--s-5);max-width:60ch}.rundown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 var(--s-6)}.row{display:flex;gap:var(--s-4);padding:var(--s-4) 0;border-top:1px solid var(--line)}.row .i{width:calc(var(--s-5) + var(--s-1));height:calc(var(--s-5) + var(--s-1));flex:none;color:var(--accent-fg);margin-top:var(--s-1)}.row h3{font-size:var(--fs-xl);margin-bottom:var(--s-1)}.row p{color:var(--fg-2);font-size:var(--fs-sm)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s-4)}.plan{background:var(--surface);border-radius:var(--r-slate);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);box-shadow:var(--shadow-1)}.plan.best{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-2)}.plan h3{font-size:var(--fs-lg);color:var(--fg-2);font-weight:700}.plan .price{font-family:var(--font-display);font-weight:800;font-size:var(--fs-3xl);line-height:1.1}.plan .price small{font-size:var(--fs-md);color:var(--muted);font-weight:500}.plan .meta{color:var(--fg-2);font-size:var(--fs-sm)}.plan .band{margin-top:auto}.small{font-size:var(--fs-sm);color:var(--muted)}.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-4)}.dl .slate{padding:var(--s-5);display:grid;gap:var(--s-3);align-content:start}.dl h3{font-size:var(--fs-xl)}.dl p{color:var(--fg-2);font-size:var(--fs-sm)}.dl .hint{color:var(--muted)}.faq details{border-top:1px solid var(--line);padding:var(--s-2) 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);min-height:var(--tap);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:var(--fs-2xl);color:var(--accent-fg);transition:transform var(--d-fast)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--fg-2);padding:0 0 var(--s-3);max-width:70ch}@media(max-width:900px){.hero{padding-top:var(--s-6)}.sec{padding:var(--s-7) 0}}.tvframe{margin-top:var(--s-6);position:relative;border-radius:var(--r-frame);background:var(--mark-bg);box-shadow:var(--shadow-3),0 0 0 1px var(--line);overflow:hidden;aspect-ratio:16/9}.tvframe .scaler{position:absolute;top:0;inset-inline-start:0;width:1280px;height:720px;transform-origin:top left}html[dir=rtl] .tvframe .scaler{transform-origin:top right}.hintbar{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;padding-top:var(--s-3);font-size:var(--fs-sm);color:var(--muted)}.hintbar .keys{direction:ltr;unicode-bidi:isolate;display:inline-flex;gap:var(--s-1)}.kbd{font-family:var(--font-display);font-weight:700;padding:0 var(--s-2);border-radius:var(--r-band);background:var(--surface-2);color:var(--fg)}.dpad{display:inline-grid;grid-template-columns:repeat(3,calc(var(--s-6) + var(--s-1)));gap:2px;direction:ltr}.dpad button{height:calc(var(--s-6) + var(--s-1));border-radius:var(--r-band);background:var(--surface-2);color:var(--fg)}.dpad button.ok{background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:800}.dpad button:empty{visibility:hidden}@media(max-width:900px){.hintbar .keys{display:none}}.app{position:relative;width:100%;height:100%;background:var(--bg);color:var(--fg);overflow:hidden;font-size:var(--fs-md)}.app .rail{position:absolute;inset-block:0;inset-inline-start:0;width:var(--rail);display:flex;flex-direction:column;padding:var(--s-5) var(--s-4);gap:var(--s-2);z-index:3;background:linear-gradient(to right,var(--bg),color-mix(in srgb,var(--bg) 70%,transparent))}html[dir=rtl] .app .rail{background:linear-gradient(to left,var(--bg),color-mix(in srgb,var(--bg) 70%,transparent))}.app .rail .brand{font-size:var(--fs-lg);margin-bottom:var(--s-4)}.app .rail .brand img{width:var(--s-6);height:var(--s-6)}.app .nav{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-weight:700}.app .nav a{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-3);min-height:var(--tap);border-radius:var(--r-band);color:var(--fg-2)}.app .nav a svg{width:calc(var(--s-5) - var(--s-1));height:calc(var(--s-5) - var(--s-1));flex:none}.app .nav a.cur{color:var(--fg)}.app .nav a.on{background:var(--accent);color:var(--accent-ink)}.app .nav .sp{flex:1}.app .main{position:absolute;inset:0;inset-inline-start:var(--rail);overflow:hidden}.app .herob{position:absolute;inset:0;height:72%;overflow:hidden}.app .herob .bd{position:absolute;inset:-4%;background-size:cover;background-position:center 42%;opacity:0;filter:saturate(1.15) brightness(.78);transition:opacity var(--d-slow) var(--ease)}html[data-theme=light] .app .herob .bd{filter:saturate(1.1) brightness(.9)}.app .herob .bd.on{opacity:1}.app .herob:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0 22%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,transparent 90%),linear-gradient(to right,color-mix(in srgb,var(--bg) 70%,transparent),transparent 62%)}html[dir=rtl] .app .herob:after{background:linear-gradient(to top,var(--bg) 0 22%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,transparent 90%),linear-gradient(to left,color-mix(in srgb,var(--bg) 70%,transparent),transparent 62%)}.app .herot{position:absolute;inset-inline-start:var(--s-6);top:19%;max-width:46%;z-index:2;transition:opacity var(--d-base)}.app .herot .kind{display:inline-flex;white-space:nowrap;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:700;color:var(--fg-2);font-size:var(--fs-sm)}.app .herot h3{font-size:var(--fs-4xl);margin-top:var(--s-1)}.app .herot .h1band{line-height:1.3}.app .herot p{color:var(--fg-2);margin-top:var(--s-2);font-size:var(--fs-sm)}.app .acts{display:flex;gap:var(--s-2);margin-top:var(--s-4)}.app .acts .band.on{box-shadow:var(--focus),0 0 0 6px var(--accent-soft)}.app .acts .band.sec.on{background:var(--accent);color:var(--accent-ink)}.app .dots{display:flex;gap:var(--s-1);margin-top:var(--s-4)}.app .dots i{width:calc(var(--s-5) - var(--s-1));height:3px;border-radius:2px;background:var(--line)}.app .dots i.on{background:var(--accent)}.app .shelves{position:absolute;inset-inline:0;bottom:0;top:52%;padding:0 var(--s-6) var(--s-5);overflow:hidden;z-index:2;transition:top var(--d-slow) var(--ease-out)}.app.browse .shelves{top:9%}.app.browse .herot,.app.browse .herob{opacity:0}.app .herob{transition:opacity var(--d-base)}.app .shelf{margin-top:var(--s-4)}.app .shelf h4{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}.app .shelf h4 .n{font-family:var(--font-body);font-weight:500;font-size:var(--fs-xs);color:var(--muted)}.app .rowx{display:flex;gap:var(--s-3);padding:var(--s-2) var(--s-1)}.app .card{flex:none;width:136px;position:relative;display:block;background:var(--surface);border-radius:var(--r-slate);overflow:hidden;box-shadow:var(--shadow-1);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast)}.app .card.ch{width:200px}.app .card .art{aspect-ratio:2/3;background:var(--surface-2);overflow:hidden}.app .card.ch .art{aspect-ratio:16/9;display:grid;place-items:center;padding:var(--s-4)}.app .card .art img{width:100%;height:100%;object-fit:cover}.app .card.ch .art img{width:60%;height:auto;object-fit:contain}.app .card .lab{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);min-height:var(--tap);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);line-height:1.2;background:var(--surface);transition:background var(--d-fast),color var(--d-fast)}.app .card.ch .lab{font-size:var(--fs-xs)}.app .card .lab span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app .card .prog{height:3px;background:var(--line-2)}.app .card .prog i{display:block;height:100%;background:var(--accent)}.app .card.on{transform:scale(var(--focus-scale));box-shadow:var(--shadow-3);z-index:2}.app .card.on .lab{background:var(--accent);color:var(--accent-ink)}.app .card.on .prog i{background:var(--accent-ink)}.app .clock{position:absolute;top:var(--s-5);inset-inline-end:var(--s-6);z-index:3;display:flex;gap:var(--s-3);align-items:center;font-family:var(--font-display);font-weight:700;color:var(--fg-2)}.app .clock .pr{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--fs-sm);color:var(--accent-fg)}.app .det{position:absolute;inset:0;z-index:6;background:var(--bg);display:flex;transform:translate(-100%);visibility:hidden;transition:transform var(--d-slow) var(--ease-out),visibility 0s linear var(--d-slow)}html[dir=ltr] .app .det{transform:translate(100%)}.app .det.open,html[dir] .app .det.open{transform:none;visibility:visible;transition-delay:0s,0s}.app .det .art{width:38%;background-size:cover;background-position:center}.app .det .body{flex:1;padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3)}.app .det h3{font-size:var(--fs-3xl)}.app .det p{color:var(--fg-2);max-width:60ch}.app .det .meta{display:flex;gap:var(--s-4);color:var(--muted);font-size:var(--fs-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4) 0 calc(var(--s-4) + var(--notch));background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);line-height:1.2;border-radius:0 var(--r-band) var(--r-band) 0;clip-path:polygon(0 0,100% 0,100% 100%,var(--notch) 100%);transition:transform var(--d-fast) var(--ease),filter var(--d-fast);text-align:center;cursor:pointer;border:0}html[dir=ltr] .btn{padding:0 calc(var(--s-4) + var(--notch)) 0 var(--s-4);border-radius:var(--r-band) 0 0 var(--r-band);clip-path:polygon(0 0,100% 0,calc(100% - var(--notch)) 100%,0 100%)}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn[disabled],.btn.is-disabled{opacity:.45;filter:saturate(.3);pointer-events:none}.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);clip-path:none!important;border-radius:var(--r-band)!important;padding:0 var(--s-4)!important}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--fg-2)}.btn-sm{min-height:calc(var(--tap) - var(--s-1));font-size:var(--fs-sm)}.btn-lg{min-height:calc(var(--control) + var(--s-2));font-size:var(--fs-lg)}.btn-block{display:flex;width:100%}.btn-danger{background:transparent;color:var(--live);box-shadow:inset 0 0 0 1px var(--live);clip-path:none!important;border-radius:var(--r-band)!important}.btn2{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-band);background:var(--surface-2);color:var(--fg);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);cursor:pointer;border:0;transition:background var(--d-fast),color var(--d-fast)}.btn2:hover{background:var(--line)}.btn2.done{color:var(--ok)}.i{width:calc(var(--s-4) + var(--s-1));height:calc(var(--s-4) + var(--s-1));flex:none}.ltr{direction:ltr;unicode-bidi:isolate}.mono{font-family:ui-monospace,Consolas,monospace}.end{margin-inline-start:auto}.hint,.hint2{color:var(--muted);font-size:var(--fs-sm)}.lead{color:var(--fg-2);font-size:var(--fs-lg);margin-top:var(--s-3);max-width:60ch}.sub{color:var(--fg-2);margin-top:var(--s-2)}.cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}.page{padding:var(--s-7) 0 var(--s-8);min-height:60vh}.narrow{max-width:calc(640px + 2 * var(--s-5));margin:0 auto;padding:0 var(--s-5)}.mid{max-width:calc(860px + 2 * var(--s-5));margin:0 auto;padding:0 var(--s-5)}.page h1{font-size:clamp(var(--fs-2xl),3.6vw,var(--fs-4xl))}.crumb{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--s-3);font-family:var(--font-display);font-weight:700}.crumb a{color:var(--accent-fg)}.box{background:var(--surface);border-radius:var(--r-slate);box-shadow:var(--shadow-1)}.box+.box{margin-top:var(--s-4)}.box-h{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line)}.box-h h2{font-size:var(--fs-lg)}.box-b{padding:var(--s-5)}.pill{display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;padding:0 var(--s-3);min-height:calc(var(--s-5) + var(--s-1));border-radius:var(--r-pill);background:var(--surface-2);color:var(--fg-2)}.pill.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.pill.bad{background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live)}.pill.warn{background:var(--accent-soft);color:var(--accent-fg)}.alert{margin-bottom:var(--s-4);font-size:var(--fs-md)}.alert .i{margin-top:var(--s-1)}.alert.bad{border-inline-start-color:var(--live)}.alert.bad .i{color:var(--live)}.alert.ok .i{color:var(--ok)}.alert.warn .i{color:var(--accent-fg)}.field{margin-bottom:var(--s-4)}.lbl{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);color:var(--fg-2)}.opt{color:var(--muted);font-weight:500}textarea.in{min-height:150px;padding:var(--s-3) var(--s-4);resize:vertical;line-height:1.7}.in.code-in{font:700 var(--fs-xl)/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-align:center;direction:ltr;text-transform:uppercase}.err{color:var(--live);font-size:var(--fs-sm)}.in.is-err{border-color:var(--live)}.check{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--fs-sm);color:var(--fg-2);margin:var(--s-2) 0 var(--s-5);cursor:pointer}.check input{width:calc(var(--s-4) + var(--s-1));height:calc(var(--s-4) + var(--s-1));margin:var(--s-1) 0 0;accent-color:var(--accent);flex:none}.hp{position:absolute;inset-inline-start:-5000px}.target{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-slate);background:var(--surface);margin:var(--s-5) 0;font-size:var(--fs-sm);color:var(--fg-2)}.target .ic{width:calc(var(--s-6) + var(--s-1));height:calc(var(--s-6) + var(--s-1));border-radius:var(--r-slate);background:var(--surface-2);display:grid;place-items:center;color:var(--accent-fg);flex:none}.target b{color:var(--fg)}.plans-pick{display:grid;gap:var(--s-3);margin:0;padding:0;border:0}.pick{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-4) var(--s-5);border-radius:var(--r-slate);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow var(--d-fast),background var(--d-fast)}.pick:hover{box-shadow:inset 0 0 0 1px var(--fg-2)}.pick input{appearance:none;width:calc(var(--s-4) + var(--s-2));height:calc(var(--s-4) + var(--s-2));margin:0;border-radius:50%;border:2px solid var(--line);transition:border var(--d-fast)}.pick input:checked{border:7px solid var(--accent)}.pick:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.pick:has(input:focus-visible){box-shadow:var(--focus),inset 0 0 0 2px var(--accent)}.pick h3{font-size:var(--fs-lg)}.pick p{color:var(--fg-2);font-size:var(--fs-sm);margin-top:2px}.pick .pr{text-align:end}.pick .pr b{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;line-height:1.1}.pick .pr span{display:block;color:var(--muted);font-size:var(--fs-sm)}.save{position:absolute;top:calc(-1 * var(--s-3));inset-inline-end:var(--s-4);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;padding:0 var(--s-3);border-radius:var(--r-pill)}.inc{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-4);margin:var(--s-5) 0;padding:0;list-style:none;color:var(--fg-2);font-size:var(--fs-sm)}.inc li{display:flex;gap:var(--s-2);align-items:center}.inc .i{color:var(--accent-fg)}.secure{display:flex;align-items:center;justify-content:center;gap:var(--s-2);color:var(--muted);font-size:var(--fs-sm);margin-top:var(--s-3)}.disc{color:var(--muted);font-size:var(--fs-sm);text-align:center;margin-top:var(--s-6);border-top:1px solid var(--line);padding-top:var(--s-4)}.disc a{color:var(--accent-fg)}.okc{width:calc(var(--s-8) + var(--s-1));height:calc(var(--s-8) + var(--s-1));border-radius:50%;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);display:grid;place-items:center;margin-bottom:var(--s-4)}.okc.bad{background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live)}.okc.wait{background:var(--accent-soft);color:var(--accent-fg)}.okc .i{width:var(--s-6);height:var(--s-6)}.codebig{margin:var(--s-5) 0;padding:var(--s-5);border:1px dashed var(--accent);border-radius:var(--r-slate);background:var(--surface);text-align:center}.codebig small{color:var(--fg-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm)}.codebig .c{font:800 var(--fs-3xl)/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--accent-fg);direction:ltr;margin:var(--s-2) 0 var(--s-3);-webkit-user-select:all;user-select:all}.row2{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap}.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:var(--s-3)}.steps li{counter-increment:s;display:grid;grid-template-columns:var(--s-6) 1fr;gap:var(--s-3);color:var(--fg-2)}.steps li:before{content:counter(s);width:var(--s-6);height:var(--s-6);border-radius:var(--r-band);background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800}.steps b{color:var(--fg)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:var(--r-slate);overflow:hidden;margin-top:var(--s-4)}.facts div{background:var(--surface);padding:var(--s-3) var(--s-4)}.facts span{display:block;color:var(--muted);font-size:var(--fs-sm)}.facts b{font-size:var(--fs-md)}.spin{animation:spin 1s linear infinite}.big{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}.big b{font-family:var(--font-display);font-size:var(--fs-2xl)}.big span{color:var(--fg-2);font-size:var(--fs-sm)}.box .bar{height:var(--s-2);border-radius:var(--r-pill);background:var(--surface-2);margin:var(--s-3) 0 var(--s-2);overflow:hidden}.box .bar i{display:block;height:100%;background:var(--accent);border-radius:var(--r-pill)}.box .bar.low i{background:var(--warn)}.box .bar.out i{background:var(--live)}.dv{display:grid;grid-template-columns:calc(var(--s-6) + var(--s-2)) 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-5);border-top:1px solid var(--line)}.dv:first-child{border-top:0}.dv .p{width:calc(var(--s-6) + var(--s-2));height:calc(var(--s-6) + var(--s-2));border-radius:var(--r-slate);background:var(--surface-2);display:grid;place-items:center;color:var(--fg-2)}.dv small{display:block;color:var(--muted);font-size:var(--fs-sm)}.empty2{padding:var(--s-5);text-align:center;color:var(--fg-2)}.prose{color:var(--fg-2)}.prose h2{color:var(--fg);font-size:var(--fs-xl);margin:var(--s-6) 0 var(--s-2)}.prose p,.prose ul,.prose ol{margin:0 0 var(--s-3)}.prose ul,.prose ol{padding-inline-start:var(--s-5)}.prose li{margin-bottom:var(--s-1)}.prose b,.prose strong{color:var(--fg)}.prose table{width:100%;border-collapse:collapse;margin:var(--s-2) 0 var(--s-4);font-size:var(--fs-sm)}.prose th,.prose td{border:1px solid var(--line);padding:var(--s-2) var(--s-3);text-align:start;vertical-align:top}.prose th{background:var(--surface);color:var(--fg)}.prose code{background:var(--surface);padding:1px var(--s-1);border-radius:var(--r-band);font-size:.92em}.updated{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--s-1)}.toc{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-5) 0 var(--s-2)}.toc a{font-size:var(--fs-sm);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3)}.toc a:hover{color:var(--fg)}.oss{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:var(--s-4) 0 var(--s-6)}.oss th,.oss td{text-align:start;vertical-align:top;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line)}.oss th{color:var(--muted);font-weight:600}@media(max-width:700px){.oss,.oss tbody,.oss tr,.oss td{display:block;width:100%}.oss thead{display:none}.oss tr{padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.oss td{border:0;padding:var(--s-1) 0}.oss td:first-child{font-family:var(--font-display);font-weight:700;color:var(--fg)}}pre.lic{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-xs);line-height:1.55;background:var(--surface);padding:var(--s-3) var(--s-4);border-radius:var(--r-slate);max-height:420px;overflow:auto;direction:ltr;text-align:left}.dlp{display:grid;gap:var(--s-4);margin-top:var(--s-6)}.dlrow{display:grid;grid-template-columns:calc(var(--s-7) + var(--s-2)) 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-5);background:var(--surface);border-radius:var(--r-slate);box-shadow:var(--shadow-1)}.dlrow .ic{width:calc(var(--s-7) + var(--s-2));height:calc(var(--s-7) + var(--s-2));border-radius:var(--r-slate);background:var(--accent-soft);display:grid;place-items:center;color:var(--accent-fg)}.dlrow .ic .i{width:var(--s-5);height:var(--s-5)}.dlrow h2{font-size:var(--fs-xl)}.dlrow p{color:var(--fg-2);font-size:var(--fs-sm);margin-top:var(--s-1)}.dlrow ol{color:var(--muted);font-size:var(--fs-sm);margin:var(--s-2) 0 0;padding-inline-start:var(--s-5)}.democard{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);border:1px dashed var(--line);border-radius:var(--r-slate);color:var(--fg-2);font-size:var(--fs-sm)}.democard code{background:var(--surface-2);color:var(--fg);padding:2px var(--s-2);border-radius:var(--r-band)}.dl-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);background:var(--surface);border-radius:var(--r-slate);box-shadow:var(--shadow-1)}.dl-card h3{font-size:var(--fs-xl)}.dl-card>p{color:var(--fg-2);font-size:var(--fs-sm)}.dl-card .btn{margin-top:auto;align-self:flex-start}.nf{text-align:center;padding:var(--s-9) var(--s-5)}.nf>b{display:block;font-family:var(--font-display);font-size:clamp(var(--fs-5xl),12vw,calc(var(--fs-5xl) * 1.6));line-height:1;font-weight:800;color:var(--accent-fg)}.nf h1{margin-top:var(--s-3)}.nf .cta{justify-content:center}.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--s-3);margin-top:var(--s-6)}.gd-card{display:flex;gap:var(--s-4);padding:var(--s-4);color:var(--fg);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast)}.gd-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--accent)}.gd-card b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.35}.gd-sub{display:block;color:var(--fg-2);font-size:var(--fs-sm);margin-top:var(--s-1);line-height:1.6}.gd-ic{flex:none;width:var(--tap);height:var(--tap);border-radius:var(--r-slate);background:var(--accent-soft);color:var(--accent-fg);display:grid;place-items:center}.gd-body{padding:var(--s-5);margin-top:var(--s-5)}.gd-tip{display:flex;gap:var(--s-2);margin-top:var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r-slate);background:var(--surface-2);color:var(--fg-2);font-size:var(--fs-sm)}.gd-tip .i{flex:none;color:var(--accent-fg);margin-top:var(--s-1)}.gd-shots{display:grid;gap:var(--s-4);margin-top:var(--s-5)}.gd-shots.gd-tall{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center}.gd-fig{margin:0}.gd-fig img{width:100%;height:auto;border-radius:var(--r-frame);background:var(--bg-2);box-shadow:var(--shadow-2)}.gd-fig figcaption{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--s-2);text-align:center}.gd-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-6)}.gd-nav .btn{white-space:normal;text-align:start}.gd-video{margin-top:var(--s-5)}.gd-video video{width:100%;height:auto;border-radius:var(--r-frame);background:var(--mark-bg);box-shadow:var(--shadow-2)}.remote-mid{max-width:calc(420px + 2 * var(--s-5));margin-inline:auto;text-align:center}.r-pad{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4)}.r-pad[hidden]{display:none}.r-dpad{direction:ltr;display:grid;grid-template-columns:repeat(3,calc(var(--s-8) + 0px));grid-template-rows:repeat(3,calc(var(--s-7) + var(--s-2)));gap:var(--s-1);justify-content:center;margin-inline:auto}.r-up{grid-column:2;grid-row:1}.r-left{grid-column:1;grid-row:2}.r-ok{grid-column:2;grid-row:2}.r-right{grid-column:3;grid-row:2}.r-down{grid-column:2;grid-row:3}.r-btn{min-height:var(--control);min-width:var(--control);border-radius:var(--r-slate);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font-size:var(--fs-lg);font-family:var(--font-display);font-weight:700;cursor:pointer;touch-action:manipulation;transition:background var(--d-fast),transform var(--d-fast)}.r-btn:active{background:var(--accent);color:var(--accent-ink);transform:scale(.96)}.r-ok{background:var(--accent);color:var(--accent-ink);box-shadow:none}.r-big{min-width:calc(var(--s-9))}.r-row{display:flex;gap:var(--s-2);justify-content:center}.r-media{direction:ltr}.r-digits{direction:ltr;display:grid;grid-template-columns:repeat(5,calc(var(--s-7) + var(--s-1)));gap:var(--s-1);justify-content:center}.r-text-row{display:flex;gap:var(--s-2);justify-content:center}.r-text-row input{min-height:var(--tap);border-radius:var(--r-band);border:1px solid var(--line);background:var(--bg-2);color:var(--fg);padding:0 var(--s-3);flex:1;max-width:240px;font:inherit}@media(max-width:360px){.r-dpad{grid-template-columns:repeat(3,calc(var(--s-7) + var(--s-2)));grid-template-rows:repeat(3,var(--control))}.r-digits{grid-template-columns:repeat(5,calc(var(--s-6) + var(--s-3)))}}@media(max-width:640px){.page{padding:var(--s-6) 0 var(--s-7)}.inc,.facts{grid-template-columns:1fr}.codebig .c{font-size:var(--fs-2xl);letter-spacing:.06em}.pick .pr b{font-size:var(--fs-xl)}.dlrow{grid-template-columns:var(--tap) 1fr}.dlrow .ic{width:var(--tap);height:var(--tap)}.dlrow .btn{grid-column:1/-1}.cta .btn{width:100%}}
