/* Сонмик — разделы Статистика, Гид, Настройки и аватарка малыша (из прототипа 07). */
.app{--c-night:linear-gradient(90deg,#CFC8FF,#A79CFF);--c-nap:linear-gradient(90deg,#FFDB9A,#FFB27E);--c-night-s:#B9B0FF;--c-nap-s:#FFC78C;
  --c-track:rgba(255,255,255,.12);--c-grid:rgba(255,255,255,.16);--c-fore:rgba(255,255,255,.55);--c-now:#FFE2B8;--muted:rgba(255,255,255,.66);--lbl-on:#28237E}
.app[data-mode="day"]{--c-night:linear-gradient(90deg,#7E74EC,#9C8EF4);--c-nap:linear-gradient(90deg,#FFC066,#F7987A);--c-night-s:#8A7FF0;--c-nap-s:#FBA874;
  --c-track:rgba(108,99,196,.09);--c-grid:rgba(108,99,196,.14);--c-fore:rgba(90,84,180,.5);--c-now:#F2866E;--muted:#6E6CA8;--lbl-on:#fff}
.home{flex:1 1 0;min-height:0;display:flex;flex-direction:column;transition:opacity .4s var(--ease),transform .6s var(--ease-out)}
.app.on-pane .home{opacity:0;transform:translate3d(-2.4rem,0,0);pointer-events:none}
.stats{position:absolute;left:0;right:0;top:11rem;bottom:9rem;z-index:5;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:.4rem 1.75rem 2.4rem;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 1rem,#000 calc(100% - 2rem),transparent);
          mask-image:linear-gradient(180deg,transparent 0,#000 1rem,#000 calc(100% - 2rem),transparent);
  opacity:0;visibility:hidden;transform:translate3d(2.4rem,0,0);transition:opacity .45s var(--ease),transform .7s var(--ease-out),visibility 0s .7s}
.stats::-webkit-scrollbar{display:none}
.stats.open{opacity:1;visibility:visible;transform:none;transition:opacity .5s .08s var(--ease),transform .7s .08s var(--ease-out),visibility 0s}
.st-head{display:flex;align-items:flex-end;padding:1.4rem .6rem 0 2.4rem;min-height:9.6rem}
.st-title{font-size:2.9rem;line-height:1.05;font-weight:700;letter-spacing:-.022em;color:var(--ink);transition:color .7s var(--ease-io);text-shadow:0 .2rem 1.4rem rgba(24,24,100,.22)}
.app[data-mode="day"] .st-title{text-shadow:0 .1rem 1.2rem rgba(255,255,255,.55)}
.st-sub{margin-top:.5rem;font-size:1.4rem;font-weight:500;color:var(--ink);opacity:.66;transition:color .7s var(--ease-io)}

.pseg{position:relative;isolation:isolate;display:flex;margin:2rem 0 0;height:4.8rem;padding:.45rem;border-radius:2.6rem;
  -webkit-backdrop-filter:blur(1.4rem) saturate(1.35);backdrop-filter:blur(1.4rem) saturate(1.35)}
.pseg-thumb{position:absolute;z-index:0;top:.45rem;bottom:.45rem;left:.45rem;width:calc((100% - .9rem)/3);border-radius:2.2rem;transition:transform .55s var(--ease-out)}
.pseg button{position:relative;z-index:1;flex:1;border:0;background:none;font-size:1.5rem;font-weight:500;color:var(--nav-ink);transition:color .4s var(--ease)}
.pseg button.on{color:var(--nav-on);font-weight:700}
.app[data-mode="night"] .pseg button{color:rgba(255,255,255,.82)}
.app[data-mode="night"] .pseg button.on{color:#262278}
.gcard{position:relative;isolation:isolate;border-radius:2.6rem;margin-top:1.4rem;padding:1.8rem 2rem;color:var(--ink);
  -webkit-backdrop-filter:blur(1.4rem) saturate(1.35);backdrop-filter:blur(1.4rem) saturate(1.35);transition:color .7s var(--ease-io)}
.gcard>.skin,.pseg>.skin,.pseg-thumb>.skin,.st-report>.skin,.dnav>.skin{border-radius:inherit}
.pseg-thumb .skin-n{background:linear-gradient(180deg,rgba(242,239,255,.96),rgba(220,214,255,.86));box-shadow:inset 0 1.5px 0 #fff,0 .5rem 1.4rem -.5rem rgba(40,34,140,.6)}
.pseg-thumb .skin-d{background:linear-gradient(180deg,#FFFAF4,rgba(255,236,224,.96));box-shadow:inset 0 1.5px 0 #fff,0 .5rem 1.4rem -.5rem rgba(222,140,110,.5)}
.g-h{display:flex;align-items:baseline;gap:1rem;font-size:1.55rem;font-weight:600;letter-spacing:-.01em}
.g-h small{margin-left:auto;font-size:1.25rem;font-weight:500;color:var(--muted);transition:color .7s var(--ease-io)}
.muted{color:var(--muted);transition:color .7s var(--ease-io)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.num u{text-decoration:none;font-size:.78em;margin:0 .18em 0 .12em;font-weight:600}
.dnav{position:relative;isolation:isolate;display:flex;align-items:center;margin-top:1.4rem;height:4.6rem;border-radius:2.4rem;padding:0 .5rem;
  -webkit-backdrop-filter:blur(1.4rem);backdrop-filter:blur(1.4rem);color:var(--ink)}
.dnav button{width:3.8rem;height:3.8rem;border:0;border-radius:50%;background:none;color:inherit;display:grid;place-items:center;transition:transform .2s,opacity .3s}
.dnav button:active{transform:scale(.88)}.dnav button[disabled]{opacity:.28}
.dnav svg{width:2rem;height:2rem}
.dnav .dl{flex:1;text-align:center;font-size:1.5rem;font-weight:600}
.dnav .dl span{font-weight:500;opacity:.66}
.sum-top{display:flex;align-items:flex-end;justify-content:space-between}
.sum-big{font-size:3.3rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-top:.7rem}
.sum-legend{display:flex;flex-direction:column;gap:.55rem;font-size:1.25rem;font-weight:500;padding-bottom:.2rem}
.lg{display:inline-flex;align-items:center;gap:.6rem}.lg i{width:1rem;height:1rem;border-radius:.35rem}
.lg .n{background:var(--c-night)}.lg .d{background:var(--c-nap)}
.split{display:flex;height:1rem;border-radius:.6rem;overflow:hidden;margin-top:1.6rem;background:var(--c-track);gap:2px}
.split i{height:100%}
.split .n{background:var(--c-night)}.split .d{background:var(--c-nap)}
.sum-cols{display:grid;grid-template-columns:1fr 1fr;margin-top:1.6rem}
.sum-cols>div+div{border-left:1px solid var(--c-grid);padding-left:1.8rem}
.sum-cols .k{font-size:1.25rem;font-weight:500}
.sum-cols .v{font-size:2.1rem;font-weight:700;letter-spacing:-.02em;margin-top:.35rem}
.sum-cols .s{font-size:1.25rem;margin-top:.25rem}
.tl{margin-top:1rem}
.ev{position:relative;display:grid;grid-template-columns:4.8rem 2.6rem 1fr;align-items:start;min-height:4.4rem;width:100%;border:0;background:none;color:inherit;text-align:left;font:inherit;padding:.5rem 0}
.ev .t{font-size:1.35rem;font-weight:600;padding-top:.15rem;font-variant-numeric:tabular-nums}
.ev .dot{position:relative;justify-self:center;width:1.2rem;height:1.2rem;margin-top:.35rem;border-radius:50%;z-index:1}
.ev .dot.n{background:var(--c-night-s)}.ev .dot.d{background:var(--c-nap-s)}
.ev .dot.f{background:none;border:1.5px dashed var(--c-fore)}
.ev .dot.live::after{content:"";position:absolute;inset:-.5rem;border-radius:50%;border:1.5px solid var(--c-now);animation:nzRing 2.2s ease-out infinite}
.ev::before{content:"";position:absolute;left:6.1rem;width:2px;margin-left:-1px;top:2.3rem;bottom:-1.3rem;background:var(--c-grid)}
.ev.fore::before{background:none;border-left:1.5px dashed var(--c-fore);width:0;opacity:.7}
.ev:last-child::before{display:none}
.ev .ti{font-size:1.5rem;font-weight:600;line-height:1.25}
.ev .su{font-size:1.25rem;margin-top:.15rem;line-height:1.3}
.ev .tag{display:inline-block;margin-left:.5rem;padding:.15rem .7rem;border-radius:1rem;font-size:1.1rem;font-weight:600;background:var(--c-track);vertical-align:.15rem}
.ev.fore .ti,.ev.fore .t{opacity:.72;font-weight:500}
.ev.gap{min-height:3rem;padding:.15rem 0}
.ev.gap .su{margin-top:0;font-size:1.2rem}
.ev.gap .dot{width:.5rem;height:.5rem;margin-top:.55rem;background:var(--c-grid)}
.ev:active:not(.gap):not(.fore) .ti{opacity:.7}
.page.on .ev{animation:textIn .7s var(--ease-out) both;animation-delay:calc(var(--k,0)*45ms + 200ms)}
.dwas{margin-top:.6rem;font-size:1.3rem;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.dchip{display:inline-block;padding:.25rem .8rem;border-radius:1rem;background:var(--c-track);color:var(--ink);font-size:1.2rem;font-weight:700;white-space:nowrap}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.4rem}
.tile{padding:1.3rem 1.4rem;border-radius:1.8rem;background:var(--c-track)}
.tile .k{font-size:1.2rem;font-weight:500}
.tile .v{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-top:.4rem}
.tile .s{font-size:1.15rem;margin-top:.3rem;line-height:1.3}
.trend{position:relative;height:15rem;margin-top:1.8rem}
.trend svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.trend .area{fill:url(#trFill)}
.trend .ln{fill:none;stroke:var(--c-night-s);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.page.on .trend .ln{animation:draw 1.6s .2s var(--ease-out) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.trend .avg{stroke:var(--c-fore);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.trend .yl{position:absolute;left:0;font-size:1.05rem;color:var(--muted);transform:translateY(-50%)}
.trend .pt{position:absolute;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem;border-radius:50%;background:var(--c-night-s);box-shadow:0 0 0 .35rem rgba(255,255,255,.28)}
.mticks{display:flex;justify-content:space-between;margin-top:.7rem;font-size:1.1rem;font-weight:500}
.ins{display:grid;grid-template-columns:3.6rem 1fr;gap:1.2rem;align-items:start;padding:1.3rem 0}
.ins+.ins{border-top:1px solid var(--c-grid)}
.ins .ico{width:3.6rem;height:3.6rem;border-radius:1.2rem;display:grid;place-items:center;background:var(--c-track)}
.ins .ico svg{width:2rem;height:2rem}
.ins .ti{font-size:1.45rem;font-weight:600;line-height:1.3}
.ins .su{font-size:1.25rem;line-height:1.35;margin-top:.25rem}
.chips{display:flex;gap:.6rem;margin-top:1.4rem;flex-wrap:wrap}
.chips span{padding:.5rem 1rem;border-radius:1.4rem;background:var(--c-track);font-size:1.2rem;font-weight:500}
.pages{position:relative}
.page{display:none}
.page.on{display:block;animation:pageIn .55s var(--ease-out) both}
.page.on.back{animation-name:pageInBack}
@keyframes pageIn{from{opacity:0;transform:translate3d(2.2rem,0,0)}}
@keyframes pageInBack{from{opacity:0;transform:translate3d(-2.2rem,0,0)}}
.page.on>.gcard,.page.on>.dnav{animation:cardIn .8s var(--ease-out) both}
.page.on>:nth-child(2){animation-delay:.06s}.page.on>:nth-child(3){animation-delay:.12s}.page.on>:nth-child(4){animation-delay:.18s}
.st-report{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:.9rem;width:100%;height:5.4rem;margin-top:1.6rem;border:0;
  border-radius:2.7rem;font-size:1.55rem;font-weight:600;color:var(--ink);background:none;
  -webkit-backdrop-filter:blur(1.4rem);backdrop-filter:blur(1.4rem);transition:transform .2s var(--ease),color .7s var(--ease-io)}
.st-report svg{width:2.1rem;height:2.1rem}.st-report:active{transform:scale(.97)}
.st-note{margin:1.2rem 1rem 0;text-align:center;font-size:1.15rem;line-height:1.4}
.empty{font-size:1.35rem;line-height:1.45;margin-top:1rem}
/* строка суток */
.dax{position:relative;height:1.6rem;font-size:1.05rem;font-weight:500}
.dax span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.dax span:first-child{transform:none}.dax span:last-child{transform:translateX(-100%)}
.dln{position:relative;height:2.6rem;border-radius:.9rem;background:var(--c-track)}
.dln>.g{position:absolute;top:0;bottom:0;width:1px;background:var(--c-grid)}
.dln>.avg{position:absolute;top:-.35rem;bottom:-.35rem;width:0;border-left:1.5px dashed var(--c-now);opacity:.8;z-index:2}
.dln>b{position:absolute;top:0;bottom:0;border-radius:.8rem;transform-origin:0 50%}
.dln>b.n{background:var(--c-night)}.dln>b.d{background:var(--c-nap)}
.dln>b.f{background:none;border:1.5px dashed var(--c-fore)}
.dln>.w{position:absolute;top:30%;bottom:30%;width:2px;margin-left:-1px;border-radius:1px;background:var(--lbl-on);opacity:.5}
.dln>em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.05rem;font-weight:700;color:var(--lbl-on);white-space:nowrap;z-index:1;font-variant-numeric:tabular-nums}
.dln>.now{position:absolute;top:-.5rem;bottom:-.5rem;width:2px;margin-left:-1px;border-radius:1px;background:var(--c-now);box-shadow:0 0 .8rem var(--c-now);z-index:3}
.dln.big{height:4.6rem;border-radius:1.2rem}.dln.big>b{border-radius:1rem}.dln.big>em{font-size:1.15rem}
.dln.sm{height:2.4rem;opacity:.62}
.dtags{position:relative;height:3.1rem;margin-top:.3rem}
.dtags span{position:absolute;bottom:.3rem;transform:translateX(-50%);text-align:center;font-size:1.05rem;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--muted)}
.dtags span b{display:block;font-size:1.15rem;font-weight:700;color:var(--ink)}
.dtags span.fc b{color:var(--muted)}
.dsub{font-size:1.3rem;margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--c-grid)}
.dleg{flex-direction:row!important;flex-wrap:wrap;gap:.6rem 1.4rem!important;margin-top:1.3rem}
.dlist{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}
.drow{display:grid;grid-template-columns:3.8rem minmax(0,1fr) 5.2rem;column-gap:.8rem;align-items:center;width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0}
.dlist.wide .drow{grid-template-columns:6.2rem minmax(0,1fr) 5.2rem}
.drow.ax{margin-bottom:-.3rem}
.drow .dn{font-size:1.2rem;font-weight:600;white-space:nowrap;line-height:1.2}
.drow .dt{font-size:1.2rem;font-weight:700;text-align:right;white-space:nowrap}
button.drow:active .dln{opacity:.7}
.page.on .dln>b{animation:ribIn .9s var(--ease-out) both;animation-delay:calc(var(--k,0)*55ms + 140ms)}
.page.on .dln>em{animation:fadeIn .6s .6s both}
.page.on .drow:not(.ax){animation:textIn .6s var(--ease-out) both;animation-delay:calc(var(--k,0)*45ms + 120ms)}
@keyframes ribIn{from{transform:scaleX(0);opacity:0}}
.grow{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 0;cursor:pointer}
.grow+.grow{border-top:1px solid var(--c-grid)}
.g-h+.grow{margin-top:.4rem}
.grow .t{font-size:1.45rem;font-weight:600;line-height:1.3}
.grow .s{font-size:1.25rem;color:var(--muted);margin-top:.2rem;line-height:1.35}
.gi{flex:none;width:4.2rem;height:4.2rem;border-radius:1.4rem;display:grid;place-items:center;background:var(--c-track);font-size:2rem}
.chev{margin-left:auto;padding-left:.6rem;opacity:.45;font-size:2rem;line-height:1}
.obs-note{font-size:1.2rem;margin-top:.8rem;line-height:1.4}
@media (prefers-reduced-motion:reduce){.page.on,.page.on *{animation:none!important}.trend .ln{stroke-dashoffset:0}}

/* ───────── Гид ───────── */
.gp>*{margin-top:1.4rem}
.gp.go>*{animation:cardIn .8s var(--ease-out) both}
.gp.go>:nth-child(2){animation-delay:.07s}.gp.go>:nth-child(3){animation-delay:.14s}.gp.go>:nth-child(4){animation-delay:.21s}.gp.go>:nth-child(5){animation-delay:.28s}
.kick{font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-now)}
.rbot{display:flex;gap:1rem;align-items:flex-start;margin-top:1.3rem;padding:1.1rem 1.2rem;border-radius:1.6rem;background:var(--c-track);font-size:1.25rem;line-height:1.4}
.rbot svg{flex:none;width:2rem;height:2rem;margin-top:.1rem;color:var(--c-now)}
.gbtn{margin-top:1.3rem;height:4rem;padding:0 1.8rem;border:0;border-radius:2rem;background:var(--q-bg);box-shadow:var(--q-sh);color:var(--q-ink);font-size:1.35rem;font-weight:600}
.gbtn:active{transform:scale(.96)}
.gpath{position:relative;margin-top:1.4rem;padding-left:2.6rem}
.gpath::before{content:"";position:absolute;left:.8rem;top:.8rem;bottom:.8rem;width:2px;background:var(--c-grid)}
.gst{position:relative;padding:.4rem 0 1.4rem}
.gst:last-child{padding-bottom:.2rem}
.gst::before{content:"";position:absolute;left:-2.3rem;top:.7rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--c-grid)}
.gst.done::before{background:var(--c-night-s)}
.gst.next::before{background:none;border:1.5px dashed var(--c-fore)}
.gst.now::before{left:-2.6rem;top:.4rem;width:1.8rem;height:1.8rem;background:var(--c-now);box-shadow:0 0 0 .6rem rgba(255,226,184,.2)}
.gst .m{font-size:1.4rem;font-weight:700}
.gst .d{font-size:1.25rem;color:var(--muted);margin-top:.3rem;line-height:1.4}
.gst.next .m{opacity:.8}
.gst .box{margin-top:1rem;padding:1.4rem;border-radius:1.8rem;background:var(--c-track)}
.gst .box ul{margin:.6rem 0 0 1.6rem}
.gst .box li{font-size:1.3rem;line-height:1.45;margin-top:.4rem}
.gdoc{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.4rem 1.6rem;border:0;border-radius:2.4rem;text-align:left;color:var(--ink);font:inherit;
  background:rgba(255,200,170,.14);box-shadow:inset 0 0 0 1px rgba(255,210,180,.32);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}
.app[data-mode="day"] .gdoc{background:rgba(242,134,110,.1);box-shadow:inset 0 0 0 1px rgba(242,134,110,.3)}
.gdoc b{display:block;font-size:1.45rem}.gdoc .muted{display:block;font-size:1.25rem;margin-top:.2rem}
.gdoc .gi{background:none}
.gdoc:active{transform:scale(.98)}
.rt{font-size:1.9rem;font-weight:700;line-height:1.25;margin-top:.8rem;letter-spacing:-.01em}
.rp{font-size:1.35rem;line-height:1.45;margin-top:.8rem}
.gbtn.wide{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;height:4.8rem;font-size:1.5rem;font-weight:700;border-radius:2.4rem;
  background:var(--sh-primary);color:#fff;box-shadow:0 1rem 2rem -1rem var(--sh-primary-sh),inset 0 1px 0 rgba(255,255,255,.4)}
.gbtn.wide span{font-size:2rem;line-height:1;margin-top:-.2rem}
.gback{display:inline-flex;align-items:center;gap:.4rem;height:3.6rem;padding:0 1.4rem 0 .8rem;margin-top:1rem;border:0;border-radius:1.8rem;
  background:var(--q-bg);box-shadow:var(--q-sh);color:var(--q-ink);font-size:1.4rem;font-weight:600}
.gback svg{width:2rem;height:2rem}
.vh{font-size:2.6rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-top:1.4rem;line-height:1.15;text-shadow:0 .2rem 1.2rem rgba(24,24,100,.2)}
.app[data-mode="day"] .vh{text-shadow:none}
.vp{font-size:1.35rem;line-height:1.45;margin-top:.8rem;padding-right:1rem}
.rlist{display:flex;flex-direction:column;gap:1rem;margin-top:1.6rem}
.rcard{position:relative;display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem 1.4rem;border:0;border-radius:2.2rem;text-align:left;font:inherit;color:var(--ink);
  background:var(--q-bg);box-shadow:var(--q-sh);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);transition:transform .2s var(--ease)}
.rcard:active{transform:scale(.98)}
.rc{display:flex;flex-direction:column;min-width:0}
.rc b{font-size:1.5rem;font-weight:700}
.rc .muted{font-size:1.2rem;margin-top:.2rem;line-height:1.3}
.radd{width:100%;height:5rem;margin-top:1rem;border:1.5px dashed var(--c-fore);border-radius:2.2rem;background:none;color:var(--ink);font-size:1.45rem;font-weight:600}
.radd:active{transform:scale(.98)}
.rchips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.rchip{height:3.4rem;padding:0 1.2rem;border:0;border-radius:1.7rem;background:var(--c-track);color:var(--ink);font-size:1.3rem;font-weight:600;box-shadow:inset 0 0 0 1px var(--c-grid)}
.rchip.on{background:var(--ink);color:#2A2880;box-shadow:none}
.app[data-mode="day"] .rchip.on{color:#fff}
.dhero{text-align:center;margin-top:1rem}
.dic{display:inline-grid;place-items:center;width:8rem;height:8rem;border-radius:2.6rem;font-size:4.2rem;background:var(--q-bg);box-shadow:var(--q-sh)}
.dhero .vh{margin-top:1.2rem}
.dhero p{font-size:1.35rem;margin-top:.5rem}
.dtext p{font-size:1.45rem;line-height:1.55;color:var(--ink)}
.dtext p+p{margin-top:1rem}
.dex{margin-top:1.4rem;padding:1.3rem 1.4rem;border-radius:1.8rem;background:var(--c-track)}
.dex p{margin-top:.5rem!important;font-size:1.4rem}
.dsrc{margin-top:1.4rem!important;font-size:1.15rem!important;color:var(--muted)!important}
.fl{display:block;font-size:1.25rem;font-weight:600;color:var(--muted)}
.fl+.fl{margin-top:1.2rem}
.fl input,.fl textarea,.fta{display:block;width:100%;margin-top:.6rem;padding:1.1rem 1.3rem;border:0;border-radius:1.6rem;background:var(--c-track);box-shadow:inset 0 0 0 1px var(--c-grid);
  color:var(--ink);font:500 1.5rem/1.4 var(--font);-webkit-user-select:text;user-select:text;resize:none;outline:none}
.fl input:focus,.fl textarea:focus,.fta:focus{box-shadow:inset 0 0 0 1.5px var(--c-now)}
.fl input::placeholder,.fl textarea::placeholder,.fta::placeholder{color:var(--muted)}
.gp.fwd{animation:pageIn .5s var(--ease-out) both}
.gp.bk{animation:pageInBack .5s var(--ease-out) both}
.gp.fwd .rcard,.gp.go .rcard{animation:textIn .55s var(--ease-out) both;animation-delay:calc(var(--k,0)*40ms + 120ms)}
.gpane.sub .st-head{display:none}
.achips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 .2rem}
.achips span{padding:.5rem 1rem;border-radius:1.4rem;background:var(--c-track);font-size:1.25rem;font-weight:600}
.warn{margin-top:1.4rem;padding:1.3rem 1.5rem;border-radius:1.8rem;font-size:1.25rem;line-height:1.45;color:var(--ink);
  background:rgba(255,200,170,.14);box-shadow:inset 0 0 0 1px rgba(255,210,180,.32);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}
.app[data-mode="day"] .warn{background:rgba(242,134,110,.1);box-shadow:inset 0 0 0 1px rgba(242,134,110,.3)}
.warn b{font-weight:700}
.aby{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:1.4rem;text-align:center;color:var(--ink)}
.aby b{font-size:1.4rem}.aby .muted{font-size:1.2rem}
.atext ul{margin:.8rem 0 0 1.8rem}
.atext li{font-size:1.4rem;line-height:1.5;color:var(--ink);margin-top:.5rem}
.atext ul+p{margin-top:1rem}
.asrc{font-size:1.25rem!important;line-height:1.4!important}
.alead{font-weight:600}
.rf{margin-top:1.4rem;padding:1.4rem 1.5rem 1.5rem;border-radius:1.8rem}
.rf ul{margin:.6rem 0 0 1.8rem}
.rf li{font-size:1.4rem;line-height:1.45;color:var(--ink);margin-top:.6rem}
.rfh{font-size:1.55rem;font-weight:800;letter-spacing:-.01em}
.rf-red{background:rgba(255,92,92,.2);box-shadow:inset 0 0 0 1.5px rgba(255,120,120,.6)}
.rf-red .rfh{color:#FFB4B4}
.app[data-mode="day"] .rf-red{background:rgba(220,50,50,.08);box-shadow:inset 0 0 0 1.5px rgba(220,60,60,.45)}
.app[data-mode="day"] .rf-red .rfh{color:#C62828}
.rf-amber{background:rgba(255,180,90,.16);box-shadow:inset 0 0 0 1px rgba(255,200,120,.45)}
.rf-amber .rfh{color:#FFD39A}
.app[data-mode="day"] .rf-amber{background:rgba(230,140,40,.09);box-shadow:inset 0 0 0 1px rgba(220,140,50,.4)}
.app[data-mode="day"] .rf-amber .rfh{color:#B85F00}
.rf-blue{background:var(--c-track);box-shadow:inset 0 0 0 1px var(--c-grid)}
.rfcall{display:flex;gap:.8rem;margin-top:1.3rem}
.rfcall a{flex:1;display:flex;align-items:center;justify-content:center;height:4.8rem;border-radius:2.4rem;text-decoration:none;font-size:1.7rem;font-weight:800;
  color:#fff;background:linear-gradient(96deg,#E5484D,#F2704E);box-shadow:0 1rem 2rem -1rem rgba(229,72,77,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.rfcall a:active{transform:scale(.97)}
.atext h4{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin-top:2rem;line-height:1.25}
.atext h4:first-child{margin-top:0}

/* ───────── Настройки ───────── */
.sp.go>*{animation:cardIn .7s var(--ease-out) both}
.sg-t{display:flex;align-items:baseline;margin:2rem .6rem 0;font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);opacity:.8}
.sg-t small{margin-left:auto;font-size:1.15rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.sp>.gcard{margin-top:.8rem}
.slist{padding:.4rem 1.6rem}
.srow{display:flex;align-items:center;gap:1.2rem;min-height:5.4rem;padding:1rem 0;width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left}
.srow+.srow{border-top:1px solid var(--c-grid)}
button.srow:active .sl{opacity:.6}
.sl{flex:1;min-width:0;font-size:1.45rem;font-weight:600;color:var(--ink);line-height:1.3}
.sl small{display:block;font-size:1.2rem;font-weight:500;color:var(--muted);margin-top:.2rem;line-height:1.3}
.sv{font-size:1.35rem;font-weight:500;color:var(--muted);white-space:nowrap}
.sv.ok{color:var(--c-now);font-weight:700}
.srow .chev{margin-left:0}
.srow.add .sl{color:var(--c-now)}
.srow.danger .sl{color:#FF8A8A}
.app[data-mode="day"] .srow.danger .sl{color:#C62828}
.srow.sub{padding-left:1.6rem}
.tg{flex:none;position:relative;width:5.2rem;height:3.1rem;border:0;border-radius:1.6rem;background:var(--c-grid);transition:background .3s var(--ease);padding:0}
.tg::after{content:"";position:absolute;left:.3rem;top:.3rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;box-shadow:0 .2rem .6rem rgba(20,20,80,.35);transition:transform .35s var(--ease-out)}
.tg.on{background:linear-gradient(96deg,#7C6EF0,#B79AF6)}
.app[data-mode="day"] .tg.on{background:linear-gradient(96deg,#FFB65A,#F59A78)}
.tg.on::after{transform:translateX(2.1rem)}
.sbaby{display:flex;align-items:center;gap:1.6rem}
.ava{position:relative;flex:none;width:8.4rem;height:8.4rem;border-radius:50%;cursor:pointer;background:var(--q-bg);box-shadow:var(--q-sh),0 0 0 .3rem rgba(255,255,255,.25);border:0;padding:0}
.ava-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem}
.ava img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;display:none}
.ava.has img{display:block}.ava.has .ava-ph{display:none}
.ava-cam{position:absolute;right:-.2rem;bottom:-.2rem;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.5rem;background:#fff;box-shadow:0 .3rem .8rem rgba(20,20,80,.35)}
.sb-r{display:flex;flex-direction:column;min-width:0}
.sb-r b{font-size:2rem;font-weight:700;color:var(--ink)}
.sb-r .muted{font-size:1.25rem;margin-top:.3rem}
.slink{align-self:flex-start;margin-top:.8rem;height:3.2rem;padding:0 1.3rem;border:0;border-radius:1.6rem;background:var(--q-bg);box-shadow:var(--q-sh);color:var(--q-ink);font-size:1.3rem;font-weight:600}
.fa{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.5rem;color:#2A2880;background:linear-gradient(160deg,#E8E3FF,#B9B0FF)}
.fa.f2{background:linear-gradient(160deg,#FFE9D6,#FFC78C)}
.segx{display:flex;gap:.4rem;padding:.3rem;border-radius:1.6rem;background:var(--c-track);box-shadow:inset 0 0 0 1px var(--c-grid)}
.segx button{height:3.2rem;padding:0 1.2rem;border:0;border-radius:1.3rem;background:none;color:var(--muted);font-size:1.3rem;font-weight:600}
.segx button.on{background:var(--ink);color:#2A2880}
.app[data-mode="day"] .segx button.on{color:#fff}

/* аватарка малыша вверху (без бантиков — решение в док. 08) */
.kid{margin-left:auto;position:relative;width:4.6rem;height:4.6rem;border:0;padding:0;border-radius:50%;background:none;transition:transform .2s var(--ease)}
.kid:active{transform:scale(.92)}
.kid-in{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.4),rgba(255,255,255,.14));box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75),0 .5rem 1.4rem -.4rem rgba(20,18,90,.55)}
.app[data-mode="day"] .kid-in{background:linear-gradient(160deg,#fff,#FFEDE4)}
.kid-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.kid-e{font-size:2.6rem;line-height:1}
.kid.has .kid-in img{display:block}.kid.has .kid-e{display:none}
.kid-menu{position:absolute;z-index:9;right:1.6rem;top:calc(100% - .4rem);display:flex;align-items:center;gap:.8rem;height:4.6rem;padding:0 1.8rem 0 1.4rem;border:0;border-radius:2.3rem;
  background:rgba(34,32,110,.82);color:#fff;font:600 1.45rem var(--font);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1.2rem 2.6rem -.8rem rgba(20,18,80,.65);
  -webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);opacity:0;transform:translate3d(0,-.8rem,0) scale(.94);transform-origin:90% 0;pointer-events:none;
  transition:opacity .25s var(--ease),transform .4s var(--ease-out)}
.app[data-mode="day"] .kid-menu{background:rgba(255,250,247,.94);color:#1D2372;box-shadow:inset 0 1px 0 #fff,0 1.2rem 2.6rem -.8rem rgba(206,118,116,.55)}
.kid-menu.open{opacity:1;transform:none;pointer-events:auto}
.kid-menu span{font-size:1.8rem}
/* пояснение под заголовком подстраницы — на стеклянной подложке, чтобы читалось на любом небе */
.vp{padding:1rem 1.3rem;border-radius:1.8rem;background:var(--q-bg);box-shadow:var(--q-sh);color:var(--ink);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}
.vp.muted{color:var(--ink);opacity:.92}