@font-face{font-family:'Made';src:url('fonts/WixMadeforDisplay.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:block;}
@font-face{font-family:'Onest';src:url('fonts/Onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:block;}
@font-face{font-family:'Geist';src:url('fonts/Geist.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:block;}

/* ---------- ТЕМЫ ---------- */
html[data-theme="light"]{
  --bg:#F5F4F1;
  --ink:#17171A;
  --ink-85:rgba(23,23,26,.85);
  --ink-60:rgba(23,23,26,.60);
  --ink-45:rgba(23,23,26,.45);
  --ink-38:rgba(23,23,26,.38);
  --ink-34:rgba(23,23,26,.34);
  --line:rgba(23,23,26,.08);
  --line-2:rgba(23,23,26,.10);
  --line-strong:rgba(23,23,26,.16);
  --card:#FFFFFF;
  --hero:#17171A;
  --hero-ink:#FFFFFF;
  --hero-70:rgba(255,255,255,.70);
  --hero-60:rgba(255,255,255,.60);
  --hero-45:rgba(255,255,255,.45);
  --hero-40:rgba(255,255,255,.40);
  --hero-30:rgba(255,255,255,.30);
  --hero-18:rgba(255,255,255,.18);
  --hero-12:rgba(255,255,255,.12);
  --hero-10:rgba(255,255,255,.10);
  --hero-85:rgba(255,255,255,.85);
  --hero-35:rgba(255,255,255,.35);
  --chip:#FFFFFF;
  --chip-ink:#17171A;
  --solid:#17171A;
  --on-solid:#FFFFFF;
  --hero-ring:transparent;
  --shadow:0 1px 2px rgba(23,23,26,.04);
  --win:#12A06A;
  --win-soft:rgba(18,160,106,.12);
}
html[data-theme="dark"]{
  --bg:#0E0E10;
  --ink:#F3EFE9;
  --ink-85:rgba(243,239,233,.86);
  --ink-60:rgba(243,239,233,.64);
  --ink-45:rgba(243,239,233,.50);
  --ink-38:rgba(243,239,233,.44);
  --ink-34:rgba(243,239,233,.40);
  --line:rgba(243,239,233,.09);
  --line-2:rgba(243,239,233,.12);
  --line-strong:rgba(243,239,233,.20);
  --card:#191920;
  --hero:#25252E;
  --hero-ink:#F7F3ED;
  --hero-70:rgba(247,243,237,.72);
  --hero-60:rgba(247,243,237,.62);
  --hero-45:rgba(247,243,237,.50);
  --hero-40:rgba(247,243,237,.46);
  --hero-30:rgba(247,243,237,.34);
  --hero-18:rgba(247,243,237,.20);
  --hero-12:rgba(247,243,237,.14);
  --hero-10:rgba(247,243,237,.12);
  --hero-85:rgba(247,243,237,.85);
  --hero-35:rgba(247,243,237,.38);
  --chip:#F3EFE9;
  --chip-ink:#17171A;
  --solid:#2E2E38;
  --on-solid:#F3EFE9;
  --hero-ring:rgba(255,255,255,.06);
  --shadow:none;
  --win:#3ED197;
  --win-soft:rgba(62,209,151,.14);
}
html{--accent:#FF6B2C;--on-accent:#fff;}

/* ---------- БАЗА ---------- */
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;}
html,body{width:100%;height:100%;overflow:hidden;}
body{font-family:'Onest',sans-serif;color:var(--ink);background:var(--bg);
     display:flex;flex-direction:column;max-width:430px;margin:0 auto;
     transition:background .25s ease,color .25s ease;}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
/* 16px — иначе мобильный Safari зуммирует экран при фокусе на поле */
input,textarea,select{font-family:'Onest',sans-serif;font-size:16px;color:inherit;
  background:none;border:none;outline:none;-webkit-text-size-adjust:100%;}
svg.i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
svg.i.sw3{stroke-width:3;}
svg.i.sw2{stroke-width:2;}
.hide{display:none !important;}

.cap{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}

/* ---------- ШАПКА ---------- */
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;
     padding:24px 20px 0;flex:none;}
.top .cap{color:var(--ink-45);}
.top .acts{display:flex;align-items:center;gap:9px;flex:none;}
.rbtn{width:38px;height:38px;border-radius:50%;border:1.4px solid var(--line-strong);
      background:var(--card);color:var(--ink);
      display:flex;align-items:center;justify-content:center;flex:none;
      transition:background .2s ease,border-color .2s ease;}
.rbtn:active{transform:scale(.94);}

/* ---------- ЭКРАНЫ ---------- */
.screens{flex:1;min-height:0;position:relative;}
.screen{position:absolute;inset:0;display:none;flex-direction:column;
        padding:20px 20px 4px;overflow-y:auto;overflow-x:hidden;
        -webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.screen::-webkit-scrollbar{display:none;}
.screen.on{display:flex;}

/* ---------- ГЕРОЙ ---------- */
.hero{position:relative;background:var(--hero);border-radius:28px;padding:22px 22px 20px;
      color:var(--hero-ink);flex:none;box-shadow:inset 0 0 0 1px var(--hero-ring);
      transition:background .25s ease;}
.hero .cap{color:var(--hero-45);}
.hero h1{font-family:'Made',sans-serif;font-size:42px;font-weight:800;letter-spacing:-.04em;
         line-height:1;margin-top:10px;}
.hero h1 i{color:var(--accent);font-style:normal;}
.hero .sub{margin-top:10px;font-size:13px;color:var(--hero-70);line-height:1.4;}
.sticker{position:absolute;right:16px;top:-12px;transform:rotate(-8deg);background:var(--accent);
         color:var(--on-accent);border-radius:13px;padding:9px 12px;text-align:center;z-index:2;}
.sticker b{display:block;font-family:'Made',sans-serif;font-size:17px;font-weight:800;line-height:1;}
.sticker span{font-size:8.5px;font-weight:600;letter-spacing:.08em;opacity:.9;}
.sep{height:1px;background:var(--hero-12);margin:18px 0 4px;}
.gcap{margin:24px 2px 12px;color:var(--ink-45);flex:none;}

/* ---------- ПОЛОСА НЕДЕЛЬ ---------- */
.weeks{display:flex;gap:4px;margin-top:20px;align-items:flex-end;}
.weeks i{flex:1;height:8px;border-radius:4px;background:var(--hero-18);}
.weeks i.on{background:var(--accent);}
.weeks i.now{background:var(--hero-ink);}
.weeks.big{gap:5px;height:44px;margin-top:22px;}
.weeks.big i{border-radius:6px;height:18px;transition:height .3s ease;}
.weeks.big i.on{height:34px;}
.weeks.big i.now{height:44px;background:var(--hero-ink);
  box-shadow:0 0 0 3px var(--hero-18);}
.wlab{display:flex;justify-content:space-between;margin-top:9px;
      font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hero-40);}
.wcap{margin-top:8px;font-size:10.5px;font-weight:500;color:var(--hero-60);}

/* ---------- ЗАДАЧИ В ГЕРОЕ ---------- */
.task{display:flex;align-items:center;gap:12px;padding:11px 0;}
.task .box{width:21px;height:21px;border-radius:7px;border:1.6px solid var(--hero-30);flex:none;
           display:flex;align-items:center;justify-content:center;color:transparent;
           transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.task.done .box{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.task .box:active{transform:scale(.9);}
.task p{flex:1;font-size:14.5px;font-weight:500;text-align:left;}
.task.done p{color:var(--hero-60);text-decoration:line-through;}
.task .fl{color:var(--accent);display:flex;}
.task .go{border:1.4px solid var(--hero-45);border-radius:999px;padding:6px 14px;
          font-size:11.5px;font-weight:700;color:var(--hero-ink);flex:none;
          transition:opacity .18s ease;}
.task.done .go{display:none;}

/* ---------- КОЛЬЦА БРОНЕЙ ---------- */
.rings{display:flex;gap:6px;flex:none;}
.ring{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;}
.ring .rw{position:relative;width:100%;max-width:62px;}
.ring svg.rg{display:block;width:100%;height:auto;}
.ring .trk{fill:none;stroke:var(--line-2);stroke-width:6;}
.ring .val{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;
           transition:stroke-dashoffset .5s ease;}
.ring .val.full{stroke:var(--win);}
.ring .val.zero{stroke:transparent;}
.ring .ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
           color:var(--ink-60);}
.ring.done .ico{color:var(--win);}
.ring .nm{font-size:10px;font-weight:600;color:var(--ink-60);text-align:center;line-height:1.15;}
.ring .num{font-family:'Made',sans-serif;font-size:11.5px;font-weight:800;color:var(--ink);
           margin-top:-4px;}
.ring.zero .num{color:var(--ink-34);}
.ring.done .num{color:var(--win);}

/* ---------- ПЛИТКИ ---------- */
.tile{background:var(--card);border-radius:20px;padding:15px 16px 16px;box-shadow:var(--shadow);flex:none;}
.tile.pad{padding:18px 18px 16px;}
.note{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.4;
      color:var(--ink-60);}
.note .ic{color:var(--accent);flex:none;display:flex;margin-top:1px;}

/* ---------- ПЛАНЁРКА: НАГРУЗКА + КАЛЕНДАРЬ ---------- */
#s-week .hero{padding:18px 18px 12px;}
#s-week .hero h1{font-size:27px;}
.load{display:flex;gap:6px;align-items:flex-end;margin-top:13px;height:42px;}
.load .lc{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:flex-end;}
.load .lb{width:100%;border-radius:5px;background:var(--hero-18);min-height:4px;}
.load .lc.br .lb{background:var(--accent);}
.load .lc.trip .lb{background:var(--hero-35);}
.load .ld{font-size:8.5px;font-weight:700;letter-spacing:.06em;color:var(--hero-40);}
.cal{margin-top:12px;}
.day{display:flex;gap:9px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--hero-12);}
.day .d{width:26px;flex:none;text-align:center;}
.day .d b{font-family:'Made',sans-serif;font-size:13.5px;font-weight:800;display:block;line-height:1.05;}
.day .d span{font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--hero-40);}
.chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;padding-top:2px;}
.ch{font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:999px;
    background:var(--hero-10);color:var(--hero-70);display:inline-flex;align-items:center;gap:4px;
    white-space:nowrap;}
.ch.br{background:var(--chip);color:var(--chip-ink);}
.ch.br svg{color:var(--accent);}
.ch.new{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 3.5px rgba(255,107,44,.3);
        animation:pop .35s ease;}
.ch.new svg{color:var(--on-accent);}
.ch.trip{background:transparent;border:1.2px dashed var(--hero-30);color:var(--hero-45);}
@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}

/* ---------- ЧАТ ---------- */
.chatwrap{margin-top:13px;display:flex;flex-direction:column;flex:1;min-height:0;}
.chat{display:flex;flex-direction:column;gap:9px;}
.bub{max-width:84%;padding:11px 14px 12px;border-radius:19px;font-size:13.3px;line-height:1.4;
     animation:rise .3s ease;}
.bub.a{background:var(--card);border-bottom-left-radius:6px;color:var(--ink-85);}
.bub.u{background:var(--solid);color:var(--on-solid);margin-left:auto;border-bottom-right-radius:6px;
       display:flex;align-items:flex-start;gap:8px;}
.bub.u .m{color:var(--accent);flex:none;margin-top:1px;}
.bub b{font-weight:700;}
@keyframes rise{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
.inp{display:flex;align-items:center;gap:10px;margin-top:12px;padding-bottom:12px;}
.inp .f{flex:1;height:48px;border-radius:100px;background:var(--card);display:flex;align-items:center;
        padding:0 20px;font-size:16px;font-weight:500;color:var(--ink);}
.inp .f::placeholder{color:var(--ink-38);}
.mic{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on-accent);flex:none;
     display:flex;align-items:center;justify-content:center;}
.mic:active{transform:scale(.93);}

/* ---------- ДЕНЬ ---------- */
#s-day .hero h1{font-size:28px;}
.dprog{display:flex;gap:5px;margin-top:15px;}
.dprog i{flex:1;height:7px;border-radius:4px;background:var(--hero-18);
         transition:background .25s ease;}
.dprog i.on{background:var(--accent);}
.foot{margin-top:14px;font-size:11.5px;color:var(--hero-45);display:flex;gap:8px;align-items:center;}
.tline{position:relative;padding-left:64px;flex:none;}
.tline::before{content:'';position:absolute;left:53px;top:8px;bottom:8px;width:2px;
               background:var(--line-2);border-radius:2px;}
.tr{position:relative;display:flex;align-items:center;gap:12px;padding:9px 16px;
    background:var(--card);border-radius:18px;margin-bottom:7px;box-shadow:var(--shadow);}
.tr .tm{position:absolute;left:-64px;width:40px;text-align:right;
        font-family:'Made',sans-serif;font-size:12.5px;font-weight:800;color:var(--ink-38);}
.tr .dot{position:absolute;left:-16px;width:12px;height:12px;border-radius:50%;
         background:var(--bg);box-shadow:inset 0 0 0 2.6px var(--line-strong);}
.tr.br .dot{box-shadow:inset 0 0 0 4px var(--accent);}
.tr p{flex:1;font-size:14px;font-weight:500;}
.tr .lk{display:flex;color:var(--accent);flex:none;}
.tr .fill{height:6px;border-radius:3px;background:var(--line-2);width:44px;flex:none;overflow:hidden;}
.tr .fill u{display:block;height:100%;background:var(--ink-34);border-radius:3px;}
.tr.br .fill u{background:var(--accent);}
.tnow{position:relative;display:flex;align-items:center;gap:10px;margin:3px 0 10px;}
.tnow .tm{position:absolute;left:-64px;width:40px;text-align:right;
          font-family:'Made',sans-serif;font-size:12.5px;font-weight:800;color:var(--accent);}
.tnow .dot{position:absolute;left:-16px;width:12px;height:12px;border-radius:50%;
           background:var(--accent);box-shadow:0 0 0 4px rgba(255,107,44,.22);}
.tnow .ln{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent);}
.eve{margin-top:auto;padding-bottom:14px;}
.eve .tile p{font-size:13.5px;line-height:1.42;color:var(--ink-85);}
.who{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
     color:var(--ink-34);margin-bottom:8px;}
.acts2{display:flex;gap:8px;margin-top:10px;}
.acts2 button{flex:1;border-radius:100px;padding:14px 0;text-align:center;font-size:13.5px;font-weight:700;}
.acts2 .o{background:var(--accent);color:var(--on-accent);}
.acts2 .g{background:var(--solid);color:var(--on-solid);}
.acts2 button:active{transform:scale(.97);}
.said{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;
      color:var(--ink-60);animation:rise .3s ease;}
.said .ic{color:var(--accent);display:flex;}
.said b{color:var(--ink);font-weight:700;}

/* ---------- ИНБОКС ---------- */
#s-inbox .hero h1{font-size:30px;line-height:1.05;}
#s-inbox .hero .cap{display:flex;align-items:center;gap:8px;}
.no{font-family:'Geist',monospace;font-size:11px;font-weight:700;letter-spacing:0;
    color:var(--accent);}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.btns button{width:calc(50% - 4px);border-radius:100px;padding:13px 0;text-align:center;
             font-size:12.5px;font-weight:700;background:var(--hero-10);color:var(--hero-ink);}
.btns button.o{background:var(--accent);color:var(--on-accent);}
.btns button.new{background:var(--chip);color:var(--chip-ink);box-shadow:0 0 0 3px rgba(255,107,44,.55);}
.btns button:active{transform:scale(.96);}
.it{background:var(--card);border-radius:18px;padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow);}
.it .r{display:flex;align-items:center;gap:11px;}
.it .n{font-family:'Geist',monospace;font-size:11.5px;font-weight:700;color:var(--ink-34);
       width:20px;flex:none;}
.it p{flex:1;font-size:14px;font-weight:500;}
.it .age{display:flex;align-items:center;gap:5px;flex:none;}
.it .age i{width:5px;height:5px;border-radius:50%;background:var(--line-strong);display:block;}
.it .age i.hot{background:var(--accent);}
.it .ago{font-size:11px;font-weight:600;color:var(--ink-34);}
.it.old{box-shadow:inset 0 0 0 1.4px rgba(255,107,44,.5);}
.it.old .ago{color:var(--accent);}
.it.old .n{color:var(--accent);}
.alive{display:flex;align-items:center;gap:9px;margin-top:11px;padding-top:11px;
       border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-60);}
.alive .ic{color:var(--accent);display:flex;}
.alive .yn{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent);display:flex;gap:8px;}
.alive .yn button{color:var(--accent);font-weight:700;}
.empty{text-align:center;color:var(--ink-45);font-size:13px;padding:22px 0 4px;}
.add{display:flex;align-items:center;gap:10px;margin-top:auto;padding-bottom:14px;}
.add .f{flex:1;height:50px;border-radius:100px;background:var(--card);display:flex;align-items:center;
        padding:0 20px;font-size:16px;font-weight:500;color:var(--ink);}
.add .f::placeholder{color:var(--ink-38);}
.add .mic{width:50px;height:50px;}

/* выбор конкретного дня */
.sheet{position:fixed;inset:0;z-index:40;display:none;}
.sheet.on{display:block;}
.sheet .veil{position:absolute;inset:0;background:rgba(0,0,0,.44);animation:fade .2s ease;}
.sheet .body{position:absolute;left:0;right:0;bottom:0;background:var(--bg);
             border-radius:28px 28px 0 0;padding:22px 20px 26px;max-width:430px;margin:0 auto;
             animation:up .26s ease;}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
.sheet h3{font-family:'Made',sans-serif;font-size:21px;font-weight:800;letter-spacing:-.03em;}
.sheet .q{font-size:12.5px;color:var(--ink-60);margin-top:6px;font-weight:500;}
.dlist{margin-top:16px;display:flex;flex-direction:column;gap:7px;}
.dlist button{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;
              padding:13px 16px;text-align:left;box-shadow:var(--shadow);}
.dlist button .dd{font-family:'Made',sans-serif;font-weight:800;font-size:14px;width:34px;flex:none;}
.dlist button .nn{flex:1;font-size:13.5px;font-weight:500;color:var(--ink-85);}
.dlist button .tt{font-size:11.5px;font-weight:600;color:var(--ink-38);}
.dlist button:active{transform:scale(.985);}
.sheet .cancel{width:100%;margin-top:12px;padding:14px 0;border-radius:100px;
               background:var(--solid);color:var(--on-solid);font-weight:700;font-size:13.5px;}

/* ---------- ИТОГ НЕДЕЛИ ---------- */
#s-sum .hero{padding:22px 22px 20px;}
#s-sum .hero h1{font-size:40px;line-height:1.02;}
.bignum{display:flex;align-items:center;gap:14px;margin-top:16px;}
.bignum b{font-family:'Made',sans-serif;font-size:76px;font-weight:800;line-height:.86;
          letter-spacing:-.05em;color:var(--accent);}
.bignum span{font-size:12.5px;font-weight:600;line-height:1.25;color:var(--hero-60);
             text-transform:lowercase;}

/* донат «на что ушла неделя» */
.dwrap{display:flex;align-items:center;gap:18px;}
.donut{width:112px;flex:none;position:relative;}
.donut svg{display:block;width:100%;height:auto;}
.donut .dc{position:absolute;inset:0;display:flex;flex-direction:column;
           align-items:center;justify-content:center;gap:1px;}
.donut .dc b{font-family:'Made',sans-serif;font-size:26px;font-weight:800;letter-spacing:-.04em;
             line-height:1;color:var(--ink);}
.donut .dc span{font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
                color:var(--ink-38);}
.dleg{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0;}
.dleg .lr{display:flex;align-items:center;gap:9px;}
.dleg .lr i{width:9px;height:9px;border-radius:3px;flex:none;}
.dleg .lr .nm{flex:1;font-size:12.5px;font-weight:500;color:var(--ink-60);}
.dleg .lr b{font-family:'Made',sans-serif;font-size:14px;font-weight:800;color:var(--ink);}
.dleg .bar{height:4px;border-radius:2px;background:var(--line-2);margin-top:7px;overflow:hidden;}
.dleg .bar u{display:block;height:100%;border-radius:2px;}

/* доли недели полосой (главный экран) */
.split{display:flex;height:14px;border-radius:7px;gap:3px;}
.split u{display:block;height:100%;border-radius:7px;}
.slab{display:flex;gap:15px;margin-top:13px;flex-wrap:wrap;}
.slab div{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--ink-60);}
.slab i{width:8px;height:8px;border-radius:3px;flex:none;}
.slab b{font-family:'Made',sans-serif;font-size:12.5px;font-weight:800;color:var(--ink);}

/* динамика самооценки */
.spark{width:100%;}
.spark svg{display:block;width:100%;height:auto;}
.sparklab{display:flex;gap:5px;margin-top:7px;margin-bottom:13px;}
.sparklab span{flex:1;text-align:center;font-size:9.5px;font-weight:600;color:var(--ink-34);}
.sparklab span.on{color:var(--accent);}

/* отпустили / перенесли */
.wins{display:flex;gap:9px;margin-bottom:9px;}
.wcard{flex:1;background:var(--card);border-radius:20px;padding:15px 16px 16px;
       box-shadow:var(--shadow);}
.wcard .wtop{display:flex;align-items:center;justify-content:space-between;}
.wcard .wtop .ic{display:flex;}
.wcard .wtop b{font-family:'Made',sans-serif;font-size:26px;font-weight:800;line-height:1;
               letter-spacing:-.04em;}
.wcard .wnm{font-size:13px;font-weight:700;margin-top:9px;}
.wcard .wsub{font-size:11px;font-weight:500;color:var(--ink-45);margin-top:3px;line-height:1.3;}
.win-1{box-shadow:var(--shadow),inset 0 0 0 1.4px var(--win-soft);}
.win-1 .wtop .ic,.win-1 .wtop b,.win-1 .wnm{color:var(--win);}
.win-2 .wtop .ic,.win-2 .wtop b{color:var(--accent);}

.ask{margin-top:6px;padding-bottom:20px;flex:none;}
.ask .gcap{margin:24px 2px 12px;}
.scale{display:flex;gap:4px;}
.scale button{flex:1;height:46px;border-radius:14px;background:var(--line-2);display:flex;
              align-items:center;justify-content:center;font-family:'Made',sans-serif;font-size:13px;
              font-weight:800;color:var(--ink-38);transition:background .16s ease,color .16s ease;}
.scale button.on{background:var(--accent);color:var(--on-accent);transform:scale(1.06);}
.lab{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;
     font-weight:600;color:var(--ink-38);}

/* ---------- ТАБ-БАР ---------- */
.tabs{display:flex;align-items:center;justify-content:space-between;
      padding:14px 26px 26px;border-top:1px solid var(--line);background:var(--bg);flex:none;
      transition:background .25s ease;}
.tabs .t{display:flex;flex-direction:column;align-items:center;gap:5px;
         color:var(--ink-34);font-size:9.5px;font-weight:600;letter-spacing:.01em;}
.tabs .t.on{color:var(--accent);}

/* ---------- ПОДГОНКА ПОД 390x844 ---------- */
#s-home .hero{padding:24px 22px 24px;}
#s-home .weeks.big{height:56px;margin-top:26px;}
#s-home .weeks.big i{height:24px;}
#s-home .weeks.big i.on{height:44px;}
#s-home .weeks.big i.now{height:56px;}
#s-home .sep{margin:22px 0 6px;}
#s-home .task{padding:13px 0;}
#s-home .gcap{margin:30px 2px 15px;}
#s-home .ring .rw{max-width:66px;}

#s-day .hero{padding:20px 22px 17px;}
#s-day .task{padding:9px 0;}
#s-day .foot{margin-top:12px;}
#s-day .gcap{margin:20px 2px 12px;}
#s-day .eve{padding-bottom:12px;}