/* ═════════════════════════════════════════════════════════════════════════
   v1.19.1015 (задача 13, релиз 13а) — ПРИЛОЖЕНИЕ КЛИЕНТОВ «הגורים של אייל» (/app).
   Оформление перенесено из утверждённого превью (P13: CONTRACT п. 1–42, CANON):
   те же классы, цвета, движения; варианты, отклонённые владельцем, и рамка
   телефона превью убраны. Отличия от превью — только устройство:
     · строка состояния превью (50 px) → безопасная зона телефона (--sat / --sab);
     · место и размер волны касания, задержка точки приветствия — переменными
       (--rx / --ry / --rd, --wd), их ставит скрипт; стилей в разметке нет;
     · заставка «Пульс» бьётся, пока идёт загрузка (п. 3).
   «Меньше движения» — класс .rm на корне (настройка телефона или панель
   доступности приложения). Светлая и тёмная темы — классы .light / .dark.
   ═════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Vet OSHC';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/vetoshc/VetOSHC-Light.woff2) format('woff2')}
@font-face{font-family:'Vet OSHC';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/vetoshc/VetOSHC-Regular.woff2) format('woff2')}
@font-face{font-family:'Vet OSHC';font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/vetoshc/VetOSHC-Bold.woff2) format('woff2')}
@font-face{font-family:'Vet OSHC';font-style:normal;font-weight:800 900;font-display:swap;src:url(/fonts/vetoshc/VetOSHC-ExtraBold.woff2) format('woff2')}
html,body{height:100%;margin:0;overflow:hidden;background:#e9ebf3;overscroll-behavior:none}
html.vca-dark,html.vca-dark body{background:#080a14}
body{font-family:'Vet OSHC','Assistant','Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#1b2238;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
input,select,textarea{font-family:inherit}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:3px solid #22b8ef;outline-offset:2px}
img{display:block}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* ═══════════ phone ═══════════ */
.ph{position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:560px;overflow:hidden;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45;isolation:isolate;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--st:max(var(--sat),10px);--nb:max(12px,calc(var(--sab) - 12px));--mk:url(/img/branding/login/logo-mark-white.png)}
.ph *{min-width:0}
/* tokens: variant 1 · indigo */
.v1.light{--bg:#f5f6fb;--sf:#fff;--sf2:#eef1fb;--ink:#1b2238;--ink2:#475569;--ink3:#59647a;--line:#e3e7f1;--ac:#545cd8;--acd:#3a3f9f;--aci:#fff;--wash:#eef1fb;--acx:#3a3f9f;--nav:#fff;--navi:#59647a;--nava:#3a3f9f;--navp:#e6e9fb;--sh:0 8px 22px -14px rgba(27,34,56,.35);--okb:#e4f4ea;--okf:#11633a;--snb:#fdf0dc;--snf:#7e5208;--bdb:#fdeaea;--bdf:#a11414;--inb:#eef1fb;--inf:#3a3f9f;--hero:linear-gradient(155deg,#6e74e0 0%,#545cd8 50%,#3a3f9f 100%);--rc:22px;--rb:14px;--rs:12px;--dan:#b42318}
.v1.dark{--bg:#0e1120;--sf:#181c31;--sf2:#22284a;--ink:#eef0fb;--ink2:#c5cae6;--ink3:#a1a8cb;--line:#2a3052;--ac:#8a90f2;--acd:#a7acf6;--aci:#0e1120;--wash:#252b52;--acx:#c4c7fa;--nav:#141829;--navi:#a1a8cb;--nava:#d4d6fc;--navp:#2c3366;--sh:none;--okb:#123222;--okf:#86e3ad;--snb:#3b2b0c;--snf:#f5c97f;--bdb:#3f1619;--bdf:#ffa3a3;--inb:#252b52;--inf:#c4c7fa;--hero:linear-gradient(155deg,#33388a 0%,#272c6b 55%,#1b1f4d 100%);--rc:22px;--rb:14px;--rs:12px;--dan:#ff9b9b}
.ph.nopad .app{padding-top:0}
.app{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:0}
.ph.full .app,.ph.bare .app{padding-top:0}
.scr{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:14px 16px 28px;scrollbar-width:none}
.scr::-webkit-scrollbar{display:none}
.ph.full .scr{padding:0}
.foot{padding:10px 16px max(16px,var(--sab));background:var(--bg);border-top:1px solid var(--line)}
/* header */
.hdr{display:flex;align-items:center;gap:10px;padding:calc(var(--sat) + 6px) 12px 8px 16px;flex:none;position:relative;z-index:5}
.ht{flex:1;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsp{width:44px;flex:none}
.bellb,.backb{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);flex:none}
.bellb:hover,.backb:hover{background:var(--sf2)}
.badge{position:absolute;top:4px;inset-inline-end:3px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--bg)}
[dir=rtl] .dirf{transform:scaleX(-1)}
.ph[dir=ltr] .dirl{transform:scaleX(-1)}
.v1 .hero{flex-direction:column;align-items:stretch;gap:0;padding:calc(var(--st) + 6px) 16px 56px;background:var(--hero);color:#fff;border-radius:0 0 28px 28px}
.v1 .hero .hrow{display:flex;align-items:center;justify-content:space-between}
.v1 .hero .bellb{color:#fff;background:rgba(255,255,255,.14)}
.v1 .hero .badge{box-shadow:0 0 0 2px #545cd8}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
/* home header alive: owner 23:42 */
.hbr{gap:10px;font-size:16.5px;font-weight:800}
.hbr .aic{box-shadow:0 6px 14px -6px rgba(8,10,50,.5)}
.enter .hbr .aic{animation:wpop .7s cubic-bezier(.34,1.56,.64,1) both}
.enter .hbr .bn{animation:bnin .6s ease-out .15s both}
@keyframes bnin{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.ph[dir=ltr].enter .hbr .bn{animation-name:bnin2}
@keyframes bnin2{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.hbr .wmk3 img{animation:beat 2.6s ease-in-out 1s 3}
.hbr .wmk3::after{animation-duration:8s}
.bellb .ic{transform-origin:50% 8%}
.bellb.has .ic{animation:bring 7s ease-in-out 1.5s infinite}
@keyframes bring{0%,12%,100%{transform:none}1.5%{transform:rotate(16deg)}3%{transform:rotate(-14deg)}4.5%{transform:rotate(11deg)}6%{transform:rotate(-8deg)}7.5%{transform:rotate(5deg)}9%{transform:rotate(-2deg)}}.bellb.has .badge{animation:bdg 7s ease-in-out 1.5s infinite}
@keyframes bdg{0%,10%,100%{transform:none}3%{transform:scale(1.25)}6%{transform:scale(.95)}}.enter .bellb.has .badge{animation:bdgin .5s cubic-bezier(.34,1.56,.64,1) .5s both,bdg 7s ease-in-out 1.5s infinite}
@keyframes bdgin{from{transform:scale(0)}to{transform:none}}.rm .hbr .aic,.rm .hbr .bn,.rm .hbr .wmk3 img,.rm .hbr .wmk3::after,.rm .bellb .ic,.rm .bellb .badge{animation:none!important}
.hg{font-size:28px;font-weight:800;margin-top:14px;color:#fff;letter-spacing:-.02em}
.hs{opacity:.85;font-size:14px;color:#e6e8ff}
.v1 .bar{background:var(--hero);margin-top:0;padding-top:calc(var(--st) + 6px);padding-bottom:12px}
.v1 .bar .ht,.v1 .bar .bellb{color:#fff}
.v1 .bar .badge{box-shadow:0 0 0 2px #545cd8}
.v1 .hsub{border-bottom:1px solid var(--line);background:var(--sf)}
.ph.on-home.v1 .scr{padding:0 0 28px}
.hpad{padding:0 16px}
.v1 .hpad>.offs{margin-top:12px}
.v1 .hpad>.quick{margin-top:-40px}
.v1 .hpad>.skw{margin-top:12px}
.hsm{font-size:13px;font-weight:700;color:var(--ink3)}
.hl{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15}
.mk{flex:none;border-radius:50%;overflow:hidden;display:block}
.mk img{width:100%;height:100%;object-fit:cover}
.mk36{width:36px;height:36px}
.mk44{width:44px;height:44px}
.mk52{width:52px;height:52px;border-radius:14px}
.mk72{width:72px;height:72px;border-radius:22px;box-shadow:0 12px 26px -12px rgba(84,92,216,.7)}
/* bottom nav */
.nav{flex:none;display:flex;justify-content:space-around;align-items:stretch;background:var(--nav);border-top:1px solid var(--line);padding:6px 4px 26px;position:relative;z-index:6}
.ni{flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--navi);font-size:11.5px;font-weight:700;border-radius:14px}
.nic{display:grid;place-items:center;width:52px;height:30px;border-radius:999px;transition:background .2s}
.nl{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.ni.on{color:var(--nava)}
.v1 .ni.on .nic{background:var(--navp)}
.v1.m3 .nav{position:absolute;left:12px;right:12px;bottom:var(--nb);border:0;border-radius:30px;padding:6px;background:#4a51c9;box-shadow:0 16px 34px -14px rgba(40,46,140,.6)}
.v1.m3 .ni{min-height:56px;border-radius:24px;font-size:11px;color:#eef0ff}
.v1.m3 .ni .nic{height:26px;background:transparent}
.v1.m3 .ni.on{background:#fff;color:#3a3f9f}
.v1.m3.dark .nav{background:#262c63;box-shadow:0 16px 34px -14px rgba(0,0,0,.7)}
.v1.m3.dark .ni{color:#cdd0f7}
.v1.m3.dark .ni.on{background:#8a90f2;color:#0e1120}
.ph.v1.m3.hasnav .scr{padding-bottom:calc(var(--nb) + 88px)}
.ph.on-home.v1.m3 .scr{padding-bottom:calc(var(--nb) + 88px)}
/* common blocks */
.sec{margin-top:18px}
.sh{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--ink);margin:0 2px 8px}
.shi{width:30px;height:30px;border-radius:9px;background:var(--wash);color:var(--acx);display:grid;place-items:center}
.shi .ic{width:17px;height:17px}
.card{background:var(--sf);border-radius:var(--rc);box-shadow:var(--sh);border:1px solid var(--line);padding:14px;color:var(--ink);display:block;width:100%;text-align:start}
.v1.dark .card{border-color:var(--line)}
.list{padding:4px 0}
.row,.srow{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;text-align:start;color:var(--ink);border-top:1px solid var(--line)}
.list>.row:first-child,.list>.srow:first-child,.list>.nbox:first-child{border-top:0}
.row:hover{background:color-mix(in srgb,var(--sf2) 60%,transparent)}
.rt{flex:1;display:flex;flex-direction:column;gap:1px}
.rt b{font-weight:700;font-size:15.5px;line-height:1.3}
.rt small{color:var(--ink3);font-size:13.5px}
.rt em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--snf)}
.chv{width:18px;height:18px;color:var(--ink3)}
.ti{width:38px;height:38px;border-radius:var(--rs);background:var(--wash);color:var(--acx);display:grid;place-items:center;flex:none}
.ti .ic{width:19px;height:19px}
.ti.wa{background:#e3f8ea;color:#0b7a3b}
.dark .ti.wa{background:#12301d;color:#7fe0a6}
.pill{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none}
.pill.ok{background:var(--okb);color:var(--okf)}
.pill.soon{background:var(--snb);color:var(--snf)}
.pill.bad{background:var(--bdb);color:var(--bdf)}
.pill.info{background:var(--inb);color:var(--inf)}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--rb);font-weight:800;font-size:15.5px;text-align:center}
.b.sm{min-height:44px;padding:0 14px;font-size:14.5px}
.b.xs{min-height:44px;padding:0 12px;font-size:13.5px}
.b.wide{display:flex;width:100%;margin-top:12px}
.bp{background:var(--ac);color:var(--aci)}
.bp:hover{filter:brightness(1.06)}
.b2{background:var(--wash);color:var(--acx)}
.bw{background:#fff;color:#3a3f9f}
.bwa{background:#18773f;color:#fff}
.bdan{background:transparent;color:var(--dan);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--dan) 45%,transparent)}
.bdanf{background:#c4231a;color:#fff}
.bout{background:var(--sf);color:var(--dan);box-shadow:inset 0 0 0 1px var(--line);margin-top:22px}
.bglass{background:rgba(0,0,0,.6);color:#fff;min-height:44px;backdrop-filter:blur(8px)}
.lnk{min-height:44px;padding:0 10px;font-weight:700;color:var(--acx);font-size:15px}
.lnk.ctr{display:block;margin:6px auto 0}
[data-off]{opacity:.45;cursor:not-allowed}
.quick{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;position:relative;z-index:6}
.q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;border-radius:var(--rc);background:var(--sf);color:var(--acx);font-weight:800;font-size:14px;box-shadow:var(--sh);border:1px solid var(--line)}
.q.qp{background:var(--ac);color:var(--aci);border-color:transparent}
/* home tiles alive: owner 23:38 */
.q{position:relative;overflow:hidden;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}
@media (hover:hover){.q:hover{transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(58,63,159,.5)}
}.q{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .12s}
.q:active{transform:scale(.96);filter:brightness(.94);transition:transform .08s ease-out,filter .08s}
.rip{position:absolute;width:var(--rd,0);height:var(--rd,0);left:var(--rx,0);top:var(--ry,0);border-radius:50%;background:rgba(84,92,216,.22);transform:scale(0);animation:rip .6s ease-out forwards;pointer-events:none}
.q.qp .rip{background:rgba(255,255,255,.3)}
@keyframes rip{to{transform:scale(1);opacity:0}}.enter .quick .q{animation:qin .55s cubic-bezier(.34,1.4,.64,1) both}
.enter .quick .q:nth-child(2){animation-delay:.08s}
.enter .quick .q:nth-child(3){animation-delay:.16s}
@keyframes qin{from{transform:translateY(18px) scale(.92);opacity:0}to{transform:none;opacity:1}}.quick .q .ic{transform-origin:50% 60%}
.quick .q:nth-child(1) .ic{animation:qbook 6s ease-in-out 1s infinite}
.quick .q:nth-child(2) .ic{animation:qring 6s ease-in-out 3s infinite}
.quick .q:nth-child(3) .ic{animation:qpulse 6s ease-in-out 5s infinite}
@keyframes qbook{0%,12%,100%{transform:none}4%{transform:translateY(-4px) scale(1.12)}8%{transform:translateY(1px)}}@keyframes qring{0%,14%,100%{transform:none}2%,6%,10%{transform:rotate(-14deg)}4%,8%,12%{transform:rotate(14deg)}}@keyframes qpulse{0%,14%,100%{transform:none}5%{transform:scale(1.22)}10%{transform:scale(.96)}}.q.qp::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-50%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:wglint 7s ease-in-out 2s infinite;pointer-events:none}
.rm .quick .q,.rm .quick .q .ic,.rm .q.qp::after{animation:none!important}
.rm .q.qp::after{display:none}
.ava{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--wash);color:var(--acx)}
.ava.cat{background:#fde7d6;color:#9a4b12}
.dark .ava.cat{background:#47301d;color:#f6c49c}
.ava.big{width:68px;height:68px;box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--ac)}
.ava.big .ic{width:30px;height:30px}
.ava.xl{width:76px;height:76px}
.ava.xl .ic{width:36px;height:36px}
/* ═════ home data cards (4 variants) ═════ */
.ph{--hcA:#ecebff;--hcAi:#1f2466;--hcY:#fff1c9;--hcYi:#5a3c00;--hcR:#ffe1e5;--hcRi:#7d1222;--hcG:#d9f4e4;--hcGi:#0c4a29;--hpd:#23286b;--hpdi:#fff}
.ph.dark{--hcA:#2b3070;--hcAi:#e7e8ff;--hcY:#3e3110;--hcYi:#ffe2a0;--hcR:#4a1c26;--hcRi:#ffcad1;--hcG:#163c29;--hcGi:#b8f0cf;--hpd:#e7e8ff;--hpdi:#1b1f4d}
.hcw{position:relative}
.hc{position:relative;overflow:hidden;display:block;width:100%;text-align:start;border-radius:26px;padding:18px 18px 16px;color:var(--hcAi);background:var(--hcA);isolation:isolate}
.hpk{position:absolute;z-index:-1;width:150px;height:150px;inset-inline-end:-34px;bottom:-40px;background:currentColor;opacity:.09;-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat;transform:rotate(-12deg)}
[dir=ltr] .hpk{transform:rotate(12deg) scaleX(-1)}
.hpk.sm{width:96px;height:96px;bottom:-22px;inset-inline-end:-20px}
.hcT{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hcK{font-size:13.5px;font-weight:800;letter-spacing:.01em;opacity:.8}
.hb{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;flex:none;background:rgba(255,255,255,.72);color:inherit}
.dark .hb{background:rgba(0,0,0,.28)}
.hb i{width:7px;height:7px;border-radius:50%;background:currentColor}
.hb-confirmed{color:#0e5c33}
.hb-scheduled{color:#2d339b}
.hb-soon{color:#7a5200}
.hb-overdue{color:#a3122a}
.hb-valid{color:#0e5c33}
.dark .hb-confirmed,.dark .hb-valid{color:#9de8bd}
.dark .hb-scheduled{color:#c9cbff}
.dark .hb-soon{color:#ffd88a}
.dark .hb-overdue{color:#ffb3bd}
.hcM{display:flex;align-items:center;gap:14px;margin-top:12px}
.hcD{flex:none;width:72px;height:80px;border-radius:20px;background:rgba(255,255,255,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.dark .hcD{background:rgba(0,0,0,.25)}
.hcD b{font-size:34px;font-weight:800;letter-spacing:-.02em}
.hcD small{font-size:14px;font-weight:700;margin-top:5px;opacity:.85}
.hcR{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.hcR>b{font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.hcP{font-size:15.5px;font-weight:700;opacity:.85}
.hcTm{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:800;margin-top:2px}
.hcTm .ic{width:17px;height:17px}
.hbtns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.hp{flex:1 1 auto;min-height:48px;padding:6px 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;line-height:1.15;text-align:center;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .12s}
.hp .ic{width:18px;height:18px}
.hp1{background:var(--hpd);color:var(--hpdi)}
.hp2{background:rgba(255,255,255,.7);color:inherit;box-shadow:inset 0 0 0 1.5px rgba(31,36,102,.18)}
.dark .hp2{background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1.5px rgba(231,232,255,.25)}
.hp:active,.hc.rp:active{transform:scale(.97);filter:brightness(.96);transition:transform .08s ease-out,filter .08s}
.hp1 .rip{background:rgba(255,255,255,.3)}
.hnote{margin-top:12px;font-size:14px;font-weight:600;background:rgba(255,255,255,.6);border-radius:14px;padding:9px 12px}
.dark .hnote{background:rgba(0,0,0,.22)}
.hcEt{font-size:19px;font-weight:800;margin-top:8px}
.hlist{display:flex;flex-direction:column;gap:10px}
.hcVr{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px 16px}
.hc-soon{background:var(--hcY);color:var(--hcYi)}
.hc-overdue{background:var(--hcR);color:var(--hcRi)}
.hc-valid{background:var(--hcG);color:var(--hcGi)}
.hcVi{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.75);display:grid;place-items:center;flex:none}
.dark .hcVi{background:rgba(0,0,0,.25)}
.hcVi .ic{width:22px;height:22px}
.hcVt{flex:1;display:flex;flex-direction:column;min-width:0}
.hcVt b{font-size:17px;font-weight:800;line-height:1.25}
.hcVt span{font-size:14px;font-weight:700;opacity:.8}
.hcVd{display:flex;flex-direction:column;align-items:center;flex:none;line-height:1.1}
.hcVd small{font-size:11.5px;font-weight:700;opacity:.75}
.hcVd b{font-size:19px;font-weight:800;direction:ltr}
.hcVr .hb{height:24px;font-size:11.5px;padding:0 9px;align-self:flex-start;margin-top:5px}
/* v2: premium indigo card */
.hcI{background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.16),transparent 55%),radial-gradient(80% 80% at 0% 100%,rgba(34,184,239,.22),transparent 60%),linear-gradient(135deg,#5960db 0%,#3a3f9f 55%,#2a2e7a 100%);color:#fff;box-shadow:0 18px 34px -18px rgba(42,46,122,.8);padding:20px 20px 18px}
.dark .hcI{background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.1),transparent 55%),linear-gradient(135deg,#3b40a8 0%,#272b72 60%,#1b1e52 100%)}
.hcI .hpk{opacity:.14;width:190px;height:190px;bottom:-52px;inset-inline-end:-44px}
.hcI .hb{background:rgba(255,255,255,.18);color:#fff}
.hb .hbi{width:15px;height:15px;flex:none;stroke-width:2.4}
/* badges pro: owner 00:11 — one system: same pill,icon carries the meaning */
.hb{height:26px;padding:0 10px 0 11px;gap:5px;font-size:12px;font-weight:700;letter-spacing:.01em;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(20,24,70,.06)}
.hb-confirmed .hbi,.hb-valid .hbi{color:#15803d}
.hb-scheduled .hbi{color:#545cd8}
.hb-soon .hbi{color:#b45309}
.hb-overdue .hbi{color:#be123c}
.hb-confirmed,.hb-valid{color:#14532d}
.hb-scheduled{color:#2d339b}
.hb-soon{color:#78350f}
.hb-overdue{color:#881337}
.hcI .hb{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.hcI .hb-confirmed .hbi{color:#6ee7a8}
.hcI .hb-scheduled .hbi{color:#c7caff}
.dark .hb{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.dark .hb-confirmed,.dark .hb-valid{color:#bbf7d0}
.dark .hb-scheduled{color:#c9cbff}
.dark .hb-soon{color:#fde68a}
.dark .hb-overdue{color:#fecdd3}
.dark .hb-confirmed .hbi,.dark .hb-valid .hbi{color:#4ade80}
.dark .hb-soon .hbi{color:#fbbf24}
.dark .hb-overdue .hbi{color:#fb7185}
.hcI .hcK{opacity:.85}
.hcI .hcD{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.hcI .hp1{background:#fff;color:#2d339b}
.hcI .hp2{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.hcI .hp2 .rip,.hcI .rip{background:rgba(255,255,255,.3)}
.hcI .hnote{background:rgba(255,255,255,.14)}
/* indigo card compact: owner 00:08 */
.hcI{padding:15px 16px 14px}
.hcI .hcM{margin-top:8px;gap:12px}
.hcI .hcD{width:62px;height:68px;border-radius:18px}
.hcI .hcD b{font-size:29px}
.hcI .hcD small{font-size:13px;margin-top:3px}
.hcI .hbtns{margin-top:12px}
.hcI .hp{min-height:42px;padding:4px 14px;font-size:14.5px}
.hcI .hp::before{content:"";position:absolute;inset:-3px 0}
.hcv2 .hcVr{min-height:76px}
/* todo cards compact: owner 00:14 — 2 lines: name/pet · date/badge */
.hcVr.hcC{min-height:0;padding:10px 14px;gap:11px}
.hcC .hcVi{width:38px;height:38px;border-radius:12px}
.hcC .hcVi .ic{width:19px;height:19px}
.hcC .hcVt b{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcC .hcVt span{font-size:13px;line-height:1.2}
.hcC .hcVd{align-items:flex-end;gap:3px}
.hcC .hcVd b{font-size:17px;line-height:1.1}
.hcC .hb{margin-top:0;align-self:auto;height:22px;font-size:11px;padding:0 8px}
.hcC .hb .hbi{width:13px;height:13px}
.hcv2 .hlist{gap:8px}
/* home section headers: owner 00:23 — anchored row: icon chip · title · count · «הכל» */
.hsh{display:flex;align-items:center;gap:9px;margin:0 2px 10px;min-height:44px}
.hsh h2{font-size:18px;font-weight:800;color:var(--ink);line-height:1.2}
.hsh .shi{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6a72e6,#3a3f9f);color:#fff;box-shadow:0 6px 14px -8px rgba(58,63,159,.8)}
.hsh .shi .ic{width:18px;height:18px}
.hn{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--wash);color:var(--acx);font-size:12.5px;font-weight:800;display:grid;place-items:center}
.hall{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 4px 0 8px;font-size:14px;font-weight:700;color:var(--acx)}
.hall .ic{width:16px;height:16px}
.hmulti .hcnav{margin-top:8px}
.hmulti+.htodo{margin-top:14px}
.hcC .hpk.sm{opacity:.22;width:84px;height:84px;bottom:-20px;inset-inline-end:-16px}
.dark .hcC .hpk.sm{opacity:.16}
.hcC .hcVd{display:grid;grid-template-columns:max-content;justify-items:stretch;gap:3px}
.hcC .hcVd b{text-align:center;font-size:15.5px;letter-spacing:.01em}
.hcC .hcVd .hb{justify-content:center;width:100%}
/* v3: carousel */
.hcar{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.hcar::-webkit-scrollbar{display:none}
.hdots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.hdots i{width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .25s,background .25s}
.hdots i.on{width:22px;background:var(--ac)}
.hdt{width:22px;height:28px;display:grid;place-items:center;cursor:pointer}
.hdt.on{width:34px}
.hdt::before{content:"";width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .25s,background .25s}
.hdt.on::before{width:22px;background:var(--ac)}
/* v2 multi: carousel of indigo cards / one + line */
.hcarI{gap:10px}
.hcS2{flex:0 0 86%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column}
.hcS2 .hbtns{margin-top:auto;padding-top:14px}
.hcS2 .hcM{margin-bottom:2px}
.hcPet{display:inline-flex;align-items:center;gap:8px;min-width:0}
.hcPet b{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ava.hav{width:34px;height:34px;background:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.ava.hav .ic{width:19px;height:19px}
.hcI .hcPet~.hb{margin-inline-start:auto}
.hc.pc .hcP{display:none}
.hcnav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.hcnav .hdots{margin-top:0}
.hcnt{font-size:13px;font-weight:800;color:var(--ink3);min-width:44px;text-align:center}
/* ═════ canon for screens 6–17 ═════ */
.ph{--hcP:#ffe6d5;--hcPi:#7a3412}
.ph.dark{--hcP:#47301d;--hcPi:#ffd2b0}
.hc-promo{background:var(--hcP);color:var(--hcPi)}
.hb-active .hbi{color:#15803d}
.hb-active{color:#14532d}
.hb-frozen .hbi{color:#0e7490}
.hb-frozen{color:#164e63}
.dark .hb-active{color:#9de8bd}
.dark .hb-frozen{color:#a5f3fc}
.hcI .hb-active .hbi{color:#6ee7a8}
.hcI .hb-frozen .hbi{color:#a5f3fc}
.hcI .hb-active,.hcI .hb-frozen{color:#fff}
.hwide{display:flex;width:100%;flex:none;margin-top:12px}
.hstack{display:flex;flex-direction:column;gap:10px}
.cn+.cn{margin-top:16px}
.scr>.cn:first-child,.scr>.offs+.cn{margin-top:0}
/* filler card when list is short: owner 01:12 */
.hfill{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;padding:18px 18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hfp{background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,#ffe3cf,#ffd0dc);color:#5a1f2e}
.hft{background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,#dff3e6,#d6ecff);color:#123a2a}
.dark .hfp{background:linear-gradient(135deg,#4a2a35,#3a2440);color:#ffe0e8}
.dark .hft{background:linear-gradient(135deg,#1f3b30,#1e3048);color:#d6f5e4}
.hfill .hpk{opacity:.16;width:150px;height:150px}
.hfk{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.75);display:grid;place-items:center}
.dark .hfk{background:rgba(255,255,255,.12)}
.hfk .ic{width:21px;height:21px}
.hfill b{font-size:18px;font-weight:800;line-height:1.25;margin-top:4px}
.hfill p{font-size:14px;line-height:1.35;opacity:.85;max-width:88%}
.hfill .hfb{flex:0 0 auto;margin-top:8px;min-height:44px}
.hfp .hfb{background:#5a1f2e;color:#fff}
.hft .hfb{background:#14532d;color:#fff}
.dark .hfp .hfb{background:#ffd0dc;color:#3a1520}
.dark .hft .hfb{background:#bbf7d0;color:#0f2f20}
.enter .hfill{animation:qin .6s cubic-bezier(.34,1.4,.64,1) calc(var(--i,0)*.06s + .1s) both}
.rm .hfill{animation:none!important}
.hbook{margin:0 0 14px}
.ava.hav2{width:38px;height:38px;background:rgba(255,255,255,.75)}
.dark .ava.hav2{background:rgba(0,0,0,.25);color:inherit}
.hcC .hcVi .ava.hav2{width:100%;height:100%;border-radius:inherit;background:transparent;box-shadow:none}
.hcC .hcVi .ava.hav2 .ic{width:20px;height:20px}
.hpetrow{min-height:62px}
.hpet{display:flex;align-items:center;gap:14px;padding:16px}
.hpetav .ava.xl{width:64px;height:64px}
.hpetav .ava.xl .ic{width:32px;height:32px}
.hpetn{display:flex;flex-direction:column;min-width:0}
.hpetn b{font-size:22px;font-weight:800;line-height:1.15}
.hpetn span{font-size:14.5px;font-weight:600;opacity:.85}
.hprof{display:flex;align-items:center;gap:12px;padding:14px 16px}
.hprof .hpetn b{font-size:18px}
.hdl{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);color:inherit;position:relative;overflow:hidden;margin-inline-start:2px}
.dark .hdl{background:rgba(0,0,0,.25)}
.hdl .ic{width:19px;height:19px}
.hdl .ic,.hp[data-act=pdf] .ic{animation:dlbob 4s ease-in-out calc(var(--i,0)*.4s + 1.2s) infinite}
@keyframes dlbob{0%,18%,100%{transform:none}6%{transform:translateY(3px)}12%{transform:translateY(-1px)}}.hdl{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.hdl:active{transform:scale(.9)}
@media (hover:hover){.hdl:hover{background:#fff;box-shadow:0 6px 14px -8px rgba(20,24,70,.45)}
}.hdl::after,.hp[data-act=pdf]::after{content:"";position:absolute;inset:3px;border-radius:50%;border:2.5px solid currentColor;border-color:currentColor transparent transparent transparent;opacity:0}
.hp[data-act=pdf]::after{inset:auto;width:18px;height:18px;inset-inline-start:16px;top:calc(50% - 9px)}
.ing::after{opacity:.9!important;animation:spin .8s linear infinite}
.ing .ic{opacity:.25;animation:none!important}
.hdl.done,.hp.done,.b.done,.slot.done{background:#16a34a!important;color:#fff!important;animation:dlpop .45s cubic-bezier(.34,1.56,.64,1)}
.hdl.done .ic,.hp.done .ic,.b.done .ic{animation:dldraw .4s ease-out both!important;stroke-width:2.6}
@keyframes dlpop{50%{transform:scale(1.12)}100%{transform:none}}@keyframes dldraw{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.rm .hdl .ic,.rm .hp[data-act=pdf] .ic{animation:none!important}
.hvac{padding-inline-end:8px}
.hmemb{padding:16px}
.hmn{display:block;font-size:19px;font-weight:800;line-height:1.25;margin-top:10px}
.hme{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.22)}
.hme span{font-size:14px;font-weight:600;opacity:.85}
.hme b{font-size:20px;font-weight:800;direction:ltr}
.hmemb.fz{filter:saturate(.75)}
.hoff{padding:16px}
.hop{display:block;font-size:30px;font-weight:800;margin-top:6px;line-height:1.1}
.hop small{font-size:13.5px;font-weight:700;opacity:.8}
.hnot .htm{font-size:12px;font-weight:700;opacity:.75;text-align:center}
.hnot.rd{opacity:.82}
.hnot.unr .hcVt b{font-weight:900}
.hcVi{position:relative}
.hdot{position:absolute;top:-3px;inset-inline-start:-3px;width:9px;height:9px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.hemp,.herr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px;border-radius:26px;background:var(--hcA);color:var(--hcAi)}
.herr{background:var(--hcR);color:var(--hcRi)}
.hemp p,.herr p{font-size:16.5px;font-weight:800;line-height:1.35}
.hemi{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#6a72e6,#3a3f9f);color:#fff;box-shadow:0 10px 20px -10px rgba(58,63,159,.8)}
.hemi .ic{width:26px;height:26px}
.herr .hemi{background:linear-gradient(135deg,#f43f5e,#be123c)}
.enter .hemp,.enter .herr{animation:hcin .6s cubic-bezier(.34,1.3,.64,1) .15s both}
.offs.hoffs{background:linear-gradient(135deg,#545cd8,#3a3f9f);color:#fff;border-radius:18px;padding:11px 12px;gap:11px;align-items:center;box-shadow:0 12px 24px -16px rgba(42,46,122,.9)}
.hoffs .hoi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);flex:none}
.hoffs .hoi .ic{width:20px;height:20px;margin:0}
.hoffs b{font-size:15px}
.hoffs span{font-size:13px;opacity:.88}
.hp2{color:var(--hcAi)}
.hpx{background:transparent;color:var(--dan);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--dan) 40%,transparent);margin-top:22px}
.hpdan{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff}
.hpdan .rip{background:rgba(255,255,255,.3)}
.sheet .hwide{margin-top:10px}
.sheet .hcw{margin-bottom:4px}
.crow2{margin-top:12px}
.hopt{min-height:62px}
.hopt.sel{background:linear-gradient(135deg,#5960db,#3a3f9f);color:#fff}
.hopt.sel .hcVi{background:rgba(255,255,255,.18)}
.hopt.sel .ava.hav2{color:#fff}
.hopt .rad{border-color:currentColor;opacity:.5}
.hopt.sel .rad{border:7px solid #fff;opacity:1}
.hsum{margin-bottom:12px}
.hsumw .hb{visibility:hidden}
.wdone{padding:22px 10px 14px}
.on-book .wsteps i,.on-resched .wsteps i{height:6px;border-radius:3px}
.on-book .wsteps li.done i,.on-book .wsteps li.cur i{background:linear-gradient(90deg,#545cd8,#3a3f9f)}
.on-book .lbl{font-size:15px;color:var(--ink)}
.on-more .card.list{border-radius:22px;border:0;box-shadow:0 8px 22px -16px rgba(27,34,56,.35)}
.on-book .slot,.on-resched .slot{border-radius:999px;border:0;background:var(--hcA);color:var(--hcAi)}
.on-book .slot.on,.on-resched .slot.on{background:linear-gradient(135deg,#5960db,#3a3f9f);color:#fff}
.on-book .msg,.on-resched .msg{border-radius:18px}
.on-book .foot,.on-resched .foot{background:var(--bg);border-top:0;padding-top:6px}
.on-book .foot .hwide{margin-top:0}
.on-more .ti{background:linear-gradient(135deg,#6a72e6,#3a3f9f);color:#fff;border-radius:12px}
.on-more .ti.wa{background:linear-gradient(135deg,#25b866,#15803d);color:#fff}
.hunav .lgbox{align-items:center;text-align:center}
.hlk{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--hcA);color:var(--hcAi)}
.hlk .ic{width:26px;height:26px}
.hunt{font-size:18px;font-weight:800;line-height:1.35;margin-top:12px;color:var(--ink)}
.hunav .hbtns{width:100%;margin-top:16px}
@media (hover:hover){.hc.rp:hover,.hp:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(42,46,122,.55)}
}.rm .hc.rp:hover,.rm .hp:hover{transform:none}
.v1 .hpad>.offs.hoffs{margin-top:-34px;position:relative;z-index:7}
.v1 .hpad>.offs+.quick{margin-top:12px}
/* ═════ c2: complete canon pass ═════ */
.hdr.hclear{background:transparent;border-bottom:0;box-shadow:none}
.hsp2{flex:1}
.hpet{display:block}
.hpetr{display:flex;align-items:center;gap:14px}
.hpet .hbtns{margin-top:12px}
.hpet .hp1{flex:1 1 100%}
.hpl{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:12px;padding:6px 12px;border-radius:16px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:#fff;text-align:start;position:relative;overflow:hidden;backdrop-filter:blur(6px)}
.hpl>.ic{width:20px;height:20px;flex:none}
.hplt{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}
.hplt small{font-size:12px;font-weight:700;opacity:.8}
.hplt b{font-size:15.5px;font-weight:800;direction:ltr;text-align:start}
[dir=rtl] .hplt b{text-align:right}
.hpl .hplc{width:16px;height:16px;opacity:.8}
.riprel{position:relative}
.ripclip{overflow:hidden}
.ph .rip{background:rgba(84,92,216,.22)}
.ph .riw .rip,.ph .hcI .rip{background:rgba(255,255,255,.32)}
.ph:not(.rm) .scr button:not(.sw):not(.dt):not(.hdt):not([data-off]):not(.q):not(.hc):not(.hp):active,.ph:not(.rm) .sheet button:not([data-off]):active,.ph:not(.rm) .nav .ni:active{transform:scale(.97);filter:brightness(.95);transition:transform .08s ease-out,filter .08s}
.ph .scr button:not(.sw):not(.q),.ph .sheet button,.ph .nav .ni{transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .12s,box-shadow .2s,background-color .2s}
@media (hover:hover){.ph:not(.rm) .scr .row:hover,.ph:not(.rm) .scr .slot:not(.on):hover,.ph:not(.rm) .scr .hpl:hover,.ph:not(.rm) .scr .hfill:hover,.ph:not(.rm) .sheet .hp:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(42,46,122,.5)}
}/* enter: content of list screens rises in */
.enter:not(.full):not(.on-home) .scr>*:not(.hcw){animation:hcin .55s cubic-bezier(.34,1.3,.64,1) both}
.enter:not(.full):not(.on-home) .scr>*:nth-child(2){animation-delay:.07s}
.enter:not(.full):not(.on-home) .scr>*:nth-child(3){animation-delay:.14s}
.enter:not(.full):not(.on-home) .scr>*:nth-child(4){animation-delay:.21s}
.enter:not(.full):not(.on-home) .scr>*:nth-child(n+5){animation-delay:.28s}
.enter .slots .slot{animation:qin .45s cubic-bezier(.34,1.4,.64,1) both}
.enter .slots .slot:nth-child(2n){animation-delay:.05s}
.enter .slots .slot:nth-child(3n){animation-delay:.1s}
/* idle micro-motion on key icons (rare, staggered) */
.ph:not(.on-home) .scr [data-act=call]:not(.q) .ic,.ph .sheet [data-act=call] .ic{animation:qring 7s ease-in-out 2s infinite;transform-origin:50% 60%}
.ph:not(.on-home) .scr [data-act=wa]:not(.q) .ic{animation:qpulse 7s ease-in-out 4.5s infinite}
.ph:not(.on-home) .scr [data-act=book] .ic,.ph .scr [data-act=bookpet] .ic{animation:qbook 7s ease-in-out 3s infinite}
.ph:not(.on-home) .hsh .shi .ic{animation:qbook 8s ease-in-out 5s infinite}
.hpl>.ic{animation:qbook 8s ease-in-out 6s infinite}
.on-login .ic,.on-perm .ic,.on-welcome .ic{animation-name:none}
/* action feedback spinner (send / confirm) */
.fbk::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-color:currentColor transparent transparent transparent;inset-inline-start:16px;top:calc(50% - 9px);opacity:0}
.slot.fbk::after{inset-inline-start:calc(50% - 9px)}
.fbk.ing::after{opacity:.95;animation:spin .8s linear infinite}
.fbk.ing>span,.fbk.ing .ic{opacity:.35}
.slot.fbk.ing{color:transparent}
.rm .fbk.ing::after{animation:none}
.rm .scr>*,.rm .slots .slot,.rm .hpl>.ic,.rm [data-act] .ic,.rm .hsh .shi .ic{animation:none!important}
/* leftovers to canon */
.on-book .msg,.on-resched .msg{border-radius:18px;padding:12px 14px;font-weight:700}
.on-book .msg.warn,.on-resched .msg.err{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.on-more .card.list{background:var(--sf)}
.nbox{border-radius:16px}
/* ═════ c3: review fixes ═════ */
.ph .q[data-off],.ph .hp[data-off],.ph .hc[data-off],.ph .hdl[data-off],.ph .slot[data-off],.ph .b[data-off]{opacity:.45!important;filter:saturate(.35)!important;box-shadow:none!important}
.ph .q.qp[data-off]::after{display:none}
.hcC .hcVt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcC .hcVt{min-width:0}
.hplt b{white-space:nowrap;font-size:15px}
.hplt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hplr{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.hplr .hb{height:22px;font-size:11px;padding:0 8px}
.hplr .hb .hbi{width:13px;height:13px}
.ph[lang=ru] .nl,.ph[lang=en] .nl{font-size:10px;letter-spacing:-.015em}
.ph[lang=ru] .nav .nl{white-space:normal;text-overflow:clip;line-height:1.05;text-align:center;font-size:10px}
.ph[lang=ru] .nav .ni,.ph[lang=en] .nav .ni{padding-inline:1px}
.wdone h2{font-size:22px}
.dark .sw i{background:#3b4063}
.dark .sw.on i{background:#7c83f5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.v1 .hsub:not(.hclear){background:var(--hero);margin-top:0;padding-top:calc(var(--st) + 6px);padding-bottom:10px;border-bottom:0;color:#fff}
.v1 .hsub:not(.hclear) .ht,.v1 .hsub:not(.hclear) .backb{color:#fff}
.v1 .hsub:not(.hclear) .backb{background:rgba(255,255,255,.14)}
.v1 .bar .bellb,.v1 .hsub:not(.hclear) .bellb{background:rgba(255,255,255,.14);color:#fff}
.v1 .hsub:not(.hclear) .badge{box-shadow:0 0 0 2px #545cd8}
.hdr.hclear .bellb,.hdr.hclear .backb{background:transparent}
.badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;top:5px;inset-inline-end:5px;line-height:1}
.ph.isoff.v1 .hero{padding-bottom:20px}
.ph.isoff.v1 .hpad>.offs.hoffs{margin-top:14px}
.ph.isoff.v1 .hpad>.offs+.quick{margin-top:12px}
.hini{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);font-size:20px;font-weight:800;color:#fff}
.hvac .hdl{margin-inline:0 2px}
.hemi{position:relative;overflow:hidden}
.hemi .ic{animation:qbook 6s ease-in-out 1.2s infinite}
.hemi::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:wglint 6s ease-in-out 2s infinite;pointer-events:none}
.enter .hemi{animation:wpop .7s cubic-bezier(.34,1.56,.64,1) .1s both}
.rm .hemi,.rm .hemi .ic,.rm .hemi::after{animation:none!important}
.rm .hemi::after{display:none}
/* ═════ c4: calendar,fill zone,sheets,banner placement ═════ */
.cal{background:var(--sf);border-radius:22px;padding:8px 8px 6px;box-shadow:0 8px 22px -16px rgba(27,34,56,.35);margin-top:4px}
.calh{display:flex;align-items:center;justify-content:space-between;gap:6px}
.calt{font-size:16.5px;font-weight:800;color:var(--ink)}
.calnav{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--acx);background:var(--wash)}
.calnav .ic{width:18px;height:18px}
.calw{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;font-weight:800;color:var(--ink3);padding:4px 0 2px}
.calg{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}
.cd{position:relative;height:44px;min-width:44px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);font-size:15.5px;font-weight:700}
.cd b{line-height:1}
.cdot{width:5px;height:5px;border-radius:50%;background:#545cd8;margin-top:4px;opacity:.75}
.cd.td{box-shadow:inset 0 0 0 2px var(--line)}
.cd.x{color:var(--ink3);opacity:.45}
.cd.cl b{text-decoration:line-through}
.cd.on{background:linear-gradient(135deg,#5960db,#3a3f9f);color:#fff;box-shadow:0 8px 16px -8px rgba(58,63,159,.8)}
.cd.on .cdot{background:#fff}
.ph .cd[data-off]{opacity:.42!important;filter:none!important}
.calg.sln{animation:calN .32s cubic-bezier(.22,1,.36,1) both}
.calg.slp{animation:calP .32s cubic-bezier(.22,1,.36,1) both}
@keyframes calN{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}@keyframes calP{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}.ph[dir=ltr] .calg.sln{animation-name:calP}
.ph[dir=ltr] .calg.slp{animation-name:calN}
.cper{display:flex;gap:4px;background:var(--sf2);padding:4px;border-radius:16px;margin:10px 0 8px}
.cpb{flex:1;min-height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14.5px;color:var(--ink2)}
.cpb small{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11.5px;background:var(--wash);color:var(--acx)}
.cpb.on{background:var(--sf);color:var(--ink);box-shadow:0 2px 8px -4px rgba(0,0,0,.25)}
.cslots{grid-template-columns:repeat(4,1fr);gap:6px}
.cslots .slot{min-height:44px}
.enter .cal{animation:hcin .55s cubic-bezier(.34,1.3,.64,1) .08s both}
.rm .calg,.rm .cal{animation:none!important}
.scr.fl{display:flex;flex-direction:column}
.scr.fl>*{flex:none}
.scr.fl>.hfz{flex:1 0 auto;display:flex;flex-direction:column;gap:10px}
.hfz>.hfill:last-child{flex:1 0 auto;min-height:150px;justify-content:flex-start}
.hfz>.hfill:last-child .hpk{width:210px;height:210px;bottom:-40px}
.hfb2{background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,#e8e7ff,#dbe8ff);color:#1f2466}
.dark .hfb2{background:linear-gradient(135deg,#2b3070,#1f2a55);color:#e7e8ff}
.hopt .hcVi{background:rgba(255,255,255,.75)}
.shl{margin-top:4px}
.shr{min-height:56px}
.shr.on b{font-weight:900;color:var(--acx)}
.sck{width:22px;height:22px;color:#545cd8;stroke-width:2.6}
.sck0{width:22px;height:22px}
.row .rt small bdi,.hpetn bdi{unicode-bidi:isolate}
.on-more .row .ti{width:38px;height:38px}
@keyframes sheetup{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.scr.fl>.herr{flex:1 0 auto;justify-content:center}
.hpad>.herr{min-height:430px;justify-content:center}
.skslots i{display:block;height:44px;border-radius:999px;background:var(--sf2);animation:shim 1.2s ease-in-out infinite}
.rm .skslots i{animation:none}
/* ═════ c5: second review fixes ═════ */
.herr .hp,.hemp .hp,.hfill .hp{flex:0 0 auto!important;align-self:center}
.herr .hp{min-height:48px;max-height:48px}
.hfz.hfzc{flex:1 1 0!important;min-height:0;container-type:size;overflow:hidden}
.hfz.hfzc>.hfill{flex:1 1 auto;max-height:100%}
@container (max-height: 96px){.hfz.hfzc .hfill{display:none}
}@container (max-height: 150px){.hfz.hfzc .hbl{display:none}
}.hfzw>.hfill:last-child{justify-content:space-between}
.hbl{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}
.hbl li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.hbli{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.75);display:grid;place-items:center;flex:none}
.dark .hbli{background:rgba(0,0,0,.25)}
.hbli .ic{width:17px;height:17px}
.hfz>.hfill:last-child .hbl{flex:1;justify-content:space-evenly}
.hfill p,.hmsg p{text-wrap:pretty}
.hfill b{text-wrap:balance}
.hmsg{display:flex;align-items:flex-start;gap:12px;border-radius:20px;padding:12px 14px;margin:10px 0}
.hmsg p{font-size:14.5px;font-weight:700;line-height:1.4}
.hmi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.75)}
.dark .hmi{background:rgba(0,0,0,.25)}
.hmi .ic{width:18px;height:18px}
.hcC .hcVt b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ph{--hcdw:84px}
.hcC .hcVd{width:var(--hcdw);flex:none}
.hcC .hcVd b{font-size:14.5px}
.hcC .hcVd .hb{max-width:100%;overflow:hidden}
.hnot .hcVt b{font-weight:800}
.hnot.unr .hcVt b{font-weight:900}
.nw{white-space:nowrap}
.hvac .hcVt span{white-space:normal;overflow:visible}
.wzl{font-size:15px;color:var(--ink);font-weight:800;margin:4px 2px 8px}
.rgl{margin-top:14px}
.hropt{min-height:56px}
.hmorer{margin-top:10px}
.wzf>*{animation:wzF .38s cubic-bezier(.22,1,.36,1) both}
.wzb>*{animation:wzB .38s cubic-bezier(.22,1,.36,1) both}
.wzf>*:nth-child(2),.wzb>*:nth-child(2){animation-delay:.05s}
.wzf>*:nth-child(n+3),.wzb>*:nth-child(n+3){animation-delay:.1s}
@keyframes wzF{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes wzB{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}.ph[dir=ltr] .wzf>*{animation-name:wzB}
.ph[dir=ltr] .wzb>*{animation-name:wzF}
.rm .wzf>*,.rm .wzb>*{animation:none!important}
.hacts{margin-top:12px}
.rsstrip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#5960db,#3a3f9f);box-shadow:0 12px 24px -16px rgba(42,46,122,.8)}
.rst{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.2}
.rst small{font-size:12px;font-weight:700;opacity:.8}
.rst b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rsd{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;flex:none}
.rsd b{font-size:14.5px;font-weight:800;direction:ltr}
.rsd small{font-size:12px;font-weight:700;opacity:.85;white-space:nowrap}
.rscal{margin-top:10px}
.offs.hoffs{background:var(--hcA)!important;color:var(--hcAi)!important;box-shadow:none}
.offs.hoffs .hoi{background:linear-gradient(135deg,#6a72e6,#3a3f9f);color:#fff;box-shadow:none}
.lnkic{display:inline-flex;align-items:center;gap:6px}
.lnkic .ic{width:16px;height:16px}
.slot.fbk::after{inset-inline-start:calc(50% - 9px);border-color:var(--acx) transparent transparent transparent}
.slot.on.fbk::after{border-color:#fff transparent transparent transparent}
.skhero{height:150px;border-radius:26px;background:var(--sf2);margin-bottom:12px;animation:shim 1.2s ease-in-out infinite}
.rm .skhero{animation:none}
.on-book .calg{row-gap:0}
.on-book .cal{margin-top:0;padding-top:4px}
.on-book .cper{margin:6px 0 6px}
.on-book .cslots{gap:5px}
.on-book .wzl{margin:0 2px 4px}
.on-book .wsteps{margin-bottom:8px}
.on-book .scr{padding-top:10px;padding-bottom:14px}
/* entry + motion */
.enter .hc{animation:hcin .6s cubic-bezier(.34,1.3,.64,1) both;animation-delay:calc(var(--i,0) * 80ms + 180ms)}
@keyframes hcin{from{transform:translateY(22px) scale(.97);opacity:0}to{transform:none;opacity:1}}.rm .hc,.rm .hp{animation:none!important;transition:none!important}
.srow{min-height:64px}
.srow.dis .rt b{color:var(--ink3)}
.sw{position:relative;width:52px;height:44px;flex:none}
.sw i{position:absolute;top:10px;left:0;width:52px;height:24px;border-radius:999px;background:var(--line)}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.sw.on i{background:var(--ac)}
.sw.on i::after{transform:translateX(28px)}
[dir=rtl] .sw i::after{left:auto;right:2px}
[dir=rtl] .sw.on i::after{transform:translateX(-28px)}
.dark .sw i::after{background:#f0f0f5}
.nbox{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;color:var(--inf);background:var(--inb);border-radius:var(--rs);margin:8px}
.nbox.warn{color:var(--snf);background:var(--snb)}
.nbox p{font-size:14.5px;font-weight:700}
.ti.cert{background:var(--okb);color:var(--okf)}
.ti.cancel{background:var(--bdb);color:var(--bdf)}
.ti.moved{background:var(--snb);color:var(--snf)}
.ti.promo{background:var(--t2,#fde2cb);color:#7d4f0a}
.dark .ti.promo{background:#47301d;color:#f6c49c}
.offs{display:flex;gap:10px;align-items:flex-start;background:#2b2f3a;color:#fff;border-radius:var(--rs);padding:10px 12px;margin-bottom:12px}
.offs b{display:block;font-size:14.5px}
.offs span{font-size:13px;opacity:.9}
.offs .ic{width:20px;height:20px;margin-top:1px}
.skw{display:flex;flex-direction:column;gap:12px}
.sk{display:flex;gap:12px;align-items:center;background:var(--sf);border-radius:var(--rc);padding:16px}
.sk i,.sk b{display:block;border-radius:10px;background:var(--sf2);animation:shim 1.2s ease-in-out infinite}
.sk i{width:44px;height:44px;border-radius:12px;flex:none}
.sk b{height:14px;flex:1}
.sk b.s2{max-width:30%}
@keyframes shim{50%{opacity:.45}}.msg{border-radius:var(--rs);padding:11px 13px;font-size:14.5px;font-weight:600;background:var(--sf2);color:var(--ink2);margin:12px 0}
.msg.err{background:var(--bdb);color:var(--bdf)}
.msg.ok{background:var(--okb);color:var(--okf)}
.msg.warn{background:var(--snb);color:var(--snf)}
/* wizard */
.wsteps{list-style:none;display:flex;gap:6px;margin-bottom:14px}
.wsteps li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink3);text-align:start;position:relative}
.wsteps li span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wsteps{margin-bottom:6px}
.wsteps i{display:block;height:5px;border-radius:3px;background:var(--line)}
.wsteps li.done i,.wsteps li.cur i{background:var(--ac)}
.wsteps li.cur{color:var(--ink)}
.lbl{font-size:14px;font-weight:800;color:var(--ink2);margin:6px 2px 8px}
.opts{display:flex;flex-direction:column;gap:8px}
.rad{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none}
.on>.rad{border:7px solid var(--ac)}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.slot{min-height:46px;border-radius:var(--rs);background:var(--sf);border:1px solid var(--line);font-weight:800;color:var(--acx);direction:ltr}
.slot.on{background:var(--ac);color:var(--aci);border-color:var(--ac)}
.sload{display:flex;align-items:center;gap:10px;justify-content:center;padding:24px;color:var(--ink3)}
.spin{width:20px;height:20px;border-radius:50%;border:3px solid currentColor;border-top-color:transparent;animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}.wdone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:46px 10px}
.okc{width:76px;height:76px;border-radius:50%;background:var(--okb);color:var(--okf);display:grid;place-items:center}
.okc .ic{width:38px;height:38px;stroke-width:2.6}
.wdone h2{font-size:21px}
.wdone p{color:var(--ink3)}
/* welcome */
.wel{height:100%;display:flex;flex-direction:column;background:var(--bg);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.wimg{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:0 0 34px 34px}
.wph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.wph1{object-position:31% 50%}
.wph2{object-position:50% 20%;transform:scale(1.1);transform-origin:45% 22%}
.wph3{object-position:45% 25%;transform:scale(1.15);transform-origin:45% 30%}
.wimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 26%,transparent 78%,rgba(20,24,60,.3))}
.wtop{position:absolute;top:calc(var(--st) + 4px);inset-inline-end:16px;z-index:2}
.wbody{flex:none;display:flex;flex-direction:column;padding:0 22px calc(var(--sab) + 16px);position:relative}
.wmk2{margin-top:-48px;position:relative;z-index:2}
.wel h1{font-size:26px;font-weight:800;margin-top:10px;letter-spacing:-.02em;line-height:1.15}
.wel p{color:var(--ink2);margin-top:6px;font-size:16.5px;line-height:1.4}
.dots{display:flex;gap:2px;margin-top:10px;justify-content:center}
.wbody .b.wide{margin-top:4px}
.dt{width:44px;height:44px;display:grid;place-items:center}
.dt i{animation-delay:var(--wd,0s);position:relative;display:block;width:8px;height:8px;border-radius:4px;background:var(--line);overflow:hidden;transition:width .2s}
.dt.past i{background:var(--ac)}
.dt.on i{width:28px;background:var(--line)}
.dt.on i::after{content:"";position:absolute;inset:0;background:var(--ac);border-radius:4px}
.wel.auto .dt.on i::after{transform:scaleX(0);transform-origin:right;animation:dotfill 4s linear forwards;animation-delay:inherit}
.ph[dir=ltr] .wel.auto .dt.on i::after{transform-origin:left}
.wel.paused .dt.on i::after{animation-play-state:paused}
@keyframes dotfill{to{transform:scaleX(1)}}.rm .wel .dt.on i::after{animation:none;transform:none}
/* auth */
.auth{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--st) + 16px) 22px calc(var(--sab) + 16px)}
.btop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;margin-bottom:22px}
.btop b{font-size:20px;font-weight:800}
.btop small{color:var(--ink3);font-size:14px}
.auth h1{font-size:24px;font-weight:800}
.auth .sub{color:var(--ink2);margin-top:6px}
.fld{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.fld>span{font-size:14px;font-weight:800;color:var(--ink2)}
.fld input{height:54px;border-radius:var(--rs);border:1.5px solid var(--line);background:var(--sf);color:var(--ink);font:inherit;font-size:19px;padding:0 14px;letter-spacing:.04em;text-align:left;width:100%}
.otp{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.otp i{height:58px;border-radius:var(--rs);border:1.5px solid var(--line);background:var(--sf);display:grid;place-items:center;font-style:normal;font-size:24px;font-weight:800}
.otp input{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px;cursor:text}
.otp:focus-within i{border-color:var(--ac)}
.hint{font-size:13.5px;color:var(--ink3);margin-top:10px;text-align:center}
/* login: owner 23:11 */
/* login variants: owner 23:15 */
.auth.lg{padding:0;justify-content:center;min-height:100%;background:#3a3f9f;color:#fff}
.dark .auth.lg{background:#1f2357}
.lg .lgtop{display:flex;flex-direction:column;align-items:center;padding:0 22px}
.lg .lgtop .offs{align-self:stretch}
.lgic{display:inline-block;filter:drop-shadow(0 10px 18px rgba(8,10,50,.45));animation:wpop .7s cubic-bezier(.34,1.56,.64,1) both}
.rm .lgic{animation:none!important}
.lg .lgbox{display:flex;flex-direction:column;padding:18px 22px 0}
.lg h1{margin-top:2px}
.lg .fld{margin-top:14px}
.lg .b.wide{margin-top:12px}
.lg .hint{margin-top:8px}
.lghelp{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 4px;margin-top:18px;font-size:14px}
.lghelp>span{color:inherit;opacity:.8;margin-inline-end:2px}
.lghelp .lnk{min-height:40px;padding:0 6px;display:inline-flex;align-items:center;gap:5px;font-size:14px}
.lghelp .lnk svg{width:17px;height:17px}
.lghelp i{font-style:normal;opacity:.5}
/* Б: indigo top + light card */
.auth.lgb{justify-content:flex-start}
.lgb .lgtop{flex:1 1 auto;justify-content:center;padding-top:calc(var(--st) + 6px);padding-bottom:30px}
.lgb .lgbox{flex:0 0 auto;justify-content:flex-start;background:var(--bg);color:var(--ink);border-radius:28px 28px 0 0;padding-top:28px;padding-bottom:calc(var(--sab) + 30px)}
.lgb .lgbox>*:first-child{margin-top:0}
.lg .pastec{margin-top:10px}
.lgb .lghelp>span{color:var(--ink2);opacity:1}
.auth .btop{gap:8px}
.auth .btop b{line-height:1.15}
.auth .btop small{margin-top:-7px;line-height:1.2}
.auth h1{text-align:center;line-height:1.2}
.auth .sub{text-align:center;line-height:1.4;margin-top:4px}
.auth .fld>span{text-align:center}
.auth .msg{text-align:center}
.auth .fld input[type=tel]{text-align:right}
.lnks{display:flex;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}
/* perm */
.perm{min-height:100%;display:flex;flex-direction:column;padding:58px 20px 34px}
.lock{border-radius:28px;padding:16px 14px 18px;background:linear-gradient(160deg,#2b2f6e,#545cd8 60%,#22b8ef);color:#fff;text-align:center;margin-bottom:20px}
.lt{font-size:44px;font-weight:300;letter-spacing:-.02em;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.lcard{display:flex;gap:10px;align-items:center;text-align:start;background:rgba(255,255,255,.88);color:#111;border-radius:18px;padding:10px 12px;margin-top:10px}
.lcard img{border-radius:8px}
.lcard b{display:block;font-size:13.5px}
.lcard span span{font-size:14px}
.perm h1{font-size:24px;font-weight:800}
.perm .sub{color:var(--ink2);margin:6px 0 14px}
/* perm: owner 23:25 — indigo top + light card,like login */
.perm{padding:0;background:#3a3f9f}
.dark .perm{background:#1f2357}
.perm .ptop{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--st) + 2px) 18px 24px}
.perm .lock{background:none;margin:0;padding:0}
.perm .lt{font-size:52px;opacity:.95}
.perm .lcard{margin-top:14px;box-shadow:0 12px 26px -10px rgba(8,10,50,.5);animation:lcin 5.5s cubic-bezier(.34,1.4,.64,1) .3s infinite both}
@keyframes lcin{0%{transform:translateY(-60px) scale(.9);opacity:0}10%{transform:none;opacity:1}86%{transform:none;opacity:1}96%,100%{transform:translateY(-24px) scale(.96);opacity:0}}.rm .perm .lcard{animation:none}
.lct{display:flex;flex-direction:column;gap:0;line-height:1.1;min-width:0}
.lct>b{line-height:1.1}
.lct>span{line-height:1.15;margin-top:-1px}
.perm .pbox{flex:0 0 auto;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);border-radius:28px 28px 0 0;padding:28px 20px calc(var(--sab) + 16px)}
.perm .pbox h1{text-align:center;line-height:1.2}
.perm .pbox .sub{text-align:center;line-height:1.2;margin:4px 0 14px}
.perm .pbox .sub small{display:block;font-size:13.5px;line-height:1.15;color:var(--ink3);margin-top:-1px}
/* splash */
.spl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--sf);color:var(--ink)}
.v1.dark .spl{background:var(--bg)}
@keyframes pls{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.5);opacity:0}}@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.snm{font-size:21px;font-weight:800;animation:up .45s .35s ease-out both}
.stg{font-size:14px;color:var(--ink3);animation:up .45s .45s ease-out both}
@keyframes up{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes pw{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes rev{to{transform:scale(20)}}.rm .spl *,.rm .spl::before,.rm .spl *::before,.rm .spl *::after{animation:none!important;opacity:1;transform:none}
.rm *{transition:none!important}
.rm .sk i,.rm .sk b,.rm .spin{animation:none!important}
/* splash v2: indigo,the mark itself shows loading */
.ph .spl,.ph.dark .spl{background:#3a3f9f;color:#fff;gap:10px}
.lm{position:relative;width:223px;height:223px;display:block;overflow:hidden;background:radial-gradient(circle closest-side at 50% 50%,#7b84e3 0%,#6d78e2 50%,#646ee2 90%,#5f6be2 125%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.lm img{position:absolute;max-width:none;width:64.8%;height:64.8%;left:17.6%;top:17.6%;-webkit-mask:var(--mk) center/100% 100% no-repeat;mask:var(--mk) center/100% 100% no-repeat}
.lm.ms30 img{width:84.2%;height:84.2%;left:7.9%;top:7.9%}
.lb{opacity:.25}
.spl .snm{color:#fff;margin-top:0}
.spl .stg{color:#dfe2ff;margin-top:-2px}
.spl-pulse .lm{animation:beat 1s ease-in-out infinite both}
.spl-pulse .lf{clip-path:circle(0% at 50% 55%);animation:radial 1s ease-out forwards}
@keyframes radial{0%{clip-path:circle(0% at 50% 55%)}35%{clip-path:circle(28% at 50% 55%)}50%{clip-path:circle(28% at 50% 55%)}100%{clip-path:circle(75% at 50% 55%)}}@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.07)}50%{transform:scale(1)}80%{transform:scale(1.07)}}@keyframes fillup{to{clip-path:inset(0 0 0 0)}}@keyframes sweep{to{clip-path:inset(0 0 0 0)}}@keyframes glint{to{left:110%;opacity:0}}@keyframes focus{to{opacity:1;filter:blur(0);transform:none}}.rm .spl .lf{clip-path:none!important;opacity:1!important;filter:none!important;transform:none!important}
.rm .spl .lm::after{display:none}
/* shared clinic icon */
.aic{position:relative;display:inline-block;flex:none;overflow:hidden;background:radial-gradient(circle closest-side at 50% 50%,#7b84e3 0%,#6d78e2 50%,#646ee2 90%,#5f6be2 125%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.aic img{position:absolute;width:84.2%;height:84.2%;left:7.9%;top:7.9%;max-width:none;-webkit-mask:var(--mk) center/100% 100% no-repeat;mask:var(--mk) center/100% 100% no-repeat}
.aic.s96{width:96px;height:96px}
.aic.s120{width:120px;height:120px}
.aic.s150{width:150px;height:150px}
.aic.s34{width:34px;height:34px}
.aic.s36{width:36px;height:36px}
.aic.s38{width:38px;height:38px}
.aic.s40{width:40px;height:40px}
.aic.s44{width:44px;height:44px}
.aic.s48{width:48px;height:48px}
.aic.s52{width:52px;height:52px}
.aic.s62{width:62px;height:62px}
.aic.s64{width:64px;height:64px}
.aic.s72{width:72px;height:72px}
.aic.mk52,.aic.mk72{border-radius:0;box-shadow:none}
.wmk2{margin-top:-32px;z-index:2}
.wmkw{display:inline-block;position:relative;z-index:2;margin-top:-37px;filter:drop-shadow(0 8px 16px rgba(30,36,110,.35));animation:wpop .7s cubic-bezier(.34,1.56,.64,1) both;align-self:flex-start}
.wring{display:block;padding:2.5px;background:var(--bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100.0 50.0 L100.0 57.0 L99.8 61.1 L99.6 64.5 L99.3 67.5 L98.9 70.3 L98.4 72.9 L97.8 75.2 L97.1 77.4 L96.3 79.5 L95.4 81.5 L94.5 83.3 L93.4 85.1 L92.3 86.7 L91.0 88.3 L89.7 89.7 L88.3 91.0 L86.7 92.3 L85.1 93.4 L83.3 94.5 L81.5 95.4 L79.5 96.3 L77.4 97.1 L75.2 97.8 L72.9 98.4 L70.3 98.9 L67.5 99.3 L64.5 99.6 L61.1 99.8 L57.0 100.0 L50.0 100.0 L43.0 100.0 L38.9 99.8 L35.5 99.6 L32.5 99.3 L29.7 98.9 L27.1 98.4 L24.8 97.8 L22.6 97.1 L20.5 96.3 L18.5 95.4 L16.7 94.5 L14.9 93.4 L13.3 92.3 L11.7 91.0 L10.3 89.7 L9.0 88.3 L7.7 86.7 L6.6 85.1 L5.5 83.3 L4.6 81.5 L3.7 79.5 L2.9 77.4 L2.2 75.2 L1.6 72.9 L1.1 70.3 L0.7 67.5 L0.4 64.5 L0.2 61.1 L0.0 57.0 L0.0 50.0 L0.0 43.0 L0.2 38.9 L0.4 35.5 L0.7 32.5 L1.1 29.7 L1.6 27.1 L2.2 24.8 L2.9 22.6 L3.7 20.5 L4.6 18.5 L5.5 16.7 L6.6 14.9 L7.7 13.3 L9.0 11.7 L10.3 10.3 L11.7 9.0 L13.3 7.7 L14.9 6.6 L16.7 5.5 L18.5 4.6 L20.5 3.7 L22.6 2.9 L24.8 2.2 L27.1 1.6 L29.7 1.1 L32.5 0.7 L35.5 0.4 L38.9 0.2 L43.0 0.0 L50.0 0.0 L57.0 0.0 L61.1 0.2 L64.5 0.4 L67.5 0.7 L70.3 1.1 L72.9 1.6 L75.2 2.2 L77.4 2.9 L79.5 3.7 L81.5 4.6 L83.3 5.5 L85.1 6.6 L86.7 7.7 L88.3 9.0 L89.7 10.3 L91.0 11.7 L92.3 13.3 L93.4 14.9 L94.5 16.7 L95.4 18.5 L96.3 20.5 L97.1 22.6 L97.8 24.8 L98.4 27.1 L98.9 29.7 L99.3 32.5 L99.6 35.5 L99.8 38.9 L100.0 43.0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;line-height:0}
.wmk3 img{animation:beat 2.6s ease-in-out .9s infinite;transform-origin:50% 55%}
.wmk3::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:wglint 5.2s ease-in-out 1.4s infinite;pointer-events:none}
@keyframes wpop{0%{transform:scale(.5) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(3deg);opacity:1}100%{transform:none;opacity:1}}@keyframes wglint{0%{left:-60%}22%,100%{left:130%}}.rm .wmkw,.rm .wmk3 img,.rm .wmk3::after{animation:none!important}
.rm .wmk3::after{display:none}
@keyframes inb{from{transform:translateY(-120%);opacity:0}to{transform:none;opacity:1}}/* sheets,toast */
.dim{position:absolute;inset:0;background:rgba(10,12,25,.48);z-index:70}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:71;background:var(--sf);border-radius:26px 26px 0 0;padding:8px 16px calc(var(--sab) + 16px);color:var(--ink)}
.grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
.sheet h2{font-size:20px;margin-bottom:10px}
.sheet .card{background:var(--sf2);box-shadow:none;border:0}
.toast{position:absolute;left:16px;right:16px;bottom:calc(var(--nb) + 90px);z-index:90;background:#1b2238;color:#fff;border-radius:14px;padding:13px 16px;font-weight:700;font-size:14.5px;text-align:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.dark .toast{background:#eef0fb;color:#14182b}
@keyframes bob{50%{transform:translateY(6px)}}/* ═════ v1.19.1015 — только приложение (нет в превью: устройство и экраны вне превью) ═════ */
/* полоса под строкой состояния iPhone (значок на экране «Домой», текст строки белый) */
.ph:not(.wsb) .app::before{content:"";position:absolute;top:0;left:0;right:0;height:var(--sat);background:#3a3f9f;z-index:30;pointer-events:none}
.ph.dark:not(.wsb) .app::before{background:#1f2357}
/* размер текста из панели доступности приложения (общая память с панелью витрины) */
.ph .app{zoom:var(--az,1)}
/* высокий контраст: текст темнее, приглушённые подписи — полной силы */
.ph.hcon.light{--ink2:#1b2238;--ink3:#2b3247;--line:#9aa3c0}
.ph.hcon.dark{--ink2:#fff;--ink3:#e4e7fb;--line:#5b6396}
.ph.hcon .hcVt span,.ph.hcon .hcK,.ph.hcon .hcP,.ph.hcon .rt small{opacity:1}
/* календарь, пока грузятся свободные дни месяца */
.calg.ld{opacity:.55}
.ph:not(.rm) .calg.ld .cd{animation:shim 1.2s ease-in-out infinite}
/* прививка без статуса типа (заменена новой) — нейтральная отметка */
.hb-superseded{color:#3a3f9f}.hb-superseded .hbi{color:#6b72d6}
.dark .hb-superseded{color:#c9cbff}
/* другие виды животных — значок лапы */
.ava.oth{background:var(--wash);color:var(--acx)}
/* панель доступности: кнопки размера текста */
.a11z{display:flex;gap:6px;flex:none}
/* страница установки (/app/install): подсказки по шагам — как строки списка, по центру карточки */
.hinst .lgbox{align-items:stretch}
.itip{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:18px;background:var(--hcA);color:var(--hcAi);text-align:start}
.itip .rt b{font-size:15.5px;line-height:1.3}
.itip .rt small{color:inherit;opacity:.85;font-size:13.5px;line-height:1.35}
.itn{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#6a72e6,#3a3f9f);color:#fff;font-weight:800}
.itn .ic{width:18px;height:18px}
.itsh{width:24px;height:24px;color:#545cd8;flex:none}
.dark .itsh{color:#c9cbff}
.hinst .lnk.ctr{margin-top:14px}
/* «צריכים עזרה? התקשרו · וואטסאפ»: зона нажатия 44 px при прежнем виде строки */
.lghelp .lnk{min-height:44px;margin-block:-2px}
/* главная без данных и без связи: карточка ошибки заполняет экран до меню */
.ph.on-home .hpad>.herr{min-height:calc(100dvh - 300px)}
/* колонка «дата + отметка» строк: не уже 84 px, но и не обрезает отметку на ru / en («Запланирован») */
.hcC .hcVd{width:auto;min-width:var(--hcdw)}
/* строки прививок: название с английским в скобках (ru / en / ar) на узком экране — до 3 строк, без обрезки */
.hvac .hcVt b{-webkit-line-clamp:3}
/* ═══════════ v1.19.1016 (релиз 13б) — баннер уведомления внутри открытого приложения (экран 16 превью) ═══════════
   Отличие от превью — только место: вместо строки состояния превью (52 px) — безопасная зона телефона. */
/* цвета баннера — переменными темы (объявлены один раз на светлую и тёмную) */
.v1.light{--ibn-bg:rgba(255,255,255,.97);--ibn-ink:#1b2238;--ibn-sh:0 18px 36px -12px rgba(10,14,40,.5),inset 0 0 0 1px rgba(84,92,216,.12)}
.v1.dark{--ibn-bg:rgba(38,44,99,.97);--ibn-ink:#eef0fb;--ibn-sh:0 18px 36px -12px rgba(10,14,40,.5),inset 0 0 0 1px rgba(84,92,216,.12)}
.inb{position:absolute;top:calc(var(--sat) + 8px);left:10px;right:10px;z-index:95;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:22px;background:var(--ibn-bg);color:var(--ibn-ink);box-shadow:var(--ibn-sh);text-align:start;animation:inb .35s cubic-bezier(.2,.9,.3,1.2) both}
.inb img{border-radius:10px;flex:none}
.inb .rt b{font-weight:800}
.inb .rt small{color:inherit;opacity:.75}
@keyframes inb{from{transform:translateY(-120%);opacity:0}to{transform:none;opacity:1}}
.rm .inb{animation:none}
/* колокольчик (релиз 13б): текст уведомления не обрезается (в акции — как отказаться, закон), как у строк прививок */
.hnot .hcVt span{white-space:normal;overflow:visible}
.hnot .hcVt b{-webkit-line-clamp:3}

/* ═════ v1.19.1017 (задача 13, релиз 13в) — акция клиники целиком (лист снизу): из колокольчика,
   с карточки «לפרטים» и с уведомления телефона. Текст с подписью клиники — строками. ═════ */
.sheet .shpk{margin:0 auto 10px;background:var(--hcP);color:var(--hcPi)}
.sheet .shpk .ic{width:22px;height:22px}
.sheet .shpromo{white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.5;margin:0 0 14px;opacity:.9}
.hnot.hc-promo .hcVt span{overflow-wrap:anywhere}

/* ═════ v1.19.1023 — строка состояния телефона цветом шапки (владелец 23/10, правка «б»).
   Android красит строку одним цветом (theme-color — ставит скрипт по экрану из --htop / --hfull);
   поэтому верх каждой индиго-шапки — ровная полоса того же цвета, плавно переходящая в прежний
   градиент: шва нет ни на Android, ни на iPhone (там строка прозрачная поверх шапки). ═════ */
.v1.light{--htop:#5f66dc;--hfull:#3a3f9f}
.v1.dark{--htop:#2e3383;--hfull:#1f2357}
.v1 .hero,.v1 .bar,.v1 .hsub:not(.hclear){background:linear-gradient(180deg,var(--htop) 0,var(--htop) var(--sat),transparent calc(var(--sat) + 44px)),var(--hero)}
.v1.dark .perm,.v1.dark .auth.lg{background:var(--hfull)}

/* ═════ v1.19.1023 — правовой документ внутри приложения (правка «в»): только текст документа ═════ */
.lgdoc{padding:16px 16px 18px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.lgdoc .lgupd{font-size:13px;color:var(--ink3);margin:0 0 6px}
.lgdoc h2{font-size:17px;font-weight:800;line-height:1.3;margin:18px 0 6px;color:var(--ink)}
.lgdoc h2:first-of-type{margin-top:6px}
.lgdoc p{margin:0 0 10px;color:var(--ink2)}
.lgdoc ul,.lgdoc ol{margin:0 0 10px;padding-inline-start:20px;color:var(--ink2)}
.lgdoc li{margin:0 0 4px}
.lgdoc strong{color:var(--ink);font-weight:700}
.lgdoc a{color:var(--ac);font-weight:700;text-decoration:underline;text-underline-offset:2px;display:inline-block;min-height:24px}
.ph.hcon .lgdoc p,.ph.hcon .lgdoc ul{color:var(--ink)}