@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/onest-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/onest-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/onest-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/onest-cyrillic-500-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/onest-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/onest-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/onest-cyrillic-600-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/onest-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/onest-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-cyrillic-500-italic.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-latin-ext-500-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


:root{--sans:"Onest",-apple-system,"SF Pro Text",system-ui,sans-serif;--serif:"Cormorant Garamond",Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--app-bg,#F2F0EA);color:#0F1E3D;font-family:var(--sans);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}

/* ---------- токены темы: на самом телефоне, чтобы рядом могли стоять светлый и тёмный */
.phone{--surface:#FBFAF7;--raised:#FFFFFF;--grouped:#F2F0EA;--ink:#0F1E3D;--muted:#5E6675;--line:#E4E0D6;--navy:#112250;--on-navy:#F5F4F0;--sapphire:#3B507D;--on-sapphire:#fff;--ocean:#5B88B2;--taupe:#BEB7A7;--taupe-ink:#6E6757;--success:#24705F;--warning:#7E6420;--danger:#A23B2E;--wheel:#112250;--shadow:0 30px 60px -24px rgba(15,30,61,.35)}
.phone.dark{--link:#8DB1DA;--surface:#0B1530;--raised:#131F3D;--grouped:#070E22;--ink:#F3F1EA;--muted:#A3ABBA;--line:#22304F;--navy:#1C3266;--sapphire:#8FA6D1;--on-sapphire:#0B1530;--taupe-ink:#CFC8B8;--success:#6CC3AE;--warning:#D4B866;--danger:#F09A8C;--wheel:#F3F1EA;--shadow:0 30px 60px -24px rgba(0,0,0,.6)}

.phone{position:relative;width:390px;height:844px;border-radius:46px;background:var(--grouped);color:var(--ink);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(15,30,61,.12);flex:none}
.screen{position:absolute;inset:0;overflow-y:auto;padding:22px 16px 112px;scrollbar-width:none;display:none}
.screen::-webkit-scrollbar{display:none}
.screen.on{display:block}
.screen.load{background:var(--surface);display:none;padding:0}
.screen.load.on{display:flex;flex-direction:column;align-items:center;justify-content:center}

/* ---------- загрузка: штурвал по часовой стрелке */
.wheel{width:132px;height:132px;color:var(--wheel);animation:turn 7s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.wm{margin-top:34px;font:600 20px/24px var(--sans);letter-spacing:-.01em}
.tag{margin-top:6px;font:italic 500 22px/26px var(--serif);color:var(--taupe-ink)}
.dots{position:absolute;bottom:92px;display:flex;gap:6px}
.dots b{width:5px;height:5px;border-radius:50%;background:var(--taupe);animation:blink 1.4s infinite}
.dots b:nth-child(2){animation-delay:.2s}.dots b:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.wheel{animation-duration:24s}}

/* ---------- общее */
.eyebrow{font:600 11px/14px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-ink)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.logo{width:38px;height:38px;border-radius:50%;flex:none;overflow:hidden}
.logo img{width:100%;height:100%;display:block}
.bn{font:600 16px/20px var(--sans);letter-spacing:-.01em;white-space:nowrap}
.bot{font:400 13px/16px var(--sans);color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 12px/16px var(--sans);color:var(--success);background:var(--raised);padding:6px 10px 6px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
h1{margin:24px 4px 2px;font:600 34px/40px var(--sans);letter-spacing:-.03em}
.sub{margin:0 4px 18px;font:400 15px/22px var(--sans);color:var(--muted)}

.hero{background:var(--navy);color:#F5F4F0;border-radius:24px;padding:22px 22px 18px;position:relative;overflow:hidden}
.hero .eyebrow{color:var(--taupe)}
.big{margin-top:10px;font:600 46px/50px var(--sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.when{margin-top:4px;font:italic 500 22px/28px var(--serif);color:var(--taupe)}
.hold{margin-top:18px;padding-top:14px;border-top:1px solid rgba(245,244,240,.15);display:flex;justify-content:space-between;gap:12px;font:400 13px/18px var(--sans);color:rgba(245,244,240,.72)}
.hold b{display:block;color:#F5F4F0;font:600 15px/20px var(--sans);font-variant-numeric:tabular-nums;margin-top:2px}
.hero .mark{position:absolute;right:20px;top:20px;width:92px;opacity:.16}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.tile{background:var(--raised);border-radius:20px;padding:16px;min-width:0}
.tile .eyebrow{color:var(--muted);letter-spacing:.1em}
.phone{container-type:inline-size}
@container (max-width:350px){.num{font-size:22px;line-height:26px}.phone.apple .tile{padding:14px}.tile{padding:14px}.hero .big{font-size:44px}}
.num{white-space:nowrap;margin-top:8px;font:600 26px/30px var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nrow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:8px}.nrow .num{margin-top:0}
.dl{display:inline-flex;align-items:center;gap:4px;font:600 13px/18px var(--sans);padding:3px 8px 3px 6px;border-radius:999px;white-space:nowrap}.dl svg{width:11px;height:11px}.dl b{font-weight:600}.dl i{font:400 12px/16px var(--sans);font-style:normal;opacity:.85;margin-left:2px}
.tile.wide{position:relative}
.dl{cursor:pointer;padding:4px 10px 4px 7px}.dl.open{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 28%,transparent)}
.tip{display:none;position:absolute;left:12px;right:12px;top:76px;z-index:6;background:var(--ink);color:var(--raised);border-radius:14px;padding:10px 14px;font:400 13px/18px var(--sans);box-shadow:0 8px 24px rgba(15,30,61,.28)}
.tip.on{display:block}
.tile:has(.tip.on) .nrow+.foot{visibility:hidden}.tip b{display:block;font-weight:600}.tip span{opacity:.85}
.tip::before{content:'';position:absolute;top:-6px;left:var(--ax,40px);width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:3px}
.dl.up{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.dl.dn{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}
.cap7{margin-top:12px;font:500 11px/14px var(--sans);color:var(--muted)}
.chart{height:78px;margin-top:14px;align-items:flex-end}
.chart .bc{cursor:pointer}.days span{cursor:pointer;padding:2px 0;border-radius:6px}.days span.sel{color:var(--ink);font-weight:600}
.chart.has-sel b.t:not(.sel){opacity:.35;background:var(--ocean)}.chart.has-sel b.sel{opacity:1;background:var(--sapphire)}
.chart.st.has-sel .bc:not(.sel){opacity:.35}
.dtip{display:none;position:absolute;z-index:6;background:var(--ink);color:var(--raised);border-radius:12px;padding:6px 11px;font:400 12px/16px var(--sans);box-shadow:0 8px 24px rgba(15,30,61,.28);white-space:nowrap}
.dtip.on{display:block}.dtip b{display:block;font-weight:600}.dtip span{opacity:.88}
.dtip::before{content:'';position:absolute;bottom:-5px;left:var(--ax,20px);width:10px;height:10px;background:var(--ink);transform:rotate(45deg);border-radius:2px}
.tile.dsel .nrow+.foot{visibility:visible}.leg em{font-style:normal;font-weight:600;color:var(--ink)}
.mainbtn{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:10px 16px 28px;background:var(--grouped);border-top:1px solid var(--line)}
.mainbtn button{display:block;width:100%;height:52px;border-radius:14px;background:var(--sapphire);color:var(--on-sapphire);font:600 17px/22px var(--sans);transition:transform .12s}.mainbtn button:active{transform:scale(.98)}
.mainbtn button.ok{background:var(--success);color:#fff}
.hq{display:inline-flex;align-items:center;gap:5px;color:inherit;font:inherit;padding:0}.hq i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid rgba(245,244,240,.5);font:600 10px/1 var(--sans);font-style:normal}
.hnote{display:none;margin:10px 8px 0;font:400 13px/18px var(--sans);color:var(--muted)}.hnote.on{display:block}
.hold{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:0}.hold>div:nth-child(2){text-align:center}.hold>div:nth-child(3){text-align:right}
.nstrip{position:absolute;left:0;right:0;top:60px;height:34px;z-index:4;background:var(--grouped);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid transparent}
.nstrip .n{display:flex;align-items:center;gap:8px;font:500 13px/18px var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nstrip .n span{color:var(--muted);font-weight:400}
.nstrip .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nstrip .av{width:24px;height:24px;border-radius:50%;flex:none;object-fit:cover}
.nstrip .s{display:flex;align-items:center;gap:6px;font:500 12px/16px var(--sans);color:var(--success);flex:none}.nstrip .s i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sw{flex:none;width:51px;height:31px;border-radius:999px;background:color-mix(in srgb,var(--ink) 18%,transparent);position:relative;transition:background .3s ease;cursor:pointer}
.sw::after{content:'';position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,30,61,.3);transition:transform .34s cubic-bezier(.3,1.3,.4,1),width .2s}.sw:active::after{width:33px}.sw.on:active::after{transform:translateX(18px)}
.sw.on{background:var(--sapphire)}.sw.on::after{transform:translateX(20px)}

/* --- audit fixes --- */
.seg button{padding:11px 0}
.eyebrow{font-size:12px;line-height:16px}.field label{font-size:12px}
.days span{font-size:12px;padding:6px 0}
.dl{position:relative}.dl::after{content:'';position:absolute;inset:-9px -6px}
.hq{position:relative}.hq::after{content:'';position:absolute;inset:-14px -10px}
.chart b{opacity:.7}.chart b.t{opacity:1}
.chart.has-sel b.t:not(.sel){opacity:.7}
.chart.st.has-sel .bc:not(.sel){opacity:.5}
.field.tap{cursor:pointer}
.field.edit{box-shadow:inset 0 0 0 2px var(--sapphire)}.dark .field.edit{box-shadow:inset 0 0 0 2px var(--ocean)}
.field.err{box-shadow:inset 0 0 0 2px var(--danger)}
.caret{display:inline-block;width:2px;height:22px;background:var(--sapphire);margin-left:1px;vertical-align:-4px;animation:blink 1s steps(1) infinite}.dark .caret{background:var(--ocean)}
@keyframes blink{50%{opacity:0}}
.ferr.hint{color:var(--muted);font-weight:400}.ferr{margin:6px 6px 0;font:500 13px/18px var(--sans);color:var(--danger)}
.mainbtn.off button{background:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--muted);cursor:default}
.prog{margin-top:14px;height:8px;border-radius:999px;background:rgba(245,244,240,.16);overflow:hidden}.prog i{display:block;height:100%;border-radius:999px;background:var(--taupe)}
.when2 .rb{font:italic 400 .96em/1 var(--serif);margin-left:.06em}
.when2{margin-top:8px;font:italic 500 20px/26px var(--serif);font-variant-numeric:lining-nums;color:var(--taupe)}
.nb.bad{background:color-mix(in srgb,var(--danger) 11%,var(--raised));color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 28%,transparent)}
.nb.bad .ic{background:color-mix(in srgb,var(--danger) 14%,transparent)}.nb.bad .lbl small{color:var(--danger)}
.nstrip .s.bad{color:var(--danger)}
.empty{background:var(--raised);border-radius:20px;padding:26px 22px 22px;text-align:center;margin-top:12px}
.empty .ei{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:var(--grouped);display:grid;place-items:center;color:var(--sapphire)}.dark .empty .ei{color:var(--link)}.empty .ei svg{width:24px;height:24px}
.empty b{display:block;font:600 17px/22px var(--sans)}.empty span{display:block;margin-top:6px;font:400 14px/20px var(--sans);color:var(--muted)}
.empty .ghost{margin-top:16px;display:inline-block;padding:11px 20px;border-radius:12px;background:color-mix(in srgb,var(--sapphire) 12%,transparent);color:var(--sapphire);font:600 15px/20px var(--sans)}.dark .empty .ghost{color:var(--link)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duo .num{font-size:22px;white-space:nowrap;letter-spacing:-.03em}.duo .foot{margin-top:2px}
.foot{margin-top:4px;font:400 13px/18px var(--sans);color:var(--muted)}
.wide{grid-column:1/-1}
.chart{display:flex;align-items:flex-end;gap:8px;height:60px;margin-top:14px}
.chart b{flex:1;border-radius:6px 6px 3px 3px;background:var(--ocean);opacity:.35}
.chart b.t{opacity:1;background:var(--sapphire)}
.days{display:flex;gap:8px;margin-top:6px}
.days span{flex:1;text-align:center;font:500 11px/14px var(--sans);color:var(--muted)}
.sect{margin:24px 8px 8px;font:600 13px/18px var(--sans);color:var(--muted)}
.list{background:var(--raised);border-radius:20px;overflow:hidden}
.row{display:flex;align-items:center;gap:14px;padding:13px 16px;width:100%;text-align:left}
.row+.row{border-top:1px solid var(--line);margin-left:62px;width:calc(100% - 62px);padding-left:0}
.row+.row .ic{margin-left:-46px}
.ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--grouped);color:var(--sapphire)}
.ic svg{width:18px;height:18px}
.ic.neg{color:var(--danger)}.ic.ok{color:var(--success)}.ic.wait{color:var(--warning)}
.lbl{flex:1;min-width:0}
.lbl b{display:block;font:500 16px/21px var(--sans)}
.lbl small{display:block;font:400 13px/17px var(--sans);color:var(--muted)}
.val{font:600 16px/21px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.val.pos{color:var(--success)}.val.neg{color:var(--danger)}
.val.m{font-weight:400;color:var(--muted);font-size:14px}
.chev{width:8px;color:var(--muted);opacity:.55;flex:none}
.badge{font:600 12px/16px var(--sans);padding:3px 9px;border-radius:999px;background:var(--grouped);color:var(--warning)}
.badge.ok{color:var(--success)}
.row.plain{margin-left:0!important;width:100%!important;padding-left:16px!important}

.pt{display:inline-block;margin-left:6px;font:600 11px/15px var(--sans);padding:1px 7px;border-radius:999px;vertical-align:1px}
.pt.club{background:color-mix(in srgb,var(--sapphire) 14%,transparent);color:var(--sapphire)}
.pt.course{background:color-mix(in srgb,var(--ocean) 22%,transparent);color:color-mix(in srgb,var(--ocean) 70%,var(--ink))}
.chart.st{gap:8px}
.chart.st div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%}
.chart.st i{display:block;border-radius:4px}
.chart.st i.c{background:var(--sapphire)}.chart.st i.k{background:var(--ocean);opacity:.8}
.leg{display:flex;gap:14px;margin-top:10px;font:500 12px/16px var(--sans);color:var(--muted)}
.leg span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px;vertical-align:0}
.leg .c::before{background:var(--sapphire)}.leg .k::before{background:var(--ocean);opacity:.8}
.pc{display:flex;gap:14px;align-items:center;padding:14px 16px;width:100%;text-align:left}
.pc+.pc{border-top:1px solid var(--line)}
.pc .ic{width:38px;height:38px;border-radius:11px}
.pc .ic svg{width:21px;height:21px}
.pc .lbl b{font-size:16px}
.pc .val{text-align:right}.pc .val small{display:block;font:400 12px/16px var(--sans);color:var(--muted)}
.src{margin:10px 8px 0;font:400 12px/17px var(--sans);color:var(--muted)}
.note{margin:14px 10px 0;font:400 13px/19px var(--sans);color:var(--muted)}
.note b{color:var(--ink);font-weight:600}

/* сегменты и форма */
.seg{display:flex;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:12px;padding:3px;margin:0 0 4px}
.seg button{flex:1;padding:8px 0;border-radius:10px;font:500 14px/18px var(--sans);color:var(--muted)}
.seg button.on{background:var(--raised);color:var(--ink);box-shadow:0 1px 3px rgba(15,30,61,.12)}
.bk{display:block;margin:10px 4px 0;font:500 15px/20px var(--sans);color:var(--sapphire)}
.dark .bk{color:var(--link)}
.nb{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:0 0 12px;padding:13px 16px;border-radius:20px;background:color-mix(in srgb,var(--warning) 13%,var(--raised));color:var(--warning);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning) 26%,transparent)}
.nb .ic{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--warning) 16%,transparent);display:grid;place-items:center;flex:none}.nb .ic svg{width:21px;height:21px}
.nb .lbl b{color:var(--ink);font-weight:600}.nb .lbl small{color:var(--warning);opacity:.92}.nb .chev{width:8px;height:14px;opacity:.7;flex:none}
.hb{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:14px;padding:10px 14px;border-radius:12px;background:rgba(245,244,240,.14);color:#F5F4F0;font:500 14px/20px var(--sans);text-align:left}.hb .chev{width:8px;height:14px;flex:none;opacity:.8}
.tab{position:relative}.tab .dot{position:absolute;top:-1px;left:calc(50% + 6px);width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--raised)}
.warn{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning);font:500 13px/18px var(--sans)}.warn svg{flex:none;width:18px;height:18px;margin-top:1px}
.field{background:var(--raised);border-radius:20px;padding:14px 16px}
.field label{display:block;font:600 11px/14px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.field .in{margin-top:6px;font:500 17px/24px var(--sans);display:flex;justify-content:space-between;align-items:center;gap:10px}
.field .in span{color:var(--muted);font:400 14px/20px var(--sans)}
.radio{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);flex:none;display:grid;place-items:center}
.radio.on{border-color:var(--sapphire);background:var(--sapphire)}
.radio.on::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--on-sapphire)}
.cta{display:block;width:100%;margin-top:18px;background:var(--sapphire);color:var(--on-sapphire);border-radius:14px;padding:15px;font:600 16px/22px var(--sans);text-align:center}
.lock{display:flex;gap:10px;margin:16px 8px 0;font:400 13px/19px var(--sans);color:var(--muted)}
.lock svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--taupe-ink)}

/* таб-бар */
.tabbar{position:absolute;left:0;right:0;bottom:0;padding:8px 12px 26px;background:color-mix(in srgb,var(--raised) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:4}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font:500 11px/14px var(--sans);color:var(--muted);min-width:80px}
.tab svg{width:25px;height:25px}
.tab.on{color:var(--sapphire)}


/* --- apple mode --- */
.rl{font-weight:inherit;font-size:1em;margin-left:0;letter-spacing:0}
.big .rl,.num .rl{font-weight:400;font-size:.8em;margin-left:.03em}
.phone.apple .chip{border:0;background:color-mix(in srgb,var(--success) 12%,transparent)}
.phone.apple .tabbar{border-top:0;background:color-mix(in srgb,var(--grouped) 70%,transparent);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}
.phone.apple .mainbtn{border-top:0}
.phone.apple .nstrip{border-bottom:0}
.phone.apple .hero{border-radius:28px;padding:26px 24px 22px}
.phone.apple .hold{border-top:0;padding-top:0;margin-top:24px}
.phone.apple .tile{border-radius:24px;padding:18px}
.phone.apple .grid{gap:14px}
.phone.apple .screen{padding-left:20px;padding-right:20px}
.phone.apple .row+.row,.phone.apple .pc+.pc{border-top-width:.5px}
.phone.apple h1{font-weight:700;letter-spacing:-.035em}
.ctitle{position:absolute;left:0;right:0;height:42px;z-index:3;display:flex;align-items:center;justify-content:center;font:600 17px/22px var(--sans);background:transparent;pointer-events:none}.ctitle span{opacity:0}
@keyframes grow{from{transform:scaleY(0)}}
@keyframes pop{from{transform:scale(.82);opacity:0}}
@keyframes fadein{from{opacity:0}}
.phone.apple .chart .bc{transform-origin:bottom;animation:grow .3s ease-out backwards;animation-delay:calc(var(--i)*25ms + 60ms)}
.phone.apple .dtip.on{animation:pop .38s cubic-bezier(.2,1.6,.4,1);transform-origin:50% 100%}
.phone.apple .screen:not(.load){animation:fadein .22s ease-out}
@media (prefers-reduced-motion:reduce){.phone.apple *{animation:none!important}}

.seg{position:relative}
.seg button{position:relative;z-index:1;-webkit-tap-highlight-color:transparent}
.seg .thumb{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:10px;background:var(--raised);box-shadow:0 1px 3px rgba(15,30,61,.12);z-index:0;pointer-events:none}
.seg .thumb.mv{transition:transform .32s cubic-bezier(.3,1.25,.4,1),width .32s cubic-bezier(.3,1.25,.4,1)}
.seg.has-thumb button.on{background:transparent;box-shadow:none}
.seg button{transition:color .2s}
.dark .seg .thumb{background:color-mix(in srgb,var(--ink) 16%,var(--raised));box-shadow:none}
.screen.noanim{animation:none!important}

.field{transition:box-shadow .22s}
.vwrap{display:flex;align-items:center;min-width:0}.vv{font-weight:500}.vv.ph{color:var(--muted);opacity:.5}
.okc{width:22px;height:22px;color:var(--success);opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.4,1)}.okc svg{width:22px;height:22px}.field.ok .okc{opacity:1;transform:none}
@keyframes shake{20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}.field.shake{animation:shake .38s}
.field .bnk{transition:opacity .2s}
.mainbtn{transition:bottom .3s cubic-bezier(.2,.8,.2,1)}.mainbtn.kb{bottom:250px;padding-bottom:10px}
.mainbtn button{transition:background .28s,color .28s,transform .12s}
.kp{position:absolute;left:0;right:0;bottom:0;height:250px;z-index:6;background:color-mix(in srgb,var(--ink) 7%,var(--grouped));padding:10px 6px 28px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:7px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.kp.hide{transform:translateY(100%)}
.kp button{border-radius:8px;background:var(--raised);font:500 24px/1 var(--sans);box-shadow:0 1px 0 rgba(15,30,61,.18);transition:background .08s}.kp button:active{background:color-mix(in srgb,var(--ink) 14%,var(--raised))}
.kp .fn{background:transparent;box-shadow:none;font-size:15px;font-weight:600;color:var(--sapphire)}.dark .kp .fn{color:var(--link)}.dark .kp button{box-shadow:none}.kp .fn svg{width:26px;height:20px;margin:auto}

.scrim{position:absolute;inset:0;z-index:7;background:rgba(7,14,34,.38);opacity:0;pointer-events:none;transition:opacity .28s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:8;max-height:calc(100% - 64px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--surface);border-radius:26px 26px 0 0;padding:8px 16px 34px;transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.9,.25,1)}
.qm,button.hold,.sw{position:relative}.qm::after,button.hold::after{content:'';position:absolute;inset:-14px -10px}
.srch{display:flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 12px;margin:0 0 12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--muted);transition:box-shadow .15s}
.srch:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--sapphire) 45%,transparent)}.dark .srch:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--ocean) 55%,transparent)}
.srch>svg{width:18px;height:18px;flex:none}
.srch input{flex:1;min-width:0;background:none;border:0;outline:0;font:400 16px/22px var(--sans);color:var(--ink);padding:0}.srch input::-webkit-search-cancel-button,.srch input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.srch input::placeholder{color:var(--muted);opacity:.85}
.srch .clr{width:30px;height:30px;display:none;place-items:center;flex:none;border-radius:50%;color:var(--muted)}.srch.has .clr{display:grid}.srch .clr svg{width:16px;height:16px}
.scnt{margin:-4px 4px 10px;font:400 13px/18px var(--sans);color:var(--muted)}
.nores{text-align:center;padding:36px 20px 20px}.nores b{display:block;font:600 17px/24px var(--sans)}.nores p{margin:6px auto 0;max-width:270px;font:400 14px/20px var(--sans);color:var(--muted)}
.row.cx .lbl b,.row.cx .val{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--muted)}.row.cx .val{font-weight:400}.row.cx .ic{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--muted)}
.row.tapop{cursor:pointer;position:relative;isolation:isolate}.row.tapop::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:0;transition:background .15s}.row+.row.tapop::before{left:-62px}.row.tapop:active::before{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.opd .top{display:flex;align-items:center;justify-content:space-between;margin:0 4px 2px}.opd .top h3{margin:0}
.opd .chip{display:inline-flex;align-items:center;flex:none;width:auto;height:auto;margin:0;font:600 12px/16px var(--sans);padding:4px 10px;border-radius:999px;white-space:nowrap}.opd .top h3{line-height:26px}
.opd .chip.s-hold{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.opd .chip.s-paid{background:color-mix(in srgb,var(--sapphire) 12%,transparent);color:var(--sapphire)}.dark .opd .chip.s-paid{color:var(--link)}.opd .chip.s-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.opd .chip.s-refund{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}
.opd .big{margin:2px 4px 14px;font:600 34px/40px var(--sans);letter-spacing:-.025em;font-variant-numeric:lining-nums}.opd .big.neg{color:var(--danger)}
.opd .tbl{background:var(--grouped);border-radius:16px;padding:2px 14px}
.opd .tr{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font:400 15px/20px var(--sans)}.opd .tr+.tr{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.opd .tr span:first-child{color:var(--muted);flex:0 1 auto;min-width:0}.opd .tr span:last-child{text-align:right;font-weight:500;flex:none;white-space:nowrap}.opd .tr .mut{font-weight:400;color:var(--muted)}
.opd .cp{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opd .cp svg{width:14px;height:14px;flex:none;color:var(--muted);transition:color .2s}.opd .cp.done svg{color:var(--success)}.opd .cp:active{opacity:.55}
.toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%,10px);opacity:0;background:var(--navy);color:var(--on-navy);padding:10px 16px;border-radius:999px;font:500 14px/18px var(--sans);transition:opacity .2s,transform .2s;pointer-events:none;z-index:300;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%,0)}.dark .toast{background:#E9E6DD;color:#0F1E3D}
.upd{display:flex;align-items:center;justify-content:center;gap:4px;margin:22px 0 4px;font:400 13px/18px var(--sans);color:var(--muted)}.upd button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:15px;background:none;border:0;color:var(--muted);padding:0;cursor:pointer}.upd button svg{width:16px;height:16px}.upd button:active{background:color-mix(in srgb,var(--ink) 8%,transparent)}.upd.spin svg{animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
.ptr{position:absolute;left:0;right:0;margin:0 auto;width:max-content;top:100px;height:32px;padding:0 14px 0 11px;border-radius:16px;display:flex;align-items:center;gap:8px;color:var(--muted);font:500 13px/18px var(--sans);opacity:0;pointer-events:none;z-index:40}.ptr svg{width:16px;height:16px;flex:none}.ptr.spin svg{animation:rot .8s linear infinite}
.phone .screen{overscroll-behavior-y:contain}
.nb.bad{background:color-mix(in srgb,var(--danger) 9%,var(--raised));color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 26%,transparent)}.nb.bad .ic{background:color-mix(in srgb,var(--danger) 14%,transparent)}.nb.bad .lbl small{color:var(--danger)}
.badge.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,transparent)}
.opd .chip.s-fail{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.opd .tr span.bad:last-child{color:var(--danger);text-align:right;flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:anywhere;margin-left:24px}.opd .cta{margin-top:16px}
.inote{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:16px;background:color-mix(in srgb,var(--sapphire) 9%,var(--raised));font:400 14px/20px var(--sans);color:var(--ink);margin:0 0 14px}.inote svg{width:20px;height:20px;flex:none;margin-top:0;color:var(--sapphire)}.dark .inote svg{color:var(--link)}.inote b{font-weight:600}.inote.ok svg{color:var(--success)}
.pend{padding-top:10px}.pend .pic{width:60px;height:60px;border-radius:20px;background:color-mix(in srgb,var(--sapphire) 12%,transparent);color:var(--sapphire);display:grid;place-items:center;margin:6px 0 18px}.dark .pend .pic{color:var(--link)}.pend .pic svg{width:28px;height:28px}
.pend .cmp{background:var(--raised);border-radius:18px;padding:2px 16px;margin:18px 0 14px}.pend .cmp div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;font:400 15px/21px var(--sans)}.pend .cmp div+div{border-top:1px solid var(--line)}.pend .cmp span{color:var(--muted)}.pend .cmp b{font-weight:500;text-align:right}.pend .cmp small{display:block;color:var(--muted);font:400 13px/18px var(--sans)}
.pend .lnk{display:block;width:100%;margin-top:6px;padding:14px;text-align:center;font:500 16px/22px var(--sans);color:var(--sapphire)}.dark .pend .lnk{color:var(--link)}
.srch .perb{position:relative;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;color:var(--muted);margin-left:2px}.srch .perb svg{width:19px;height:19px}.srch .perb.on{color:var(--sapphire);background:color-mix(in srgb,var(--sapphire) 13%,transparent)}.dark .srch .perb.on{color:var(--link)}.srch .perb::after{content:'';position:absolute;inset:-4px}
.more{display:block;width:100%;margin:14px 0 4px;padding:13px;border-radius:14px;text-align:center;font:500 15px/20px var(--sans);color:var(--sapphire);background:color-mix(in srgb,var(--sapphire) 9%,transparent)}.dark .more{color:var(--link)}.more:active{opacity:.6}
.row.dr{cursor:default}.fmt{display:flex;gap:6px;flex:none}.fmt button{padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--sapphire) 10%,transparent);color:var(--sapphire);font:600 13px/16px var(--sans);min-width:52px;text-align:center}.dark .fmt button{color:var(--link)}.fmt button.okk{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.fmt button:active{opacity:.6}
.row.tg{cursor:pointer}.row.tg .lbl{min-width:0;flex:1}.row.tg .sw{margin-left:12px}.row.tg.lock{cursor:default}.row.tg.lock .sw{opacity:.45}
.nstrip.tap{cursor:pointer}.nstrip .n .cd{width:16px;height:16px;flex:none;margin-left:-4px;color:var(--muted)}.nstrip.tap:active{opacity:.7}
.opd .fq{display:inline-flex;align-items:center;gap:7px;margin:14px 4px 0;padding:0;color:var(--muted);font:500 13px/18px var(--sans);-webkit-tap-highlight-color:transparent}.opd .fq i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid currentColor;font:600 10px/1 var(--sans);font-style:normal;opacity:.75}.opd .fq:active{opacity:.6}
.opd .fine.fold{max-height:0;overflow:hidden;opacity:0;margin:0 4px;transition:max-height .32s cubic-bezier(.2,.8,.2,1),opacity .25s,margin .3s}.opd .fine.fold.on{max-height:120px;opacity:1;margin:8px 4px 0}
.inote.warn{background:color-mix(in srgb,var(--warning) 11%,var(--raised))}.inote.warn svg{color:var(--warning)}
.wl{padding-top:6px}.wl .wship{width:60px;height:60px;border-radius:20px;background:var(--navy);color:var(--on-navy);display:grid;place-items:center;margin:6px 0 16px}.wl .wship svg{width:34px;height:34px}
.steps{background:var(--raised);border-radius:20px;padding:2px 16px;margin-bottom:6px}.stp{display:flex;align-items:center;gap:14px;padding:14px 0}.stp+.stp{border-top:1px solid var(--line)}
.stp .sn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 15px/1 var(--sans);flex:none;border:1.5px solid var(--line);color:var(--muted)}.stp .sn svg{width:18px;height:18px}
.stp.done .sn{background:var(--success);border-color:var(--success);color:#fff}.stp.now .sn{background:var(--sapphire);border-color:var(--sapphire);color:#fff}.dark .stp.now .sn{background:var(--link);border-color:var(--link);color:#0F1E3D}.stp.next .lbl{opacity:.6}
.sheet .opt .cico{width:22px;height:22px;color:var(--muted);display:grid;place-items:center}.sheet .opt .cico svg{width:20px;height:20px}
.cal .cb{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 8px;color:var(--sapphire);font:500 15px/20px var(--sans)}.dark .cal .cb{color:var(--link)}.cal .cb .bk{width:9px;height:15px;transform:rotate(180deg)}
.cal .ch{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.cal .ch b{font:600 18px/24px var(--sans)}.cal .ch button{width:44px;height:44px;border-radius:14px;font:400 26px/1 var(--sans);color:var(--ink)}.cal .ch button:disabled{opacity:.22}.cal .ch button:active{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.cal .wd,.cal .gd{display:grid;grid-template-columns:repeat(7,1fr)}.cal .wd span{text-align:center;font:500 12px/16px var(--sans);color:var(--muted);padding:6px 0}
.cal .gd button{position:relative;height:44px;font:500 16px/20px var(--sans);color:var(--ink);z-index:0}.cal .gd button::before{content:'';position:absolute;inset:3px 0;z-index:-1}
.cal .gd button.in::before{background:color-mix(in srgb,var(--sapphire) 15%,transparent)}.cal .gd button.s::before,.cal .gd button.e::before{background:var(--sapphire)}
.cal .gd button.s::before{left:3px;border-radius:22px 0 0 22px}.cal .gd button.e::before{right:3px;border-radius:0 22px 22px 0}.cal .gd button.s.e::before{border-radius:22px}
.cal .gd button.s,.cal .gd button.e{color:#fff}.dark .cal .gd button.s::before,.dark .cal .gd button.e::before{background:var(--ocean)}.dark .cal .gd button.s,.dark .cal .gd button.e{color:#0F1E3D}
.cal .gd button.td:not(.s):not(.e){font-weight:700;color:var(--sapphire)}.dark .cal .gd button.td:not(.s):not(.e){color:var(--link)}.cal .gd button.dis{color:var(--muted);opacity:.35}
.cal .cta{margin-top:12px}.cal .cta.off{opacity:.4;pointer-events:none}
.opd .fine{margin:12px 4px 0;font:400 13px/18px var(--sans);color:var(--muted)}
.sheet.on{transform:none}
.sheet .grab{position:relative;width:38px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--ink) 20%,transparent);margin:0 auto 14px}
.sheet .grab::before{content:'';position:absolute;inset:-14px -70px -10px}
.sheet h3{margin:0 4px 10px;font:600 20px/26px var(--sans);letter-spacing:-.02em}
.sheet .opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 12px;border-radius:14px;text-align:left}
.sheet .opt+.opt{margin-top:2px}.sheet .opt.on{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.sheet .opt b{display:block;font:500 16px/22px var(--sans)}.sheet .opt small{display:block;font:400 13px/18px var(--sans);color:var(--muted)}
.field .in .act{cursor:pointer;color:var(--sapphire);font-weight:500}.dark .field .in .act{color:var(--link)}
.field .in .vv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.qm{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font:600 10px/1 var(--sans);margin-left:6px;vertical-align:1px;opacity:.7;position:relative;letter-spacing:0}
.qm::after{content:"";position:absolute;inset:-10px -8px}
.phone,.phone *{-webkit-tap-highlight-color:transparent}.field label{width:fit-content;max-width:100%}
.fnote{max-height:0;overflow:hidden;opacity:0;margin:0 8px;font:400 13px/18px var(--sans);color:var(--muted);transition:max-height .32s cubic-bezier(.2,.8,.2,1),opacity .25s,margin .3s}
.sect .qm{margin-left:7px;vertical-align:2px}.sect+.fnote.on{margin:0 8px 12px}.fnote.on{max-height:120px;opacity:1;margin:8px 8px 0}

.prog i{transition:width .9s cubic-bezier(.3,.9,.3,1)}
.when2,.when{transition:opacity .25s}
.ctitle{transition:background .2s,box-shadow .2s}.ctitle span{transition:opacity .2s}
.ctitle.on{background:var(--grouped);box-shadow:0 .5px 0 color-mix(in srgb,var(--ink) 14%,transparent)}.ctitle.on span{opacity:1}
.screen h1{transition:opacity .18s}

.sk{position:relative;overflow:hidden;background:color-mix(in srgb,var(--ink) 9%,transparent);border-radius:8px}
.sk::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--raised) 65%,transparent),transparent);animation:shim 1.5s ease-in-out infinite}
@keyframes shim{to{transform:translateX(100%)}}
.sk.on-navy{background:rgba(245,244,240,.14)}.sk.on-navy::after{background:linear-gradient(90deg,transparent,rgba(245,244,240,.16),transparent)}
.skhero{background:var(--navy);border-radius:28px;padding:26px 24px 22px;position:relative;overflow:hidden}
.skrow{display:flex;gap:14px}
.skbars{display:flex;align-items:flex-end;gap:8px;height:78px;margin-top:22px}.skbars .sk{flex:1;border-radius:6px}
@media (prefers-reduced-motion:reduce){.sk::after{animation:none}}
.row.skr+.row.skr{margin-left:0;width:100%;padding-left:14px;border-top:0}

.errw{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 12px}
.errw .ei2{width:76px;height:76px;border-radius:24px;background:color-mix(in srgb,var(--ink) 7%,transparent);display:grid;place-items:center;color:var(--taupe-ink)}
.errw .ei2 svg{width:36px;height:36px}
.errw b{margin-top:22px;font:600 22px/28px var(--sans);letter-spacing:-.02em}
.errw p{margin:8px 0 0;max-width:290px;font:400 15px/22px var(--sans);color:var(--muted)}
.errw .cta2{margin-top:26px;padding:13px 30px;border-radius:14px;background:var(--sapphire);color:var(--on-sapphire);font:600 16px/22px var(--sans)}
.errw .lnk{margin-top:14px;font:500 15px/20px var(--sans);color:var(--sapphire)}.dark .errw .lnk{color:var(--link)}
.stale{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 14px;width:max-content;max-width:100%;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning);font:500 13px/18px var(--sans)}


.xfade{animation:xf .38s cubic-bezier(.2,.7,.2,1)}@keyframes xf{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.xfade{animation:none}}
.stale svg{width:16px;height:16px}.stale u{text-decoration:none;font-weight:600;margin-left:4px}

.mascot{width:270px;max-width:100%;color:var(--wheel)}.msk{display:block;width:100%;height:auto;overflow:visible}
.msk *{transform-box:view-box}
@keyframes mfl{0%,36%{transform:rotate(119deg)}44%,60%{transform:rotate(0)}68%,100%{transform:rotate(119deg)}}


.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
.a-look{animation:al 7s infinite}
.a-sparks{opacity:0;animation:asp 7s infinite}
.a-q{opacity:0;animation:aq 7s infinite}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
.b-look{animation:bl 7s infinite}
.b-q{opacity:0;animation:bq 7s infinite}
.b-wifi{animation:bw 3.2s ease-in-out infinite}

.a-wheel{transform-origin:100px 100px;animation:aw 7s infinite}
@keyframes aw{0%{transform:rotate(0)}50%{transform:rotate(1440deg);animation-timing-function:ease-in-out}54%{transform:rotate(1436deg)}58%{transform:rotate(1442deg)}62%,100%{transform:rotate(1440deg)}}
.a-armr{transform-origin:152px 122px;animation:aar 7s infinite}
@keyframes aar{0%,34%{transform:rotate(0)}40%,100%{transform:rotate(100deg)}}
.a-forer{transform-origin:168px 112px;animation:afr 7s infinite}
@keyframes afr{0%,2%{transform:rotate(0)}5%{transform:rotate(-16deg)}9%{transform:rotate(7deg)}13%{transform:rotate(-16deg)}17%{transform:rotate(7deg)}21%{transform:rotate(-16deg)}25%{transform:rotate(7deg)}29%{transform:rotate(-16deg)}33%{transform:rotate(7deg)}37%{transform:rotate(0)}40%,100%{transform:rotate(127deg)}}
.a-arml{transform-origin:118px 122px;animation:aal 7s infinite}
@keyframes aal{0%,36%{transform:rotate(-85deg)}44%{transform:rotate(0)}47%{transform:rotate(2.5deg)}50%{transform:rotate(-1.5deg)}53%{transform:rotate(2.5deg)}56%{transform:rotate(-1.5deg)}60%{transform:rotate(0)}68%,100%{transform:rotate(-85deg)}}
.a-forel{transform-origin:98.7px 116.9px;animation:afl 7s infinite}
@keyframes afl{0%,36%{transform:rotate(-144deg)}44%,60%{transform:rotate(0)}68%,100%{transform:rotate(-144deg)}}
.a-wr{transform-origin:97px 103px;animation:awr 7s infinite}
@keyframes awr{0%,34%{opacity:0;transform:rotate(0)}38%,64%{opacity:1}44%{transform:rotate(0)}47%{transform:rotate(-16deg)}50%{transform:rotate(8deg)}53%{transform:rotate(-16deg)}56%{transform:rotate(8deg)}60%{transform:rotate(0)}68%,100%{opacity:0;transform:rotate(0)}}
.a-head{transform-origin:135px 118px;animation:ah 7s infinite}
@keyframes ah{0%,3%{transform:rotate(0)}8%,30%{transform:rotate(-6deg)}38%,60%{transform:rotate(0)}66%{transform:rotate(3deg)}72%,100%{transform:rotate(0)}}
.a-look{animation:al 7s infinite}
@keyframes al{0%,3%{transform:translate(0,0)}8%,30%{transform:translate(-2px,-1.6px)}40%{transform:translate(-2.2px,0)}58%{transform:translate(-2.2px,0)}66%,100%{transform:translate(1px,0)}}
.a-sparks{opacity:0;animation:asp 7s infinite}
@keyframes asp{0%,45%{opacity:0}47%{opacity:1}49%{opacity:0}51%{opacity:1}53%{opacity:0}55%{opacity:1}57%,100%{opacity:0}}
.a-q{opacity:0;animation:aq 7s infinite}
@keyframes aq{0%,3%{opacity:0;transform:translateY(4px)}8%,30%{opacity:1;transform:translateY(0)}36%,100%{opacity:0}}
.a-ok{opacity:0;stroke-dasharray:28;animation:aok 7s infinite}
@keyframes aok{0%,62%{opacity:0;stroke-dashoffset:28}68%{opacity:1;stroke-dashoffset:0}88%{opacity:1;stroke-dashoffset:0}94%,100%{opacity:0}}

.b-comp{transform-origin:120px 139px;animation:bc 7s infinite}
@keyframes bc{0%,28%{transform:rotate(0)}36%,62%{transform:rotate(38deg)}72%,100%{transform:rotate(0)}}
.b-needle{transform-origin:135px 138px;animation:bn 7s infinite}
@keyframes bn{0%{transform:rotate(0)}14%{transform:rotate(900deg)}26%{transform:rotate(1100deg)}40%{transform:rotate(1140deg)}46%{transform:rotate(1040deg)}52%{transform:rotate(1130deg)}58%{transform:rotate(1050deg)}66%{transform:rotate(1090deg)}80%{transform:rotate(1105deg)}88%{transform:rotate(1060deg)}96%{transform:rotate(1088deg)}100%{transform:rotate(1080deg)}}
.b-armr{transform-origin:152px 122px;animation:bar 7s infinite}
@keyframes bar{0%,100%{transform:rotate(90deg)}}
.b-forer{transform-origin:168px 112px;animation:bfr 7s infinite}
@keyframes bfr{0%,100%{transform:rotate(-178deg)}}
.b-head{transform-origin:135px 118px;animation:bh 7s infinite}
@keyframes bh{0%,34%{transform:rotate(0)}40%{transform:rotate(-7deg)}48%{transform:rotate(7deg)}56%{transform:rotate(-5deg)}64%,100%{transform:rotate(0)}}
.b-look{animation:bl 7s infinite}
@keyframes bl{0%,24%{transform:translate(0,1.8px)}32%{transform:translate(0,0)}38%{transform:translate(-2.6px,0)}46%{transform:translate(2.6px,0)}54%{transform:translate(-2px,0)}62%{transform:translate(0,0)}72%,100%{transform:translate(0,1.8px)}}
.b-q{opacity:0;animation:bq 7s infinite}
@keyframes bq{0%,36%{opacity:0}42%,60%{opacity:1}66%,100%{opacity:0}}
.b-wifi{animation:bw 3.2s ease-in-out infinite}
@keyframes bw{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.msk *{animation:none!important}.a-arml{transform:rotate(-85deg)}.a-forel{transform:rotate(-144deg)}.a-armr{transform:rotate(100deg)}.a-forer{transform:rotate(127deg)}.b-armr{transform:rotate(90deg)}.b-forer{transform:rotate(-178deg)}}
/*C*/
.mascot.c{--bars:var(--sapphire)}.dark .mascot.c{--bars:var(--ocean)}
.c-hl{transform-origin:118px 122px;animation:chl 7s infinite}
.c-hr{transform-origin:152px 122px;animation:chr 7s infinite}
@keyframes chl{0%,18%{transform:none}20%{transform:rotate(7deg)}23%{transform:rotate(-9deg)}26%{transform:rotate(8deg)}29%{transform:rotate(-10deg)}32%{transform:rotate(8deg)}35%{transform:rotate(-9deg)}38%{transform:rotate(7deg)}41%{transform:rotate(-6deg)}44%{transform:rotate(3deg)}47%,100%{transform:none}}
@keyframes chr{0%,18%{transform:none}20%{transform:rotate(-7deg)}23%{transform:rotate(9deg)}26%{transform:rotate(-8deg)}29%{transform:rotate(10deg)}32%{transform:rotate(-8deg)}35%{transform:rotate(9deg)}38%{transform:rotate(-7deg)}41%{transform:rotate(6deg)}44%{transform:rotate(-3deg)}47%,100%{transform:none}}
.c-lock{transform-origin:135px 150px;animation:clk 7s infinite}
@keyframes clk{0%,18%{transform:none}24%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}36%{transform:rotate(10deg)}42%{transform:rotate(-8deg)}48%{transform:rotate(3deg)}54%,100%{transform:none}}
.c-head{transform-origin:135px 118px;animation:chd 7s infinite}
@keyframes chd{0%,8%{transform:none}14%{transform:rotate(-4deg)}20%{transform:rotate(3deg)}26%,44%{transform:rotate(-3deg) translateY(1px)}52%{transform:rotate(0) translateY(0)}58%,70%{transform:rotate(9deg) translateY(2px)}78%{transform:none}86%{transform:rotate(-4deg)}94%,100%{transform:none}}
.c-look{animation:clo 7s infinite}
@keyframes clo{0%,6%{transform:translate(-2.6px,0)}14%{transform:translate(2.6px,0)}22%{transform:translate(0,0)}56%{transform:translate(0,2px)}70%{transform:translate(0,2px)}80%{transform:translate(-2.6px,0)}90%{transform:translate(2.6px,0)}100%{transform:translate(-2.6px,0)}}
.c-dust{opacity:0;animation:cdu 7s infinite}
@keyframes cdu{0%,20%{opacity:0;transform:translateY(0)}26%{opacity:.9}46%,100%{opacity:0;transform:translateY(34px)}}
@media (prefers-reduced-motion:reduce){.msk *{animation:none!important}}
/*/C*//*W*/
.wl .mascot.w{width:60px;margin:2px 0 14px 6px;color:var(--wheel)}
.w-all{animation:wj 6.6s infinite;transform-origin:135px 192px}
.w-sh{transform-origin:135px 193px;animation:wsh 6.6s infinite}
.w-armr{transform-origin:152px 122px;animation:war 6.6s infinite}
.w-forer{transform-origin:168px 112px;animation:wfr 6.6s infinite}
.w-arml{transform-origin:118px 122px;animation:wal 6.6s infinite}
.w-head{transform-origin:135px 118px;animation:wh 6.6s infinite}
.w-eyes{transform-origin:135px 99px;animation:wey 6.6s infinite}
.w-ex{opacity:0;transform-origin:178px 50px;animation:wex 6.6s infinite}
@keyframes wj{0%,1%{transform:translateY(0px) scale(1,1)}3%{transform:translateY(-8px) scale(0.97,1.05);animation-timing-function:ease-in}6%{transform:translateY(1.5px) scale(1.05,0.94)}9%,16%{transform:translateY(0px) scale(1,1)}18%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}23%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}28%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}33%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}38%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}43%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}48%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}53%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}58%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}63%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}68%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}73%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}78%{transform:translateY(1.5px) scale(1.05,0.94);animation-timing-function:ease-out}83%{transform:translateY(-9px) scale(0.97,1.04);animation-timing-function:ease-in}88%{transform:translateY(1.5px) scale(1.05,0.94)}91%,100%{transform:translateY(0px) scale(1,1)}}
@keyframes wsh{0%,1%{transform:scale(1)}3%{transform:scale(.7)}6%,16%{transform:scale(1)}18%{transform:scale(1)}23%{transform:scale(.7)}28%{transform:scale(1)}33%{transform:scale(.7)}38%{transform:scale(1)}43%{transform:scale(.7)}48%{transform:scale(1)}53%{transform:scale(.7)}58%{transform:scale(1)}63%{transform:scale(.7)}68%{transform:scale(1)}73%{transform:scale(.7)}78%{transform:scale(1)}83%{transform:scale(.7)}88%,100%{transform:scale(1)}}
@keyframes wfr{0%,2%{transform:rotate(60deg)}7%,16%{transform:rotate(38deg)}18%{transform:rotate(25deg)}20.5%{transform:rotate(44deg)}23.0%{transform:rotate(6deg)}25.5%{transform:rotate(44deg)}28.0%{transform:rotate(6deg)}30.5%{transform:rotate(44deg)}33.0%{transform:rotate(6deg)}35.5%{transform:rotate(44deg)}38.0%{transform:rotate(6deg)}40.5%{transform:rotate(44deg)}43.0%{transform:rotate(6deg)}45.5%{transform:rotate(44deg)}48.0%{transform:rotate(6deg)}50.5%{transform:rotate(44deg)}53.0%{transform:rotate(6deg)}55.5%{transform:rotate(44deg)}58.0%{transform:rotate(6deg)}60.5%{transform:rotate(44deg)}63.0%{transform:rotate(6deg)}65.5%{transform:rotate(44deg)}68.0%{transform:rotate(6deg)}70.5%{transform:rotate(44deg)}73.0%{transform:rotate(6deg)}75.5%{transform:rotate(44deg)}78.0%{transform:rotate(6deg)}80.5%{transform:rotate(44deg)}83.0%{transform:rotate(6deg)}85.5%{transform:rotate(44deg)}88.0%{transform:rotate(6deg)}91%{transform:rotate(25deg)}96%,100%{transform:rotate(60deg)}}
@keyframes war{0%,2%{transform:rotate(100deg)}7%,16%{transform:rotate(62deg)}20%,88%{transform:rotate(25deg)}96%,100%{transform:rotate(100deg)}}
@keyframes wal{0%,2%{transform:rotate(0)}7%,16%{transform:rotate(28deg)}18%{transform:rotate(14deg)}23%{transform:rotate(34deg)}28%{transform:rotate(12deg)}33%{transform:rotate(34deg)}38%{transform:rotate(12deg)}43%{transform:rotate(34deg)}48%{transform:rotate(12deg)}53%{transform:rotate(34deg)}58%{transform:rotate(12deg)}63%{transform:rotate(34deg)}68%{transform:rotate(12deg)}73%{transform:rotate(34deg)}78%{transform:rotate(12deg)}83%{transform:rotate(34deg)}88%{transform:rotate(12deg)}96%,100%{transform:rotate(0)}}
@keyframes wh{0%,1%{transform:rotate(0)}3%,15%{transform:rotate(-9deg)}18%{transform:rotate(0)}23%{transform:rotate(-6deg)}28%{transform:rotate(0)}33%{transform:rotate(6deg)}38%{transform:rotate(0)}43%{transform:rotate(-6deg)}48%{transform:rotate(0)}53%{transform:rotate(6deg)}58%{transform:rotate(0)}63%{transform:rotate(-6deg)}68%{transform:rotate(0)}73%{transform:rotate(6deg)}78%{transform:rotate(0)}83%{transform:rotate(-6deg)}88%{transform:rotate(0)}100%{transform:rotate(0)}}
@keyframes wey{0%,1%{transform:scale(1)}3%,15%{transform:scale(1.28)}19%,100%{transform:scale(1)}}
@keyframes wex{0%,1%{opacity:0;transform:translateY(4px) scale(.6)}3%,14%{opacity:1;transform:none}18%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.w-all,.w-sh,.w-head,.w-eyes,.w-ex,.w-arml{animation:none!important}.w-ex{display:none}.w-armr{animation:none!important;transform:rotate(25deg)}.w-forer{animation:none!important;transform:rotate(25deg)}}
/*/W*//*V*/
.wl .mascot.v{width:84px;margin:2px 0 12px 6px;color:var(--wheel)}
.rc-all{transform-origin:135px 192px;animation:rcj 6.4s infinite}.rc-sh{transform-origin:135px 193px;animation:rcsh 6.4s infinite}
.rc-armr{transform-origin:152px 122px;animation:rcar 6.4s infinite}.rc-forer{transform-origin:168px 112px;animation:rcfr 6.4s infinite}.rc-arml{transform-origin:118px 122px;animation:rcal 6.4s infinite}
.rc-head{transform-origin:135px 118px;animation:rch 6.4s infinite}.rc-look{animation:rcl 6.4s infinite}.rc-eyer{transform-origin:148px 99px;animation:rcer 6.4s infinite}.rc-ck{stroke-dasharray:1;stroke-dashoffset:1}.rc-stamp{opacity:0;transform-origin:166px 95px}@keyframes rcj{0%{transform:none}54%{transform:none}56%{transform:scale(1.05,.94)}59.5%{transform:translateY(-9px) scale(.97,1.04)}63%{transform:scale(1.05,.94)}66%{transform:none}100%{transform:none}}@keyframes rcsh{0%{transform:scale(1)}100%{transform:scale(1)}}@keyframes rcar{0%{transform:rotate(100deg);animation-timing-function:ease-in-out}6%{transform:rotate(100deg);animation-timing-function:ease-in-out}18%{transform:rotate(25deg)}30%{transform:rotate(25deg);animation-timing-function:ease-in-out}40%{transform:rotate(100deg)}100%{transform:rotate(100deg)}}@keyframes rcfr{0%{transform:rotate(60deg);animation-timing-function:ease-in-out}6%{transform:rotate(60deg);animation-timing-function:ease-in-out}18%{transform:rotate(14deg)}21%{transform:rotate(14deg);animation-timing-function:cubic-bezier(.5,0,.9,.6)}23.5%{transform:rotate(64deg)}25.5%{transform:rotate(64deg);animation-timing-function:ease-in-out}31%{transform:rotate(14deg)}33%{transform:rotate(14deg);animation-timing-function:ease-in-out}40%{transform:rotate(60deg)}100%{transform:rotate(60deg)}}.rc-stamp{animation:rcst 6.4s infinite}@keyframes rcst{0%{opacity:0;transform:scale(.2)}7%{opacity:0;transform:scale(.2);animation-timing-function:cubic-bezier(.3,1.5,.5,1)}15%{opacity:1;transform:scale(1)}34%{opacity:1;transform:scale(1);animation-timing-function:ease-in}40%{opacity:0;transform:scale(.2)}100%{opacity:0;transform:scale(.2)}}.rc-ck{animation:rcck 6.4s infinite}@keyframes rcck{0%{stroke-dashoffset:1}24%{stroke-dashoffset:1}31%{stroke-dashoffset:0}92%{stroke-dashoffset:0}94%{stroke-dashoffset:1}100%{stroke-dashoffset:1}}.rc-paper{animation:rcp 6.4s infinite}@keyframes rcp{0%{transform:none}23.4%{transform:translateX(0)}24.3%{transform:translateX(3px)}27%{transform:translateX(0)}100%{transform:none}}@keyframes rcal{0%{transform:rotate(0deg)}54%{transform:rotate(0deg)}57%{transform:rotate(40deg)}63%{transform:rotate(40deg)}66%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes rch{0%{transform:rotate(0deg)}8%{transform:rotate(-3deg)}16%{transform:rotate(0deg)}40%{transform:rotate(0deg)}43%{transform:rotate(5deg)}46%{transform:rotate(-1deg)}49%{transform:rotate(5deg)}52%{transform:rotate(0deg)}58%{transform:rotate(-6deg)}62%{transform:rotate(3deg)}66%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes rcl{0%{transform:translate(0,0)}14%{transform:translate(2.6px,0)}54%{transform:translate(2.6px,0)}62%{transform:translate(0,0)}100%{transform:translate(0,0)}}@keyframes rcer{0%{transform:none}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.rv *{animation:none!important}.rv .rc-ck{stroke-dashoffset:0!important}.rv .rc-stamp{opacity:0!important}}
/*/V*/.fin{animation:fin .3s ease-out}@keyframes fin{from{opacity:.15}to{opacity:1}}

/* ================= Mini App (выкатка 3а): телефон = весь экран Telegram ================= */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
.phone{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0;box-shadow:none}
.screen{padding:16px 16px calc(100px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.phone.apple .screen{padding-left:20px;padding-right:20px}
.screen.sub{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
.screen.withmb{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.nstrip{top:0;height:40px;padding-top:4px}
.tabbar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.mainbtn{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.ptr{top:10px}
.errw{min-height:calc(100vh - 160px)}
.av.lt{display:grid;place-items:center;background:var(--navy);color:var(--on-navy);font:600 12px/1 var(--sans);text-transform:uppercase}
.field input{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;outline:0;background:none;font:500 17px/24px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.field input::placeholder{color:var(--muted);opacity:.55}
.field input:disabled{color:var(--muted)}
.field .in .side{color:var(--muted);font:400 14px/20px var(--sans);flex:none}
.field .in .act{flex:none}
.field:focus-within{box-shadow:inset 0 0 0 2px var(--sapphire)}.dark .field:focus-within{box-shadow:inset 0 0 0 2px var(--ocean)}
.field.err,.field.err:focus-within{box-shadow:inset 0 0 0 2px var(--danger)}
.field.ok .okc{opacity:1;transform:none}
.inote.ok svg{color:var(--success)}
.inote svg{width:18px;height:18px;flex:none;margin-top:1px}
.inote{margin:0 0 14px}
.vonly{margin:0 0 14px}
.row.link{cursor:pointer}
.empty .ghost{cursor:pointer}
.more[disabled]{opacity:.5}
.toast{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom))}
.sheet{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.sheet .opt.custom{display:block}
.sheet .bankin{margin-top:8px}
.badge.mut{color:var(--muted)}
.stale{cursor:pointer}
.pend .cmp b{text-align:right}
.loadwrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface)}
.loadwrap .dots{bottom:calc(60px + env(safe-area-inset-bottom))}
@media (prefers-reduced-motion:reduce){.phone *{transition:none!important}}
.errw .mascot.w{width:120px;margin-bottom:6px}
/* ---- аудит 2: длинные значения, крупные суммы, тосты */
.opd .tr span:last-child{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right}
.opd .tr span:first-child{flex:none;max-width:48%}
.hold{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.hold>div{min-width:0}
.hold b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero .big{white-space:nowrap}
.tile .num{overflow:hidden;text-overflow:ellipsis}
.duo .foot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast{white-space:normal;max-width:calc(100% - 32px);width:max-content;text-align:center}
.sheet .opt span{min-width:0}
.sheet .opt small,.sheet .opt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pend .cmp b{overflow-wrap:anywhere;min-width:0}
.nstrip .n{min-width:0}
.opd .cp{white-space:nowrap;overflow-wrap:normal}
.hold.sm b{font-size:13px}
.wheel.fast{animation-duration:2.6s}@media (prefers-reduced-motion:reduce){.wheel.fast{animation-duration:24s}}
.wskip{display:block;width:100%;margin-top:6px;padding:14px;text-align:center;font:500 16px/22px var(--sans);color:var(--sapphire)}.dark .wskip{color:var(--link)}