/* هشتی — ساخته‌شده با tools/events/build_ui.py */

:root{
  color-scheme:dark;
  --e-bg:#111113; --e-bg2:#0c0c0e; --e-surf:#1a1b1f; --e-surf2:#222328; --e-surf3:#2b2c32;
  --e-line:rgba(255,255,255,.075); --e-line2:rgba(255,255,255,.12);
  --e-ink:#f1f1f2; --e-ink2:#c9cace; --e-sub:#9a9ca3; --e-faint:#6d6f76;
  --e-acc:#e3b062; --e-acc-ink:#17130c; --e-acc-deep:#b98a45; --e-acc-soft:rgba(227,176,98,.14);
  --e-ok:#7fb894; --e-bad:#e0796d; --e-warn:#e0a96d; --e-blue:#8fb3e0;
  --e-ok-soft:rgba(127,184,148,.16); --e-bad-soft:rgba(224,121,109,.16); --e-warn-soft:rgba(224,169,109,.16); --e-blue-soft:rgba(143,179,224,.16);
  --e-scrim:rgba(0,0,0,.52);
  --e-r:22px; --e-r-sm:14px;
  --e-top:60px;
  --e-safe-b:env(safe-area-inset-bottom,0px); --e-safe-t:env(safe-area-inset-top,0px);
  --e-ease:cubic-bezier(.2,.85,.25,1); --e-spring:cubic-bezier(.34,1.56,.64,1);
  --tn:#e3b062; --tn-soft:rgba(227,176,98,.16); --tn-deep:#26221a; --tn-ink:#17130c; --tn-line:rgba(227,176,98,.5);
  --e-star1:#ffeab0; --e-star2:#e8a94a;
}
:root[data-theme="paper"]{
  color-scheme:light;
  --e-bg:#f6f4ef; --e-bg2:#efebe3; --e-surf:#ffffff; --e-surf2:#f3f0e9; --e-surf3:#e9e4da;
  --e-line:rgba(60,45,20,.09); --e-line2:rgba(60,45,20,.15);
  --e-ink:#2b2b2b; --e-ink2:#4d4a45; --e-sub:#6f6b63; --e-faint:#9a958b;
  --e-acc:#b07d2c; --e-acc-ink:#ffffff; --e-acc-deep:#8a5f1c; --e-acc-soft:rgba(176,125,44,.12);
  --e-ok:#3f8a5a; --e-bad:#c2472f; --e-warn:#b9741a; --e-blue:#3f6fa8;
  --e-ok-soft:rgba(63,138,90,.12); --e-bad-soft:rgba(194,71,47,.11); --e-warn-soft:rgba(185,116,26,.13); --e-blue-soft:rgba(63,111,168,.11);
  --e-scrim:rgba(40,36,30,.4);
  --tn:#b07d2c; --tn-soft:rgba(176,125,44,.13); --tn-deep:#f1ece0; --tn-ink:#fff; --tn-line:rgba(176,125,44,.5);
  --e-star1:#f4c95d; --e-star2:#c98412;
}
.happ [style*="--h"]{--tn:hsl(var(--h),62%,67%);--tn-soft:hsla(var(--h),62%,62%,.17);--tn-deep:hsl(var(--h),36%,17%);--tn-ink:hsl(var(--h),50%,10%);--tn-line:hsla(var(--h),60%,64%,.55)}
:root[data-theme="paper"] .happ [style*="--h"]{--tn:hsl(var(--h),56%,36%);--tn-soft:hsla(var(--h),56%,42%,.12);--tn-deep:hsl(var(--h),40%,92%);--tn-ink:#fff;--tn-line:hsla(var(--h),50%,38%,.5)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.h-lock,html.h-lock body{overflow:hidden}
body.happ{
  background:var(--e-bg);color:var(--e-ink);font-family:'Peyda',system-ui,'Segoe UI',Tahoma,sans-serif;font-weight:500;
  font-size:15px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
}
body.happ.is-door{overflow:hidden;overscroll-behavior:none}
.happ a{color:inherit;text-decoration:none}
.happ button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
.happ input,.happ textarea,.happ select{font:inherit;color:inherit;background:none;border:0;outline:none;min-width:0;border-radius:0}
.happ ::selection{background:var(--e-acc);color:var(--e-acc-ink)}
.happ img{max-width:100%;display:block}
.happ hr{border:0;border-top:1px solid var(--e-line);margin:4px 0}
.happ [hidden]{display:none !important}
.happ .ic{width:22px;height:22px;flex:none;display:inline-block;vertical-align:middle}
.happ .ltr{direction:ltr;text-align:left;unicode-bidi:isolate}
.happ :focus-visible{outline:2px solid var(--e-acc);outline-offset:2px;border-radius:8px}
.happ h1,.happ h2,.happ h3{font-weight:600;line-height:1.45}
.h-splash{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--e-acc);font-size:13px}
.h-splash span{color:var(--e-sub)}
.h-splash-m{animation:h-breathe 1.6s ease-in-out infinite}
.hcenter{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
@keyframes h-breathe{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes h-fade{from{opacity:0}to{opacity:1}}
@keyframes h-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes h-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
@keyframes h-shimmer{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes h-spin{to{transform:rotate(360deg)}}
@keyframes h-blink{50%{opacity:.35}}
.hview{min-height:100vh;min-height:100dvh;outline:none}
.hview.enter > .hpage{animation:h-fade .28s ease both}
.hpage{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:680px;margin:0 auto;width:100%}
.hpage.wide{max-width:1120px}
.hbody{flex:1;padding:6px 16px 28px;min-width:0}
.hfoot{position:sticky;bottom:0;z-index:30;padding:26px 16px calc(14px + var(--e-safe-b));background:linear-gradient(to top,var(--e-bg) 62%,rgba(17,17,19,0));pointer-events:none}
:root[data-theme="paper"] .hfoot{background:linear-gradient(to top,var(--e-bg) 62%,rgba(246,244,239,0))}
.hfoot > *{pointer-events:auto;max-width:560px;margin-inline:auto}
.htop{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:6px;min-height:calc(var(--e-top) + var(--e-safe-t));padding:var(--e-safe-t) 12px 0 14px;
  background:rgba(17,17,19,.82);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px)}
:root[data-theme="paper"] .htop{background:rgba(246,244,239,.86)}
.htop-t{font-size:20px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.htop-t small{display:block;font-size:12px;color:var(--e-sub);font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.htop-sp{flex:1}
.htop-a{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.hback{margin-inline-start:-8px}
.hbrand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--e-ink);padding:4px 2px}
.hbrand .hmark{color:var(--e-acc);width:30px;height:30px}
.hmark{display:block}
.hmark svg,.hmark use{color:inherit}
.hbadge{position:absolute;top:1px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--e-acc);color:var(--e-acc-ink);font-size:11px;line-height:18px;text-align:center;font-weight:700;font-style:normal;box-shadow:0 0 0 2px var(--e-bg)}
.hav{--k:var(--e-acc);flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:600;
  background:var(--ka,rgba(227,176,98,.18));color:var(--k);box-shadow:inset 0 0 0 1.5px var(--ka,rgba(227,176,98,.3))}
.hav.sm{width:30px;height:30px;font-size:13.5px}
.hav.lg{width:64px;height:64px;font-size:26px}
.hav.xl{width:76px;height:76px;font-size:32px}
:root[data-theme="paper"] .hav{color:#7a5a1c}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
.happ .hbtn{--b:var(--e-surf2);--bi:var(--e-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:99px;
  font-size:14.5px;font-weight:600;line-height:1;background:var(--b);color:var(--bi);transition:transform .14s var(--e-ease),filter .15s,background .22s,color .22s,opacity .2s;white-space:nowrap;user-select:none;text-align:center}
.happ .hbtn .ic{width:19px;height:19px}
@media (hover:hover){.happ .hbtn:hover{filter:brightness(1.07)}}
.happ .hbtn:active{transform:scale(.975)}
.happ .hbtn.busy{pointer-events:none}
.happ .hbtn.busy::after{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:h-spin .7s linear infinite}
.happ .hbtn:disabled{opacity:.45;cursor:default;transform:none;filter:none}
.happ .hbtn.pri{--b:var(--e-acc);--bi:var(--e-acc-ink)}
.happ .hbtn.pri.ghost{--b:var(--e-surf3);--bi:var(--e-sub)}
.happ .hbtn.dng{--b:var(--e-bad-soft);--bi:var(--e-bad)}
.happ .hbtn.pri.dng{--b:var(--e-bad);--bi:#fff}
.happ .hbtn.big{min-height:48px;padding:0 24px;font-size:15px;border-radius:24px}
.happ .hbtn.sm{min-height:36px;padding:0 14px;font-size:13px}
.happ .hbtn.block{display:flex;width:100%}
.happ a.hbtn{cursor:pointer}
.happ .hib{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--e-ink2);flex:none;transition:background .15s,color .15s,transform .15s var(--e-spring)}
@media (hover:hover){.happ .hib:hover{background:var(--e-surf2);color:var(--e-ink)}}
.happ .hib:active{transform:scale(.9)}
.happ .hib.sm{width:38px;height:38px}
.happ .hib.sm .ic{width:19px;height:19px}
.happ .hib.pri{color:var(--e-acc)}
.happ .hib.dng{color:var(--e-bad)}
.happ .hib:disabled{opacity:.35;cursor:default}
.happ .hib.busy{opacity:.5;pointer-events:none}
.happ .hlink{display:inline-flex;align-items:center;gap:4px;color:var(--e-acc);font-size:13.5px;font-weight:600;padding:10px 4px;min-height:44px}
.happ .hlink.mut{color:var(--e-sub)}
.happ .hmore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;color:var(--e-sub);font-size:13.5px;font-weight:600}
.happ .hmore .ic{width:17px;height:17px}
.happ .hmore.busy{opacity:.5}
.happ .hmuted{color:var(--e-sub);font-size:13.5px;line-height:1.85}
.happ .hmuted.sm{font-size:12.5px}
.happ .hmuted.pad{padding:18px 6px;text-align:center}
.happ .hsec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 4px 10px}
.happ .hsec h2{font-size:15px;font-weight:600;color:var(--e-ink2)}
.happ .hbody > .hsc:first-child > .hsec:first-child{margin-top:10px}
.happ .hmeta{display:flex;flex-wrap:wrap;align-items:center;color:var(--e-sub);font-size:13px;line-height:1.7}
.happ .hmeta > span{min-width:0}
.happ .hmeta > span + span{margin-inline-start:9px;padding-inline-start:9px;position:relative}
.happ .hmeta > span + span::before{content:"";position:absolute;right:0;top:50%;height:11px;margin-top:-5.5px;border-inline-start:1px solid var(--e-line2)}
.happ .hchip{display:inline-flex;align-items:center;gap:5px;padding:2px 11px;border-radius:99px;font-size:12px;font-weight:600;background:var(--e-acc-soft);color:var(--e-acc);white-space:nowrap;line-height:1.7;font-style:normal}
.happ .hchip.ok{background:var(--e-ok-soft);color:var(--e-ok)}
.happ .hchip.bad{background:var(--e-bad-soft);color:var(--e-bad)}
.happ .hchip.warn{background:var(--e-warn-soft);color:var(--e-warn)}
.happ .hchip.blue{background:var(--e-blue-soft);color:var(--e-blue)}
.happ .hchip.mut{background:var(--e-surf2);color:var(--e-sub)}
.happ .hchip .ic{width:13px;height:13px}
.happ button.hchip.act{min-height:34px;padding:0 14px;font-size:13px;cursor:pointer;transition:transform .14s var(--e-spring),filter .15s}
.happ button.hchip.act:active{transform:scale(.94)}
.happ .hoff{display:flex;align-items:center;gap:10px;margin:8px 0 4px;padding:10px 14px;border-radius:14px;background:var(--e-warn-soft);color:var(--e-warn);font-size:13px;font-weight:600}
.happ .hoff .ic{width:19px;height:19px}
.happ .hgrp{margin:0 0 14px}
.happ .hgrp-t{font-size:12.5px;color:var(--e-sub);font-weight:600;margin:0 10px 6px}
.happ .hgrp-h{font-size:12.5px;color:var(--e-sub);margin:7px 12px 0;line-height:1.8}
.happ .hgrp-h.legal{text-align:center}
.happ .hgrp-b{background:var(--e-surf);border-radius:18px;overflow:hidden}
.happ .hgrp-b > *{position:relative}
.happ .hgrp-b > * + *::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:var(--e-line);pointer-events:none}
.happ .hgrp-b > .hsplit::before{display:none}
.happ .hrow{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 16px;text-align:start;color:var(--e-ink)}
.happ .hrow.go{cursor:pointer;transition:background .15s}
@media (hover:hover){.happ .hrow.go:hover{background:var(--e-surf2)}}
.happ .hrow.go:active{background:var(--e-surf2)}
.happ .hrow-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--e-acc-soft);color:var(--e-acc)}
.happ .hrow-i .ic{width:18px;height:18px}
.happ .hrow-l{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:500;color:var(--e-ink2);line-height:1.6}
.happ .hrow-l small{display:block;font-size:12px;color:var(--e-sub);font-weight:500;line-height:1.6}
.happ .hrow.nov .hrow-l{font-size:15.5px;color:var(--e-ink)}
.happ .hrow-v{flex:0 1 auto;max-width:62%;color:var(--e-ink);font-size:15px;font-weight:500;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hrow-v.ph{color:var(--e-faint);font-weight:400}
.happ .hrow-v:empty{display:none}
.happ .hrow.wrapv .hrow-v{white-space:normal;line-height:1.75;max-width:64%}
.happ .hrow-ar{width:16px;height:16px;color:var(--e-faint);flex:none;transition:transform .22s var(--e-ease)}
.happ .hrow.acc[aria-expanded="true"] .hrow-ar{transform:rotate(180deg)}
.happ .hrow.dng .hrow-l{color:var(--e-bad)}
.happ .hrow.mut .hrow-l{color:var(--e-sub)}
.happ .hrow.fld{cursor:text}
.happ .hrow.fld > .hrow-l{flex:0 0 auto;max-width:46%;white-space:nowrap}
.happ .hrow.fld > .hin{flex:1 1 0;min-width:0;text-align:end;font-size:15px;font-weight:500;padding:9px 0;color:var(--e-ink)}
.happ .hin{width:100%;font-size:15px;line-height:1.7;padding:4px 0;color:var(--e-ink);caret-color:var(--e-acc)}
.happ .hin::placeholder{color:var(--e-faint);font-weight:400}
.happ .hrow.fld > .hin.ltr{text-align:left}
.happ input:focus-visible,.happ textarea:focus-visible{outline:none}
.happ .hrow.fld:focus-within > .hrow-l,.happ .hfld:focus-within .hfld-l{color:var(--e-acc)}
.happ .hfld{display:flex;flex-direction:column;gap:2px;padding:12px 16px 10px;cursor:text}
.happ .hfld-l{font-size:12.5px;color:var(--e-sub);font-weight:600}
.happ textarea.hin{resize:none;min-height:84px;line-height:1.9}
.happ .hnum{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-inline-start:auto;padding:0 12px;border-radius:11px;background:var(--e-surf2);transition:box-shadow .15s}
.happ .hnum:focus-within{box-shadow:0 0 0 1.5px var(--e-acc)}
.happ .hnum .hin{width:1.4em;min-width:1.2em;padding:0;text-align:center;font-weight:600;font-size:15.5px;font-variant-numeric:tabular-nums;letter-spacing:0}
.happ .hnum small{font-size:12px;color:var(--e-sub);font-weight:500;line-height:1}
.happ .hsplit{padding:0 16px 10px;margin-top:-5px;font-size:12.5px;color:var(--e-sub);line-height:1.7;text-align:end}
.happ .hneed{display:inline-block;margin-inline-start:8px;padding:0 8px;border-radius:99px;background:var(--e-bad-soft);color:var(--e-bad);font-size:11px;font-style:normal;font-weight:700;line-height:1.75;vertical-align:middle;animation:h-pop .3s var(--e-spring) both}
.happ .need > .hrow-l,.happ .need > .hfld-l{color:var(--e-bad)}
.happ .hneed-at{display:block}
.happ .hneed-at:empty{display:none}
.happ .nudge{animation:h-nudge .55s var(--e-ease)}
@keyframes h-nudge{0%,100%{transform:none}20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}}
.happ .hsearch{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:99px;background:var(--e-surf);color:var(--e-sub);flex:1;min-width:0;transition:box-shadow .15s}
.happ .hsearch input{flex:1;color:var(--e-ink);font-size:15px;-webkit-appearance:none;appearance:none}
.happ .hsearch input:focus-visible{outline:none}
.happ .hsearch input::-webkit-search-cancel-button,.happ .hsearch input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.happ .hsearch:focus-within{box-shadow:0 0 0 1.5px var(--e-acc)}
.happ .hsheet .hsearch{margin-bottom:10px}
.happ .hsw{position:relative;flex:none;width:44px;height:26px;border-radius:13px;background:var(--e-surf3);transition:background .2s}
.happ .hsw i{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .25s var(--e-spring)}
.happ .hsw.on{background:var(--e-ok)}
.happ .hsw.on i{transform:translateX(-18px)}
.happ .hstep{display:inline-flex;align-items:center;gap:4px;flex:none}
.happ .hstep b{min-width:30px;text-align:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.happ .hstep.z b{color:var(--e-faint);font-weight:500}
.happ .hrb{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--e-surf3);color:var(--e-ink);transition:transform .15s var(--e-spring),background .15s,opacity .2s}
.happ .hrb::after{content:"";position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px}
.happ .hrb .ic{width:18px;height:18px}
.happ .hrb:active{transform:scale(.88)}
.happ .hrb:disabled{opacity:.28;cursor:default}
.happ .hring{position:relative;display:inline-grid;place-items:center;flex:none}
.happ .hring svg{position:absolute;left:0;top:0;width:100%;height:100%}
.happ .hring circle{fill:none;stroke-width:3}
.happ .hring .bg{stroke:var(--e-surf3)}
.happ .hring .fg{stroke:var(--tn);stroke-linecap:round;transition:stroke-dasharray .6s var(--e-ease)}
.happ .hring b{position:relative;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hseg{display:flex;padding:4px;border-radius:99px;background:var(--e-surf2);gap:2px}
.happ .hseg button{flex:1;min-height:42px;padding:0 10px;border-radius:99px;font-size:13.5px;font-weight:600;color:var(--e-sub);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,color .2s}
.happ .hseg button .ic{width:18px;height:18px}
.happ .hseg button.on{background:var(--e-surf);color:var(--e-ink);box-shadow:0 1px 3px rgba(0,0,0,.28)}
.happ .hseg button.on .ic{color:var(--e-acc)}
.happ .hseg em{font-style:normal;font-size:11px;color:var(--e-acc)}
:root[data-theme="paper"] .happ .hseg button.on{box-shadow:0 1px 3px rgba(60,45,20,.15)}
.happ .hnunu{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:34px 18px 26px;color:var(--e-sub)}
.happ .hnunu img{width:132px;height:auto;margin-bottom:4px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.happ .hnunu b{color:var(--e-ink);font-size:16px;font-weight:600;max-width:300px;line-height:1.8}
.happ .hnunu .hbtn{margin-top:12px}
.happ .hnunu-x{display:flex;flex-direction:column;align-items:center;gap:10px}
.happ .hskel{display:grid;gap:12px;padding:12px 16px}
.happ .hskel i{display:block;border-radius:12px;background:linear-gradient(90deg,var(--e-surf) 0%,var(--e-surf2) 40%,var(--e-surf) 80%) 0 0/200% 100%;animation:h-shimmer 1.5s linear infinite}
.happ .hskel.home .hskel-top{display:flex;justify-content:space-between}
.happ .hskel.home .hskel-rail{display:flex;gap:14px;overflow:hidden;margin:0 -16px;padding:0 16px}
.happ .hskel.home .hskel-rail i{flex:none}
.happ .hskel.event{padding:0}
.happ .hskel.event > i:not(:first-child){margin:0 16px;max-width:calc(100% - 32px)}
.happ .hskel.ticket{justify-items:center;padding-top:24px}
.happ .hov{position:fixed;left:0;right:0;top:0;bottom:0;z-index:200;background:rgba(0,0,0,0);transition:background .24s;display:flex;align-items:flex-end;justify-content:center}
.happ .hov.in{background:var(--e-scrim)}
.happ .hov.out{background:rgba(0,0,0,0)}
.happ .hsheet{position:relative;display:flex;flex-direction:column;width:calc(100% - 12px);max-width:560px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px - var(--e-safe-t));margin-bottom:calc(6px + var(--e-safe-b));outline:none;
  background:var(--e-bg);border-radius:28px;box-shadow:0 0 0 1px var(--e-line2),0 26px 60px -22px rgba(0,0,0,.7);overflow:hidden;transform:translateY(110%);transition:transform .34s var(--e-ease)}
.happ .hov.in .hsheet{transform:none}
.happ .hov.out .hsheet{transform:translateY(110%)}
.happ .hsheet-grip{display:block;flex:none;width:36px;height:5px;border-radius:3px;background:var(--e-line2);margin:8px auto 0}
.happ .hsheet-h{display:flex;align-items:center;gap:4px;flex:none;padding:4px 8px 0 10px;min-height:52px}
.happ .hsheet-t{flex:1;min-width:0;text-align:start}
.happ .hsheet-t b{display:block;font-size:17px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hsheet-t small{display:block;font-size:12px;color:var(--e-sub);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hsheet-a{display:flex;align-items:center;gap:2px}
.happ .hsheet-vs{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.happ .hsheet-v{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.happ .hsheet-v.fwd{animation:h-vfwd .3s var(--e-ease) both}
.happ .hsheet-v.bk{animation:h-vbk .3s var(--e-ease) both}
@keyframes h-vfwd{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes h-vbk{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.happ .hsheet-b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 16px 18px}
.happ .hsheet-f{position:relative;flex:none;padding:10px 16px 14px;max-height:100px;transition:max-height .32s var(--e-ease),opacity .22s,transform .32s var(--e-ease),padding .32s var(--e-ease)}
.happ .hsheet-f::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28px;background:linear-gradient(to top,var(--e-bg),rgba(17,17,19,0));pointer-events:none}
:root[data-theme="paper"] .happ .hsheet-f::before{background:linear-gradient(to top,var(--e-bg),rgba(246,244,239,0))}
.happ .hsheet-f.off{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(16px);pointer-events:none;overflow:hidden}
.happ .hsheet.small{max-width:440px}
.happ .hsheet.small .hsheet-b{padding-bottom:10px}
.happ .hsheet.tall,.happ .hsheet.form{min-height:min(560px,78vh)}
.happ .hsheet.me{min-height:min(520px,72vh)}
.happ .hsheet.notitle .hsheet-h{display:none}
.happ .hsheet.notitle .hsheet-b{padding-top:12px}
.happ .hsheet.menu .hsheet-b{padding:2px 10px 12px}
.happ .hsheet .hgrp-b{background:var(--e-surf)}
.happ .hsheet.float .hsheet-grip{display:none}
.happ .hsheet.float .hsheet-h{position:absolute;left:0;right:0;top:0;z-index:3;padding:10px;min-height:0}
.happ .hsheet.float .hsheet-t{display:none}
.happ .hsheet.float .hib{background:rgba(0,0,0,.42);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.happ .hsheet.float .hsheet-b{padding:0}
.happ .hsheet.img{background:#000}
.happ .hzoom{width:100%;max-height:80vh;object-fit:contain;background:#000}
@media (min-width:900px){
  .happ .hov{align-items:center}
  .happ .hsheet{width:560px;max-width:calc(100% - 48px);max-height:min(88vh,800px);margin:0;transform:translateY(24px) scale(.97);opacity:0;transition:transform .3s var(--e-ease),opacity .2s}
  .happ .hsheet.small{width:440px}
  .happ .hov.in .hsheet{transform:none;opacity:1}
  .happ .hov.out .hsheet{transform:translateY(12px) scale(.98);opacity:0}
  .happ .hsheet-grip{display:none}
  .happ .hsheet-h{padding-top:8px}
  .happ .hsheet.tall,.happ .hsheet.form{height:min(88vh,800px)}
}
.happ .hmenu-l{display:flex;flex-direction:column;padding:2px 0}
.happ .hmenu-hd{padding:8px 14px 4px;font-size:12px;color:var(--e-sub);font-weight:600}
.happ .hmi{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;border-radius:14px;font-size:15px;font-weight:500;text-align:start}
@media (hover:hover){.happ .hmi:hover{background:var(--e-surf2)}}
.happ .hmi:active{background:var(--e-surf2)}
.happ .hmi .ic{width:20px;height:20px;color:var(--e-sub)}
.happ .hmi-sp{width:0}
.happ .hmi-t{flex:1;min-width:0}
.happ .hmi-t small{display:block;color:var(--e-sub);font-size:12px;line-height:1.5}
.happ .hmi-v{color:var(--e-sub);font-size:12.5px}
.happ .hmi.on{color:var(--e-acc);font-weight:600}
.happ .hmi.on .hmi-ck{color:var(--e-acc)}
.happ .hmi.dng,.happ .hmi.dng .ic{color:var(--e-bad)}
.happ .hmi:disabled{opacity:.4}
.happ .hpop-ov{position:fixed;left:0;right:0;top:0;bottom:0;z-index:210}
.happ .hpop{position:fixed;background:var(--e-surf);border:1px solid var(--e-line2);border-radius:20px;box-shadow:0 26px 60px -22px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.18);overflow-y:auto;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top center;transition:opacity .16s,transform .22s var(--e-ease);padding:4px}
.happ .hpop.up{transform-origin:bottom center;transform:translateY(6px) scale(.97)}
.happ .hpop-ov.in .hpop{opacity:1;transform:none}
.happ .hpop-ov.out .hpop{opacity:0}
.htoast{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;z-index:400;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:11px 20px 11px 22px;border-radius:99px;
  background:#0b0b0c;color:#f1f1f2;font-size:14px;font-weight:500;box-shadow:0 10px 34px -8px rgba(0,0,0,.6);transform:translate(-50%,-120%);opacity:0;transition:transform .4s cubic-bezier(.34,1.4,.64,1),opacity .2s;direction:rtl;font-family:'Peyda',system-ui,sans-serif;line-height:1.6}
.htoast.in{transform:translate(-50%,0);opacity:1}
.htoast .ic{width:19px;height:19px;color:#7fb894;flex:none}
.htoast.bad .ic{color:#e0796d}
.htoast-u{color:#e3b062;font-weight:700;padding:2px 4px;margin-inline-start:6px;font-family:inherit;font-size:14px;background:none;border:0;cursor:pointer}
:root[data-theme="paper"] .htoast{background:#1f1f21}
.happ .hds{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0 4px}
.happ .hds::-webkit-scrollbar{display:none}
.happ .hds-c{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;height:68px;padding-top:2px;border-radius:16px;scroll-snap-align:start;color:var(--e-ink);transition:background .18s,color .18s,transform .15s var(--e-spring)}
.happ .hds-c:active{transform:scale(.93)}
.happ .hds-c small{font-size:11.5px;color:var(--e-sub);font-weight:500;line-height:1.1}
.happ .hds-c b{font-size:18px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}
.happ .hds-d{display:flex;align-items:center;justify-content:center;gap:3px;height:6px}
.happ .hds-d i{width:5px;height:5px;border-radius:50%;background:var(--tn)}
.happ .hds-c.fri{background:var(--e-bad-soft)}
.happ .hds-c.fri small,.happ .hds-c.fri b{color:var(--e-bad)}
.happ .hds-c.now{box-shadow:inset 0 0 0 1.5px var(--e-acc)}
.happ .hds-c.now b{color:var(--e-acc);font-weight:700}
.happ .hds-c.sel{background:var(--e-acc);box-shadow:none}
.happ .hds-c.sel small{color:rgba(23,19,12,.72)}
.happ .hds-c.sel b{color:var(--e-acc-ink);font-weight:700}
.happ .hds-c.sel .hds-d i{background:var(--e-acc-ink)}
:root[data-theme="paper"] .happ .hds-c.sel small{color:rgba(255,255,255,.82)}
.happ .hds-mo{flex:none;align-self:center;display:grid;place-items:center;width:18px;padding:0;font-size:11px;font-weight:600;color:var(--e-faint);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}
.happ .hcal{padding:2px 0 4px}
.happ .hcal-h{display:flex;align-items:center;justify-content:space-between;padding:2px 0 6px}
.happ .hcal-h b{font-size:15.5px;font-weight:600}
.happ .hcal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.happ .hcal-w{font-size:11.5px;color:var(--e-sub);padding:4px 0;font-weight:600}
.happ .hcal-d{display:grid;place-items:center;margin:auto;width:100%;max-width:42px;height:40px;border-radius:50%;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
@media (hover:hover){.happ .hcal-d:hover{background:var(--e-surf2)}}
.happ .hcal-d.fri{color:var(--e-bad)}
.happ .hcal-d.today{box-shadow:inset 0 0 0 1.5px var(--e-acc)}
.happ .hcal-d.sel{background:var(--e-acc);color:var(--e-acc-ink);font-weight:700;box-shadow:none}
.happ .hcal-d:disabled{opacity:.25}
.happ .hdp-r{display:flex;align-items:center;gap:4px;margin:0 -16px;padding:0 16px 0 10px}
.happ .hdp-r .hds{flex:1 1 auto;min-width:0}
.happ .hdp-t{flex:none;background:var(--e-surf2);color:var(--e-ink2)}
.happ .hdp-t.on{background:var(--e-acc-soft);color:var(--e-acc)}
.happ .hdp-m{padding-top:4px;animation:h-acc .24s var(--e-ease)}
.happ .hacc{padding:2px 16px 12px;animation:h-acc .24s var(--e-ease)}
@keyframes h-acc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.happ .hwh{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr;height:120px;margin:2px 0 2px}
.happ .hwh-band{position:absolute;left:50%;top:40px;width:200px;margin-left:-100px;height:40px;border-radius:13px;background:var(--e-surf2);pointer-events:none}
.happ .hwh-c{position:relative;z-index:1;height:120px;width:84px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent)}
.happ .hwh-c::-webkit-scrollbar{display:none}
.happ .hwh-i{padding:40px 0}
.happ .hwh-o{height:40px;display:grid;place-items:center;font-size:20px;font-weight:500;color:var(--e-faint);scroll-snap-align:center;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .15s}
.happ .hwh-o.on{color:var(--e-ink);font-weight:700;font-size:22px}
.happ .hwh-sep{position:relative;z-index:1;font-size:22px;font-weight:700;color:var(--e-sub);padding-bottom:3px}
.happ .hs-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.happ .hs-s1{stop-color:var(--e-star1)}
.happ .hs-s2{stop-color:var(--e-star2)}
.happ .hs-st{width:14px;height:14px;flex:none;overflow:visible;fill:url(#hs-star-g);stroke:url(#hs-star-g)}
.happ .hrt{display:inline-flex;align-items:center;gap:3px;line-height:1;color:var(--e-ink);font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}
.happ .hrt .hs-st{width:13px;height:13px;margin-top:-1px}
.happ .hrt b{font-size:13px;font-weight:700}
.happ .hrt i{font-style:normal;font-size:12px;font-weight:500;color:var(--e-sub);margin-inline-start:1px}
.happ .hrt em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--e-sub);margin-inline-end:4px}
.happ .hrt.big{gap:5px}
.happ .hrt.big .hs-st{width:20px;height:20px}
.happ .hrt.big b{font-size:21px}
.happ .hrt.big i{font-size:13px}
.happ .hrt.big em{font-size:13px}
.happ .hpo{--bz:1;position:relative;width:100%;overflow:hidden;isolation:isolate;background:linear-gradient(158deg,hsl(var(--h1,32),50%,35%) 0%,hsl(var(--h2,60),54%,16%) 100%)}
.happ .hpo::before{content:"";display:block;padding-top:133.33%}
.happ .hpo::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 64% at 50% -6%,hsla(var(--h1,32),90%,78%,.34),transparent 64%),repeating-linear-gradient(118deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 10px)}
.happ .hpo.fill,.happ .hpo.bg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.happ .hpo.fill::before,.happ .hpo.bg::before{display:none}
.happ .hpo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s;z-index:2}
.happ .hpo.ok img{opacity:1}
.happ .hbb{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:19% 9% 14%;text-align:center;color:hsl(var(--h1,32),92%,92%)}
.happ .hbb-t{display:flex;flex-direction:column;align-items:center;max-width:100%}
.happ .hbb-t span{display:block;max-width:100%;font-size:calc(35px * var(--bz));line-height:1.2;font-weight:700;letter-spacing:-.012em;white-space:nowrap;
  -webkit-text-stroke:calc(1.5px * var(--bz)) currentColor;text-shadow:0 calc(3px * var(--bz)) 0 hsla(var(--h2,60),70%,10%,.55),0 calc(8px * var(--bz)) calc(22px * var(--bz)) rgba(0,0,0,.45)}
.happ .hbb[data-n="1"] .hbb-t span{font-size:calc(40px * var(--bz))}
.happ .hbb[data-n="3"] .hbb-t span{font-size:calc(31px * var(--bz))}
.happ .hbb[data-n="4"] .hbb-t span{font-size:calc(26px * var(--bz))}
.happ .hbb[data-v="1"]{justify-content:flex-end;align-items:flex-end;padding-bottom:17%}
.happ .hbb[data-v="1"] .hbb-t{align-items:flex-end;text-align:right}
.happ .hbb[data-v="1"] .hbb-o{left:auto;right:12%;margin-left:0}
.happ .hbb[data-v="2"] .hbb-o{top:50%;width:calc(150px * var(--bz));height:calc(150px * var(--bz));margin:calc(-80px * var(--bz)) 0 0 calc(-75px * var(--bz));color:hsla(var(--h1,32),92%,88%,.13)}
.happ .hbb-bu{position:absolute;left:11%;right:11%;height:7px;background:radial-gradient(circle,#ffe8a6 0,#ffe8a6 2px,transparent 2.8px) 0 50%/15px 7px repeat-x;opacity:.78;filter:drop-shadow(0 0 3px rgba(255,214,120,.9))}
.happ .hbb-bu.a{top:calc(12px * var(--bz))}
.happ .hbb-bu.b{bottom:calc(12px * var(--bz))}
.happ .hbb-o{position:absolute;left:50%;top:calc(30px * var(--bz));width:calc(34px * var(--bz));height:calc(34px * var(--bz));margin-left:calc(-17px * var(--bz));color:hsla(var(--h1,32),92%,88%,.5)}
.happ .hpo.sm,.happ .hpo.sm2,.happ .hpo.sm3{flex:none}
.happ .hpo.sm{width:46px;height:62px;border-radius:11px}
.happ .hpo.sm2{--bz:.3;width:84px;height:112px;border-radius:14px}
.happ .hpo.sm3{--bz:.25;width:70px;height:94px;border-radius:12px}
.happ .hpo.sm::before,.happ .hpo.sm2::before,.happ .hpo.sm3::before{display:none}
.happ .hpo.sm .hbb-t,.happ .hpo.sm .hbb-bu,.happ .hpo.bg .hbb-t,.happ .hpo.bg .hbb-bu,.happ .hpo.bg .hbb-o{display:none}
.happ .hpo.sm .hbb{padding:0}
.happ .hpo.sm .hbb-o{top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;color:hsla(var(--h1,32),92%,88%,.62)}
.happ .hpo.sm2 .hbb,.happ .hpo.sm3 .hbb{padding:20% 7% 14%}
.happ .hpo.sm2 .hbb-bu,.happ .hpo.sm3 .hbb-bu{display:none}
.happ .hpo.sm2 .hbb-o,.happ .hpo.sm3 .hbb-o{display:none}
.happ .hpo.sm2 .hbb-t span,.happ .hpo.sm3 .hbb-t span{-webkit-text-stroke-width:.4px}
.happ .hfr .hpo.fill{--bz:1}
.happ .hfr.hero .hpo.fill{--bz:1.32}
.happ .hleaf{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:54px;flex:none;border-radius:14px;overflow:hidden;background:var(--e-surf);border:1px solid var(--e-line2);text-align:center}
.happ .hleaf-m{display:block;width:100%;font-style:normal;font-size:11px;font-weight:700;line-height:20px;background:var(--tn);color:var(--tn-ink)}
.happ .hleaf b{font-size:24px;font-weight:700;line-height:1.05;margin-top:4px;font-variant-numeric:tabular-nums}
.happ .hleaf small{font-size:10.5px;color:var(--e-sub);line-height:1.55;margin-bottom:5px}
.happ .hleaf::before,.happ .hleaf::after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:var(--e-bg);z-index:2;box-shadow:inset 0 1px 1px rgba(0,0,0,.35)}
.happ .hleaf::before{right:11px}
.happ .hleaf::after{left:11px}
.happ .hleaf.glass{background:rgba(14,14,16,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.16);color:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}
.happ .hleaf.glass small{color:rgba(255,255,255,.74)}
.happ .hleaf.glass::before,.happ .hleaf.glass::after{background:#101012}
.happ .hleaf.flat{background:transparent;border-color:transparent;width:60px}
.happ .hleaf.flat .hleaf-m{border-radius:8px 8px 0 0}
.happ .hleaf.none b{color:var(--e-faint);font-weight:500}
.happ .hleaf.glass.none b{color:rgba(255,255,255,.55)}
.happ .hfr{position:relative;isolation:isolate;display:block;border-radius:14px;overflow:hidden;background:#07070a;color:#fff;
  box-shadow:0 22px 34px -20px hsla(var(--h,32),70%,36%,.75),0 0 0 1px rgba(255,255,255,.1)}
.happ .hfr::before{content:"";display:block;padding-top:124%}
.happ .hfr .hpo.fill{z-index:-3}
.happ .hfr::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.46) 0,rgba(0,0,0,0) 24%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.9) 100%)}
.happ .hfr-sp{position:absolute;top:0;bottom:0;z-index:3;width:14px;background:#050507;pointer-events:none}
.happ .hfr-sp.a{right:0}
.happ .hfr-sp.b{left:0}
.happ .hfr-sp::after{content:"";position:absolute;top:6px;bottom:6px;left:4px;right:4px;border-radius:1.5px;opacity:.5;
  background:repeating-linear-gradient(180deg,rgba(236,228,206,.9) 0,rgba(236,228,206,.9) 7px,transparent 7px,transparent 17px)}
.happ .hfr-top{position:absolute;left:22px;right:22px;top:12px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.happ .hfr-chip .hchip{background:rgba(12,12,14,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f1f1f2}
.happ .hfr-chip .hchip.warn{color:#f3c07e}
.happ .hfr-chip .hchip.bad{color:#ef8f84}
.happ .hfr-chip .hchip.blue{color:#a9c6ee}
.happ .hfr-s{position:absolute;left:24px;right:24px;bottom:14px;z-index:4;text-align:center;pointer-events:none}
.happ .hfr-s span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.95;font-weight:700;color:#fff3c4;
  text-shadow:0 0 2px #000,0 1px 3px #000,0 2px 10px rgba(0,0,0,.9)}
.happ .hfr.hero{border-radius:0;box-shadow:none}
.happ .hfr.hero::before{padding-top:118%}
.happ .hfr.hero .hfr-s{bottom:48px}
.happ .hfr.hero .hbb-bu.a{display:none}
.happ .hfr.hero .hfr-s span{font-size:17px}
.happ .hmeta.org{flex-wrap:nowrap}
.happ .hmeta.org > span{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hmeta.org > span + span{flex:none;max-width:56%}
.happ .hpms{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.happ .hpm{display:inline-block;filter:drop-shadow(1px 0 0 var(--tn-line)) drop-shadow(-1px 0 0 var(--tn-line)) drop-shadow(0 1px 0 var(--tn-line)) drop-shadow(0 -1px 0 var(--tn-line))}
.happ .hpm-in{display:flex;align-items:center;gap:5px;height:24px;padding:0 18px 0 8px;border-radius:7px 0 0 7px;background:var(--tn-deep);color:var(--tn);white-space:nowrap;
  -webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  -webkit-mask:radial-gradient(circle at calc(100% - 8px) 50%,transparent 2.2px,#000 2.7px);mask:radial-gradient(circle at calc(100% - 8px) 50%,transparent 2.2px,#000 2.7px)}
.happ .hpm-in em{font-style:normal;font-size:11px;font-weight:500;color:var(--e-ink2)}
.happ .hpm-in b{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hpm.strong .hpm-in{background:var(--tn);color:var(--tn-ink)}
.happ .hpm.strong .hpm-in em{color:var(--tn-ink);opacity:.78}
.happ .hpm-u{font-size:11px;color:var(--e-sub);font-weight:500}
.happ .hsr.past .hpm-in{background:var(--e-surf2);color:var(--e-sub)}
.happ .hsr{position:relative;display:flex;align-items:stretch;color:var(--e-ink);filter:drop-shadow(0 0 1px var(--e-line2)) drop-shadow(0 8px 12px rgba(0,0,0,.18));transition:transform .15s var(--e-ease)}
:root[data-theme="paper"] .happ .hsr{filter:drop-shadow(0 0 1px var(--e-line2)) drop-shadow(0 6px 10px rgba(60,45,20,.12))}
.happ a.hsr:active{transform:scale(.99)}
.happ .hsr-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:13px 15px 13px 12px;background:var(--e-surf);border-radius:0 20px 20px 0;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat}
.happ .hsr-po{flex:none;box-shadow:0 8px 14px -8px rgba(0,0,0,.6);border-radius:11px}
.happ .hsr-t{flex:1;min-width:0}
.happ .hsr-t h3{font-size:16.5px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.happ .hsr-t .hmeta{font-size:12.5px;line-height:1.65}
.happ .hsr-t .hmeta.org{display:flex}
.happ .hsr-t .hmeta:not(.org){flex-wrap:nowrap}
.happ .hsr-t .hmeta:not(.org) > span{flex:none;white-space:nowrap}
.happ .hsr-t .hmeta:not(.org) > span:last-child{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.happ .hsr-f{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:5px;min-height:6px}
.happ .hsr-f:empty{display:none}
.happ .hsr-stub{position:relative;flex:none;width:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;background:var(--tn-deep);text-align:center;border-radius:20px 0 0 20px;
  -webkit-mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat}
.happ .hsr-stub::before{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:2px dashed var(--e-line2)}
.happ .hsr-stub b{font-size:27px;line-height:1.1;font-weight:700;color:var(--tn);font-variant-numeric:tabular-nums}
.happ .hsr-stub small{font-size:12px;color:var(--e-ink2);line-height:1.5;font-weight:500}
.happ .hsr-stub em{margin-top:6px;font-style:normal;font-size:12px;font-weight:700;color:var(--e-ink);font-variant-numeric:tabular-nums;padding:0 8px;border-radius:99px;background:var(--tn-soft);line-height:1.8}
.happ .hsr.past{opacity:.62}
@media (max-width:420px){.happ .hsr-po{display:none}.happ .hsr-main{padding-inline-start:14px}}
.happ .hsc{margin-bottom:8px}
body.happ.is-pager{overflow:hidden;overscroll-behavior:none}
.happ .hpage.pager{position:relative;max-width:none;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:#07070a}
.happ .hpage.pager.empty{background:var(--e-bg)}
.happ .hpage.pager .hbody{position:absolute;left:0;right:0;top:0;bottom:0;padding:0;min-width:0;overflow:hidden}
.happ .hrozan{position:absolute;z-index:3;left:0;right:0;top:0;height:74%;pointer-events:none;transform-origin:90% 0;
  background:conic-gradient(from 184deg at 92% -6%,rgba(255,226,165,0) 0deg,rgba(255,226,165,.30) 11deg,rgba(255,226,165,0) 25deg);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 94%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 94%);
  opacity:.8;animation:h-roz 8s ease-in-out infinite;will-change:opacity,transform}
@keyframes h-roz{0%,100%{opacity:.5;transform:rotate(-2deg)}50%{opacity:1;transform:rotate(1.5deg)}}
.happ .hpg-top{position:absolute;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--e-safe-t)) 14px 0;pointer-events:none}
.happ .hpg-top > *{pointer-events:auto}
.happ .hpg-top .hbrand{height:44px;padding:0 14px 0 12px;gap:6px;border-radius:99px;font-size:18px;color:#fff;background:rgba(10,10,12,.42);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.happ .hpg-top .hbrand .hmark{width:24px;height:24px}
.happ .hpg-act{display:flex;align-items:center;gap:8px}
.happ .hpg-top .hib{background:rgba(10,10,12,.42);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.happ .hme .hav{width:32px;height:32px}
.happ .hme .ic{width:23px}
.happ .hpg-now{position:absolute;right:14px;top:calc(64px + var(--e-safe-t));z-index:30;max-width:min(78%,330px)}
.happ .hnt{position:relative;display:flex;align-items:stretch;min-height:64px;color:#fff;filter:drop-shadow(0 0 1px hsla(var(--h),60%,60%,.5)) drop-shadow(0 8px 12px rgba(0,0,0,.28));animation:h-rise .5s var(--e-ease) both;transition:transform .15s var(--e-ease)}
.happ .hnt:active{transform:scale(.99)}
.happ .hnt-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 18px 10px 14px;background:linear-gradient(100deg,rgba(14,14,16,.9),var(--tn-deep));border-radius:0 18px 18px 0;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat}
.happ .hnt-main b{font-size:16.5px;font-weight:700;color:var(--tn);line-height:1.5}
.happ .hnt-main span{font-size:13.5px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.happ .hnt-stub{position:relative;flex:none;width:62px;display:grid;place-items:center;background:var(--tn);color:var(--tn-ink);border-radius:18px 0 0 18px;
  -webkit-mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat}
.happ .hnt-stub::before{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:2px dashed var(--tn-ink);opacity:.35}
.happ .hnt-stub .ic{width:27px;height:27px}
.happ .hnt.sm{min-height:46px}
.happ .hnt.sm .hnt-main{padding:5px 14px 5px 10px;border-radius:0 14px 14px 0;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 7px,#000 7.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 7px,#000 7.7px) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 7px,#000 7.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 7px,#000 7.7px) 0 100%/100% 51% no-repeat}
.happ .hnt.sm .hnt-main b{font-size:14px;line-height:1.5}
.happ .hnt.sm .hnt-main span{font-size:12px;line-height:1.4}
.happ .hnt.sm .hnt-stub{width:44px;border-radius:14px 0 0 14px;
  -webkit-mask:radial-gradient(circle at 100% 0,transparent 7px,#000 7.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 7px,#000 7.7px) 100% 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 100% 0,transparent 7px,#000 7.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 7px,#000 7.7px) 100% 100%/100% 51% no-repeat}
.happ .hnt.sm .hnt-stub .ic{width:22px;height:22px}
:root[data-theme="paper"] .happ .hnt[style*="--h"]{--tn:hsl(var(--h),62%,67%);--tn-soft:hsla(var(--h),62%,62%,.17);--tn-deep:hsl(var(--h),36%,17%);--tn-ink:hsl(var(--h),50%,10%);--tn-line:hsla(var(--h),60%,64%,.55)}
@media (max-width:899px){
  :root[data-theme="paper"] .happ .hpg-p{--e-ink:#f1f1f2;--e-ink2:#c9cace;--e-sub:#9a9ca3}
  :root[data-theme="paper"] .happ .hpg-p[style*="--h"]{--tn:hsl(var(--h),62%,67%);--tn-soft:hsla(var(--h),62%,62%,.17);--tn-deep:hsl(var(--h),36%,17%);--tn-ink:hsl(var(--h),50%,10%);--tn-line:hsla(var(--h),60%,64%,.55)}
}
.happ .hpg{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}
.happ .hpg::-webkit-scrollbar{display:none}
.happ .hpg-p{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;color:#fff}
.happ .hpg-p:focus-visible{outline-offset:-4px}
.happ .hpg-st{position:absolute;left:0;top:0;right:0;bottom:0}
.happ .hpg-art{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background:#07070a}
.happ .hpg-art .hpo.fill{--bz:1.4}
.happ .hpg-art .hbb{padding:20% 9% 46%}
.happ .hpg-art::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(0,0,0,.52) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 34%,rgba(6,6,8,.62) 58%,rgba(6,6,8,.9) 80%,rgba(6,6,8,.97) 100%)}
.happ .hpg-art .hrozan{z-index:3;height:62%}
.happ .hpg-art .hfr-sp{z-index:3}
.happ .hpg-art .hbb-bu{display:none}
.happ .hpg-p.bb .hpg-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.happ .hpg-in{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;align-items:flex-start;padding:0 28px calc(52px + var(--e-safe-b))}
.happ .hpg-s{align-self:stretch;margin:0 0 14px;text-align:center}
.happ .hpg-s span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15.5px;line-height:1.95;font-weight:700;color:#fff3c4;text-shadow:0 0 2px #000,0 1px 3px #000,0 2px 10px rgba(0,0,0,.9)}
.happ .hpg-s.d{display:none}
.happ .hpg-d{font-size:15px;font-weight:600;line-height:1.6;color:var(--tn)}
.happ .hpg-t{margin:2px 0 0;max-width:100%;font-size:29px;line-height:1.4;font-weight:700;letter-spacing:-.012em;-webkit-text-stroke:.7px currentColor;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.happ .hpg-v{margin-top:5px;font-size:14px;color:rgba(255,255,255,.8);flex-wrap:wrap}
.happ .hpg-tags{margin-top:12px;max-width:100%}
.happ .hpg-tags .hpm-u{color:rgba(255,255,255,.72)}
.happ .hpg-r{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;min-height:40px}
.happ .hpg-m{display:flex;align-items:center;gap:10px;min-width:0}
.happ .hpg-m .hrt,.happ .hpg-m .hrt b{color:#fff}
.happ .hpg-m .hrt i,.happ .hpg-m .hrt em{color:rgba(255,255,255,.72)}
.happ .hpg-m .hchip{background:rgba(12,12,14,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f1f1f2}
.happ .hpg-m .hchip.warn{color:#f3c07e}
.happ .hpg-m .hchip.bad{color:#ef8f84}
.happ .hpg-m .hchip.blue{color:#a9c6ee}
.happ .hpg-go{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 16px;border-radius:99px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);font-size:14px;font-weight:600;color:#fff;transition:transform .15s var(--e-spring)}
.happ .hpg-go .ic{width:17px;height:17px}
.happ .hpg-p:active .hpg-go{transform:scale(.95)}
.happ .hpg-dots{position:absolute;left:0;right:0;bottom:calc(12px + var(--e-safe-b));z-index:8;display:flex;justify-content:center;pointer-events:none}
.happ .hpg-dots .hdots{margin:0;max-width:100%;pointer-events:auto}
.happ .hpg-dots .hdots button{width:22px}
.happ .hpg-dots .hdots button::before{background:rgba(255,255,255,.4);box-shadow:0 0 0 1px rgba(0,0,0,.16)}
.happ .hpg-dots .hdots button.on::before{background:#fff}
.happ .hpg-ar{display:none}
.happ .hpg-empty{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;place-items:center;padding:24px}
.happ .hpg-empty .hnunu img{width:170px}
.happ .hpage.pager.empty .hpg-top .hbrand,.happ .hpage.pager.empty .hpg-top .hib{background:var(--e-surf);color:var(--e-ink);box-shadow:inset 0 0 0 1px var(--e-line2)}
.happ .hpage.pager.empty .hnt-main span{color:var(--e-ink2)}
.happ .hskel.home{display:block;position:relative;height:100vh;height:100dvh;padding:0;background:var(--e-bg2)}
.happ .hskel.home .hskel-top{position:absolute;left:14px;right:14px;top:calc(10px + var(--e-safe-t));display:flex;justify-content:space-between}
.happ .hskel.home .hskel-in{position:absolute;left:28px;right:28px;bottom:calc(60px + var(--e-safe-b));display:grid;gap:12px}
@media (max-height:560px) and (max-width:899px){
  .happ .hpg-in{padding-bottom:calc(40px + var(--e-safe-b))}
  .happ .hpg-s.m{display:none}
  .happ .hpg-t{font-size:22px;-webkit-line-clamp:2}
  .happ .hpg-tags{margin-top:8px}
  .happ .hpg-r{margin-top:8px}
  .happ .hpg-now{display:none}
}
@media (min-width:900px){
  .happ .hpage.pager{background:var(--e-bg)}
  .happ .hpg-p{color:var(--e-ink);background:radial-gradient(900px 640px at 26% 52%,hsla(var(--h),48%,28%,.5),transparent 72%),var(--e-bg)}
  :root[data-theme="paper"] .happ .hpg-p{background:radial-gradient(900px 640px at 26% 52%,hsla(var(--h),55%,66%,.38),transparent 72%),var(--e-bg)}
  .happ .hpg-st{left:0;right:0;margin:0 auto;width:min(1020px,calc(100% - 260px));display:grid;grid-template-columns:minmax(0,500px) minmax(340px,430px);justify-content:center;gap:68px;align-items:center}
  .happ .hpg-art{position:relative;left:auto;top:auto;right:auto;bottom:auto;order:2;border-radius:22px;box-shadow:0 0 0 1px var(--e-line2),0 34px 60px -30px hsla(var(--h),60%,40%,.7)}
  .happ .hpg-art::before{content:"";display:block;padding-top:134%}
  .happ .hpg-art::after{background:linear-gradient(to bottom,rgba(0,0,0,.42) 0,rgba(0,0,0,0) 24%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.9) 100%)}
  .happ .hpg-art .hpo.fill{--bz:1.3}
  .happ .hpg-art .hbb{padding:19% 9% 14%}
  .happ .hpg-art .hrozan{height:56%}
  .happ .hpg-s.d{display:block;position:absolute;z-index:4;left:24px;right:24px;bottom:18px;margin:0}
  .happ .hpg-s.m{display:none}
  .happ .hpg-in{position:static;order:1;padding:0;z-index:auto}
  .happ .hpg-d{font-size:17px}
  .happ .hpg-t{font-size:46px;line-height:1.3;color:var(--e-ink);text-shadow:none;-webkit-text-stroke-width:.8px}
  .happ .hpg-p.bb .hpg-t{position:static;width:auto;height:auto;margin:2px 0 0;clip:auto;overflow:hidden;white-space:normal}
  .happ .hpg-art .hbb-bu{display:block}
  .happ .hpg-v{font-size:16px;margin-top:8px;color:var(--e-sub)}
  .happ .hpg-tags{margin-top:22px}
  .happ .hpg-tags .hpm-u{color:var(--e-sub)}
  .happ .hpg-r{margin-top:28px;justify-content:flex-start;gap:18px}
  .happ .hpg-go{order:-1;height:50px;padding:0 24px 0 22px;font-size:16px;background:var(--e-acc);color:var(--e-acc-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .happ .hpg-go .ic{width:19px;height:19px}
  .happ .hpg-m .hrt,.happ .hpg-m .hrt b{color:var(--e-ink)}
  .happ .hpg-m .hrt i,.happ .hpg-m .hrt em{color:var(--e-sub)}
  .happ .hpg-m .hchip{background:var(--e-acc-soft);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--e-acc)}
  .happ .hpg-m .hchip.warn{background:var(--e-warn-soft);color:var(--e-warn)}
  .happ .hpg-m .hchip.bad{background:var(--e-bad-soft);color:var(--e-bad)}
  .happ .hpg-m .hchip.blue{background:var(--e-blue-soft);color:var(--e-blue)}
  .happ .hpg-top .hbrand,.happ .hpg-top .hib{background:var(--e-surf);color:var(--e-ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px var(--e-line2)}
  .happ .hpg-top{padding-left:28px;padding-right:28px}
  .happ .hpg-now{right:28px}
  .happ .hpg-dots .hdots button::before{background:var(--e-line2);box-shadow:none}
  .happ .hpg-dots .hdots button.on::before{background:var(--e-acc)}
  .happ .hpg-ar{display:grid;place-items:center;position:absolute;top:50%;z-index:10;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:var(--e-surf);color:var(--e-ink);box-shadow:inset 0 0 0 1px var(--e-line2),0 10px 24px -10px rgba(0,0,0,.5);transition:transform .15s var(--e-spring),opacity .2s}
  .happ .hpg-ar.prev{right:30px}
  .happ .hpg-ar.next{left:30px}
  .happ .hpg-ar:disabled{opacity:.28;cursor:default}
  .happ .hpg-ar:not(:disabled):active{transform:scale(.92)}
}
.happ .hevp .hbody{padding:0 0 124px}
.happ .hev-hero{position:relative;height:55vh;max-height:520px;min-height:370px;background:#050507;overflow:hidden}
.happ .hev-hero .hfr.hero{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:0;box-shadow:none}
.happ .hev-hero .hfr.hero::before{display:none}
.happ .hev-hero .hfr.hero{animation:h-heroin .6s var(--e-ease) both}
@keyframes h-heroin{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
.happ .hev-hero .hfr.hero .hfr-s{bottom:24%}
.happ .hev-hero .hbb{justify-content:flex-start;padding-top:15%}
.happ .hev-hero .hrozan{z-index:3;height:80%}
.happ .hev-fade{position:absolute;left:0;right:0;bottom:0;height:50%;z-index:4;background:linear-gradient(to bottom,rgba(17,17,19,0),var(--e-bg) 93%);pointer-events:none}
:root[data-theme="paper"] .happ .hev-fade{background:linear-gradient(to bottom,rgba(246,244,239,0),var(--e-bg) 93%)}
.happ .hfl{position:absolute;top:calc(12px + var(--e-safe-t));z-index:6;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(10,10,12,.44);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.14);transition:transform .15s var(--e-spring)}
.happ .hfl:active{transform:scale(.9)}
.happ .hfl-b{right:20px}
.happ .hfl-s{left:20px}
.happ .hev-in{position:relative;z-index:5;margin-top:-88px;padding:0 16px}
.happ .hev-head h1{font-size:25px;line-height:1.45;font-weight:700;letter-spacing:-.012em;-webkit-text-stroke:.5px currentColor}
.happ .hev-sub{font-size:14px;color:var(--e-ink2);margin-top:1px;line-height:1.7}
.happ .hev-head .hmeta.org{margin-top:4px;font-size:13px;flex-wrap:wrap}
.happ .hwc{position:relative;display:flex;align-items:stretch;margin-top:16px;filter:drop-shadow(0 0 1px var(--e-line2)) drop-shadow(0 8px 12px rgba(0,0,0,.2))}
:root[data-theme="paper"] .happ .hwc{filter:drop-shadow(0 0 1px var(--e-line2)) drop-shadow(0 6px 10px rgba(60,45,20,.12))}
.happ .hwc-main{flex:1;min-width:0;padding:13px 16px 13px 12px;background:var(--e-surf);border-radius:0 20px 20px 0;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 9px,#000 9.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.7px) 0 100%/100% 51% no-repeat}
.happ .hwc-main > b{display:block;font-size:18.5px;font-weight:700;line-height:1.5}
.happ .hwc-m{margin-top:0;font-size:12.5px;flex-wrap:wrap}
.happ .hwc-m:empty{display:none}
.happ .hwc-v{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--e-line2)}
.happ .hwc-v .ic{flex:none;width:18px;height:18px;margin-top:3px;color:var(--tn)}
.happ .hwc-v span{display:block;font-size:14.5px;font-weight:600;line-height:1.6}
.happ .hwc-v small{display:block;font-size:12.5px;color:var(--e-sub);font-weight:500;line-height:1.7}
.happ .hwc-stub{position:relative;flex:none;width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 4px;background:var(--tn-deep);text-align:center;border-radius:20px 0 0 20px;
  -webkit-mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 100% 0,transparent 9px,#000 9.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.7px) 100% 100%/100% 51% no-repeat}
.happ .hwc-stub::before{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:2px dashed var(--e-line2)}
.happ .hwc-stub b{font-size:34px;line-height:1.1;font-weight:700;color:var(--tn);font-variant-numeric:tabular-nums}
.happ .hwc-stub small{font-size:13px;color:var(--e-ink);line-height:1.5;font-weight:600}
.happ .hwc-stub em{margin-top:2px;font-style:normal;font-size:12px;color:var(--e-sub);font-weight:500}
.happ .hpts-w{position:relative;margin-top:20px}
.happ .hpts-h{position:absolute;z-index:2;left:10px;top:-12px}
.happ .hpts-h .hchip{background:var(--e-surf2);color:var(--e-warn);box-shadow:0 0 0 3px var(--e-bg)}
.happ .hpts{display:flex;gap:10px}
.happ .hpt{flex:1 1 0;min-width:0;display:block;text-align:start;transition:transform .15s var(--e-spring);
  filter:drop-shadow(1px 0 0 var(--tn-line)) drop-shadow(-1px 0 0 var(--tn-line)) drop-shadow(0 1px 0 var(--tn-line)) drop-shadow(0 -1px 0 var(--tn-line))}
.happ button.hpt{cursor:pointer}
.happ button.hpt:active{transform:scale(.97)}
.happ .hpt-in{display:flex;flex-direction:column;justify-content:center;min-height:88px;height:100%;padding:12px 44px 12px 12px;border-radius:15px 0 0 15px;background:var(--tn-deep);color:var(--tn);
  -webkit-clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  -webkit-mask:radial-gradient(circle at calc(100% - 18px) 50%,transparent 5.4px,#000 6px);mask:radial-gradient(circle at calc(100% - 18px) 50%,transparent 5.4px,#000 6px)}
.happ .hpt.strong .hpt-in{background:var(--tn);color:var(--tn-ink)}
.happ .hpt-l{display:flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--e-ink2)}
.happ .hpt-l .ic{width:13px;height:13px;color:var(--tn)}
.happ .hpt.strong .hpt-l{color:var(--tn-ink);opacity:.8}
.happ .hpt-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;line-height:1.35}
.happ .hpt-p b{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.happ .hpt-p b.fr{font-size:21px}
.happ .hpt-p small{font-size:11px;font-weight:600;opacity:.82}
.happ .hpts.one .hpt-in{min-height:78px}
.happ .hpt.static{opacity:.82}
.happ .hdc{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border-radius:18px;background:var(--e-surf);transition:transform .15s var(--e-spring)}
.happ a.hdc:active{transform:scale(.99)}
.happ .hdc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.happ .hdc-r{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px}
.happ .hdc-f{font-size:13px;color:var(--e-sub);font-weight:500}
.happ .hdc .hmeta{font-size:13px}
.happ .hdc-ar{flex:none;width:17px;height:17px;color:var(--e-faint)}
.happ .hev-ab{margin:20px 4px 0}
.happ .hev-about{font-size:15px;line-height:2;color:var(--e-ink2);white-space:pre-line}
.happ .hev-about.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.happ .hnote{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border-radius:16px;background:var(--tn-soft);font-size:14px;line-height:1.8}
.happ .hnote .ic{flex:none;width:19px;height:19px;margin-top:3px;color:var(--tn)}
.happ .hev-org{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:22px 4px 0;font-size:12px;color:var(--e-faint)}
.happ .hev-org span{font-size:13.5px;font-weight:600;color:var(--e-ink2)}
.happ .hev-org small{font-size:12px;color:var(--e-sub)}
.happ .hbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:32px 12px calc(10px + var(--e-safe-b));background:linear-gradient(to top,var(--e-bg) 50%,rgba(17,17,19,0));pointer-events:none}
:root[data-theme="paper"] .happ .hbar{background:linear-gradient(to top,var(--e-bg) 50%,rgba(246,244,239,0))}
.happ .hbar-in{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:560px;margin:0 auto;min-height:64px;padding:8px 8px 8px 8px;padding-right:20px;border-radius:32px;
  background:rgba(34,35,40,.74);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--e-line2),0 14px 34px -14px rgba(0,0,0,.7)}
:root[data-theme="paper"] .happ .hbar-in{background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px var(--e-line2),0 12px 28px -14px rgba(60,45,20,.35)}
.happ .hbar-t{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.35}
.happ .hbar-t small{font-size:11.5px;color:var(--e-sub);font-weight:600}
.happ .hbar-t b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hbar-t b i{font-style:normal;font-size:12px;font-weight:600;color:var(--e-sub)}
.happ .hbar .hbtn{flex:none;min-width:136px}
:root[data-theme="paper"] .happ .hev-hero .hfr.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.46) 0,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 62%,rgba(0,0,0,.18) 100%)}
@media (min-width:900px){
  :root[data-theme="paper"] .happ .hev-hero .hfr.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.46) 0,rgba(0,0,0,0) 24%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.9) 100%)}
  .happ .hpage.hevp{max-width:1080px}
  .happ .hevp .hbody{padding:34px 36px 44px}
  .happ .hev{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
  .happ .hev-hero{order:2;position:sticky;top:24px;height:auto;min-height:0;max-height:none;border-radius:22px;box-shadow:0 0 0 1px var(--e-line2),0 30px 60px -30px hsla(var(--h),60%,40%,.6)}
  .happ .hev-hero .hfr.hero{position:relative}
  .happ .hev-hero .hfr.hero::before{display:block;padding-top:130%}
  .happ .hev-hero .hfr.hero .hfr-s{bottom:22px}
  .happ .hev-hero .hrozan{height:60%}
  .happ .hev-fade{display:none}
  .happ .hev-in{order:1;margin-top:0;padding:0;z-index:auto}
  .happ .hev-head h1{font-size:34px}
  .happ .hfl-b{right:14px}
  .happ .hfl-s{left:14px}
  .happ .hbar{position:static;padding:0;margin-top:18px;background:none}
  .happ .hbar-in{max-width:480px;margin:0}
}
.happ .hsheet.buy .hsheet-b{padding-top:8px}
.happ .hrow.tkr{min-height:66px}
.happ .tkr .hrow-l{font-size:16.5px;font-weight:600;color:var(--e-ink)}
.happ .tkr .hrow-l small{font-size:13px;font-weight:600;color:var(--e-acc)}
.happ .hbuy-n{margin:8px 10px 0;color:var(--e-sub);font-size:13px;line-height:1.8}
.happ .hvpn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 6px 12px}
.happ .htkrail{--tkw:82vw;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:12px calc((100% + 32px - var(--tkw)) / 2) 22px;scroll-padding:0 calc((100% + 32px - var(--tkw)) / 2);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.happ .htkrail::-webkit-scrollbar{display:none}
@media (min-width:410px){.happ .htkrail{--tkw:336px}}
.happ .htk{position:relative;flex:0 0 var(--tkw);width:var(--tkw);scroll-snap-align:center;display:flex;flex-direction:column;color:var(--e-ink);filter:drop-shadow(0 22px 22px rgba(0,0,0,.34));animation:h-rise .5s var(--e-ease) both}
:root[data-theme="paper"] .happ .htk{filter:drop-shadow(0 18px 18px rgba(60,45,20,.2))}
.happ .htk-top{position:relative;overflow:hidden;border-radius:28px 28px 0 0;background:var(--tn-deep);padding:20px 18px 30px;
  -webkit-mask:radial-gradient(circle at 0 100%,transparent 13px,#000 13.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent 13px,#000 13.7px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 100%,transparent 13px,#000 13.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent 13px,#000 13.7px) right/51% 100% no-repeat}
.happ .htk-bg{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}
.happ .htk-bg .hpo{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;opacity:.55;-webkit-filter:blur(16px) saturate(1.3);filter:blur(16px) saturate(1.3);transform:scale(1.3)}
.happ .htk-top::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to bottom,hsla(var(--h),40%,14%,.1),var(--tn-deep) 96%)}
:root[data-theme="paper"] .happ .htk-bg .hpo{opacity:.4}
.happ .htk-tin{position:relative;z-index:2;display:flex;align-items:flex-start;gap:14px}
.happ .htk-main{flex:1;min-width:0}
.happ .htk-po{flex:none;box-shadow:0 10px 20px -8px rgba(0,0,0,.55);border-radius:12px}
.happ .htk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.happ .htk-org{font-size:12px;color:var(--e-ink2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}
.happ .htk-kind{flex:none;font-size:11.5px;font-weight:700;padding:1px 10px;border-radius:99px;background:rgba(255,255,255,.14);color:var(--e-ink)}
.happ .htk-kind.st{background:var(--tn);color:var(--tn-ink)}
.happ .htk-main h2{font-size:22px;line-height:1.45;font-weight:700;letter-spacing:-.01em}
.happ .htk-when{display:flex;flex-wrap:wrap;font-size:13.5px;color:var(--e-ink);margin-top:6px;font-weight:600}
.happ .htk-when > span + span{margin-inline-start:10px;padding-inline-start:10px;border-inline-start:1px solid var(--e-line2)}
.happ .htk-venue{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--e-ink2);margin-top:2px}
.happ .htk-venue .ic{width:14px;height:14px;opacity:.8}
.happ .htk-perf{position:relative;height:0;z-index:2}
.happ .htk-perf::before{content:"";position:absolute;left:22px;right:22px;top:-1px;border-top:2px dashed rgba(140,140,150,.42)}
.happ .htk-body{position:relative;background:var(--e-surf);padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 13px,#000 13.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,transparent 13px,#000 13.7px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 13px,#000 13.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,transparent 13px,#000 13.7px) right/51% 100% no-repeat}
.happ .htk-qrw{position:relative;width:236px;max-width:100%}
.happ .hqr{position:relative;width:100%;background:#fff;border-radius:20px;overflow:hidden;line-height:0;box-shadow:0 0 0 1.5px rgba(0,0,0,.08)}
.happ .hqr::before{content:"";display:block;padding-top:100%}
.happ .hqr-svg,.happ .hqr-ph{position:absolute;left:0;top:0;width:100%;height:100%}
.happ .hqr-ph{background:linear-gradient(90deg,#f1f1f1 0%,#e4e4e4 40%,#f1f1f1 80%) 0 0/200% 100%;animation:h-shimmer 1.4s linear infinite}
.happ .hqr small{position:absolute;left:0;right:0;top:44%;color:#555;line-height:1.6}
.happ .htk-code{margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Courier New',monospace;font-size:26px;font-weight:700;letter-spacing:.3em;padding-inline-start:.3em;direction:ltr;color:var(--e-ink);line-height:1.2}
.happ .htk-who{margin-top:10px;line-height:1.5}
.happ .htk-who b{display:block;font-size:16.5px;font-weight:600}
.happ .htk-who small{display:block;color:var(--e-sub);font-size:12.5px}
.happ .htk-hint{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--e-sub);font-size:12px}
.happ .htk-hint .ic{width:15px;height:15px;color:var(--e-acc)}
.happ .htk-live{position:relative;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 18px;overflow:hidden;border-radius:0 0 28px 28px;color:#1a1507;font-weight:700;font-size:13px;
  background:linear-gradient(100deg,hsl(var(--h),80%,66%),hsl(var(--h2),80%,64%),hsl(var(--h3),72%,64%),hsl(var(--h),80%,66%));background-size:300% 100%;animation:h-live 10s linear infinite}
.happ .htk-live-l{display:inline-flex;align-items:center;gap:8px}
.happ .htk-live-l i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1a1507;animation:h-blink 1.2s ease-in-out infinite}
.happ .htk-clk{direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:14px}
@keyframes h-live{from{background-position:0 0}to{background-position:300% 0}}
@keyframes h-stamp{from{transform:translate(-50%,-50%) rotate(-12deg) scale(1.7);opacity:0}to{transform:translate(-50%,-50%) rotate(-12deg) scale(1);opacity:1}}
@media (min-width:900px){
  .happ .hpage.htkp{max-width:1120px}
  .happ .htkrail{padding:12px 36px 22px;scroll-padding:0 36px}
  .happ .htkrail .htk:first-child{margin-inline-start:auto}
  .happ .htkrail .htk:last-child{margin-inline-end:auto}
}
.happ .htk.used .hqr,.happ .htk.void .hqr{opacity:.14;filter:grayscale(1)}
.happ .htk.used .htk-live,.happ .htk.void .htk-live{animation:none;background:var(--e-surf3);color:var(--e-sub)}
.happ .htk.used .htk-live-l i,.happ .htk.void .htk-live-l i{animation:none;background:var(--e-faint)}
.happ .htk-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);display:flex;flex-direction:column;align-items:center;line-height:1.35;white-space:nowrap;padding:6px 20px;border:3px solid var(--e-ok);border-radius:16px;color:var(--e-ok);font-weight:700;background:rgba(0,0,0,.05);letter-spacing:.01em;animation:h-stamp .5s var(--e-spring) both}
.happ .htk-stamp b{font-size:26px;font-variant-numeric:tabular-nums;font-weight:700}
.happ .htk-stamp span{font-size:16px}
.happ .htk-stamp.bad{border-color:var(--e-bad);color:var(--e-bad)}
.happ .hdots{display:flex;justify-content:center;gap:2px;margin:-10px 0 4px}
.happ .hdots button{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0}
.happ .hdots button::after{content:"";position:absolute;left:-8px;right:-8px;top:-10px;bottom:-10px}
.happ .hdots button::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--e-line2);transition:width .25s var(--e-ease),background .2s}
.happ .hdots button.on::before{width:22px;background:var(--e-acc)}
.happ .hacts{max-width:420px;margin:4px auto 0}
.happ .hevl{text-align:center}
.happ .hpaid{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 0 0;color:var(--e-ok);font-size:15px}
.happ .hpaid img{width:44px;height:auto}
.happ .hnunu.wait .hdotsbar{display:flex;gap:8px;margin-top:14px}
.happ .hdotsbar i{width:9px;height:9px;border-radius:50%;background:var(--e-acc);animation:h-blink 1.1s ease-in-out infinite}
.happ .hdotsbar i:nth-child(2){animation-delay:.18s}
.happ .hdotsbar i:nth-child(3){animation-delay:.36s}
.happ .hmts{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.happ .hmt{position:relative;display:flex;align-items:stretch;filter:drop-shadow(0 0 1px var(--e-line2)) drop-shadow(0 8px 10px rgba(0,0,0,.18));transition:transform .15s var(--e-ease)}
.happ .hmt:active{transform:scale(.99)}
.happ .hmt-stub{flex:none;width:86px;display:grid;place-items:center;padding:14px 0;background:var(--tn-deep);border-radius:0 22px 22px 0;
  -webkit-mask:radial-gradient(circle at 0 0,transparent 10px,#000 10.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 10px,#000 10.7px) 0 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 0 0,transparent 10px,#000 10.7px) 0 0/100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 10px,#000 10.7px) 0 100%/100% 51% no-repeat}
.happ .hmt-b{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:14px 18px 14px 14px;background:var(--e-surf);border-radius:22px 0 0 22px;
  -webkit-mask:radial-gradient(circle at 100% 0,transparent 10px,#000 10.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 10px,#000 10.7px) 100% 100%/100% 51% no-repeat;
  mask:radial-gradient(circle at 100% 0,transparent 10px,#000 10.7px) 100% 0/100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 10px,#000 10.7px) 100% 100%/100% 51% no-repeat}
.happ .hmt-b::before{content:"";position:absolute;right:-1px;top:14px;bottom:14px;border-right:2px dashed var(--e-line2)}
.happ .hmt-b > div{flex:1;min-width:0}
.happ .hmt-b h3{font-size:16.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hmt-b .hmeta{font-size:12.5px}
.happ .hmt-f{display:flex;align-items:center;gap:8px;margin-top:6px}
.happ .hmt-f small{color:var(--e-sub);font-size:12px}
.happ .hmt-ar{color:var(--e-faint);width:16px;height:16px}
.happ .hmt.past{opacity:.58}
.happ .hmt.past .hmt-stub{background:var(--e-surf3)}
.happ .hme-h{display:flex;align-items:center;gap:16px;padding:10px 4px 18px}
.happ .hme-hb{min-width:0}
.happ .hme-hb h2{font-size:21px;font-weight:700}
.happ .hstw{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px;background:var(--e-surf);border:1px solid var(--e-line);border-radius:22px}
.happ .hstw img{width:74px;height:auto;flex:none}
.happ .hstw b{font-size:16px;font-weight:600}
.happ .hstw .ic{width:26px;height:26px;color:var(--e-acc)}
.happ .hstw.bad .ic{color:var(--e-bad)}
.happ .hsid{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#2c2418 0%,#1b1c20 62%);border:1px solid rgba(227,176,98,.3);color:#f1f1f2;box-shadow:0 22px 34px -24px rgba(227,176,98,.45)}
.happ .hsid::before{content:"";position:absolute;left:-30px;top:-30px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(227,176,98,.16);box-shadow:0 0 0 14px rgba(227,176,98,.05),0 0 0 28px rgba(227,176,98,.035);pointer-events:none}
.happ .hsid-top{position:relative;display:flex;align-items:center;gap:10px;padding:15px 18px 4px;color:#e3b062}
.happ .hsid-top b{font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.happ .hsid-top b.ph{color:rgba(227,176,98,.55);font-weight:500}
.happ .hsid-seal{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:1px 10px;border-radius:99px;background:rgba(127,184,148,.18);color:#7fb894;white-space:nowrap}
.happ .hsid-seal .ic{width:13px;height:13px}
.happ .hsid-mid{position:relative;display:flex;align-items:center;gap:14px;padding:10px 18px 16px}
.happ .hsid-in{flex:1;min-width:0}
.happ .hsid-in h3{font-size:19px;font-weight:700}
.happ .hsid-in .hmeta{color:#b3b5bb}
.happ .hsid-no{direction:ltr;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#9a9ca3;font-size:13px;margin-top:4px;min-height:0}
.happ .hsid-no:empty{display:none}
.happ .hsid-bot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;background:rgba(227,176,98,.12);color:#e3b062;font-size:13px;font-weight:600}
.happ .hsid-bar{flex:1;max-width:90px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(227,176,98,.55) 0,rgba(227,176,98,.55) 3px,transparent 3px,transparent 6px)}
.happ .hsid.draft{margin-bottom:12px}
.happ .hsid-phw{position:relative;flex:none}
.happ .hsid.draft .hsid-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:74px;height:94px;padding:0;border-radius:14px;border:1.5px dashed rgba(227,176,98,.55);background:rgba(255,255,255,.04);color:#e3b062;overflow:hidden;font-size:11px;line-height:1.4;text-align:center;transition:border-color .2s,background .2s}
.happ .hsid.draft .hsid-ph .ic{width:25px;height:25px}
.happ .hsid.draft .hsid-ph small{font-size:11px}
.happ .hsid.draft .hsid-ph.has{border-style:solid}
.happ .hsid.draft .hsid-ph img{width:100%;height:100%;object-fit:cover}
.happ .hsid.draft .hsid-phw.need .hsid-ph{border-color:var(--e-bad);color:var(--e-bad)}
.happ .hsid-phw .hneed-at{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);white-space:nowrap;z-index:2}
.happ .hsid-phw .hneed{margin:0}
.happ .hsid-nm{display:flex;flex-direction:column;gap:2px;margin-bottom:3px}
.happ .hsid-nm input{width:100%;font-size:19px;font-weight:700;line-height:1.5;color:#f1f1f2;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.2);caret-color:#e3b062;text-align:start}
.happ .hsid-nm input::placeholder{color:rgba(255,255,255,.34);font-weight:500}
.happ .hsid-nm input:focus{border-bottom-color:#e3b062}
.happ .hsid-nm.need input{border-bottom-color:var(--e-bad)}
.happ .hsid-nm.need input::placeholder{color:var(--e-bad);opacity:.8}
.happ .hsid-nm .hneed{margin:3px 0 0}
.happ .hsid.draft .hsid-meta{min-height:20px;margin-top:2px;font-size:13px}
.happ .hsid.draft .hsid-meta:empty{display:none}
:root[data-theme="paper"] .happ .hsid{background:linear-gradient(135deg,#f3e7cd 0%,#fbf7ee 62%);color:#2b2b2b;border-color:rgba(176,125,44,.35);box-shadow:0 18px 30px -22px rgba(176,125,44,.55)}
:root[data-theme="paper"] .happ .hsid-top,:root[data-theme="paper"] .happ .hsid-bot{color:#8a5f1c}
:root[data-theme="paper"] .happ .hsid-top b.ph{color:rgba(138,95,28,.6)}
:root[data-theme="paper"] .happ .hsid-in .hmeta{color:#6f6b63}
:root[data-theme="paper"] .happ .hsid-no{color:#6f6b63}
:root[data-theme="paper"] .happ .hsid-seal{background:rgba(63,138,90,.14);color:#3f8a5a}
:root[data-theme="paper"] .happ .hsid-bot{background:rgba(176,125,44,.1)}
:root[data-theme="paper"] .happ .hsid-nm input{color:#2b2b2b;border-bottom-color:rgba(60,45,20,.22)}
:root[data-theme="paper"] .happ .hsid-nm input::placeholder{color:rgba(60,45,20,.36)}
:root[data-theme="paper"] .happ .hsid.draft .hsid-ph{border-color:rgba(176,125,44,.55);background:rgba(176,125,44,.06);color:#8a5f1c}
.happ .hhost-t{margin:6px 0 16px}
@media (min-width:900px){.happ .hpage.hostp,.happ .hpage.hdash{max-width:780px}}
.happ .horg{display:inline-flex;align-items:center;gap:6px;max-width:180px;min-height:38px;padding:0 12px 0 14px;border-radius:99px;background:var(--e-surf2);font-size:13.5px;font-weight:600}
.happ .horg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .horg .ic{width:16px;height:16px;color:var(--e-sub)}
.happ .hsh-org{margin:0 0 10px}
.happ .hsheet .horg{background:var(--e-surf)}
.happ .hhes{display:grid;gap:12px;margin-bottom:16px;grid-template-columns:minmax(0,1fr)}
.happ .hhe{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 16px;border-radius:22px;background:var(--e-surf);transition:background .2s,transform .15s var(--e-ease)}
@media (hover:hover){.happ .hhe:hover{background:var(--e-surf2)}}
.happ .hhe:active{transform:scale(.99)}
.happ .hhe-po{flex:none}
.happ .hhe-b{flex:1;min-width:0}
.happ .hhe-b h3{font-size:16.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hhe-b .hmeta{font-size:12.5px}
.happ .hhe-f{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:6px}
.happ .hhe-g{font-size:13px;font-weight:700;color:var(--tn)}
.happ .hhe-r{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none}
.happ .hhe-r small{font-size:11px;color:var(--e-sub)}
.happ .hhe-r .hring b{font-size:14px}
.happ .hdoorrow{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:22px;background:var(--e-surf);margin-bottom:10px}
.happ .hdoorrow > div{flex:1;min-width:0}
.happ .hdoorrow h3{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hdoorrow > .hpo{flex:none}   
.happ .hdoorrow .hmeta{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.happ .hdoorrow .hmeta > span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.happ .hdash .hbody{padding:0 0 18px}
.happ .hdh{position:relative;height:270px;overflow:hidden;background:var(--tn-deep)}
.happ .hdh-bg{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}
.happ .hdh-bg .hpo{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;opacity:.6;-webkit-filter:blur(18px) saturate(1.3);filter:blur(18px) saturate(1.3);transform:scale(1.3)}
.happ .hdh-fade{position:absolute;left:0;right:0;bottom:-1px;height:75%;background:linear-gradient(to bottom,rgba(17,17,19,0),var(--e-bg) 96%)}
:root[data-theme="paper"] .happ .hdh-fade{background:linear-gradient(to bottom,rgba(246,244,239,0),var(--e-bg) 96%)}
.happ .hdh-in{position:absolute;left:16px;right:16px;bottom:10px;display:flex;align-items:flex-end;gap:14px}
.happ .hdh-po{flex:none;border-radius:14px;box-shadow:0 14px 26px -10px rgba(0,0,0,.6)}
.happ .hdh-t{min-width:0;flex:1;padding-bottom:4px}
.happ .hdh-t h1{font-size:23px;font-weight:700;line-height:1.45}
.happ .hdh-t .hchip{margin-top:6px}
.happ .hdash-in{padding:8px 16px 0}
.happ .hdpan{margin-top:14px}
.happ .hcard{background:var(--e-surf);border-radius:24px;padding:18px 18px;margin:0 0 14px}
.happ .hbig{display:flex;align-items:center;gap:18px}
.happ .hbig .hring b{font-size:22px}
.happ .hbig-t b{display:block;font-size:17px;font-weight:600}
.happ .hbig-t > span{display:block;color:var(--e-sub);font-size:14px}
.happ .hbig-t .hmeta{margin-top:4px}
.happ .hcard .hmuted.sm{margin-top:12px}
.happ .hsbar{display:flex;align-items:center;gap:6px;margin:0 0 12px}
.happ .hsales{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.happ .hsale{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border-radius:18px;background:var(--e-surf);transition:background .15s}
@media (hover:hover){.happ .hsale:hover{background:var(--e-surf2)}}
.happ .hsale-b{min-width:0;flex:1}
.happ .hsale-b b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hsale-b .hmeta{font-size:12px}
.happ .hsale-a{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.happ .hsale-a b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hmorew{display:flex;justify-content:center;padding:12px 0}
.happ .hprof{text-align:center;padding:24px 18px}
.happ .hprof small{display:block;color:var(--e-sub);font-size:13px}
.happ .hprof b{display:block;font-size:44px;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hprof > span{display:block;color:var(--e-sub);font-size:13px}
.happ .hsplitbar{height:10px;border-radius:5px;background:var(--e-blue-soft);overflow:hidden;margin:18px 0 10px}
.happ .hsplitbar i{display:block;height:100%;border-radius:5px;background:var(--tn)}
.happ .hsplitk{display:flex;justify-content:center;gap:18px;font-size:12.5px;color:var(--e-sub)}
.happ .hsplitk span{display:inline-flex;align-items:center;gap:6px}
.happ .hsplitk i{width:9px;height:9px;border-radius:50%}
.happ .hsplitk .a{background:var(--tn)}
.happ .hsplitk .b{background:var(--e-blue)}
.happ .hstu-c{margin:2px 6px 12px}
.happ .hstus{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.happ .hstu{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 10px;border-radius:18px;background:var(--e-surf);transition:opacity .25s,transform .28s var(--e-ease)}
.happ .hstu.gone{opacity:0;transform:translateX(-36px) scale(.97)}
.happ .hstu-b{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:start;padding:2px;border-radius:14px}
.happ .hstu-th{flex:none;width:58px;height:46px;border-radius:10px;overflow:hidden;background:#0b0b0c}
.happ .hstu-th img{width:100%;height:100%;object-fit:cover}
.happ .hstu-t{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.happ .hstu-t b{max-width:100%;font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hstu-t .hmeta{font-size:12px;max-width:100%;flex-wrap:nowrap}
.happ .hstu-t .hmeta > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hstu-a{flex:none;display:flex;gap:6px}
.happ .hstu-a .hib{width:42px;height:42px}
.happ .hstu-a .hib .ic{width:21px;height:21px}
.happ .hok{background:var(--e-ok);color:#fff}
@media (hover:hover){.happ .hok:hover{background:var(--e-ok);filter:brightness(1.08);color:#fff}}
.happ .hno{background:var(--e-surf2);color:var(--e-ink2)}
.happ .hrv-img{border-radius:18px;overflow:hidden;background:#0b0b0c;margin-bottom:12px}
.happ .hrv-img img{width:100%;max-height:44vh;object-fit:contain}
.happ .hrv-img{max-height:44vh}
.happ .hrow.tm .hav{flex:none}
.happ .hadd{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:56px;padding:4px 8px 4px 8px;margin-bottom:14px;border-radius:18px;background:var(--e-surf)}
.happ .hadd-at{flex:none;display:grid;place-items:center;width:34px;height:34px;margin-inline-start:6px;color:var(--e-faint)}
.happ .hadd-at .ic{width:20px;height:20px}
.happ .hadd-in{flex:1 1 120px;min-width:0;font-size:15px;font-weight:500;padding:11px 0;color:var(--e-ink);caret-color:var(--e-acc);text-align:right}
.happ .hadd-in::placeholder{color:var(--e-faint);font-weight:400}
.happ .hadd-r{flex:none;gap:4px}
.happ .hadd-r .ic{width:14px;height:14px}
.happ .hadd .hneed-at{flex-basis:100%;padding:0 12px 6px}
.happ .hadd .hneed{margin:0}
.happ .hadd.need{box-shadow:inset 0 0 0 1.5px var(--e-bad)}
.happ .hbal{text-align:center;padding:18px 0 18px}
.happ .hbal small{display:block;color:var(--e-sub);font-size:13px}
.happ .hbal b{display:block;font-size:46px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}
.happ .hbal span{color:var(--e-sub);font-size:13px}
.happ .hsr.hpv{margin:2px 0 14px}
.happ .hpv .hsr-main{align-items:stretch;gap:12px;padding:14px 14px 14px 12px}
.happ .hpv-po{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:74px;height:98px;border-radius:13px;overflow:hidden;
  color:var(--e-faint);background:var(--e-surf2);font-size:11px;line-height:1.4;transition:transform .15s var(--e-spring)}
.happ .hpv-po:active{transform:scale(.96)}
.happ .hpv-po.empty{box-shadow:inset 0 0 0 1.5px var(--e-line2);background:var(--tn-soft);color:var(--tn)}
.happ .hpv-po .ic{width:25px;height:25px}
.happ .hpv-po .hpo.sm2{width:74px;height:98px;border-radius:13px}
.happ .hpv .hsr-t{display:flex;flex-direction:column;justify-content:center;gap:0}
.happ .hpv-t{width:100%;font-size:19px;font-weight:700;line-height:1.55;color:var(--e-ink);caret-color:var(--e-acc);padding:0;letter-spacing:-.005em}
.happ .hpv-s{width:100%;font-size:14px;font-weight:500;line-height:1.7;color:var(--e-ink2);caret-color:var(--e-acc);padding:0}
.happ .hpv-t::placeholder,.happ .hpv-s::placeholder{color:var(--e-faint);font-weight:500}
.happ .hpv-m{font-size:12.5px;margin-top:2px;min-height:0}
.happ .hpv-m:empty{display:none}
.happ .hpv .hsr-t .hneed-at{margin-top:3px}
.happ .hpv .hneed{margin:0}
.happ .hpv.need .hpv-t::placeholder{color:var(--e-bad)}
.happ .hpv .hsr-stub small{min-height:18px}
.happ .hmore-b{margin-top:14px}
.happ .hmore-b .hgrp{margin:0}
.happ .hfilms{display:grid;gap:2px}
.happ .hfilm{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:16px;text-align:start}
@media (hover:hover){.happ .hfilm:hover{background:var(--e-surf)}}
.happ .hfilm-p{flex:none;display:grid;place-items:center;width:46px;height:62px;border-radius:9px;background:var(--e-surf3);color:var(--e-faint);overflow:hidden}
.happ .hfilm-p img{width:100%;height:100%;object-fit:cover}
.happ .hfilm-b{min-width:0;flex:1}
.happ .hfilm-b b{display:block;font-size:15px;font-weight:600;line-height:1.5}
.happ .hfilm-b .hmeta{font-size:12px}
.happ .hfree{margin-bottom:8px;border-radius:16px;background:var(--e-surf)}
.happ .hrow.cardr{min-height:62px}
body.happ.is-door{background:#09090a}
.happ .hdoor{--e-bg:#09090a;--e-surf:#17181b;--e-surf2:#202125;--e-surf3:#2b2c32;--e-ink:#f1f1f2;--e-ink2:#c9cace;--e-sub:#9a9ca3;--e-faint:#6d6f76;--e-line:rgba(255,255,255,.08);--e-line2:rgba(255,255,255,.15);
  --e-acc:#e3b062;--e-acc-ink:#17130c;--e-ok:#7fb894;--e-bad:#e0796d;--e-warn:#e0a96d;--e-warn-soft:rgba(224,169,109,.16);--e-bad-soft:rgba(224,121,109,.16);--e-acc-soft:rgba(227,176,98,.14);
  position:fixed;left:0;top:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:#09090a;color:var(--e-ink);overflow:hidden}
.happ .hdoor-top{display:flex;align-items:center;gap:6px;padding:calc(8px + var(--e-safe-t)) 10px 4px 12px;flex:none}
.happ .hdoor-back{margin-inline-start:-6px}
.happ .hdoor-t{flex:1;min-width:0}
.happ .hdoor-t h1{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}
.happ .hdoor-t small{display:block;font-size:12px;color:var(--e-sub);line-height:1.4}
.happ .hdoor-dev{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:84px;padding:0 14px;white-space:nowrap;border-radius:99px;background:var(--e-surf2);font-weight:700;font-size:14.5px;flex:none}
.happ .hdoor-dev .ic{width:16px;height:16px;color:var(--e-sub)}
.happ .hdoor-dev > span{display:inline-flex;align-items:center;gap:6px}
.happ .hdoor-dev b{font-size:19px;font-variant-numeric:tabular-nums}
.happ .hdoor-off{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 12px;border-radius:99px;background:var(--e-warn-soft);color:var(--e-warn);font-weight:700;font-size:13px;flex:none}
.happ .hdoor-off.bad{background:var(--e-bad-soft);color:var(--e-bad)}
.happ .hdoor-off .ic{width:20px;height:20px}
.happ .hdoor-cnt{flex:none;padding:0 18px 8px}
.happ .hdoor-n{display:flex;align-items:baseline;gap:10px}
.happ .hdoor-n b{font-size:56px;line-height:1.05;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.happ .hdoor-n span{font-size:17px;color:var(--e-ink2);font-weight:500}
.happ .hdoor-split{display:flex;margin-top:2px;font-size:13px;color:var(--e-sub)}
.happ .hdoor-split span + span{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid var(--e-line2)}
.happ .hdoor-bar{height:6px;border-radius:3px;background:var(--e-surf3);margin-top:10px;overflow:hidden}
.happ .hdoor-bar i{display:block;height:100%;width:0;background:var(--e-acc);border-radius:inherit;transition:width .4s var(--e-ease)}
.happ .hdoor-cam{position:relative;flex:1 1 0;min-height:190px;margin:4px 14px;border-radius:30px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--e-line2)}
.happ .hdoor-v{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.happ .hdoor-frame{position:absolute;left:15%;right:15%;top:12%;bottom:12%;pointer-events:none}
.happ .hdoor-frame i{position:absolute;width:34px;height:34px;border:4px solid rgba(255,255,255,.88);filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}
.happ .hdoor-frame i:nth-child(1){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 16px 0 0}
.happ .hdoor-frame i:nth-child(2){left:0;top:0;border-right:0;border-bottom:0;border-radius:16px 0 0 0}
.happ .hdoor-frame i:nth-child(3){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 16px 0}
.happ .hdoor-frame i:nth-child(4){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 16px}
.happ .hdoor-msg{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px 26px;background:#0e0e10;color:var(--e-sub)}
.happ .hdoor-msg .ic{width:38px;height:38px;color:var(--e-faint)}
.happ .hdoor-msg b{color:var(--e-ink);font-size:16.5px;font-weight:600}
.happ .hdoor-msg p{font-size:13.5px;line-height:1.9;max-width:300px}
.happ .hdoor-last{flex:none;padding:6px 20px 2px;display:grid;gap:0;min-height:176px;align-content:start}
.happ .hdoor-l{display:flex;align-items:center;gap:10px;height:34px;font-size:14.5px}
.happ .hdoor-l i{width:9px;height:9px;border-radius:50%;background:var(--e-ok);flex:none}
.happ .hdoor-l.used i{background:var(--e-warn)}
.happ .hdoor-l.bad i{background:var(--e-bad)}
.happ .hdoor-l b{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.happ .hdoor-l.bad b,.happ .hdoor-l.used b{color:var(--e-ink2)}
.happ .hdoor-l small{color:var(--e-sub);font-size:12px}
.happ .hdoor-l span{color:var(--e-sub);font-size:12.5px;font-variant-numeric:tabular-nums;min-width:42px;text-align:end}
.happ .hdoor-l0{color:var(--e-faint);font-size:13px;padding-top:6px}
.happ .hdoor-foot{flex:none;padding:8px 14px calc(14px + var(--e-safe-b))}
.happ .hdoor-search{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;border-radius:99px;background:var(--e-surf2);font-weight:600;font-size:16px;box-shadow:inset 0 0 0 1px var(--e-line2)}
.happ .hdoor-search:active{transform:scale(.99)}
.happ .hdoor-res{position:fixed;left:0;top:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:#fff;animation:h-fade .1s ease both}
.happ .hdoor-res.ok{background:#128a4d}
.happ .hdoor-res.used,.happ .hdoor-res.bad{background:#b5322a}
.happ .hres-in{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px;width:100%}
.happ .hres-ic{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.18);animation:h-pop .35s var(--e-spring) both;margin-bottom:6px}
.happ .hres-ic .ic{width:58px;height:58px;stroke-width:2.4}
.happ .hres-in h2{font-size:42px;line-height:1.35;font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.2)}
.happ .hres-chip{display:inline-block;padding:3px 20px;border-radius:99px;background:rgba(255,255,255,.2);font-size:17px;font-weight:700}
.happ .hres-chip.st{background:#fff;color:#0d6b3a}
.happ .hdoor-res.used .hres-chip.st,.happ .hdoor-res.bad .hres-chip.st{color:#8f2019}
.happ .hres-t{font-size:26px;font-weight:700;line-height:1.5}
.happ .hres-l{font-size:19px;opacity:.92;font-variant-numeric:tabular-nums}
.happ .hres-again{margin-top:16px;--b:#fff;--bi:#8f2019;--bs:rgba(0,0,0,.25)}
.happ .hres-x{margin-top:18px;opacity:.7;font-size:12.5px}
.happ .hdoor-r{display:grid;gap:8px;padding-bottom:12px}
.happ .hdsr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:var(--e-surf2)}
.happ .hdsr-b{flex:1;min-width:0}
.happ .hdsr-b b{display:block;font-size:15.5px;font-weight:600}
.happ .hdsr-b .hmeta{font-size:12px}
.happ .hdsr-b small{color:var(--e-faint);font-size:12px;letter-spacing:.16em}
.happ .hdsr-u{flex-basis:100%;color:var(--e-sub);font-size:12px}
.happ .hdsr.void{opacity:.6}