/* Generated by tools/site_themes.py from site.source.css; edit the source, then regenerate. */
:root,[data-theme="black-red"]{--c1:#0c0c0c;--c2:#181818;--c3:#ffffff16;--c4:#b0b0b0;--c5:#f43f4c;--c6:#faf3f4;--c7:#ffbac0;--c8:#1a1a1a;--c9:#ffb7bd;--c10:#b9f2c3;--c11:#b9f25640;--c12:#e2e2e2;--c13:#ffc8cd;--c14:#f65c693b;--c15:#606060;--c16:#161616;--c17:#1e1e1e;--c18:#a3a3a3;--c19:#111111;--c20:#898989;--c21:#ffffff10;--c22:#47474770;--c23:#b0b0b0;--c24:#ffffff2a;--c25:#faa7ae;--c26:#8db4ae;--c27:#254a50;--c28:#1d1d1d;--c29:#182c36;--c30:#c8845e;--c31:#3a3a3a;--c32:#242424;--c33:#1c1c1c;--c34:#222222;--c35:#2c2c2c;--c36:#202020;--c37:#d6b5ae;--c38:#828282;--c39:#123744;--c40:#2e2e2e;--c41:#cecece;--c42:#ffa6ad;--c43:#ffffff12;--c44:#888888;--c45:#1d1d1d;--c46:#161616;--c47:#f8a0a74d;--c48:#63343852;--c49:#ffa0a842;--c50:#f88c9551;--c51:#ffc3c8;--c52:#34694a25;--c53:#57282c66;--c54:#e88a9271;--c55:#1e1e1e;--c56:#161616;--c57:#ffffff19;--c58:#d9d9d9;--c59:#0e0e0e;--c60:#ffffff1c;--c61:#ffeff0;--c62:#ffacb2;--c63:#efdedf;--c64:#e6a54c;--c65:#ffc879;--c66:#ffffff;--c67:#ff8a8a;--c68:#ff8a8a55}
[data-theme="dark"]{--c1:#090a10;--c2:#12131d;--c3:#ffffff16;--c4:#aaa9b8;--c5:#b6a0ff;--c6:#f4f3fa;--c7:#cbbaff;--c8:#171025;--c9:#c9b7ff;--c10:#b9f2c3;--c11:#b9f25640;--c12:#dedce8;--c13:#d5c8ff;--c14:#8b5cf63b;--c15:#5e566a;--c16:#13131a;--c17:#1a1825;--c18:#9f98af;--c19:#0b0d17;--c20:#7e7c96;--c21:#ffffff10;--c22:#4a345a70;--c23:#aaa1be;--c24:#ffffff2a;--c25:#c1a7fa;--c26:#8db4ae;--c27:#254a50;--c28:#101e2a;--c29:#182c36;--c30:#c8845e;--c31:#392b48;--c32:#191b30;--c33:#111826;--c34:#18202c;--c35:#222536;--c36:#191827;--c37:#d6b5ae;--c38:#6b8999;--c39:#123744;--c40:#192b43;--c41:#c8c3d8;--c42:#c3a6ff;--c43:#ffffff12;--c44:#827d92;--c45:#191723;--c46:#11121a;--c47:#b5a0f84d;--c48:#4e346352;--c49:#b6a0ff42;--c50:#a98cf851;--c51:#d4c3ff;--c52:#34694a25;--c53:#39285766;--c54:#a88ae871;--c55:#1a1824;--c56:#11131c;--c57:#ffffff19;--c58:#d4d1e1;--c59:#090b13;--c60:#ffffff1c;--c61:#f3efff;--c62:#ffacb2;--c63:#e3deef;--c64:#e6a54c;--c65:#ffc879;--c66:#ffffff;--c67:#ff8a8a;--c68:#ff8a8a55}
[data-theme="light"]{--c1:#f3f4f8;--c2:#efeff5;--c3:#00000016;--c4:#5e5c70;--c5:#6d44c5;--c6:#120f24;--c7:#5838b7;--c8:#efebf6;--c9:#5838b7;--c10:#b9f2c3;--c11:#b9f25640;--c12:#16141f;--c13:#5638b7;--c14:#5f38b73b;--c15:#5e566a;--c16:#f0f0f4;--c17:#edecf3;--c18:#615973;--c19:#f0f1f8;--c20:#5c5b71;--c21:#00000010;--c22:#e2d9e970;--c23:#5f5379;--c24:#0000002a;--c25:#6038b7;--c26:#517b75;--c27:#dcecef;--c28:#e9f0f7;--c29:#e5eff3;--c30:#c8845e;--c31:#e6dfec;--c32:#e7e8f3;--c33:#ebeef6;--c34:#e9edf3;--c35:#e6e7ef;--c36:#ecebf3;--c37:#402620;--c38:#536c79;--c39:#dff0f7;--c40:#e0e8f3;--c41:#211d2d;--c42:#6238b7;--c43:#00000012;--c44:#615d6f;--c45:#eeedf3;--c46:#f0f0f5;--c47:#5738b74d;--c48:#e1d6e952;--c49:#5638b742;--c50:#5a38b751;--c51:#5c38b7;--c52:#34694a25;--c53:#e1daee66;--c54:#6138b771;--c55:#edecf3;--c56:#eff0f5;--c57:#00000019;--c58:#16141f;--c59:#f1f3f9;--c60:#0000001c;--c61:#5838b7;--c62:#ffacb2;--c63:#161122;--c64:#e6a54c;--c65:#ffc879;--c66:#1a1a1a;--c67:#ff8a8a;--c68:#ff8a8a55}
[data-theme="light"]{color-scheme:light}
@import url('/assets/ui.css');
:root{--site-bg:var(--c1);--site-panel:var(--c2);--site-line:var(--c3);--site-muted:var(--c4);--site-purple:var(--c5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--site-bg);color:var(--c6);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--c7)}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--site-purple);outline-offset:4px}.site-header{max-width:1380px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--site-line)}.logo{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-weight:800;font-size:23px;line-height:1.1}.logo img{width:40px;height:40px;object-fit:contain}.logo small{display:block;font-size:8px;letter-spacing:5px;font-weight:500;margin-top:6px;color:var(--site-muted)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 22px;background:var(--site-purple);border:1px solid transparent;border-radius:9px;color:var(--c8);font-size:14px;font-weight:650;cursor:pointer;min-height:50px;white-space:normal}.button:hover{background:var(--c9);color:var(--c8)}.button:disabled{opacity:.55;cursor:wait}.button.small{font-size:12px;padding:10px 16px;min-height:40px}.button span{font-size:21px}.hero-site{max-width:1380px;margin:auto;padding:85px 5% 100px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;min-height:670px;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--site-purple);margin:0 0 25px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--c10);box-shadow:0 0 16px var(--c11);margin-right:8px}h1{font-size:clamp(44px,5.7vw,80px);letter-spacing:-4px;line-height:1.05;font-weight:650;margin:0 0 28px}em{font-style:normal;color:var(--site-purple)}.lead{max-width:465px;font-size:17px;color:var(--site-muted);line-height:1.8}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.text-link{font-size:13px;color:var(--c12)}.quiet{font-size:12px;color:var(--site-muted)}.quiet a{color:var(--c13)}.hero-copy>.quiet{margin-top:22px}.product-scene{position:relative;padding:50px 0 0 15px;perspective:1400px}.scene-glow{position:absolute;inset:0;background:radial-gradient(ellipse,var(--c14),transparent 68%);filter:blur(30px)}.tv-frame{position:relative;border:1px solid var(--c15);border-radius:15px;padding:13px;background:var(--c16);box-shadow:0 40px 80px #0008;transform:rotateY(-9deg) rotateZ(3deg);width:100%;max-width:630px}.mock-bar{display:flex;align-items:center;padding:12px 18px;background:var(--c17);border-radius:5px 5px 0 0;font-size:12px;letter-spacing:3px}.mock-bar span{font-size:7px;letter-spacing:1px;margin-left:auto;color:var(--c18)}.mock-bar i{width:8px;height:8px;background:var(--c5);border-radius:50%;margin-left:15px}.mock-body{display:grid;grid-template-columns:48px 1fr;background:var(--c19);min-height:280px}.mock-nav{display:flex;align-items:center;flex-direction:column;gap:20px;padding:25px 0;color:var(--c20);border-right:1px solid var(--c21)}.mock-nav b{color:var(--c7)}.mock-main{padding:23px 20px;background:radial-gradient(ellipse at 70% 15%,var(--c22),transparent 80%)}.mock-main>p{font-size:7px;letter-spacing:2px;color:var(--c23);margin:0 0 10px}.mock-main h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 16px}.mock-tags{display:flex;gap:6px;font-size:7px;margin:0 0 18px}.mock-tags span{padding:4px 10px;border:1px solid var(--c24);border-radius:4px}.mock-tags span:first-child{background:var(--c25);color:var(--c8)}.mock-posters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.poster{height:112px;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:end;padding:9px}.poster span{font-size:9px;line-height:1.2;letter-spacing:1px;font-weight:700;z-index:1}.mountain{background:linear-gradient(155deg,var(--c26),var(--c27) 50%,var(--c28))}.mountain:before{content:'';position:absolute;inset:25% -15% -20%;background:var(--c29);clip-path:polygon(0 100%,40% 0,65% 62%,80% 30%,100% 100%)}.city{background:linear-gradient(140deg,var(--c30),var(--c31) 55%,var(--c32))}.city:before{content:'';position:absolute;width:18%;height:67%;background:var(--c33);bottom:0;left:16%;box-shadow:28px 15px var(--c34),49px -15px var(--c35),70px 24px var(--c36)}.sea{background:linear-gradient(170deg,var(--c37),var(--c38) 50%,var(--c39) 51%,var(--c40))}.mock-progress{margin-top:16px;font-size:8px;color:var(--c41)}.mock-progress div{height:3px;background:linear-gradient(90deg,var(--c42) 35%,var(--c43) 35%);margin-top:7px}.scene-caption{font-size:7px;letter-spacing:1.5px;text-align:center;color:var(--c44);margin-top:30px}.experience{max-width:1220px;margin:0 auto;padding:85px 5%;display:grid;grid-template-columns:1fr 1.1fr;gap:100px;border-top:1px solid var(--site-line)}h2{font-size:clamp(30px,3.4vw,45px);line-height:1.15;letter-spacing:-1.8px;font-weight:550;margin:0 0 20px}.section-intro>p:not(.eyebrow){font-size:14px;color:var(--site-muted);max-width:330px}.feature-list article{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid var(--site-line)}.feature-list article:first-child{padding-top:0}.feature-list article>span{color:var(--site-purple);font-size:11px;padding-top:4px}.feature-list h3{font-size:19px;letter-spacing:-.4px;margin:0 0 7px;font-weight:550}.feature-list p{font-size:13px;color:var(--site-muted);margin:0;max-width:405px}.setup-section{max-width:1380px;margin:0 auto;padding:80px 5% 90px}.section-heading{position:relative;margin-bottom:45px}.section-heading>.text-link{position:absolute;right:0;bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:linear-gradient(150deg,var(--c45),var(--c46));border:1px solid var(--site-line);border-radius:14px;padding:26px 25px 0;overflow:hidden}.step-number{display:grid;place-items:center;border:1px solid var(--c47);width:30px;height:30px;border-radius:8px;color:var(--site-purple);font-size:13px;margin-bottom:25px}.steps h3{font-weight:550;letter-spacing:-.5px;font-size:22px;margin:0 0 12px}.steps p{font-size:13px;color:var(--site-muted);min-height:70px;margin:0}.step-art{height:160px;margin:25px -25px 0;position:relative;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--site-line);overflow:hidden}.brand-art{background:radial-gradient(ellipse,var(--c48),transparent)}.brand-art b{font-size:27px;font-weight:650;line-height:1.1;text-align:center;letter-spacing:-.5px;z-index:1}.brand-orbit{position:absolute;width:130px;height:130px;border:1px solid var(--c49);transform:rotate(30deg);border-radius:30px}.source-art{gap:12px}.source-art>span{padding:12px 16px;border:1px solid var(--c50);border-radius:9px;transform:rotate(-6deg);font-size:13px;color:var(--c51)}.source-art>span:nth-child(2){transform:rotate(6deg)}.step-art small{font-size:8px;letter-spacing:2px;color:var(--site-muted);position:absolute;bottom:17px}.online-art{background:radial-gradient(ellipse,var(--c52),transparent)}.online-art b{font-size:26px;font-weight:500}.closing{max-width:1250px;margin:0 auto 80px;text-align:center;background:radial-gradient(ellipse at 50% 100%,var(--c53),transparent 75%);border-block:1px solid var(--site-line);padding:70px 20px}.closing h2{font-size:clamp(34px,4vw,55px)}.closing>.text-link{display:block;margin-top:18px}footer{max-width:1380px;margin:auto;padding:30px 5% 45px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid var(--site-line)}footer>p{font-size:10px;color:var(--site-muted);line-height:1.8}footer>a:last-child{font-size:12px}.account-layout{max-width:1200px;margin:0 auto;min-height:calc(100vh - 230px);display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding:65px 5% 90px}.account-intro h1{font-size:clamp(38px,4.8vw,65px);letter-spacing:-2.5px}.account-intro .lead{font-size:16px}.account-line{width:70px;height:1px;background:var(--c54);margin:30px 0}.account-card{padding:35px;background:linear-gradient(140deg,var(--c55),var(--c56));border:1px solid var(--c57);border-radius:16px;box-shadow:0 30px 80px #0003}.account-card h2{font-size:30px;margin-bottom:8px}.account-card .eyebrow{font-size:8px;margin-bottom:20px}.account-card label{display:block;font-size:12px;margin:18px 0 0;color:var(--c58)}.account-card label[hidden]{display:none}.account-card input{display:block;width:100%;margin-top:8px;min-height:47px;padding:11px 13px;background:var(--c59);border:1px solid var(--c60);border-radius:7px;color:var(--c61)}.account-card .button{width:100%;margin-top:8px}.account-card .form-error{color:var(--c62);font-size:12px;min-height:16px}.account-card>#switchAccount{text-align:center;margin-top:22px}.account-card #passwordHint{font-size:10px;margin-top:7px}/* REV-0014: Log in and My panel stand out in the header (theme accent): Log in filled, My panel outlined */
.site-header nav a.nav-account{padding:9px 15px;border-radius:9px;font-weight:650;border:1px solid var(--site-purple);color:var(--site-purple)}.site-header nav a.nav-account.primary{background:var(--site-purple);color:var(--c8)}.site-header nav a.nav-account:hover{background:var(--c9);border-color:var(--c9);color:var(--c8)}
/* REV-0014: phone menu (hidden on wider screens) */
.nav-menu{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:34px;padding:0 9px;background:transparent;border:1px solid var(--c3);border-radius:10px;cursor:pointer}.nav-menu span{display:block;height:2px;background:var(--c4);border-radius:2px}.nav-menu[aria-expanded="true"]{border-color:var(--c5)}
.nav-drawer{display:grid;padding:4px 6% 14px;border-bottom:1px solid var(--c3)}.nav-drawer[hidden]{display:none}.nav-drawer a{padding:12px 0;font-size:15px;border-bottom:1px solid var(--c21)}.nav-drawer a:last-child{border-bottom:0}
@media(min-width:701px){.nav-drawer{display:none!important}}
@media(max-width:1000px){.site-header nav{gap:17px}.site-header nav>a.nav-page{display:none}.nav-menu{display:inline-flex}.hero-site{gap:10px;padding-top:65px}.hero-copy .lead{font-size:15px}.hero-actions{gap:15px}.hero-actions .text-link{display:block}.tv-frame{transform:rotateY(-7deg) rotateZ(2deg)}.experience{gap:45px}.section-heading>.text-link{position:static}.steps{gap:12px}.steps article{padding:23px 18px 0}.steps p{min-height:95px}.account-layout{gap:45px}.account-card{padding:27px}}@media(max-width:700px){.site-header{padding:20px 6%;gap:12px}.logo{font-size:20px;gap:9px}.logo img{width:33px;height:33px}.site-header nav{gap:12px}.site-header nav>a.nav-account{font-size:11px;padding:7px 10px}.button.small{padding:8px 11px;font-size:11px}.hero-site{grid-template-columns:1fr;padding:55px 6% 45px;gap:25px}.hero-site h1{font-size:60px;letter-spacing:-3px}.hero-copy .lead{max-width:420px}.hero-actions{margin-top:25px}.hero-actions .button{font-size:13px}.product-scene{max-width:520px;padding:15px 5px 0}.tv-frame{transform:rotateZ(2deg)}.scene-caption{font-size:6px}.experience{grid-template-columns:1fr;padding:50px 6%;gap:25px}.section-intro>p:not(.eyebrow){max-width:420px}.feature-list article{padding:23px 0}.setup-section{padding:45px 6%}.steps{grid-template-columns:1fr;gap:18px}.steps article{padding:25px 25px 0}.steps p{min-height:0;max-width:400px}.step-art{height:140px;margin-top:20px}.closing{margin:15px 6% 45px;padding:50px 15px}.closing h2{font-size:35px}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer>p{order:3;flex-basis:100%}.account-layout{grid-template-columns:1fr;gap:25px;padding:35px 6% 50px}.account-intro h1{font-size:40px}.account-intro .eyebrow{margin-bottom:15px}.account-intro .lead{font-size:14px}.account-line,.account-intro>.quiet{display:none}.account-card{padding:26px}.account-page .site-header>.text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer-links{display:flex;gap:20px;align-items:center;font-size:12px}.account-card .terms-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;margin-top:20px}.account-card .terms-check[hidden]{display:none}.account-card .terms-check input{flex:0 0 16px;width:16px;height:16px;min-height:0;padding:0;margin-top:3px;accent-color:var(--site-purple)}.terms-check a{color:var(--site-purple);text-decoration:underline}.legal-page{max-width:880px;margin:auto;padding:65px 6% 90px}.legal-page h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px}.legal-page h2{font-size:22px;letter-spacing:-.5px;margin-top:35px}.legal-page p,.legal-page li{color:var(--site-muted);font-size:14px;line-height:1.85}.legal-page strong{color:var(--text)}.legal-lead{font-size:17px!important;color:var(--c63)!important}.legal-meta{padding-bottom:25px;border-bottom:1px solid var(--site-line)}

.activation-explainer{margin-top:24px;padding:24px 28px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-panel)}.activation-explainer h3{margin:0 0 8px;font-weight:550;font-size:18px}.activation-explainer p{margin:0;color:var(--site-muted);font-size:13px;max-width:790px}

.security-warning{border:2px solid var(--c64);border-radius:12px;padding:18px;font-size:1rem;line-height:1.6;background:rgba(230,165,76,.1)}.security-warning strong{display:block;font-size:1.2rem;color:var(--c65)}#recoveryCodes{line-height:1.8;white-space:pre-wrap}#totpSecret{font-size:1.1rem}

#totpQR{display:block;max-width:100%;height:auto;margin:20px auto;background:var(--c66);border-radius:12px}#totpQR[hidden]{display:none}
.theme-switch{display:flex;gap:6px;align-items:center;margin-left:12px}.theme-switch button{width:22px;height:22px;border-radius:50%;border:2px solid rgb(255 255 255/.16);cursor:pointer;padding:0}.theme-switch button[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}.theme-switch [data-theme="black-red"]{background:linear-gradient(135deg,rgb(17 17 17) 50%,rgb(244 63 76) 50%)}.theme-switch [data-theme="dark"]{background:linear-gradient(135deg,rgb(11 14 22) 50%,rgb(180 160 255) 50%)}.theme-switch [data-theme="light"]{background:linear-gradient(135deg,rgb(243 245 249) 50%,rgb(109 68 197) 50%)}
.logo .wordmark{display:block;height:30px;width:auto}.logo .wm-o{stroke:var(--site-purple)}.logo .wm-play{fill:var(--site-purple)}.logo-text{display:flex;flex-direction:column}
/* REV-0013: add your own list */
.add-lang{display:flex;gap:6px}.add-lang button{background:transparent;border:1px solid var(--c3);color:var(--c4);border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer}.add-lang button[aria-pressed="true"]{border-color:var(--c5);color:var(--c5)}
.add-steps{margin:18px 0;padding-left:20px;color:var(--c4);line-height:1.7}.add-steps li{margin-bottom:6px}
.add-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.add-kinds button{background:transparent;border:1px solid var(--c3);color:var(--c4);border-radius:12px;padding:10px 6px;font:inherit;font-size:13px;cursor:pointer}.add-kinds button[aria-selected="true"]{border-color:var(--c5);color:var(--c5)}
#pairCode{letter-spacing:.12em;text-transform:uppercase;font-weight:600}.add-done{border:1px solid var(--c5);border-radius:12px;padding:12px;color:var(--c5);font-size:14px}
/* REV-0014: Panoul meu */
.my-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.my-head h2{margin:0}
.my-lines{display:grid;gap:12px;margin:16px 0}.my-line{border:1px solid var(--c3);border-radius:14px;padding:14px}.my-line.own{border-color:var(--c5)}
.my-line-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.my-badge{font-size:12px;color:var(--c4)}.my-line p{margin:6px 0 10px;font-size:13px}
.my-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.my-link{background:transparent;border:1px solid var(--c3);color:var(--c4);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.my-link.danger{color:var(--c67);border-color:var(--c68)}
.my-form{border-top:1px solid var(--c3);margin-top:16px;padding-top:16px}.my-form h3{margin:0 0 10px}.my-limit{font-size:12px}
.nav-account{white-space:nowrap}
/* REV-0014: secondary pages (What we offer, How it works) */
.info-page{max-width:1100px;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}.info-page h3{margin:0 0 8px;font-size:17px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0 10px}
.info-card{border:1px solid var(--c3);border-radius:16px;padding:18px;background:var(--c2)}.info-card p{margin:0;font-size:14px}
.info-steps{list-style:none;padding:0;display:grid;gap:12px;margin:16px 0}.info-step{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--c3);border-radius:16px;padding:16px;background:var(--c2)}.info-step p{margin:0}
.info-step-n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--site-purple);color:var(--c8);font-weight:700}
.info-next{margin:34px 0 10px}.info-next .button{width:auto}.section-more{margin:22px 0 0}
/* REV-0015: download page */
.download-card{display:flex;flex-direction:column;gap:6px}.download-card .button{margin-top:auto;width:auto;align-self:flex-start}
.download-link{font-family:ui-monospace,Menlo,monospace;font-size:18px;color:var(--site-purple);margin:8px 0 0;word-break:break-all}
.download-card.unavailable{opacity:.55}.download-card.unavailable .button{pointer-events:none}
.download-example{font-family:ui-monospace,Menlo,monospace;color:var(--site-purple)}
.feature-list ul{margin:0;padding-left:18px}.feature-list li{font-size:14px;line-height:1.7;color:var(--c4)}.tmdb-note{font-size:12px}
.footer-wide{flex-wrap:wrap;row-gap:8px}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:16px 0 6px}.shot{margin:0}.shot img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--c3)}.shot figcaption{font-size:13px;color:var(--c4);margin-top:8px}.shots-note{font-size:12px}
/* REV-0015: where ZYO is available (text only: no store badges before the app is listed) */
.platforms{max-width:1380px;margin:0 auto;padding:10px 5% 30px}.platform-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.platform{display:flex;flex-direction:column;gap:2px;border:1px solid var(--c3);border-radius:12px;padding:10px 14px;min-width:150px}.platform b{font-size:14px}.platform span{font-size:12px;color:var(--c4)}
.platform.ready{border-color:var(--site-purple);background:var(--c2)}.platform.ready span{color:var(--site-purple);font-weight:650}
.platform.wip{border-style:dashed;border-color:color-mix(in srgb,var(--site-purple) 55%,transparent)}.platform.wip span{color:var(--site-purple)}
.add-alt{margin-top:14px;font-size:13px}.add-alt a{color:var(--site-purple)}
.page-lang{margin-bottom:18px}.drawer-theme{background:transparent;border:0;border-top:1px solid var(--c21);color:var(--c4);font:inherit;font-size:15px;text-align:left;padding:12px 0;cursor:pointer}
@media(max-width:700px){.site-header:has(.nav-menu)>.theme-switch{display:none}}

/* REV-0071 App Support on My app and the contact page */
.my-support{margin-top:22px;border-top:1px solid var(--site-line);padding-top:16px}.my-support-toggle{font-weight:650}.my-support .support-app{margin-top:12px}.my-support .support-head h1{font-size:20px}.my-support .support-head .button{padding:10px 16px}
.contact-page textarea{width:100%;box-sizing:border-box;font:inherit;padding:12px;border-radius:10px;border:1px solid var(--site-line);background:transparent;color:inherit;resize:vertical}
.account-card textarea,.account-card select{display:block;width:100%;margin-top:8px;min-height:47px;padding:11px 13px;background:var(--c59);border:1px solid var(--c60);border-radius:7px;color:var(--c61);font:inherit;box-sizing:border-box}
.my-support .support-head h1{letter-spacing:normal;font-size:20px}.my-support .form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.my-support .form-actions button:not(.button),.my-support .support-back{background:transparent;border:1px solid var(--c3);color:var(--c4);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.my-support .support-back{border:0;padding:0;color:var(--c5)}.my-support .support-field>span{color:var(--c58);font-size:12px}
.account-card .support-check{display:flex;gap:10px;align-items:flex-start;margin-top:14px}.account-card .support-check input{display:inline-block;width:18px;height:18px;min-height:0;flex:0 0 18px;margin:2px 0 0;padding:0}.my-support .support-hint,.my-support .support-check span{font-size:12px;line-height:1.5;color:var(--c4)}