*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--bg:#000;--text:#fff;--text-secondary:rgba(255,255,255,.45);--text-muted:rgba(255,255,255,.4);--text-faint:rgba(255,255,255,.35);--text-ghost:rgba(255,255,255,.2);--border:rgba(255,255,255,.1);--border-light:rgba(255,255,255,.08);--border-heavy:rgba(255,255,255,.2);--surface:rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.08);--surface-active:rgba(255,255,255,.06);--gradient-text-start:#fff;--gradient-text-end:rgba(255,255,255,.35);--glow-soft:rgba(255,255,255,.2);--pill-bg:rgba(255,255,255,.07);--pill-bg-hover:rgba(255,255,255,.13);--pill-border:rgba(255,255,255,.16);--pill-edge:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.04);--pill-shadow:0 8px 32px rgba(0,0,0,.45);--pill-blur:blur(7px) saturate(160%);--danger:#ff453a;--tag-stable-bg:rgba(100,255,100,.1);--tag-stable-color:rgba(100,255,100,.8);--tag-stable-border:rgba(100,255,100,.2);--tag-beta-bg:rgba(255,200,100,.1);--tag-beta-color:rgba(255,200,100,.8);--tag-beta-border:rgba(255,200,100,.2);--tag-preview-bg:rgba(255,100,100,.1);--tag-preview-color:rgba(255,100,100,.8);--tag-preview-border:rgba(255,100,100,.2);--moon-fill:white;--moon-stroke:white}
[data-theme="light"]{--bg:#f5f5f5;--text:#1a1a1a;--text-secondary:rgba(0,0,0,.5);--text-muted:rgba(0,0,0,.45);--text-faint:rgba(0,0,0,.4);--text-ghost:rgba(0,0,0,.15);--border:rgba(0,0,0,.1);--border-light:rgba(0,0,0,.06);--border-heavy:rgba(0,0,0,.2);--surface:rgba(0,0,0,.03);--surface-hover:rgba(0,0,0,.06);--surface-active:rgba(0,0,0,.04);--gradient-text-start:#1a1a1a;--gradient-text-end:rgba(0,0,0,.4);--glow-soft:rgba(0,0,0,.15);--pill-bg:rgba(255,255,255,.55);--pill-bg-hover:rgba(255,255,255,.75);--pill-border:rgba(0,0,0,.12);--pill-edge:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.04);--pill-shadow:0 8px 32px rgba(0,0,0,.08);--tag-stable-bg:rgba(20,130,20,.15);--tag-stable-color:rgb(9, 153, 9);--tag-stable-border:rgba(20,130,20,.4);--tag-beta-bg:rgba(200,140,0,.15);--tag-beta-color:rgb(247, 160, 0);--tag-beta-border:rgba(200,140,0,.4);--tag-preview-bg:rgba(200,20,20,.12);--tag-preview-color:rgb(221, 1, 1);--tag-preview-border:rgba(200,20,20,.4);--moon-fill:#1a1a1a;--moon-stroke:#1a1a1a}
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
/* === v4: ШКАЛА СРОКА ПОДПИСКИ (5 дней → истекла) ===
   yellow → orange → dark orange → red → dark red; отдельные значения для светлой темы */
:root{--exp-d5:#ffd60a;--exp-d4:#ffbe2e;--exp-d3:#ff9f1a;--exp-d2:#ff7a1a;--exp-d1:#ff5722;--exp-d0:#ff3b30;--exp-expired:#d32f2f;--exp-expired-bg:rgba(211,47,47,.12)}
[data-theme="light"]{--exp-d5:#a67c00;--exp-d4:#ab6c00;--exp-d3:#c05c00;--exp-d2:#d05100;--exp-d1:#e03a10;--exp-d0:#e01e1e;--exp-expired:#b71c1c;--exp-expired-bg:rgba(183,28,28,.08)}
.exp-warn-5{color:var(--exp-d5)}
.exp-warn-4{color:var(--exp-d4)}
.exp-warn-3{color:var(--exp-d3)}
.exp-warn-2{color:var(--exp-d2)}
.exp-warn-1{color:var(--exp-d1)}
.exp-warn-0{color:var(--exp-d0)}
.exp-expired{color:var(--exp-expired)}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:scroll;transition:background .5s ease,color .5s ease;min-height:100vh;padding-bottom:120px;scrollbar-gutter:stable both-edges}