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:radial-gradient(240px 150px at 0% 0%, color-mix(in oklab, var(--lamp) 15%, transparent), transparent 72%)}
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(180deg, #fbfcff 0%, #d9dbea 34%, #8e92b3 50%, #5b5f7d 53%, #e6e8f4 62%, #b4b8d3 82%, #f2f3fa 100%); -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:drop-shadow(0 0 8px color-mix(in oklab, var(--lamp) 70%, transparent))}
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:0 0 14px color-mix(in oklab, var(--lamp) 50%, transparent)}
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-card{flex:none; position:relative; width:92px; aspect-ratio:3 / 4.3; 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=fdaf2dae) 3px 3px / 13px 13px no-repeat, url(../desk/img/ramka/pv.webp?v=fdaf2da8) calc(100% - 3px) 3px / 13px 13px no-repeat,
    url(../desk/img/ramka/ln.webp?v=fdaf2da8) 3px calc(100% - 3px) / 13px 13px no-repeat, url(../desk/img/ramka/pn.webp?v=fdaf2da6) calc(100% - 3px) calc(100% - 3px) / 13px 13px no-repeat,
    radial-gradient(80% 60% at 50% 30%, color-mix(in oklab, var(--lamp) 14%, transparent), transparent 70%), 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:drop-shadow(0 0 6px color-mix(in oklab, var(--lamp) 60%, transparent))}
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:radial-gradient(80% 55% at 50% 34%, color-mix(in oklab, var(--acc) 24%, transparent), transparent 70%), linear-gradient(180deg, var(--stone-2), var(--stone-deep));
  box-shadow:0 0 26px -12px var(--acc), 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)}
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, #3ee07f); box-shadow:0 0 12px -4px var(--nw-skidka, #3ee07f)}
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(var(--n, 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:radial-gradient(80% 60% at 50% 30%, color-mix(in oklab, var(--lamp) 10%, transparent), transparent 70%), 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, #3ee07f)}
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:30px; font:700 13.5px/1.25 var(--font); color:var(--cream); text-wrap:pretty}
body.shell .shm .q-r{position:absolute; top:12px; right:12px; font:800 12px/1 var(--font); font-variant-numeric:tabular-nums; color:var(--zhar)}
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, #3ee07f) 45%, transparent)}
body.shell .shm .q-card.ok .q-bar i{background:var(--nw-skidka, #3ee07f)}
body.shell .shm .q-card.ok > small{color:var(--nw-skidka, #3ee07f)}
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, #3ee07f); background:color-mix(in oklab, var(--nw-skidka, #3ee07f) 8%, transparent); box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--nw-skidka, #3ee07f) 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, #f5a524 34%, transparent); background:linear-gradient(100deg, color-mix(in oklab, #f5a524 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(#f5a524, #ff5a50, #8b5cf6, #22d3ee, #f5a524)}
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, #f5a524 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:radial-gradient(70% 140% at 0% 50%, color-mix(in oklab, var(--c) 14%, transparent), transparent 62%), 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:radial-gradient(60% 120% at 0% 50%, color-mix(in oklab, var(--acc) 10%, transparent), transparent 70%), 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-guest{position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:60px; margin-top:12px; padding:8px 40px 8px 12px; border-radius:14px; cursor:pointer; text-align:left; color:var(--cream);
  border:1px solid transparent; background:radial-gradient(60% 120% at 0% 50%, color-mix(in oklab, var(--lamp) 13%, transparent), transparent 70%) padding-box, var(--nw-лоск) padding-box, var(--nw-кожа) padding-box,
    linear-gradient(90deg, color-mix(in oklab, var(--lamp) 42%, transparent), var(--nw-нить)) border-box;
  box-shadow:var(--nw-фаска); transition:transform 160ms var(--ease-out)}
body.shell .shm-guest:active{transform:scale(.985)}
body.shell .shm-guest-ic{flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--nw-нить-ярко)}
body.shell .shm-guest-ic i{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}
body.shell .shm-guest-t{display:flex; flex-direction:column; gap:3px; min-width:0}
body.shell .shm-guest-t b{font:700 15px/1.15 var(--font-display)}
body.shell .shm-guest-t small{font:600 12.5px/1.2 var(--font); color:var(--sand)}
body.shell .shm-guest-go{position:absolute; right:14px; top:50%; width:16px; height:16px; margin-top:-8px; color:var(--sh-mute)}


body.shell #shmNight dt, body.shell #shmNight dd{color:var(--nw-skidka, #3ee07f)}
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); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); 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%, rgba(245,165,36,.22), 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:color-mix(in oklab, var(--stone-deep) 92%, transparent); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  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(var(--n, 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-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 .me-sk, body.shell .shm .me-bd-sk, body.shell > .sty .sty-body{animation:none}
  body.shell > .sty, body.shell .shm-note{transition:none}
}