/* MOTIONPAD — visual variants; original style deliberately unchanged. */
.theme-dock{position:fixed;z-index:1000;bottom:max(22px,env(safe-area-inset-bottom));right:22px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:Inter,"Segoe UI",Arial,sans-serif}
.theme-toggle{display:flex;gap:10px;align-items:center;justify-content:center;background:#eeff42;border:1px solid rgba(255,255,255,.20);color:#0b1215;padding:13px 17px;min-height:51px;box-shadow:0 10px 28px rgba(0,0,0,.32);cursor:pointer;font:900 11px/1 Consolas,monospace;letter-spacing:1.7px;transition:transform .18s, box-shadow .18s;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.theme-toggle:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.42)}.toggle-chevron{font-size:16px;line-height:1}.theme-dock.open .toggle-chevron{transform:rotate(180deg)}
.theme-menu{width:min(344px,calc(100vw - 44px));padding:15px;background:#121b21;border:1px solid rgba(117,249,233,.35);border-top:3px solid #eaff3e;box-shadow:0 22px 64px rgba(0,0,0,.55);color:#f4f8f5;animation:menu-in .22s ease-out both}
.theme-menu[hidden]{display:none}
.theme-menu-heading{display:flex;justify-content:space-between;color:#edf1f2;font:900 11px Consolas,monospace;letter-spacing:1.2px;padding:5px 5px 14px}.theme-menu-heading span{font-size:10px;color:#57f5e7}
.theme-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:9px;background:transparent;color:#e7ecef;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}
.theme-option:hover,.theme-option[aria-pressed="true"]{border-color:#60797f;background:#1b2b31}
.theme-option>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.theme-option strong{font:700 13px Inter,"Segoe UI",sans-serif}.theme-option small{font:11px Consolas,monospace;color:#8fa4ad}.theme-check{opacity:0;color:#eaff43;font-size:17px}.theme-option[aria-pressed="true"] .theme-check{opacity:1}
.swatch{width:49px;height:39px;flex:none;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.swatch-original{background:linear-gradient(145deg,#efff43 0 20%,#091115 20% 60%,#48edde 60%)}.swatch-glass{background:radial-gradient(circle at 72% 24%,#78d9ff,transparent 45%),linear-gradient(130deg,#2b4881,#a7c7f1 55%,#10253e)}.swatch-dark{background:linear-gradient(125deg,#0d0a26,#382264 63%,#c879ff 64%)}.swatch-light{background:linear-gradient(120deg,#fff9e9 0 64%,#ff5e4e 64%)}
.theme-note{border-top:1px solid #2a4347;margin-top:12px;padding:13px 5px 1px;color:#77949b;font:10px/1.4 Consolas,monospace}
@keyframes menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:525px){.theme-dock{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.theme-toggle{min-height:45px;padding:11px 13px}.theme-menu{width:min(330px,calc(100vw - 28px))}}

/* 02 — GLASS / aurora translucency with tactile rounded elements */
html[data-theme="glass"] {--bg:#081522;--panel:#173450;--panel2:#203c59;--ink:#f7fbff;--muted:#b9d1df;--acid:#b7f9ff;--cyan:#93eaf6;--red:#ffacc0;--line:rgba(224,245,255,.2);--display:Inter,"Segoe UI",system-ui,sans-serif;--mono:ui-monospace,Consolas,monospace;}
html[data-theme="glass"] body{background:radial-gradient(ellipse at 4% 8%,rgba(26,103,179,.36),transparent 41%),radial-gradient(ellipse at 92% 24%,rgba(135,85,220,.32),transparent 40%),radial-gradient(ellipse at 47% 73%,rgba(12,165,183,.25),transparent 40%),#071320;background-attachment:fixed}
html[data-theme="glass"] .top-rule{height:2px;background:linear-gradient(90deg,transparent,#a8e8ff,transparent)}
html[data-theme="glass"] .navigation{border-color:rgba(234,251,255,.18)}
html[data-theme="glass"] .brand-mark{background:linear-gradient(135deg,#d6f9ff,#8b9cf1);border-radius:11px;color:#13314b;clip-path:none;box-shadow:0 6px 23px rgba(105,194,255,.25)}
html[data-theme="glass"] .brand-name em,html[data-theme="glass"] h1 .acid,html[data-theme="glass"] h2 em{color:#9ceaff}
html[data-theme="glass"] .hero::before{background:radial-gradient(ellipse at 80% 30%,rgba(142,110,252,.17),transparent 50%),repeating-linear-gradient(90deg,transparent 0 84px,rgba(170,220,255,.05) 85px)}
html[data-theme="glass"] .hero::after{background:radial-gradient(circle,rgba(121,169,255,.27),transparent 67%)}
html[data-theme="glass"] .hero h1{letter-spacing:-5px;line-height:.99;text-transform:none;font-weight:850;font-size:clamp(56px,6.6vw,100px)}
html[data-theme="glass"] h1 .ghost{color:transparent;-webkit-text-stroke:1px #c4e2f1;text-shadow:none}
html[data-theme="glass"] h2{font-size:clamp(49px,5.3vw,76px);letter-spacing:-3px;text-transform:none;font-weight:820}
html[data-theme="glass"] .pretitle,html[data-theme="glass"] .section-kicker,html[data-theme="glass"] .hero-foot span::before{color:#91e9fa}
html[data-theme="glass"] .cta,html[data-theme="glass"] .download-link{background:linear-gradient(125deg,#cefcff,#9dcfff);color:#0b223b;clip-path:none;border-radius:15px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 26px rgba(60,169,225,.18)}
html[data-theme="glass"] .cta.secondary{background:rgba(228,242,255,.10);border:1px solid rgba(229,246,255,.34);color:#ecf8ff;backdrop-filter:blur(20px)}
html[data-theme="glass"] .download-card{background:linear-gradient(155deg,rgba(194,221,255,.16),rgba(70,118,164,.12));border:1px solid rgba(220,250,255,.27);border-top:1px solid rgba(255,255,255,.48);border-radius:29px;backdrop-filter:blur(24px);box-shadow:0 20px 52px rgba(2,18,38,.30),inset 0 1px rgba(255,255,255,.15)}
html[data-theme="glass"] .download-card.android,html[data-theme="glass"] .download-card.receiver{border-top:2px solid rgba(234,250,255,.65)}
html[data-theme="glass"] .download-card p,html[data-theme="glass"] .section-intro,html[data-theme="glass"] .hero-lede{color:#c4d6e3}
html[data-theme="glass"] .platform-badge{border-radius:12px;border-color:rgba(235,250,255,.25);background:rgba(255,255,255,.10);color:#e6f5ff}
html[data-theme="glass"] .download-link[aria-disabled="true"]{background:rgba(218,237,255,.12);border-color:rgba(239,252,255,.26);color:#c9dceb;box-shadow:none}
html[data-theme="glass"] .ticker{background:rgba(157,207,255,.09);border-color:rgba(233,249,255,.20);backdrop-filter:blur(20px)}
html[data-theme="glass"] .steps-wrap{background:linear-gradient(130deg,rgba(12,35,58,.82),rgba(29,57,81,.78));color:#edfaff;border-block:1px solid rgba(244,253,255,.20);backdrop-filter:blur(22px)}
html[data-theme="glass"] .steps-wrap h2 em,html[data-theme="glass"] .steps-wrap .section-kicker,html[data-theme="glass"] .step-num{color:#94e6ff}
html[data-theme="glass"] .steps-wrap .section-intro,html[data-theme="glass"] .step p,html[data-theme="glass"] .experimental p{color:#bbd0db}
html[data-theme="glass"] .step{border-color:rgba(222,245,255,.40)}
html[data-theme="glass"] .experimental{background:rgba(235,248,255,.10);border-color:rgba(233,250,255,.24);border-radius:22px}
html[data-theme="glass"] .phone{background:#101c32;border-color:#acc6d6;box-shadow:0 27px 80px rgba(3,17,42,.80),0 0 75px rgba(100,177,250,.23)}
html[data-theme="glass"] .theme-toggle{background:rgba(199,230,255,.23);color:white;border:1px solid rgba(244,254,255,.55);border-radius:18px;clip-path:none;backdrop-filter:blur(22px)}
html[data-theme="glass"] .theme-menu{background:rgba(24,46,74,.82);backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.27);border-radius:23px}

/* 03 — DARK / neon violet on deep black */
html[data-theme="dark"]{--bg:#080817;--panel:#111025;--panel2:#15142d;--ink:#f8f4ff;--muted:#a8a1c0;--acid:#ba85ff;--cyan:#5cf6ef;--red:#ff6caa;--line:rgba(185,155,255,.17)}
html[data-theme="dark"] body{background:radial-gradient(circle at 88% 11%,rgba(89,38,168,.17),transparent 40%),radial-gradient(circle at 3% 50%,rgba(60,35,124,.14),transparent 35%),#080817}
html[data-theme="dark"] .top-rule{background:linear-gradient(90deg,#a46bff 0 31%,#66e5fe 31% 35%,transparent 35%)}
html[data-theme="dark"] .brand-mark{background:#ad7bff}
html[data-theme="dark"] .brand-name em,html[data-theme="dark"] h1 .acid,html[data-theme="dark"] h2 em,html[data-theme="dark"] .step-num{color:#bb89ff}
html[data-theme="dark"] .hero::before{background:linear-gradient(90deg,rgba(8,8,23,.96) 25%,rgba(8,8,23,.60) 80%),repeating-linear-gradient(90deg,transparent 0 83px,rgba(145,99,241,.056) 84px 85px)}
html[data-theme="dark"] .hero::after{background:radial-gradient(circle,rgba(135,54,237,.26),transparent 63%)}
html[data-theme="dark"] .cta,html[data-theme="dark"] .download-link,html[data-theme="dark"] .theme-toggle{background:#ba85ff;border-color:#c09aff;color:#100b19}
html[data-theme="dark"] .cta.secondary{background:transparent;color:#e4dfff;border-color:#6c598e}
html[data-theme="dark"] .download-card{background:linear-gradient(145deg,#1d1735,#100f22 80%);border-color:#44365d}
html[data-theme="dark"] .download-card.android{border-top-color:#b080ff}html[data-theme="dark"] .download-card.receiver{border-top-color:#6df5e9}
html[data-theme="dark"] .download-link[aria-disabled="true"]{background:#302b47;color:#bbb0d3}
html[data-theme="dark"] .ticker{background:#151228}
html[data-theme="dark"] .steps-wrap{background:#16132b;color:#f7f3ff}
html[data-theme="dark"] .steps-wrap .section-intro,html[data-theme="dark"] .step p,html[data-theme="dark"] .experimental p{color:#b8aecb}
html[data-theme="dark"] .steps-wrap .section-kicker,html[data-theme="dark"] .steps-wrap h2 em{color:#bd8bff}
html[data-theme="dark"] .step{border-color:#806ab8}
html[data-theme="dark"] .experimental{background:#251d3d;border-color:#55477a}
html[data-theme="dark"] .experimental strong{color:#e0d3ff}
html[data-theme="dark"] .experimental .experimental-icon{color:#ff87bb}
html[data-theme="dark"] .phone{border-color:#53406a}.theme-menu-heading span{white-space:nowrap}

/* 04 — LIGHT / studio edition with accessible dark text */
html[data-theme="light"] {--bg:#f4f5f1;--panel:#ffffff;--panel2:#f6f8f8;--ink:#111b24;--muted:#61717a;--acid:#e24e3e;--cyan:#007d95;--red:#e24e3e;--line:rgba(22,40,53,.18);color-scheme:light}
html[data-theme="light"] body{background:#f4f5f1;color:#111b24}
html[data-theme="light"] .top-rule{background:linear-gradient(90deg,#e24e3e 0 30%,#084f61 30% 35%,transparent 35%)}
html[data-theme="light"] .brand-mark{background:#111b24;color:#f7f8f1}
html[data-theme="light"] .brand-name em,html[data-theme="light"] h1 .acid,html[data-theme="light"] h2 em{color:#de4f3f}
html[data-theme="light"] .hero::before{background:linear-gradient(90deg,rgba(244,245,241,.98) 22%,rgba(244,245,241,.40) 90%),repeating-linear-gradient(90deg,transparent 0 83px,rgba(0,79,94,.12) 84px 85px)}
html[data-theme="light"] .hero::after{background:radial-gradient(circle,rgba(17,136,151,.15),transparent 65%)}
html[data-theme="light"] .nav-links a,html[data-theme="light"] .nav-state{color:#3d5660}
html[data-theme="light"] h1 .ghost{color:transparent;-webkit-text-stroke:2px #13232c;text-shadow:none}
html[data-theme="light"] .hero-lede,html[data-theme="light"] .hero-lede strong{color:#233b46}
html[data-theme="light"] .hero-foot{color:#536873}
html[data-theme="light"] .pretitle,html[data-theme="light"] .section-kicker{color:#0a7487}
html[data-theme="light"] .section-intro,html[data-theme="light"] .download-card p{color:#485d68}
html[data-theme="light"] .cta,html[data-theme="light"] .download-link,html[data-theme="light"] .theme-toggle{background:#e24e3e;color:#fff;border-color:#cf4537}
html[data-theme="light"] .cta.secondary{background:transparent;color:#1f3340;border-color:#637c87}
html[data-theme="light"] .cta.secondary:hover{background:#ebeeec}
html[data-theme="light"] .download-card{background:#fff;border-color:#d1dadd;box-shadow:0 15px 32px rgba(20,52,62,.07)}
html[data-theme="light"] .download-card.android{border-top-color:#e24e3e}html[data-theme="light"] .download-card.receiver{border-top-color:#007d95}
html[data-theme="light"] .platform-badge{color:#35525b;border-color:#b7c8ce}
html[data-theme="light"] .card-no,html[data-theme="light"] .card-meta{color:#4d6670}
html[data-theme="light"] .download-link[aria-disabled="true"]{background:#e0e6e7;color:#415762;border:1px solid #bdcbcd}
html[data-theme="light"] .availability,html[data-theme="light"] .receiver .availability{color:#12616b}
html[data-theme="light"] .hint{color:#566971}
html[data-theme="light"] .ticker{background:#e3ecea}.theme-menu{max-height:calc(100vh - 125px);overflow-y:auto}
html[data-theme="light"] .ticker-inner{color:#334e59}
html[data-theme="light"] .steps-wrap{background:#fff8eb;color:#182a30}
html[data-theme="light"] .steps-wrap .section-kicker,html[data-theme="light"] .steps-wrap h2 em,html[data-theme="light"] .step-num{color:#ce5947}
html[data-theme="light"] .steps-wrap .section-intro,html[data-theme="light"] .step p,html[data-theme="light"] .experimental p{color:#52666b}
html[data-theme="light"] .step{border-color:#24414a}
html[data-theme="light"] .experimental{background:#fffdf7;border-color:#e6c7b4}
html[data-theme="light"] .footer-copy{color:#4c646e}
html[data-theme="light"] .footer-copy strong{color:#d34f44}
html[data-theme="light"] .theme-toggle{box-shadow:0 10px 28px rgba(38,52,65,.16)}
html[data-theme="light"] .theme-menu{background:#fff;color:#1b2c36;border-top-color:#de4f3f;border-inline-color:#d6e0e2;border-bottom-color:#d6e0e2;box-shadow:0 22px 50px rgba(23,49,68,.16)}
html[data-theme="light"] .theme-menu-heading{color:#1a2830}
html[data-theme="light"] .theme-menu-heading span{color:#cc5145}
html[data-theme="light"] .theme-option{color:#233941}
html[data-theme="light"] .theme-option small{color:#617681}
html[data-theme="light"] .theme-option:hover,html[data-theme="light"] .theme-option[aria-pressed="true"]{background:#ecf4f4;border-color:#c1d4d5}
html[data-theme="light"] .theme-check{color:#de4f3f}
html[data-theme="light"] .theme-note{border-color:#d0dfe2;color:#5c737b}