body.shell .shm{display:block}
body.shell .shm:empty, body.shell .shm .me-blocks[hidden], body.shell .shm [data-slot][hidden], body.shell .shm .me-msg[hidden], body.shell .shm .nc-msg[hidden]{display:none}


body.shell .shm .me-h{display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:baseline; column-gap:10px; row-gap:5px; margin:0 0 10px}
body.shell .shm .me-h h2, body.shell .shm [data-slot="again"]::before{margin:0; font:800 12px/1.1 var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--sand)}
body.shell .shm .me-h > span{grid-column:1 / -1; grid-row:2; font:500 12.5px/1.35 var(--font); color:var(--sh-mute)}
body.shell .shm .me-msg{margin:8px 0 0; font:600 13px/1.4 var(--font); color:var(--cream)}


body.shell .shm .nc-wrap{position:relative; isolation:isolate; overflow:hidden; margin-top:14px; padding:14px; border-radius:16px; border:1px solid transparent;
  background:var(--nw-лоск) padding-box, linear-gradient(180deg, var(--stone-2), var(--stone-deep)) padding-box,
    linear-gradient(160deg, color-mix(in oklab, var(--lamp) 42%, transparent), var(--nw-нить) 58%) border-box;
  box-shadow:var(--nw-фаска), 0 20px 36px -26px rgba(0,0,0,.95)}
body.shell .shm .nc-sky{position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:transparent}
body.shell .shm .nc-head{display:grid; grid-template-columns:minmax(0, 1fr) auto; column-gap:12px; align-items:center}
body.shell .shm .nc-head > div:first-child{display:contents}
body.shell .shm .nc-head h2{grid-column:1; grid-row:1; display:flex; align-items:center; gap:10px; min-width:0; margin:0; white-space:nowrap; font:800 clamp(13px, 3.6vw, 15px)/1.1 var(--font-display); letter-spacing:.05em; text-transform:uppercase;
  background:linear-gradient(#fff, #fff); -webkit-background-clip:text; background-clip:text; color:transparent}

body.shell .shm .nc-head h2::before{content:""; flex:none; width:17px; height:17px; background:var(--cream); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:none}
body.shell .shm .nc-clock{grid-column:2; grid-row:1; text-align:right}
body.shell .shm .nc-clock small{display:block; font:700 9.5px/1 var(--font); letter-spacing:.09em; text-transform:uppercase; white-space:nowrap; color:var(--sh-mute)}
body.shell .shm .nc-clock b{display:block; margin-top:5px; font:700 17px/1 var(--font-display); font-variant-numeric:tabular-nums; color:var(--cream); text-shadow:none}
body.shell .shm .nc-head p{grid-column:1 / -1; grid-row:2; margin:10px 0 0; font:500 13px/1.45 var(--font); color:var(--sand); text-wrap:pretty}
body.shell .shm .nc-msg{margin:10px 0 0; font:600 13px/1.4 var(--font); color:var(--cream)}


body.shell .shm .nc-row{display:flex; gap:8px; margin:12px -14px 0; padding:2px 14px 4px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 14px;
  scrollbar-width:none; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch}
body.shell .shm .nc-row::-webkit-scrollbar{display:none}

body.shell .shm .nc-next{position:sticky; right:0; flex:none; align-self:stretch; width:44px; margin-left:-52px; padding:0; border:0; cursor:pointer; color:var(--cream);
  background:linear-gradient(90deg, transparent, var(--stone-deep) 55%); transition:opacity 200ms ease}
body.shell .shm .nc-next::after{content:""; position:absolute; top:50%; right:10px; width:11px; height:11px; margin-top:-6px; border:solid var(--cream); border-width:2px 2px 0 0; transform:rotate(45deg);
  filter:none; animation:nw-nc-next 1.6s ease-in-out infinite}
@keyframes nw-nc-next{50%{transform:translateX(4px) rotate(45deg)}}
body.shell .shm .nc-next.end{opacity:0; pointer-events:none}
body.shell .shm .nc-more{display:block; width:100%; margin:10px 0 0; padding:9px 0; border:1px solid var(--nw-нить-ярко); border-radius:10px; background:none; cursor:pointer;
  font:700 12.5px/1 var(--font); letter-spacing:.04em; color:var(--cream)}
body.shell .shm .nc-all .nc-row{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin:12px 0 0; padding:0; overflow:visible; scroll-snap-type:none}
body.shell .shm .nc-all .nc-card{width:auto; aspect-ratio:3 / 4.6}
body.shell .shm .nc-all .nc-next{display:none}
body.shell .shm .nc-card{flex:none; position:relative; width:92px; aspect-ratio:3 / 4.6; padding:0; border:0; background:none; cursor:pointer; color:inherit; scroll-snap-align:start; perspective:700px}
body.shell .shm .nc-card[aria-disabled]{cursor:default}
body.shell .shm .nc-in{position:absolute; inset:0; transform-style:preserve-3d; transition:transform 700ms cubic-bezier(.2, .9, .25, 1)}
body.shell .shm .nc-card.open .nc-in{transform:rotateY(180deg)}
body.shell .shm .nc-card.still .nc-in{transition:none}
body.shell .shm .nc-card:not(.open):not([aria-disabled]):active .nc-in{transform:scale(.96)}
body.shell .shm .nc-back, body.shell .shm .nc-face{position:absolute; inset:0; border-radius:12px; backface-visibility:hidden; -webkit-backface-visibility:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px}

body.shell .shm .nc-card:not(.open) .nc-face, body.shell .shm .nc-card.open .nc-back{opacity:0}
body.shell .shm .nc-back, body.shell .shm .nc-face{transition:opacity 0s linear 160ms}
body.shell .shm .nc-card.still .nc-back, body.shell .shm .nc-card.still .nc-face{transition:none}
body.shell .shm .nc-back{transform:translateZ(1px); border:1px solid var(--nw-нить-ярко);
  background:url(../desk/img/ramka/lv.webp?v=50cd12e4) 3px 3px / 13px 13px no-repeat, url(../desk/img/ramka/pv.webp?v=50cd12f4) calc(100% - 3px) 3px / 13px 13px no-repeat,
    url(../desk/img/ramka/ln.webp?v=50cd12e8) 3px calc(100% - 3px) / 13px 13px no-repeat, url(../desk/img/ramka/pn.webp?v=50cd132a) calc(100% - 3px) calc(100% - 3px) / 13px 13px no-repeat, linear-gradient(180deg, var(--stone-2), var(--stone-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 20px -14px rgba(0,0,0,1)}

body.shell .shm .nc-moon{width:22px; height:22px; background:var(--cream); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat; filter:none}
body.shell .shm .nc-back b{margin-top:6px; font:700 11px/1 var(--font-display); letter-spacing:.24em; color:var(--sand-dim)}
body.shell .shm .nc-face{--acc:var(--lamp); transform:rotateY(180deg) translateZ(1px); justify-content:flex-start; gap:3px; padding:20px 5px 8px; border:1px solid color-mix(in oklab, var(--acc) 55%, transparent);
  background: linear-gradient(180deg, var(--stone-2), var(--stone-deep));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08)}
body.shell .shm .nc-face img{width:38%; aspect-ratio:1; margin-bottom:auto; object-fit:contain; filter:drop-shadow(0 6px 6px rgba(0,0,0,.6))}
body.shell .shm .nc-face > b{max-width:100%; font:700 11px/1.15 var(--font); text-align:center; overflow-wrap:anywhere; color:var(--cream);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; flex:none}  
body.shell .shm .nc-cut{position:absolute; z-index:1; top:6px; right:6px; padding:3px 4px 2px; border-radius:5px; font:800 10px/1 var(--font); font-variant-numeric:tabular-nums; color:#0b1a10;
  background:var(--nw-skidka, #5fc28d); box-shadow:none}
body.shell .shm .nc-price{display:flex; flex-direction:column; align-items:center; gap:2px; font:800 12.5px/1 var(--font); font-variant-numeric:tabular-nums; color:var(--cream)}
body.shell .shm .nc-price s{font:500 10px/1 var(--font); color:var(--sand-dim)}

body.shell .shm .nc-card.nc-spent:not(.open) .nc-back, body.shell .shm .nc-card[aria-disabled]:not(.open) .nc-back{opacity:.42}


body.shell .shm .nc-off .nc-row{display:grid; grid-template-columns:repeat(9, minmax(0, 1fr)); gap:5px; margin:12px 0 0; padding:0; overflow:visible; scroll-snap-type:none}
body.shell .shm .nc-off .nc-card{width:auto; aspect-ratio:3 / 4; perspective:none}
body.shell .shm .nc-off .nc-back{border-radius:8px; background: linear-gradient(180deg, var(--stone-2), var(--stone-deep)); box-shadow:none}
body.shell .shm .nc-off .nc-card .nc-back{opacity:.5}
body.shell .shm .nc-off .nc-back b{display:none}
body.shell .shm .nc-off .nc-moon{width:12px; height:12px; filter:none}
body.shell .shm .nc-off .nc-clock b{text-shadow:none}


body.shell .shm .q-wrap{margin-top:20px}
body.shell .shm .q-total{grid-column:2; grid-row:1; font:700 12.5px/1 var(--font); font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--nw-skidka, #5fc28d)}
body.shell .shm .q-row{display:flex; gap:8px; margin:0 -16px; padding:2px 16px 6px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 16px; scrollbar-width:none; overscroll-behavior-x:contain}
body.shell .shm .q-row::-webkit-scrollbar{display:none}
body.shell .shm .q-card{flex:none; position:relative; width:150px; min-height:100px; display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:14px; scroll-snap-align:start;
  border:1px solid var(--nw-нить-ярко); background:linear-gradient(180deg, var(--stone-2), var(--stone-deep)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.shell .shm .q-card > b{padding-right:50px; font:700 13.5px/1.25 var(--font); color:var(--cream); text-wrap:pretty}

body.shell .shm .q-r{position:absolute; top:10px; right:10px; font:800 13.5px/1 var(--font); font-variant-numeric:tabular-nums; padding:5px 9px 4px; border-radius:999px; color:var(--on-ore);
  background:linear-gradient(180deg, var(--nw-beta), var(--zhar)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45)}
body.shell .shm .q-hint{font:500 11.5px/1.3 var(--font); color:var(--sh-mute)}
body.shell .shm .q-bar{display:block; margin-top:auto; height:5px; border-radius:5px; overflow:hidden; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-нить)}
body.shell .shm .q-bar i{display:block; height:100%; width:calc(var(--p) * 100%); border-radius:5px; background:var(--metal)}
body.shell .shm .q-card > small{font:600 12px/1 var(--font); font-variant-numeric:tabular-nums; color:var(--sand-dim)}
body.shell .shm .q-card:has(.q-claim){order:-1}
body.shell .shm .q-card.ok:not(:has(.q-claim)){order:1}
body.shell .shm .q-card.ok{border-color:color-mix(in oklab, var(--nw-skidka, #5fc28d) 45%, transparent)}
body.shell .shm .q-card.ok .q-bar i{background:var(--nw-skidka, #5fc28d)}
body.shell .shm .q-card.ok > small{color:var(--nw-skidka, #5fc28d)}
body.shell .shm .q-claim{min-height:34px; padding:0 10px; border:0; border-radius:10px; cursor:pointer; font:800 11.5px/1 var(--font); letter-spacing:.06em; text-transform:uppercase;
  color:var(--nw-skidka, #5fc28d); background:color-mix(in oklab, var(--nw-skidka, #5fc28d) 8%, transparent); box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--nw-skidka, #5fc28d) 55%, transparent);
  transition:transform 130ms var(--ease-out)}
body.shell .shm .q-claim:active{transform:scale(.97)}
body.shell .shm .q-claim:disabled{cursor:default; opacity:.6}
body.shell .shm .q-card.me-sk{gap:10px}
body.shell .shm .q-card.me-sk i{display:block; height:11px; border-radius:6px; background:var(--nw-нить)}
body.shell .shm .q-card.me-sk i:nth-child(1){width:80%}
body.shell .shm .q-card.me-sk i:nth-child(2){width:52%}
body.shell .shm .q-card.me-sk i:nth-child(3){width:100%; height:5px; margin-top:auto}


body.shell .shm .me-sk{animation:shm-sk 1.6s var(--ease-in-out) infinite}
@keyframes shm-sk{50%{opacity:.55}}


body.shell .shm-prof .me-blocks > section{margin-top:22px}
body.shell .shm-prof .me-blocks > section:first-child{margin-top:20px}


body.shell .shm .me-rp-row{display:grid; grid-template-columns:minmax(0, 1fr); gap:10px}
body.shell .shm .me-rp-open{width:100%; display:flex; align-items:center; gap:12px; min-height:72px; padding:10px 12px; border-radius:16px; cursor:pointer; text-align:left; color:var(--cream);
  border:1px solid color-mix(in oklab, var(--zhar) 34%, transparent); background:linear-gradient(100deg, color-mix(in oklab, var(--zhar) 14%, var(--stone-2)), var(--stone-deep) 62%);
  transition:transform 160ms var(--ease-out)}
body.shell .shm .me-rp-open:active{transform:scale(.985)}
body.shell .shm .me-rp-rings{flex:none; width:46px; height:46px; padding:2px; border-radius:50%; background:conic-gradient(var(--zhar), var(--lamp-hi), var(--zhar-lo), var(--lamp), var(--zhar))}
body.shell .shm .me-rp-rings i{display:grid; place-items:center; width:100%; height:100%; border-radius:50%; background:var(--stone-deep); box-shadow:inset 0 0 0 2px var(--stone-deep)}
body.shell .shm .me-rp-rings img{width:78%; height:78%; object-fit:contain}
body.shell .shm .me-rp-t{flex:1 1 auto; min-width:0}
body.shell .shm .me-rp-t small{display:block; font:800 10.5px/1 var(--font); letter-spacing:.14em; text-transform:uppercase; color:var(--zhar)}
body.shell .shm .me-rp-t b{display:block; margin-top:5px; font:700 14px/1.1 var(--font-display); letter-spacing:.02em}
body.shell .shm .me-rp-t > span{display:-webkit-box; margin-top:4px; font:500 12px/1.3 var(--font); color:var(--sand); -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
body.shell .shm .me-rp-cta{flex:none; height:32px; padding:0 12px; border-radius:10px; display:grid; place-items:center; font:800 10.5px/1 var(--font); letter-spacing:.1em; text-transform:uppercase;
  color:var(--on-lamp); background:var(--metal); box-shadow:var(--nw-хром, inset 0 1px 0 rgba(255,255,255,.6))}
body.shell .shm .me-rp-sk{height:72px; border-radius:16px; border:1px solid var(--nw-нить); background:linear-gradient(100deg, color-mix(in oklab, var(--zhar) 8%, var(--stone-2)), var(--stone-deep) 60%)}


body.shell .shm .me-bd-sk{height:52px; border-radius:14px; border:1px solid var(--nw-нить); background:linear-gradient(180deg, var(--stone-2), var(--stone-deep)); animation:shm-sk 1.6s var(--ease-in-out) infinite}
body.shell .shm .me-bd-row{list-style:none; display:flex; gap:8px; margin:0 -16px; padding:2px 16px 6px; overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain}
body.shell .shm .me-bd-row::-webkit-scrollbar{display:none}
body.shell .shm .me-bd-i{--c:var(--lamp); flex:none; display:flex; align-items:center; gap:10px; min-height:52px; padding:6px 14px 6px 6px; border-radius:14px; border:1px solid var(--nw-нить-ярко);
  background: linear-gradient(180deg, var(--stone-2), var(--stone-deep))}
body.shell .shm .me-bd-i[data-kind="tier"][data-n="0"]{--c:var(--nw-медь, #b87333)}
body.shell .shm .me-bd-i[data-kind="tier"][data-n="1"]{--c:var(--nw-бронза, #a97142)}
body.shell .shm .me-bd-i[data-kind="tier"][data-n="2"]{--c:var(--nw-серебро, #c0c4cc)}
body.shell .shm .me-bd-i[data-kind="tier"][data-n="3"]{--c:var(--nw-золото, #d4af37)}
body.shell .shm .me-bd-i[data-kind="tier"][data-n="4"]{--c:var(--nw-платина, #e5e4e2)}
body.shell .shm .me-bd-ic{flex:none; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; color:#16171d;
  background:radial-gradient(circle at 34% 30%, color-mix(in oklab, var(--c) 62%, #fff), var(--c) 52%, color-mix(in oklab, var(--c) 55%, #000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 0 0 2px var(--stone-deep), 0 0 0 3px color-mix(in oklab, var(--c) 60%, transparent)}
body.shell .shm .me-bd-ic em{font:800 13px/1 var(--font-display); font-style:normal}
body.shell .shm .me-bd-ic > i{width:18px; height:18px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 4.8 10.1 11 11-6.2.9-10.1 4.8-11 11-.9-6.2-4.8-10.1-11-11C7.2 11.1 11.1 7.2 12 1z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 4.8 10.1 11 11-6.2.9-10.1 4.8-11 11-.9-6.2-4.8-10.1-11-11C7.2 11.1 11.1 7.2 12 1z'/%3E%3C/svg%3E") center/contain no-repeat}
body.shell .shm .me-bd-ic.tier{width:38px; height:38px; border-radius:0; background:none; box-shadow:none}
body.shell .shm .me-bd-ic.tier svg{width:38px; height:38px; filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
body.shell .shm .me-bd-t b{display:block; font:700 13.5px/1.15 var(--font); white-space:nowrap; color:var(--cream)}
body.shell .shm .me-bd-t small{display:block; margin-top:3px; font:500 11.5px/1.2 var(--font); white-space:nowrap; color:var(--sand-dim)}


body.shell .shm [data-slot="again"]::before{content:attr(data-title); display:block; margin-bottom:10px}
body.shell .shm .me-again-row{display:grid; gap:8px}
body.shell .shm .me-rep{--acc:var(--lamp); display:grid; grid-template-columns:40px minmax(0, 1fr) auto; align-items:center; column-gap:12px; min-height:64px; padding:10px 10px 10px 12px; border-radius:14px;
  border:1px solid var(--nw-нить-ярко); background: linear-gradient(180deg, var(--stone-2), var(--stone-deep))}
body.shell .shm .me-rep > img{width:40px; height:40px; object-fit:contain; filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
body.shell .shm .me-rep-t{min-width:0}
body.shell .shm .me-rep-t b{display:block; font:700 14px/1.2 var(--font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--cream)}
body.shell .shm .me-rep-t small{display:block; margin-top:3px; font:500 12px/1.25 var(--font); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--sand)}
body.shell .shm .me-rep-go{min-height:40px; padding:0 12px; border-radius:11px; cursor:pointer; white-space:nowrap; font:800 13px/1 var(--font); font-variant-numeric:tabular-nums;
  color:var(--cream); border:1px solid var(--sh-line); background:var(--sh-glass); transition:transform 130ms var(--ease-out)}
body.shell .shm .me-rep.lead .me-rep-go{border:0; color:var(--on-lamp); background:var(--metal); box-shadow:var(--nw-хром, inset 0 1px 0 rgba(255,255,255,.6))}
body.shell .shm .me-rep-go:active{transform:scale(.97)}
body.shell .shm .me-rep-go:disabled{cursor:default; transform:none; color:var(--sand-dim); border:1px solid var(--nw-нить); background:transparent; box-shadow:none}
body.shell .shm .me-rep.gone > img{opacity:.5}
body.shell .shm .me-rep-w{display:none}
body.shell .shm .me-rep.me-sk i{display:block; border-radius:6px; background:var(--nw-нить)}
body.shell .shm .me-rep.me-sk .me-sk-img{width:40px; height:40px; border-radius:10px}
body.shell .shm .me-rep.me-sk .me-rep-t{display:flex; flex-direction:column; gap:8px}
body.shell .shm .me-rep.me-sk .me-rep-t i{height:11px; width:70%}
body.shell .shm .me-rep.me-sk .me-rep-t i + i{width:46%}
body.shell .shm .me-rep.me-sk .me-sk-go{width:72px; height:40px; border-radius:11px}


body.shell .shm-rib{margin:10px -16px 0}
body.shell .shm-rib + .sh-pop{margin-top:12px}

body.shell .shm-rib:not(:empty) ~ .shm .nc-wrap.nc-off .nc-head p{display:none}
body.shell .shm-rib:not(:empty) ~ .shm .nc-head .nc-clock, body.shell .shm-rib:not(:empty) ~ .shm .nc-head .nc-p1{display:none}
body.shell .shm-rib:not(:empty) ~ .shm .q-wrap .me-h > :is(span:not(.me-ic), b){display:none}
body.shell .shm-rib:not(:empty) ~ .shm .nc-wrap:not(.nc-all):not(.nc-off) .nc-card{width:78px}
body.shell .shm-rib:empty{display:none}
body.shell .shm-rib .me-bns{display:flex; gap:10px; margin:0; padding:0 16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
  scroll-padding-inline:16px; scrollbar-width:none; -webkit-overflow-scrolling:touch}
body.shell .shm-rib .me-bns::-webkit-scrollbar{display:none}
body.shell .shm-rib .me-bn{
  --bn-bg:var(--stone-deep); --bn-ink:var(--cream); --bn-sand:var(--sand); --bn-acc:var(--lamp); --bn-on-acc:var(--on-lamp);
  --bn-acc-top:var(--lamp-hi); --bn-acc-side:var(--lamp-lo);
  --bn-block:var(--seam); --bn-block-top:var(--seam-2); --bn-block-side:var(--stone-2); --bn-ghost:color-mix(in oklab, var(--lamp) 7%, transparent);
  --bn-card:var(--stone-2); --bn-edge:var(--nw-нить-ярко); --ph:0s;
  position:relative; isolation:isolate; overflow:hidden; flex:0 0 auto; display:block; width:clamp(232px, 66vw, 290px); height:88px; margin:0; padding:0; border:0;
  border-radius:16px; scroll-snap-align:start; background:linear-gradient(180deg, var(--stone-2), var(--bn-bg) 70%); color:var(--bn-ink); font:inherit; text-align:left;
  text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform 130ms var(--ease-out)}
body.shell .shm-rib .me-bn::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:transparent}
body.shell .shm-rib .me-bn:active{transform:scale(.98)}
body.shell .shm-rib .me-bn:focus-visible{outline:2px solid var(--lamp); outline-offset:2px}
body.shell .shm-rib .me-bn::after{content:""; position:absolute; inset:0; z-index:4; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px var(--bn-edge)}
body.shell .shm-rib .me-bn.me-sk{animation:shm-sk 1.6s var(--ease-in-out) infinite}
body.shell .shm-rib .me-bn.me-sk::before{display:none}
body.shell .shm-rib .bn-night{--ph:0s}
body.shell .shm-rib .bn-quests{--ph:-2s}
body.shell .shm-rib .bn-top{--ph:-4.4s}
body.shell .shm-rib .bn-art{position:absolute; z-index:1; top:0; right:0; height:100%; aspect-ratio:220 / 160; pointer-events:none}
body.shell .shm-rib .bn-l{position:absolute; inset:0; width:100%; height:100%; overflow:visible}
body.shell .shm-rib .bn-shade{position:absolute; z-index:2; inset:0; pointer-events:none;
  background:linear-gradient(90deg, var(--bn-bg) 0, var(--bn-bg) 30%, color-mix(in oklab, var(--bn-bg) 72%, transparent) 46%, transparent 64%)}
body.shell .shm-rib .bn-t{position:absolute; z-index:3; top:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:space-between;
  max-width:calc(100% - 84px); padding:11px 0 12px 14px}
body.shell .shm-rib .bn-h{display:flex; align-items:center; gap:5px; font:700 13px/1.2 var(--font-display); color:var(--bn-ink); white-space:nowrap}
body.shell .shm-rib .bn-b{display:flex; flex-direction:column; align-items:flex-start; gap:5px}
body.shell .shm-rib .bn-k{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font:600 12px/1.15 var(--font); color:var(--bn-sand)}
body.shell .shm-rib .bn-k.on{color:var(--bn-acc)}
body.shell .shm-rib .bn-k2{font-weight:500; color:var(--bn-sand)}
body.shell .shm-rib .bn-live{flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; animation:bn-live 1.6s ease-in-out infinite}
body.shell .shm-rib .bn-n{display:inline-flex; align-items:baseline; gap:5px; white-space:nowrap; font:700 24px/.9 var(--font-display);
  font-variant-numeric:tabular-nums; color:var(--bn-ink)}
body.shell .shm-rib .bn-n.bn-mono{font-size:20px}
body.shell .shm-rib .bn-n .bn-of{color:var(--bn-sand)}
body.shell .shm-rib .bn-n small{font:600 12px/1 var(--font); color:var(--bn-sand)}
body.shell .shm-rib .bn-n .bn-unit{display:none}
body.shell .shm-rib .bn-pt{flex:none; align-self:center; width:20px; height:20px}
body.shell .shm-rib .bn-pt .c{fill:currentColor}
body.shell .shm-rib .bn-pt .f{fill:var(--bn-bg)}
body.shell .shm-rib .bn-lock{flex:none; width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; color:var(--bn-sand)}
body.shell .shm-rib .bn-in{display:none}

body.shell .shm-rib .bn-star{fill:var(--bn-ink); opacity:.2; transform-box:fill-box; transform-origin:center; animation:bn-star 4.8s ease-in-out infinite; animation-delay:calc(var(--ph) + var(--d, 0s))}
body.shell .shm-rib .bn-ring{fill:var(--bn-ghost)}
body.shell .shm-rib .bn-moon{fill:var(--bn-acc); transform-box:fill-box; transform-origin:center; animation:bn-moon 4s ease-in-out infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-night.off .bn-moon{fill:none; stroke:var(--bn-acc); stroke-width:3.4; stroke-linejoin:round; animation:none}
body.shell .shm-rib .bn-moon-in{fill:var(--bn-acc); opacity:.12}
body.shell .shm-rib .bn-fan{position:absolute; inset:0}
body.shell .shm-rib .bn-card{--r:0deg; --lift:0px; --o:0; position:absolute; left:47.73%; top:43.75%; width:26.36%; height:50%; transform-origin:50% 175%;
  transform:translateY(var(--lift)) rotate(var(--r)); perspective:320px}
body.shell .shm-rib .bn-card:nth-child(1){--r:-16deg; --o:1}
body.shell .shm-rib .bn-card:nth-child(2){--lift:-3px; z-index:2}
body.shell .shm-rib .bn-card:nth-child(3){--r:16deg; --o:2}
body.shell .shm-rib .bn-flip{position:absolute; inset:0; transform-style:preserve-3d; animation:bn-flip 7.2s cubic-bezier(.45, 0, .25, 1) infinite; animation-delay:calc(var(--ph) + var(--o) * 2.4s)}
body.shell .shm-rib .bn-back, body.shell .shm-rib .bn-face{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
  border-radius:4px; -webkit-backface-visibility:hidden; backface-visibility:hidden}

body.shell .shm-rib .bn-back{transform:translateZ(1px); background:linear-gradient(180deg, var(--stone-2), var(--bn-card)); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}
body.shell .shm-rib .bn-back i{width:11px; height:11px; background:var(--bn-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat}
body.shell .shm-rib .bn-face{transform:rotateY(180deg) translateZ(1px); background:var(--bn-acc); color:var(--bn-on-acc); opacity:0;
  animation:bn-face-on 7.2s linear infinite; animation-delay:calc(var(--ph) + var(--o) * 2.4s)}

body.shell .shm-rib .bn-back{animation:bn-back-on 7.2s linear infinite; animation-delay:calc(var(--ph) + var(--o) * 2.4s)}
@keyframes bn-face-on{0%, 3.9%{opacity:0} 4%, 30.9%{opacity:1} 31%, 100%{opacity:0}}
@keyframes bn-back-on{0%, 3.9%{opacity:1} 4%, 30.9%{opacity:0} 31%, 100%{opacity:1}}
body.shell .shm-rib .bn-face b{font:800 12px/1 var(--font-display)}
body.shell .shm-rib .bn-face small{font:700 8px/1 var(--font)}
body.shell .shm-rib .bn-blk .f{fill:var(--bn-block)}
body.shell .shm-rib .bn-blk .t{fill:var(--bn-block-top)}
body.shell .shm-rib .bn-blk .s{fill:var(--bn-block-side)}
body.shell .shm-rib .bn-blk.on .f{fill:var(--bn-acc)}
body.shell .shm-rib .bn-blk.on .t{fill:var(--bn-acc-top)}
body.shell .shm-rib .bn-blk.on .s{fill:var(--bn-acc-side)}
body.shell .shm-rib .bn-blk.next .t{fill:color-mix(in oklab, var(--bn-acc) 34%, var(--bn-block-top))}
body.shell .shm-rib .bn-quests .bn-blk.on{animation:bn-press 6s ease-in-out infinite; animation-delay:calc(var(--ph) + var(--k) * .48s)}
body.shell .shm-rib .bn-path{fill:none; stroke:var(--bn-ink); stroke-opacity:.24; stroke-width:2.4; stroke-linecap:round; stroke-dasharray:0 8}
body.shell .shm-rib .bn-path.on{stroke:var(--bn-acc); stroke-opacity:.85}
body.shell .shm-rib .bn-tok{fill:var(--bn-sand); stroke:var(--bn-bg); stroke-width:2.5}
body.shell .shm-rib .bn-tok-dot{fill:var(--bn-acc-top)}
body.shell .shm-rib .bn-coin{transform-box:fill-box; transform-origin:50% 100%; animation:bn-coin 1.5s cubic-bezier(.35, 0, .35, 1) infinite}
body.shell .shm-rib .bn-coin .c{fill:var(--bn-acc)}
body.shell .shm-rib .bn-coin .r{fill:none; stroke:var(--bn-on-acc); stroke-width:1.4; opacity:.35}
body.shell .shm-rib .bn-coin .f{fill:var(--bn-on-acc)}
body.shell .shm-rib .bn-hx{animation:bn-hx 6s cubic-bezier(.45, 0, .35, 1) infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-hy{animation:bn-hy 6s linear infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-top :is(.bn-hx, .bn-hy){animation-duration:7s}
body.shell .shm-rib .bn-pl{fill:var(--bn-ink); font:700 22px/1 var(--font-display); text-anchor:middle}
body.shell .shm-rib .bn-blk.on .bn-pl{fill:var(--bn-on-acc); font-size:28px}
body.shell .shm-rib .bn-halo{fill:var(--bn-ghost)}
body.shell .shm-rib .bn-cup{fill:none; stroke:var(--bn-ink); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
body.shell .shm-rib .bn-cup-in{transform-box:fill-box; transform-origin:50% 100%; animation:bn-cup 7s ease-in-out infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-ava{fill:var(--bn-ink); stroke:var(--bn-bg); stroke-width:2.5}
body.shell .shm-rib .bn-ava-t{fill:var(--bn-bg); font:700 12px/1 var(--font); text-anchor:middle}
body.shell .shm-rib .bn-lead{fill:var(--bn-acc); stroke:var(--bn-bg); stroke-width:1.6; stroke-linejoin:round; transform-box:fill-box; transform-origin:center; animation:bn-lead 7s ease-out infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-pop{opacity:0; animation:bn-pop 7s cubic-bezier(.2, .7, .3, 1) infinite; animation-delay:var(--ph)}
body.shell .shm-rib .bn-pop.a{fill:var(--bn-acc)}
body.shell .shm-rib .bn-pop.i{fill:var(--bn-ink)}
body.shell .shm-rib .bn-pop.s{fill:var(--bn-sand)}
body.shell .shm-rib .me-bns.bn-idle *{animation-play-state:paused!important}

@keyframes bn-live{50%{transform:scale(.6); opacity:.55}}
@keyframes bn-star{0%, 100%{opacity:.18; transform:scale(.85)} 10%{opacity:.95; transform:scale(1.4)} 28%{opacity:.32; transform:scale(1)}}
@keyframes bn-moon{50%{transform:scale(.93)}}
@keyframes bn-flip{
  0%{transform:translateY(0) rotateY(0deg)}
  4%{transform:translateY(-9px) rotateY(90deg)}
  8%, 27%{transform:translateY(0) rotateY(180deg)}
  31%{transform:translateY(-9px) rotateY(270deg)}
  35%, 100%{transform:translateY(0) rotateY(360deg)}}
@keyframes bn-press{0%, 17.5%, 23%, 100%{transform:translateY(0)} 19%{transform:translateY(2.5px)}}
@keyframes bn-coin{0%, 100%{transform:translateY(0) scale(1.08, .92)} 14%{transform:translateY(-2px) scale(1, 1)} 50%{transform:translateY(-10px) scale(.96, 1.04)} 86%{transform:translateY(-1px) scale(1, 1)}}
@keyframes bn-hx{
  0%{transform:translateX(0); opacity:0} 5%{opacity:1} 10%{transform:translateX(0)}
  18%{transform:translateX(var(--x1))} 26%{transform:translateX(var(--x2))} 34%{transform:translateX(var(--x3))}
  42%{transform:translateX(var(--x4))} 50%{transform:translateX(var(--x5))} 58%{transform:translateX(var(--x6))}
  88%{transform:translateX(var(--x6)); opacity:1} 95%{transform:translateX(var(--x6)); opacity:0} 100%{transform:translateX(0); opacity:0}}
@keyframes bn-hy{
  0%, 10%{transform:translateY(0); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  14%{transform:translateY(var(--a1)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  18%{transform:translateY(var(--y1)); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  22%{transform:translateY(var(--a2)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  26%{transform:translateY(var(--y2)); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  30%{transform:translateY(var(--a3)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  34%{transform:translateY(var(--y3)); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  38%{transform:translateY(var(--a4)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  42%{transform:translateY(var(--y4)); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  46%{transform:translateY(var(--a5)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  50%{transform:translateY(var(--y5)); animation-timing-function:cubic-bezier(.2, .6, .35, 1)}
  54%{transform:translateY(var(--a6)); animation-timing-function:cubic-bezier(.65, 0, .8, .4)}
  58%, 95%{transform:translateY(var(--y6)); animation-timing-function:linear}
  100%{transform:translateY(0)}}
@keyframes bn-cup{
  0%, 25%{transform:translateY(0) rotate(0deg)} 28%{transform:translateY(-4px) rotate(-9deg)} 32%{transform:translateY(-2px) rotate(6deg)}
  36%{transform:translateY(0) rotate(-2deg)} 40%{transform:translateY(0) rotate(0deg)} 70%{transform:translateY(-2px) rotate(0deg)} 100%{transform:translateY(0) rotate(0deg)}}
@keyframes bn-lead{0%, 25.5%{transform:scale(0)} 28%{transform:scale(1.3)} 31%, 100%{transform:scale(1)}}
@keyframes bn-pop{
  0%, 25.5%{transform:translate(0, 0) scale(.3); opacity:0} 27%{opacity:1}
  38%{transform:translate(var(--dx), var(--dy)) scale(1); opacity:1}
  50%, 100%{transform:translate(calc(var(--dx) * 1.2), calc(var(--dy) + 12px)) scale(.7); opacity:0}}

@media (hover:none), (pointer:coarse), (any-pointer:coarse){
  body.shell .shm-rib .me-bn, body.shell .shm-rib .me-bn *{animation:none!important; transition:none!important}
  body.shell .shm-rib .bn-hx{transform:translateX(var(--x6))}
  body.shell .shm-rib .bn-hy{transform:translateY(var(--y6))}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-flip{transform:rotateY(180deg)}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-face{opacity:1}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-back{opacity:0}
  body.shell .shm-rib .bn-star:nth-child(3n + 1){opacity:.7}
}
@media (prefers-reduced-motion:reduce){
  body.shell .shm-rib .me-bn, body.shell .shm-rib .me-bn *{animation:none!important; transition:none!important}
  body.shell .shm-rib .bn-hx{transform:translateX(var(--x6))}
  body.shell .shm-rib .bn-hy{transform:translateY(var(--y6))}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-flip{transform:rotateY(180deg)}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-face{opacity:1}
  body.shell .shm-rib .bn-card:nth-child(2) .bn-back{opacity:0}
  body.shell .shm-rib .bn-star:nth-child(3n + 1){opacity:.7}
}


body.shell .shm .me-ic{display:grid; place-items:center; flex:none; width:24px; height:24px; border-radius:8px; background:var(--deep); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко); color:var(--cream)}
body.shell .shm .me-ic svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
body.shell .shm .me-ic .f{fill:currentColor; stroke:none}
body.shell .shm .me-h{grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; column-gap:10px; row-gap:2px}
body.shell .shm .me-h > .me-ic{grid-column:1; grid-row:1 / span 2}
body.shell .shm .me-h > h2{grid-column:2; grid-row:1; font:700 15px/1.2 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream)}
body.shell .shm .me-h > span:not(.me-ic){grid-column:2 / -1; grid-row:2}
body.shell .shm .me-h > b{grid-column:3; grid-row:1}
body.shell .shm .me-h:not(:has(> span:not(.me-ic))) > .me-ic{grid-row:1}
body.shell .shm .nc-head{grid-template-columns:auto minmax(0, 1fr) auto; column-gap:10px}
body.shell .shm .nc-head .me-ic{grid-column:1; grid-row:1}
body.shell .shm .nc-head h2{grid-column:2; font-size:15px; letter-spacing:0; text-transform:none; background:none; color:var(--cream)}
body.shell .shm .nc-head h2::before{display:none}
body.shell .shm .nc-clock{grid-column:3}
body.shell .shm .nc-clock small{letter-spacing:0; text-transform:none; font-size:11px}
body.shell .shm .me-sh-top, body.shell .shm .me-sh-low{display:flex; flex-direction:column; gap:16px; margin-top:14px}
body.shell .shm .me-sh-top[hidden], body.shell .shm .me-sh-low[hidden]{display:none}
body.shell .shm .me-sh-top > section, body.shell .shm .me-sh-low > section{margin-top:0}


body.shell #shmNight dt, body.shell #shmNight dd{color:var(--nw-skidka, #5fc28d)}
body.shell #shmNight dd{font-weight:700; font-variant-numeric:tabular-nums}
body.shell #shmNight dt::before{content:""; display:inline-block; width:12px; height:12px; margin-right:6px; vertical-align:-1px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 14.6A8.6 8.6 0 0 1 9.4 3.4a8.6 8.6 0 1 0 11.2 11.2z'/%3E%3C/svg%3E") center/contain no-repeat}


body.shell > .sty{position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px));
  background:rgba(5,6,6,.86); opacity:0; transition:opacity 220ms ease; overscroll-behavior:contain; touch-action:manipulation}
body.shell > .sty.on{opacity:1}
body.shell > .sty .sty-card{position:relative; width:min(420px, calc(100vw - 24px), calc((100vh - 24px) * 9 / 16)); width:min(420px, calc(100vw - 24px), calc((100dvh - 24px) * 9 / 16)); aspect-ratio:9 / 16; border-radius:22px; overflow:hidden;
  background:radial-gradient(90% 60% at 50% 34%, color-mix(in oklab, var(--zhar) 22%, transparent), transparent 70%), linear-gradient(180deg, #1a1712, #0b0c0c); box-shadow:0 40px 100px -30px rgba(0,0,0,1), inset 0 0 0 1px rgba(255,255,255,.08)}
body.shell > .sty .sty-bars{position:absolute; left:14px; right:14px; top:14px; z-index:2; display:flex; gap:5px}
body.shell > .sty .sty-bars i{flex:1; height:3px; border-radius:3px; overflow:hidden; background:rgba(255,255,255,.22)}
body.shell > .sty .sty-bars i b{display:block; height:100%; background:#fff; transform:scaleX(0); transform-origin:left}
body.shell > .sty .sty-bars i.done b{transform:scaleX(1)}
body.shell > .sty .sty-bars i.now b{animation:shm-bar 4.2s linear forwards}
@keyframes shm-bar{to{transform:scaleX(1)}}
body.shell > .sty .sty-body{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:48px 24px 32px; text-align:center; animation:shm-sty 420ms var(--ease-out)}
@keyframes shm-sty{from{opacity:0; transform:translateY(14px) scale(.98)}}
body.shell > .sty .sty-body img{width:min(170px, 46%); aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 20px 20px rgba(0,0,0,.7))}
body.shell > .sty .sty-body b{font:800 34px/1.05 var(--font-display); letter-spacing:.02em; overflow-wrap:anywhere; color:var(--cream)}
body.shell > .sty .sty-body p{margin:0; font:500 15px/1.45 var(--font); color:var(--sand)}
body.shell > .sty .sty-share{position:relative; z-index:3; margin-top:8px; min-height:48px; padding:0 20px; border:0; border-radius:12px; cursor:pointer; font:800 12px/1 var(--font); letter-spacing:.08em; text-transform:uppercase;
  color:var(--on-lamp); background:var(--metal); box-shadow:var(--nw-хром, inset 0 1px 0 rgba(255,255,255,.6))}
body.shm-tg.shell > .sty .sty-share{display:none}          
body.shell > .sty .sty-x{position:absolute; top:24px; right:12px; z-index:3; width:44px; height:44px; border:0; border-radius:50%; cursor:pointer; font-size:24px; line-height:1; color:#fff; background:rgba(0,0,0,.38)}
body.shell > .sty .sty-prev, body.shell > .sty .sty-next{position:absolute; top:0; bottom:0; z-index:1; width:35%; border:0; border-radius:0; background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent}
body.shell > .sty .sty-prev{left:0}
body.shell > .sty .sty-next{right:0}


body.shell .shm-note{position:fixed; z-index:110; left:12px; right:12px; bottom:calc(var(--sh-b) + 12px); display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; pointer-events:none;
  border:1px solid color-mix(in oklab, var(--lamp) 40%, transparent); background:var(--stone-deep); 
  box-shadow:0 20px 40px -20px rgba(0,0,0,1); opacity:0; transform:translateY(12px); transition:opacity 260ms ease, transform 320ms var(--ease-out)}
body.shell .shm-note.on{opacity:1; transform:none}
body.shell .shm-note b{display:block; font:800 14px/1.1 var(--font-display); color:var(--cream)}
body.shell .shm-note small{display:block; margin-top:3px; font:500 12.5px/1.35 var(--font); color:var(--sand)}
body.shell .shm-note-star{flex:none; width:22px; height:22px; background:var(--lamp);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 4.8 10.1 11 11-6.2.9-10.1 4.8-11 11-.9-6.2-4.8-10.1-11-11C7.2 11.1 11.1 7.2 12 1z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c.9 6.2 4.8 10.1 11 11-6.2.9-10.1 4.8-11 11-.9-6.2-4.8-10.1-11-11C7.2 11.1 11.1 7.2 12 1z'/%3E%3C/svg%3E") center/contain no-repeat}


@media (min-width:744px){
  body.shell .shm .nc-wrap{padding:18px 20px}
  body.shell .shm .nc-head h2{font-size:17px}
  body.shell .shm .nc-clock b{font-size:20px}
  body.shell .shm .nc-row{display:grid; grid-template-columns:repeat(9, minmax(0, 1fr)); gap:10px; margin:14px 0 0; padding:0; overflow:visible; scroll-snap-type:none}
  body.shell .shm .nc-card{width:auto; aspect-ratio:3 / 5.6}
  body.shell .shm .nc-next, body.shell .shm .nc-more{display:none}
  body.shell .shm .nc-face > b{font-size:12px}
  body.shell .shm .nc-price{font-size:13.5px}
  body.shell .shm .q-row{display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); margin:0; padding:0; overflow:visible; scroll-snap-type:none}
  body.shell .shm .q-card{width:auto}
  body.shell .shm .me-rp-row.two{grid-template-columns:repeat(2, minmax(0, 1fr))}
  body.shell .shm .me-bd-row{flex-wrap:wrap; margin:0; padding:0; overflow:visible}
  body.shell .shm .me-again-row{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
  body.shell .shm .me-rep-w{display:inline}
}
@media (min-width:1024px){
  body.shell [data-screen="sh-home"] > .shm-home{order:4}
  body.shell .shm .nc-card{aspect-ratio:3 / 4.6}
}

@media (prefers-reduced-motion:reduce){
  body.shell .shm .nc-in{transition:none}
  body.shell .shm .nc-next::after{animation:none}
  body.shell .shm .me-sk, body.shell .shm .me-bd-sk, body.shell > .sty .sty-body{animation:none}
  body.shell > .sty, body.shell .shm-note{transition:none}
}


body.shm-lock{overflow:hidden}
.shm-sheet{position:fixed; inset:0; z-index:320; display:flex; align-items:flex-end; justify-content:center}
.shm-sheet-bg{position:absolute; inset:0; background:rgba(0,0,0,.55)}
.shm-sheet-body{position:relative; width:100%; max-width:520px; max-height:80vh; overflow:auto; box-sizing:border-box;
  padding:16px 16px calc(20px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; color:var(--cream);
  background:linear-gradient(180deg, var(--stone-2), var(--stone-deep)); box-shadow:inset 0 1px 0 var(--nw-нить-ярко); animation:shm-sheet-in 240ms var(--ease-out, ease-out)}
@keyframes shm-sheet-in{from{transform:translateY(24px); opacity:0}}
.shm-sheet-top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px}
.shm-sheet-top h3{margin:0; font:700 18px/1.2 var(--font-display)}
.shm-sheet-x{width:36px; height:36px; margin:-4px -6px 0 0; border:0; border-radius:50%; background:none; color:var(--sand); font:400 26px/1 var(--font); cursor:pointer}
.shm-pre-empty{margin:8px 0; color:var(--sand); font:500 14px/1.45 var(--font)}
.shm-nt-h{margin:16px 0 2px; font:600 13px/1.3 var(--font); color:var(--sand)}
.shm-nt-h:first-child{margin-top:4px}
.shm-nt{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-top:1px solid var(--nw-нить)}
.shm-nt-h + .shm-nt{border-top:0}
.shm-nt-t{min-width:0; display:grid; gap:2px}
.shm-nt-t b{font:700 15.5px/1.3 var(--font); overflow-wrap:anywhere}
.shm-nt-t small{font:500 13px/1.4 var(--font); color:var(--sand)}
.shm-nt.off .shm-nt-t b{color:var(--sand); font-weight:600}
.shm-sw{position:relative; flex:none; width:46px; height:28px; padding:0; border:0; border-radius:14px; background:var(--seam-2); cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.shm-sw::before{content:""; position:absolute; inset:-8px -4px}
.shm-sw i{position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%; background:var(--cream);
  transition:transform 220ms var(--ease-out, ease-out)}
.shm-sw[aria-checked="true"]{background:var(--lamp)}
.shm-sw[aria-checked="true"] i{transform:translateX(18px); background:var(--on-lamp)}
.shm-sw:focus-visible, .shm-nt-x:focus-visible{outline:2px solid var(--lamp); outline-offset:2px}
.shm-nt-x{flex:none; min-height:40px; padding:0 14px; border:1px solid var(--nw-нить-ярко); border-radius:999px; background:none; color:var(--cream);
  font:600 13.5px/1 var(--font); cursor:pointer}
.shm-nt-x:active{background:var(--stone-deep)}
.shm-sheet-in > .shm-pre-bad{margin:12px 0 0; color:var(--rust); font:600 14px/1.4 var(--font)}
@media (prefers-reduced-motion:reduce){ .shm-sheet-body{animation:none} .shm-sw, .shm-sw i{transition:none} }