@font-face { font-family: 'Inter'; src: url('fonts/Inter-Variable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  --color-main: #eeff41;
  --color-second: #dff12f;
  --color-bg: #111;
  --radius: 0.625rem;
  --ground: #030712;
  --foreground: oklch(0.985 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: #eeff41;
  --color-match: #4dd0e1;
}
* { box-sizing: border-box; }
html, body { margin: 0; background-color: var(--ground); color-scheme: dark; }
body { font-family: var(--font-sans); color: var(--foreground); font-size: 16px; line-height: 1.625; -webkit-font-smoothing: antialiased; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body > main { flex: 1 0 auto; width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); border-radius: 999px; }
input { font: inherit; color: inherit; }
input::placeholder { color: rgb(255 255 255 / 0.45); }
[hidden] { display: none !important; }
html { scrollbar-color: rgb(255 255 255 / 0.15) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgb(255 255 255 / 0.15); border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }
svg { display: block; }
.icon-btn { width: 36px; height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: var(--foreground); transition: background-color .2s, color .2s; flex: none; }
.icon-btn svg { width: 18px; height: 18px; }
@media (hover: hover) {
  .icon-btn:hover { background: rgb(255 255 255 / 0.06); color: var(--color-main); }
  .d-filter:hover, .d-panel .icon-btn:hover { color: var(--color-match); }
}
.coin-ico { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; overflow: hidden; flex: none; background: rgb(255 255 255 / 0.08); }
.coin-ico img { width: 100%; height: 100%; object-fit: cover; display: block; }
.coin-ico--none { font-size: 10px; font-weight: 600; color: var(--foreground); }
.powered { font-size: 12px; color: var(--muted-foreground); white-space: nowrap; }
.powered__link { color: var(--foreground); transition: color .2s; }
.powered__link:hover { color: var(--color-main); }
.btn-link { color: var(--color-main); font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.btn-link:hover { opacity: .8; }
.b-main:has(+ .pg-about) { padding-bottom: 96px; }
.b-main:has(.empty) { display: flex; flex-direction: column; padding-bottom: 0; margin-bottom: 0; }
.b-stream:has(.empty) { flex: 1; display: flex; align-items: center; justify-content: center; padding-left: 116px; min-height: clamp(260px, 38vh, 380px); }
.b-stream:has(.empty)::before { display: none; }
.empty { padding: 32px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.empty__t { font-family: var(--font-mono); font-size: 16px; letter-spacing: -0.01em; color: var(--foreground); margin: 0 0 24px; }
.empty__p { color: var(--muted-foreground); margin-right: 10px; }
.empty__dots { color: var(--color-main); }
.empty__clear { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; border-radius: 999px; border: 1px solid var(--input); background: rgb(255 255 255 / 0.03); font-size: 14px; font-weight: 500; color: var(--foreground); white-space: nowrap; transition: border-color .2s, color .2s; }
.empty__clear:hover { border-color: var(--color-main); color: var(--color-main); }
.empty__why { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 14px; font-weight: 500; color: var(--foreground); transition: color .2s; }
.empty__u { text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.35); text-underline-offset: 5px; transition: text-decoration-color .2s; }
.empty__why:hover { color: var(--color-main); }
.empty__why:hover .empty__u { text-decoration-color: var(--color-main); }
.empty__why:focus-visible, .empty__clear:focus-visible { outline: none; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); border-radius: 6px; }
.empty__ar { font-size: 13px; text-decoration: none; display: inline-block; color: var(--color-main); }
.pg-about { overflow-anchor: none; position: relative; z-index: 1; width: 100%; max-width: 84rem; margin: 0 auto; padding: 0 32px 72px 148px; }
.b-main:has(.empty) + .pg-about { padding-top: 24px; }
.pg-about h2, .pg-about h3, .pg-about p { margin: 0; }
.pg-about p { text-wrap: pretty; }
.pb__wrap { display: grid; gap: 64px; }
.pb__eye { display: block; margin-bottom: 14px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--color-main); }
.pb .pg-about__h { font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em; color: var(--foreground); margin-bottom: 20px; text-wrap: balance; }
.pb__card { border: 1px solid var(--border); border-radius: 16px; background: rgb(255 255 255 / 0.03); padding: 32px 36px; }
.pb__card .pg-about__p { font-size: 16px; line-height: 1.7; color: var(--muted-foreground); max-width: 52rem; }
.pb__card .pg-about__p + .pg-about__p { margin-top: 14px; }
.pb__card .pg-about__h + .pg-about__p { color: var(--foreground); }
.pb__list { display: grid; gap: 10px; }
.pb__qa { border: 1px solid var(--border); border-radius: 12px; background: rgb(255 255 255 / 0.03); transition: border-color .2s, box-shadow .6s; scroll-margin-top: 104px; }
.pb__qa[open] { border-color: rgb(238 255 65 / 0.3); }
.pb__qa.is-hit { box-shadow: 0 0 0 4px rgb(238 255 65 / 0.12); border-color: rgb(238 255 65 / 0.6); }
.pb__qa > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px 18px 24px; cursor: pointer; border-radius: 12px; }
.pb__qa > summary::-webkit-details-marker { display: none; }
.pb__qa > summary::marker { content: ''; }
.pb__qa > summary:focus-visible { outline: none; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); }
.pb__qa .pg-about__q { font-size: 16.5px; line-height: 1.45; font-weight: 600; color: var(--foreground); }
.pb__mk { position: relative; flex: none; width: 30px; height: 30px; border-radius: 999px; border: 1px solid var(--border); transition: transform .25s, border-color .2s, background-color .2s; }
.pb__mk::before, .pb__mk::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; margin: -0.75px 0 0 -6px; background: var(--foreground); border-radius: 2px; transition: background-color .2s; }
.pb__mk::after { transform: rotate(90deg); }
.pb__qa[open] .pb__mk { transform: rotate(45deg); border-color: rgb(238 255 65 / 0.5); background: rgb(238 255 65 / 0.1); }
.pb__qa[open] .pb__mk::before, .pb__qa[open] .pb__mk::after { background: var(--color-main); }
@media (hover: hover) {
  .pb__qa:not([open]):hover { border-color: rgb(255 255 255 / 0.2); }
  .pb__qa > summary:hover .pb__mk { border-color: rgb(238 255 65 / 0.5); }
}
.pb__qa .pg-about__p { padding: 0 24px 22px; margin-top: -4px; font-size: 15.5px; line-height: 1.7; color: var(--muted-foreground); max-width: 52rem; }
.f-lnk { color: var(--foreground); text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.35); text-underline-offset: 4px; transition: color .2s, text-decoration-color .2s; }
.f-lnk:hover { color: var(--color-main); text-decoration-color: var(--color-main); }
.f-adv { color: var(--foreground); font-weight: 500; }
.f-txt { font-size: 13px; line-height: 1.6; color: var(--muted-foreground); }
.foot-b .foot__meta { flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
h1.lock-h { margin: 0; flex: none; display: flex; font: inherit; }
@media (max-width: 767px) {
  .empty__t { font-size: 14px; }
  .b-stream:has(.empty) { padding-left: 0; min-height: 300px; }
  .pg-about { padding: 0 12px 72px; }
  .pb__wrap { gap: 48px; }
  .pb__card { padding: 24px 20px; }
  .pb .pg-about__h { font-size: 22px; }
  .pb__qa { scroll-margin-top: 84px; }
  .pb__qa > summary { padding: 16px 14px 16px 18px; gap: 14px; }
  .pb__qa .pg-about__q { font-size: 15.5px; }
  .pb__qa .pg-about__p { padding: 0 18px 18px; font-size: 15px; }
}
.day__l { font-family: var(--font-mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--color-main); }
.chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--border); font-size: 14px; transition: border-color .2s, background-color .2s, color .2s; }
.chip .coin-ico { margin-left: -5px; }
.chip svg { width: 14px; height: 14px; }
.chip--on { border-color: var(--color-main); color: var(--color-main); background: rgb(238 255 65 / 0.08); }
.chip__t { white-space: nowrap; }
.active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.active__clear { margin-left: 4px; }
.sf__field { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 6px 0 14px; border-radius: 999px; border: 1px solid var(--input); background: rgb(255 255 255 / 0.03); cursor: text; transition: border-color .2s, background-color .2s; }
.sf__field:hover { border-color: rgb(255 255 255 / 0.25); }
.sf__field > svg { width: 16px; height: 16px; color: var(--foreground); flex: none; }
.sf__input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; font-size: 15px; -webkit-appearance: none; appearance: none; }
.sf__input::-webkit-search-cancel-button, .sf__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.foot { overflow-anchor: none; border-top: 1px solid var(--border); margin-top: 96px; position: relative; z-index: 1; background: var(--ground); }
.foot__in { max-width: 90rem; margin: 0 auto; padding: 40px 24px 56px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.foot__brand { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.foot__meta { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.foot__c { font-size: 13px; color: var(--muted-foreground); }
.b-stars { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; }
@keyframes live { 0% { box-shadow: 0 0 0 0 rgb(238 255 65 / 0.55); } 70% { box-shadow: 0 0 0 10px rgb(238 255 65 / 0); } 100% { box-shadow: 0 0 0 0 rgb(238 255 65 / 0); } }
.b-main { position: relative; z-index: 1; max-width: 84rem; margin: 0 auto; padding: 8px 32px 150px; }
.b-active { padding: 18px 0 0 116px; }
.b-stream { position: relative; }
.b-stream::before { content: ''; position: absolute; left: 91px; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, rgb(238 255 65 / 0.35), var(--border) 240px); }
.day-d { padding: 30px 0 12px 116px; }
.it-b { display: grid; grid-template-columns: 84px 1fr; column-gap: 32px; padding: 6px 0; }
.it-b__spine { position: relative; padding-top: 22px; text-align: right; }
.it-b__clock { font-family: var(--font-mono); font-size: 13px; color: var(--muted-foreground); padding-right: 8px; white-space: nowrap; }
.it-b__node { position: absolute; right: -11px; top: 29px; width: 7px; height: 7px; border-radius: 999px; background: var(--ground); border: 1px solid rgb(255 255 255 / 0.45); }
.it-b:hover .it-b__node { border-color: var(--color-main); background: var(--color-main); }
.b-dock { position: fixed; z-index: 30; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 999px; background: rgb(17 17 17 / 0.86); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--border); box-shadow: 0 20px 50px -20px rgb(0 0 0 / 0.8); }
.b-dock__areas { display: flex; gap: 2px; }
.b-pill { height: 38px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background-color .2s, color .2s; }
@media (hover: hover) { .b-pill:hover { background: rgb(255 255 255 / 0.07); } }
.b-pill.is-on { background: var(--color-main); color: #111; }
.b-dock__sep { width: 1px; height: 22px; background: var(--border); flex: none; }
.b-dock__coins { display: flex; gap: 0; flex: none; }
.b-coin { width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s, box-shadow .2s; }
@media (hover: hover) { .b-coin:hover { background: rgb(255 255 255 / 0.07); } }
.b-coin.is-on { box-shadow: inset 0 0 0 2px var(--color-main); }
@media (min-width: 768px) {
  .b-dock { max-width: calc(100vw - 24px); }
  .b-dock__areas { min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .b-dock__areas::-webkit-scrollbar { display: none; }
}
@media (min-width: 768px) and (max-width: 919px) { .b-pill { padding: 0 9px; } }
.lock-c { display: inline-flex; align-items: center; gap: 14px; }
.lock-c__mark svg { width: 40px; height: auto; }
.lock-c__word { font-family: var(--font-mono); font-size: 28px; letter-spacing: -0.02em; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; }
.lock-c__w { color: var(--foreground); font-weight: 700; }
.lock-c__q, .lock-c__sp { color: var(--muted-foreground); }
.lock-c__d { color: var(--color-main); }
.lock-c__cur { width: 13px; height: 26px; background: var(--color-main); margin-left: 5px; animation: blink 1.1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.it-c__tags { display: flex; gap: 4px 12px; flex-wrap: wrap; }
.it-c__tags__i { font-size: 13px; color: var(--foreground); transition: color .2s; }
.it-c__tags__i::before { content: '#'; color: var(--color-main); margin-right: 2px; font-family: var(--font-mono); }
.it-c__tags__i:hover, .it-c__tags__i.is-on { color: var(--color-main); }
.it-c__tags__i--text:hover { color: var(--foreground); }
.it-d__h, .r2-h, .r2-desc, .r2-orig__t, .r2-outl__t, .it-c__tags__i, .r2-by { overflow-wrap: anywhere; }
.d-head { position: sticky; top: 0; z-index: 20; background: rgb(3 7 18 / 0.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); }
.d-head__in { max-width: 90rem; margin: 0 auto; padding: 0 32px; height: 76px; display: flex; align-items: center; gap: 20px; }
.d-head .lock-c__mark svg { width: 36px; }
.d-head .lock-c__word { font-size: 24px; }
.d-head .lock-c__cur { width: 11px; height: 22px; }
.tl { position: absolute; left: 0; right: 0; top: 100%; height: 0; overflow: hidden; pointer-events: none; background: rgb(3 7 18 / 0.94); border-bottom: 1px solid transparent; transition: height .4s cubic-bezier(0.4, 0, 0.2, 1) .2s, border-color .3s ease .3s; }
.tl.is-on { height: 41px; border-bottom-color: var(--border); transition: height .3s cubic-bezier(0.2, 0.7, 0.2, 1), border-color .2s ease; }
.tl__in { transition: opacity .26s ease; }
.tl:not(.is-on) .tl__in { opacity: 0; }
.tl.is-quick, .tl.is-quick .tl__in { transition: none; }
.tl__in { max-width: 90rem; height: 40px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .02em; line-height: 1; color: var(--color-main); white-space: nowrap; }
.tl__i { display: inline-flex; flex: none; color: var(--foreground); }
.tl__g { width: 18px; height: 18px; }
.tl__t { min-width: 0; overflow: hidden; }
.tl__c { flex: none; width: 7px; height: 14px; margin-left: -6px; background: var(--color-main); }
@media (max-width: 767px) {
  .tl.is-on { height: 39px; }
  .tl__in { height: 38px; padding: 0 16px; gap: 8px; font-size: 11.5px; letter-spacing: .01em; }
  .tl__c { margin-left: -4px; }
}
@media (max-width: 374px) {
  .tl__in { font-size: 11px; letter-spacing: 0; }
}
@media (prefers-reduced-motion: reduce) { .tl { display: none; } }
.it-d__card { border: 1px solid var(--border); background: rgb(3 7 18 / 0.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 16px; padding: 16px 24px 18px; transition: border-color .3s; min-width: 0; }
.it-d__card:hover { border-color: rgb(238 255 65 / 0.3); }
.it-d__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 26px; }
.it-d__area { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--color-main); }
.it-d__area:hover { opacity: .75; }
.it-d__area.is-on { text-decoration: underline; text-underline-offset: 4px; }
.it-d__coins { display: flex; align-items: center; gap: 6px; flex: none; }
.it-d__coin { width: 30px; height: 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; transition: box-shadow .2s; }
.it-d__coin:hover { box-shadow: 0 0 0 1px rgb(238 255 65 / 0.4); }
.it-d__h { display: block; margin-top: 6px; font-size: 19px; line-height: 1.4; font-weight: 500; text-wrap: pretty; transition: color .2s; }
.it-d__h:hover { color: var(--color-main); }
.it-d__line { margin-top: 8px; display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; }
.it-d__src { font-size: 14px; color: var(--muted-foreground); }
.d-filter { position: relative; width: 38px; height: 38px; }
.d-filter .sl-kn { stroke: var(--color-match); }
.d-filter__ln, .d-lens { display: none; }
.hs { display: flex; align-items: center; gap: 10px; flex: 1 1 560px; max-width: 560px; min-width: 0; height: 44px; margin: 0 auto; padding: 0 8px 0 16px; border-radius: 999px; border: 1px solid rgb(77 208 225 / 0.42); background: rgb(255 255 255 / 0.06); color: var(--foreground); cursor: text; text-align: left; transition: opacity .22s ease, border-color .2s, background-color .2s; }
.hs:hover { border-color: var(--color-match); background: rgb(255 255 255 / 0.08); }
.hs:focus { outline: none; }
.hs:focus-visible { box-shadow: 0 0 0 3px rgb(77 208 225 / 0.5); }
.hs ~ .sk { margin-left: 0; }
.hs__g { width: 17px; height: 17px; flex: none; color: rgb(255 255 255 / 0.75); }
.hs__line { flex: 1; min-width: 0; display: flex; align-items: center; overflow: hidden; font-size: 15px; line-height: 1; white-space: pre; }
.hs__c { width: 1.5px; height: 18px; margin-left: 1px; flex: none; background: var(--color-match); opacity: 0; }
.hs.is-typing .hs__c { opacity: 1; }
.hs__k { flex: none; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; border: 1px solid rgb(255 255 255 / 0.2); font: 500 13px/1 var(--font-mono); color: rgb(255 255 255 / 0.7); }
@media (min-width: 768px) {
  .d-head__in:has(> .hs) { gap: 40px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .hs { gap: 8px; padding: 0 14px; }
  .hs__k { display: none; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .d-head__in:has(> .hs) { gap: 12px; padding: 0 24px; }
  .hs { flex: none; width: 44px; padding: 0; justify-content: center; }
  .hs__line { display: none; }
}
@media (min-width: 768px) {
  .d-panel.is-top { align-items: flex-start; padding: calc(var(--head, 77px) + 10px) 16px 0; }
  .d-panel.is-top .d-panel__in { max-height: calc(100vh - var(--head, 77px) - 50px); }
  .d-panel.is-pin { align-items: flex-start; padding-top: var(--pin); }
  .d-panel.is-pin .d-panel__in { max-height: calc(100vh - var(--pin) - 96px); }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .d-panel.is-top:not([hidden]) .d-panel__in { animation: panelDrop .3s cubic-bezier(.2, .8, .2, 1); transform-origin: 50% 0; }
}
@keyframes panelDrop { from { opacity: 0; transform: translateY(-28px) scale(.97); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .d-panel:not([hidden])::before { animation: veilFade .28s ease; }
  .d-panel:not([hidden]) .d-panel__in { animation: sheetUp .36s cubic-bezier(.16, 1, .3, 1); }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) { .d-panel .d-panel__in { transition: none; } }
@keyframes sheetUp { from { transform: translateY(100%); } }
@keyframes veilFade { from { opacity: 0; } }
.d-filter__dot { position: absolute; top: 7px; right: 7px; width: 7px; height: 7px; border-radius: 999px; background: var(--color-main); }
.d-panel { position: fixed; inset: 0; z-index: 50; background: rgb(3 7 18 / 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex; align-items: flex-end; justify-content: center; padding: 0 16px 96px; }
.d-panel__in { width: min(760px, 100%); max-height: calc(100vh - 140px); overflow-y: auto; background: #111; border: 1px solid var(--border); border-radius: 24px; padding: 20px 22px 24px; box-shadow: 0 30px 80px -20px rgb(0 0 0 / 0.8); }
.d-panel__top { display: flex; align-items: center; gap: 10px; }
.d-panel__field { flex: 1; height: 46px; }
.d-panel__field .sf__input { font-size: 16px; }
.d-panel__field:focus-within { border-color: var(--color-match); }
.d-panel__picked { margin-top: 14px; }
.b-dock button:focus-visible, .d-panel button:focus-visible { box-shadow: 0 0 0 3px rgb(77 208 225 / 0.5); }
.b-dock .b-coin.is-on:focus-visible { box-shadow: inset 0 0 0 1.5px var(--color-match), 0 0 0 3px rgb(77 208 225 / 0.5); }
.b-dock :focus:not(:focus-visible), .d-panel :focus:not(:focus-visible) { outline: none; }
.d-sec { margin-top: 18px; }
.d-sec__h { font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-main); margin-bottom: 10px; }
.d-sec__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.d-sec .chip { background: transparent; }
@media (hover: hover) { .d-sec .chip:hover { border-color: rgb(77 208 225 / 0.45); } }
.d-sec .chip .chip__t { white-space: pre; }
.chip--more { color: var(--color-main); border-style: dashed; }
.foot-d { margin-bottom: 0; }
.foot .lock-c__mark svg { width: 28px; }
.foot .lock-c__word { font-size: 18px; }
.foot .lock-c__cur { width: 8px; height: 16px; }
.r2-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; cursor: pointer; overflow: hidden; }
.r2-card { overflow: visible; }
.r2-body { min-width: 0; }
.r2-top-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.r2-lang { font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; color: var(--foreground); border: 1px solid rgb(255 255 255 / 0.28); border-radius: 6px; padding: 0 5px; line-height: 18px; cursor: default; }
.r2-outlets { font-size: 13px; color: var(--foreground); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgb(255 255 255 / 0.3); transition: color .2s; }
.r2-outlets:hover { color: var(--color-main); text-decoration-color: currentColor; }
.it-r2 .it-b__node { transition: none; }
.r2-locked, .r2-locked body { overflow: hidden; }
.r2-ov { position: fixed; inset: 0; z-index: 70; background: rgb(3 7 18 / 0.72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: flex; }
.r2-panel { position: relative; background: #0b0f19; border: 1px solid var(--border); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 40px 120px -30px rgb(0 0 0 / 0.9); }
.r2-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px 14px 28px; border-bottom: 1px solid var(--border); flex: none; }
.r2-top__l { display: flex; align-items: center; gap: 14px; }
.r2-top__t { font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); }
.r2-top__r { display: flex; align-items: center; gap: 10px; margin-left: auto; flex: none; }
.r2-share { position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 6px; border: 0; background: none; color: rgb(255 255 255 / 0.72); cursor: pointer; transition: color .15s; -webkit-tap-highlight-color: transparent; }
.r2-share:hover { color: #fff; }
.r2-share:focus { outline: none; }
.r2-share:focus-visible .r2-share__f { box-shadow: 0 0 0 3px rgb(238 255 65 / 0.45); }
.r2-share__f { display: inline-flex; align-items: center; gap: 7px; border-radius: 6px; }
.r2-share svg { width: 14px; height: 14px; flex: none; }
.r2-share__w { font: 500 11px/1 var(--font-mono), ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; }
.r2-note { margin-right: -2px; min-height: 1em; font-family: var(--font-mono), ui-monospace, monospace; font-size: 12.5px; letter-spacing: .02em; line-height: 1; color: var(--color-main); white-space: nowrap; transition: opacity .2s; }
.r2-note.is-gone { opacity: 0; }
.r2-said { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.r2-top .r2-link { flex: 1 1 200px; min-width: 0; padding: 7px 12px; border: 1px solid rgb(255 255 255 / 0.25); border-radius: 999px; background: rgb(255 255 255 / 0.04); color: #fff; font: inherit; font-size: 13px; outline: none; }
.r2-top .r2-link:focus { border-color: var(--color-main); }
.r2-top.is-linking .r2-top__l { display: none; }
@media (max-width: 767px) {
  .r2-top__r { gap: 14px; }
  .r2-note { margin-right: 2px; font-size: 12px; }
  .r2-top.is-typing .r2-top__l { display: none; }
}
.r2-scroll { overflow-y: auto; padding: 24px 28px 32px; }
.r2-hero { border-radius: 14px; overflow: hidden; margin-bottom: 22px; aspect-ratio: 16 / 7; background: radial-gradient(90% 120% at 18% 12%, rgb(238 255 65 / 0.13), rgb(238 255 65 / 0) 60%), radial-gradient(80% 100% at 85% 90%, rgb(120 140 255 / 0.10), rgb(120 140 255 / 0) 65%), #0f1422; }
.r2-hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.r2-hero[data-state="loading"] img { opacity: 0; filter: blur(18px); transform: scale(1.05); }
.r2-h { display: block; font-size: 26px; line-height: 1.3; font-weight: 600; letter-spacing: -0.015em; text-wrap: balance; transition: color .2s; }
.r2-h:hover { color: var(--color-main); }
.r2-orig { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: rgb(255 255 255 / 0.04); border: 1px solid var(--border); }
.r2-orig__k { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--color-main); }
.r2-orig__t { margin: 6px 0 0; font-size: 16px; line-height: 1.5; color: var(--foreground); }
.r2-desc { margin: 16px 0 0; font-size: 16px; line-height: 1.65; color: oklch(0.86 0 0); }
.r2-meta { margin-top: 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.r2-go { display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border-radius: 999px; background: var(--color-main); color: #111; font-size: 14px; font-weight: 600; transition: background-color .2s; }
.r2-go:hover { background: var(--color-second); }
.r2-by { font-size: 14px; color: var(--muted-foreground); }
.r2-tags { margin-top: 14px; }
.r2-sec { margin-top: 28px; }
.r2-sec__h { font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-main); }
.r2-outl .r2-sec__h { margin-bottom: 8px; }
.r2-outl__list { list-style: none; margin: 0; padding: 0; }
.r2-outl__i { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; padding: 10px 0; border-top: 1px solid var(--border); align-items: baseline; }
.r2-outl__src { font-size: 13px; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r2-outl__t { font-size: 15px; line-height: 1.45; transition: color .2s; }
.r2-outl__t:hover { color: var(--color-main); }
.r2-chart { padding: 18px; border-radius: 16px; border: 1px solid var(--border); background: rgb(255 255 255 / 0.02); }
.r2-chart__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.r2-chart__head { margin-top: 14px; }
.r2-chart__box { height: 240px; margin-top: 6px; }
.r2-chart__box--big { height: 300px; }
.r2-win { display: inline-flex; padding: 3px; border-radius: 999px; background: rgb(255 255 255 / 0.05); border: 1px solid var(--border); }
.r2-win__b { height: 28px; padding: 0 12px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; color: var(--foreground); transition: background-color .2s, color .2s; }
.r2-win__b:hover { color: var(--color-main); }
.r2-win__b.is-on { background: var(--color-main); color: #111; }
.r2-read { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.r2-read__coin { display: flex; align-items: center; gap: 8px; }
.r2-read__name { font-size: 15px; font-weight: 500; }
.r2-read__tick { font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); }
.r2-read__v { display: flex; align-items: baseline; gap: 10px; }
.r2-read__price { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.r2-read__chg { font-family: var(--font-mono); font-size: 12px; }
.r2-read__chg.up { color: var(--color-main); }
.r2-read__chg.down { color: #ff90c6; }
.r2-read__chg.flat { color: var(--foreground); }
.r2-slide { display: flex; align-items: center; gap: 6px; }
.r2-slide__b { width: 32px; height: 32px; border: 1px solid var(--border); }
.r2-dots { display: flex; gap: 6px; padding: 0 4px; }
.r2-dot { width: 8px; height: 8px; border-radius: 999px; background: rgb(255 255 255 / 0.25); transition: background-color .2s; }
.r2-dot.is-on { background: var(--color-main); }
.r2-chart--slide .r2-chart__bar { margin-top: 10px; }
.r2-chart--slide .r2-chart__head { margin-top: 0; }
.r2-ov--C { align-items: center; justify-content: center; padding: 32px; }
.r2-ov--C .r2-panel { width: min(1240px, 100%); max-height: calc(100vh - 64px); border-radius: 22px; }
.r2-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 32px; align-items: start; }
.r2-cols--one { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.r2-col--chart { position: sticky; top: 0; }
.r2-col--chart .r2-chart { margin-top: 0; }
.r2-panel:focus { outline: none; }
.r2-top-left .r2-lang, .r2-top__l .r2-lang { font-size: 11px; font-weight: 500; letter-spacing: .08em; color: oklch(0.9 0 0); border-color: rgb(255 255 255 / 0.42); line-height: 17px; padding: 0 6px; }
.r2-ov--narrow .r2-panel { width: min(760px, 100%); }
.imp-hit { position: absolute; left: 0; right: 0; top: 0; height: 12px; padding: 0; display: block; z-index: 2; cursor: default; }
.imp-track { position: absolute; left: 0; right: 0; top: 0; height: 2px; display: block; }
.imp-fill { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, rgb(238 255 65 / 0.35), var(--color-main)); border-radius: 0 2px 2px 0; }
.imp-hit--panel { top: 0; }
@keyframes nvIn { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes nvTint { 0% { background-color: rgb(238 255 65 / 0.16); } 100% { background-color: rgb(3 7 18 / 0.6); } }
@keyframes npIn { from { opacity: 0; transform: translate(-50%, -8px) scale(.96); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } }
@keyframes npBump { 0% { transform: translate(-50%, 0) scale(1); } 40% { transform: translate(-50%, 0) scale(1.08); } 100% { transform: translate(-50%, 0) scale(1); } }
.np { position: fixed; left: 50%; top: 92px; transform: translateX(-50%); z-index: 40; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; animation: npIn .25s ease-out both; }
.np--B { height: 30px; min-width: 240px; justify-content: center; padding: 0 26px 0 20px; border-radius: 999px; background: rgb(17 17 17 / 0.82); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgb(255 255 255 / 0.16); color: var(--foreground); font-size: 13px; font-weight: 500; }
.np--B:hover { border-color: rgb(238 255 65 / 0.4); }
.np__dot { width: 8px; height: 8px; border-radius: 999px; background: var(--color-main); animation: live 2.4s ease-out infinite; }
h3.it-d__h { margin: 6px 0 0; }
.r2-card:hover .it-d__h { color: var(--color-main); }
.r2-card:focus-visible { outline: 2px solid rgb(238 255 65 / 0.6); outline-offset: 2px; }
.r2-src { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.it-r2.is-new { animation: nvIn .45s ease-out both; }
.it-r2.is-new .it-d__card { animation: nvTint 3.5s ease-out both; }
.np--bump { animation: npBump .35s ease-out; }
.imp-fill { width: 6%; }
.imp-fill.w6 { width: 6%; }
.imp-fill.w7 { width: 7%; }
.imp-fill.w8 { width: 8%; }
.imp-fill.w9 { width: 9%; }
.imp-fill.w10 { width: 10%; }
.imp-fill.w11 { width: 11%; }
.imp-fill.w12 { width: 12%; }
.imp-fill.w13 { width: 13%; }
.imp-fill.w14 { width: 14%; }
.imp-fill.w15 { width: 15%; }
.imp-fill.w16 { width: 16%; }
.imp-fill.w17 { width: 17%; }
.imp-fill.w18 { width: 18%; }
.imp-fill.w19 { width: 19%; }
.imp-fill.w20 { width: 20%; }
.imp-fill.w21 { width: 21%; }
.imp-fill.w22 { width: 22%; }
.imp-fill.w23 { width: 23%; }
.imp-fill.w24 { width: 24%; }
.imp-fill.w25 { width: 25%; }
.imp-fill.w26 { width: 26%; }
.imp-fill.w27 { width: 27%; }
.imp-fill.w28 { width: 28%; }
.imp-fill.w29 { width: 29%; }
.imp-fill.w30 { width: 30%; }
.imp-fill.w31 { width: 31%; }
.imp-fill.w32 { width: 32%; }
.imp-fill.w33 { width: 33%; }
.imp-fill.w34 { width: 34%; }
.imp-fill.w35 { width: 35%; }
.imp-fill.w36 { width: 36%; }
.imp-fill.w37 { width: 37%; }
.imp-fill.w38 { width: 38%; }
.imp-fill.w39 { width: 39%; }
.imp-fill.w40 { width: 40%; }
.imp-fill.w41 { width: 41%; }
.imp-fill.w42 { width: 42%; }
.imp-fill.w43 { width: 43%; }
.imp-fill.w44 { width: 44%; }
.imp-fill.w45 { width: 45%; }
.imp-fill.w46 { width: 46%; }
.imp-fill.w47 { width: 47%; }
.imp-fill.w48 { width: 48%; }
.imp-fill.w49 { width: 49%; }
.imp-fill.w50 { width: 50%; }
.imp-fill.w51 { width: 51%; }
.imp-fill.w52 { width: 52%; }
.imp-fill.w53 { width: 53%; }
.imp-fill.w54 { width: 54%; }
.imp-fill.w55 { width: 55%; }
.imp-fill.w56 { width: 56%; }
.imp-fill.w57 { width: 57%; }
.imp-fill.w58 { width: 58%; }
.imp-fill.w59 { width: 59%; }
.imp-fill.w60 { width: 60%; }
.imp-fill.w61 { width: 61%; }
.imp-fill.w62 { width: 62%; }
.imp-fill.w63 { width: 63%; }
.imp-fill.w64 { width: 64%; }
.imp-fill.w65 { width: 65%; }
.imp-fill.w66 { width: 66%; }
.imp-fill.w67 { width: 67%; }
.imp-fill.w68 { width: 68%; }
.imp-fill.w69 { width: 69%; }
.imp-fill.w70 { width: 70%; }
.imp-fill.w71 { width: 71%; }
.imp-fill.w72 { width: 72%; }
.imp-fill.w73 { width: 73%; }
.imp-fill.w74 { width: 74%; }
.imp-fill.w75 { width: 75%; }
.imp-fill.w76 { width: 76%; }
.imp-fill.w77 { width: 77%; }
.imp-fill.w78 { width: 78%; }
.imp-fill.w79 { width: 79%; }
.imp-fill.w80 { width: 80%; }
.imp-fill.w81 { width: 81%; }
.imp-fill.w82 { width: 82%; }
.imp-fill.w83 { width: 83%; }
.imp-fill.w84 { width: 84%; }
.imp-fill.w85 { width: 85%; }
.imp-fill.w86 { width: 86%; }
.imp-fill.w87 { width: 87%; }
.imp-fill.w88 { width: 88%; }
.imp-fill.w89 { width: 89%; }
.imp-fill.w90 { width: 90%; }
.imp-fill.w91 { width: 91%; }
.imp-fill.w92 { width: 92%; }
.imp-fill.w93 { width: 93%; }
.imp-fill.w94 { width: 94%; }
.imp-fill.w95 { width: 95%; }
.imp-fill.w96 { width: 96%; }
.imp-fill.w97 { width: 97%; }
.imp-fill.w98 { width: 98%; }
.imp-fill.w99 { width: 99%; }
.imp-fill.w100 { width: 100%; }
.coin-ico.s18 { width: 18px; height: 18px; }
.coin-ico.s20 { width: 20px; height: 20px; }
.coin-ico.s22 { width: 22px; height: 22px; }
.coin-ico.s24 { width: 24px; height: 24px; }
.coin-ico.s26 { width: 26px; height: 26px; }
.r2-chart .r2-read { min-height: 36px; }
.r2-chart__head:not(.is-cur), .r2-chart__note-t.r2-chart__if-empty:not(.is-cur) { display: none; }
.r2-chart__chg:has(.r2-chart__pct:empty) { display: none; }
.r2-chart__sk, .r2-chart__skbox, .r2-chart__note, .r2-chart__none, .r2-chart__hold { display: none; }
.r2-chart[data-state="failed"] .r2-chart__hold { display: flex; }
.r2-chart[data-state="loading"] .r2-chart__sk { display: flex; }
.r2-chart[data-state="loading"] .r2-chart__skbox { display: block; }
.r2-chart[data-state="loading"] .r2-chart__head, .r2-chart:not([data-state="ready"]) .r2-chart__box--big { display: none; }
.r2-chart[data-state="empty"] .r2-chart__note, .r2-chart[data-state="failed"] .r2-chart__note, .r2-chart[data-state="nowindow"] .r2-chart__note { display: flex; }
.r2-chart[data-state="empty"] .r2-read__v, .r2-chart[data-state="failed"] .r2-read__v, .r2-chart[data-state="nowindow"] .r2-read__v { display: none; }
.r2-chart:not([data-state="empty"]):not([data-state="nowindow"]) .r2-chart__if-empty, .r2-chart:not([data-state="failed"]) .r2-chart__if-failed { display: none; }
.r2-chart__sk .r2-read__coin { gap: 10px; }
.r2-sk { position: relative; overflow: hidden; display: block; background-color: #0f1422; background-image: linear-gradient(90deg, rgb(238 255 65 / 0.16), rgb(238 255 65 / 0.07)); }
.r2-sk--ico { width: 22px; height: 22px; border-radius: 999px; }
.r2-sk--name { width: 132px; height: 14px; border-radius: 8px; }
.r2-sk--price { width: 168px; height: 24px; border-radius: 8px; margin: 2px 0; }
.r2-chart__skbox { height: 300px; margin-top: 6px; padding: 12px 64px 26px 8px; }
.r2-sk--plot { width: 100%; height: 100%; border-radius: 10px; background-image: radial-gradient(90% 120% at 18% 12%, rgb(238 255 65 / 0.13), rgb(238 255 65 / 0) 60%), radial-gradient(80% 100% at 85% 90%, rgb(120 140 255 / 0.10), rgb(120 140 255 / 0) 65%); }
.r2-chart__note { position: relative; height: 274px; margin: 6px 0 36px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; text-align: center; background-image: linear-gradient(rgb(255 255 255 / 0.06) 1px, transparent 1px); background-size: 100% 25%; background-position: 0 12px; background-repeat: repeat-y; border-bottom: 1px solid rgb(255 255 255 / 0.12); }
.r2-chart__note-t { margin: 0; font-size: 15px; line-height: 1.5; color: var(--foreground); background: #0b0f19; padding: 2px 10px; border-radius: 8px; }
.r2-chart__fail { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.r2-chart__retry { font-size: 14px; font-weight: 500; color: var(--color-main); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgb(238 255 65 / 0.5); border-radius: 4px; }
.r2-chart__retry:hover { text-decoration-color: currentColor; }
.r2-chart__retry:focus-visible { outline: 2px solid rgb(238 255 65 / 0.6); outline-offset: 2px; }
.r2-chart__none { align-items: center; gap: 14px; }
.r2-chart__none-coins { display: flex; gap: 6px; flex: none; }
.r2-chart__none-coins:empty { display: none; }
.r2-chart__none-t { margin: 0; font-size: 15px; line-height: 1.5; color: var(--foreground); }
.r2-dot.is-cur { background: var(--color-main); }
.r2-tip:empty { display: none; }
.r2-tip { padding: 8px 10px; border-radius: 10px; background: #111; border: 1px solid rgb(255 255 255 / 0.12); color: #f5f5f5; font-size: 12px; line-height: 1.5; }
.r2-tip__t { display: block; font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); }
.r2-tip__v { display: block; font-size: 12px; font-weight: 600; color: #f5f5f5; font-variant-numeric: tabular-nums; }
.it-b { position: relative; }
.it-b:has(.ov-wrap:hover), .it-b:has(.ov-wrap.is-open), .it-b:focus-within { z-index: 6; }
.ov-coins { position: relative; gap: 0; }
.ov-coins .it-d__coin { width: 26px; height: 26px; }
.ov-coins .it-d__coin + .it-d__coin, .ov-coins .ov-wrap { margin-left: -5px; }
.ov-coins .coin-ico { box-shadow: 0 0 0 2px var(--ground); }
.ov-coins .it-d__coin:hover .coin-ico { box-shadow: 0 0 0 2px var(--ground), 0 0 0 3px rgb(238 255 65 / 0.4); }
.ov-coins .it-d__coin:hover { box-shadow: none; }
.ov-wrap { position: relative; display: inline-flex; align-items: center; flex: none; }
.ov { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; color: #fafafa; font-family: var(--font-sans); font-variant-numeric: tabular-nums; line-height: 1; cursor: pointer; transition: box-shadow .2s, color .2s, background-color .2s; }
.ov__n { font-size: 12px; font-weight: 600; letter-spacing: -0.01em; }
.ov--disc { width: 26px; height: 26px; border-radius: 999px; background: #1a202c; box-shadow: 0 0 0 2px var(--ground), inset 0 0 0 1px rgb(255 255 255 / 0.24); }
.ov--disc:hover, .ov-wrap.is-open .ov--disc { box-shadow: 0 0 0 2px var(--ground), inset 0 0 0 1px rgb(255 255 255 / 0.24), 0 0 0 3px rgb(238 255 65 / 0.55); }
.ov-tip { position: absolute; right: -6px; top: calc(100% + 10px); z-index: 20; min-width: 216px; max-width: min(280px, 80vw); max-height: 300px; overflow-y: auto; padding: 8px; border-radius: 12px; background: #111; border: 1px solid rgb(255 255 255 / 0.14); box-shadow: 0 18px 44px -12px rgb(0 0 0 / 0.85); text-align: left; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s; cursor: default; }
.ov-tip::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.ov-tip__h { display: block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--color-main); padding: 4px 8px 6px; }
.ov-tip__list { display: flex; flex-direction: column; }
.ov-tip__row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; border-radius: 8px; text-align: left; transition: background-color .2s; }
.ov-tip__row:hover { background: rgb(255 255 255 / 0.07); }
.ov-tip__name { font-size: 14px; font-weight: 500; color: var(--foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ov-tip__tick { margin-left: auto; padding-left: 10px; font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); }
.ov-wrap.is-open .ov-tip, .ov:focus-visible + .ov-tip { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) {
  .ov:hover + .ov-tip, .ov-tip:hover { opacity: 1; visibility: visible; transform: none; }
}
@media (max-width: 767px) {
  .ov-coins .it-d__coin { width: 22px; height: 22px; }
  .ov-coins .it-d__coin + .it-d__coin, .ov-coins .ov-wrap { margin-left: -4px; }
  .ov--disc { width: 22px; height: 22px; }
  .ov__n { font-size: 11px; }
  .foot { margin-bottom: 0; }
  .foot__in { padding: 32px 16px 48px; flex-direction: column; align-items: flex-start; }
  .foot__meta, .foot-b .foot__meta { flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; }
  .b-stars { display: none; }
  .b-main { padding: 0 12px 150px; }
  .b-active { padding: 14px 0 0 60px; }
  .b-stream::before { left: 47px; }
  .day-d { padding: 24px 0 10px 60px; }
  .it-b { grid-template-columns: 44px 1fr; column-gap: 16px; }
  .it-b__clock { font-size: 11px; padding-right: 4px; }
  .it-b__node { right: -6px; top: 27px; }
  .b-dock { left: 10px; right: 10px; bottom: 10px; transform: none; flex-direction: column; align-items: stretch; border-radius: 26px; gap: 6px; }
  .b-dock__areas { order: 2; overflow-x: auto; scrollbar-width: none; }
  .b-dock__areas::-webkit-scrollbar { display: none; }
  .b-pill { height: 34px; padding: 0 12px; }
  .b-dock__sep, .b-dock__coins { display: none; }
  .d-head__in { height: 64px; padding: 0 16px; gap: 10px; flex-wrap: nowrap; }
  .d-head .lock-c__mark svg { width: 24px; }
  .d-head .lock-c__word { font-size: 15px; }
  .d-head .lock-c__cur { width: 7px; height: 14px; margin-left: 4px; }
  .d-head .lock-c { gap: 8px; }
  .it-d__card { padding: 12px 14px 14px; border-radius: 14px; }
  .it-d__h { font-size: 16px; }
  .it-d__coin { width: 26px; height: 26px; }
  .it-d__coin .coin-ico { width: 22px !important; height: 22px !important; }
  .d-dock { flex-direction: row !important; border-radius: 999px !important; align-items: center !important; }
  .d-dock .b-dock__areas { order: 0; flex: 1; min-width: 0; mask-image: linear-gradient(to right, #000 85%, transparent); -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); }
  .d-dock .d-sep2 { display: block; }
  .hs { display: none; }
  .d-filter__sl { display: none; }
  .d-filter .d-filter__ln { display: block; width: 20px; height: 20px; }
  .d-lens { display: flex; align-items: center; position: absolute; z-index: 2; inset: -1px; gap: 12px; padding: 0 17px 0 20px; border-radius: 999px; border: 1px solid rgb(77 208 225 / 0.42); background: rgb(19 20 22); color: var(--foreground); cursor: text; clip-path: inset(0 0 0 calc(100% - 46px) round 999px); opacity: 0; pointer-events: none; transition: clip-path .56s cubic-bezier(.65, 0, .35, 1), opacity .18s ease .38s; }
  .d-dock.is-out .d-lens { clip-path: inset(0 round 999px); opacity: 1; pointer-events: auto; transition: clip-path .56s cubic-bezier(.65, 0, .35, 1), opacity .14s ease; }
  .d-dock.is-quick .d-lens { transition: none; }
  .d-lens__line { flex: 1; min-width: 0; display: flex; align-items: center; overflow: hidden; white-space: pre; font-size: 15px; line-height: 1; letter-spacing: .01em; }
  .d-lens__c { width: 1.5px; height: 18px; margin-left: 2px; flex: none; background: var(--color-match); }
  .d-lens__g { flex: none; width: 20px; height: 20px; color: var(--color-match); }
  .d-panel { padding: 0; align-items: flex-start; }
  .d-panel, html.dlg-filter .d-panel { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .d-panel::before { content: ''; position: absolute; inset: 0; background: rgb(3 7 18 / 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: opacity .26s ease; }
  .d-panel__in { position: relative; z-index: 1; }
  .d-panel.is-shut { pointer-events: none; }
  .d-panel.is-shut::before { opacity: 0; }
  .d-panel__in { --peek: 56px; width: 100%; height: calc(100% - var(--peek)); max-height: none; margin-top: var(--peek); border-bottom: 0; border-radius: 24px 24px 0 0; padding: 0 16px 28px; overscroll-behavior: contain; touch-action: pan-y; transform: translateY(var(--sy, 0px)); transition: transform .26s cubic-bezier(.2, .8, .2, 1); }
  .kb-fb .d-panel__in { height: calc(var(--kbh, 100%) - var(--peek)); margin-top: calc(var(--kbt, 0px) + var(--peek)); }
  .d-panel__in.is-drag { transition: none; }
  .d-panel__top { position: sticky; top: 0; z-index: 2; margin: 0 -16px; padding: 24px 16px 12px; background: #111; box-shadow: 0 12px 12px -12px rgb(0 0 0 / 0.9); touch-action: none; }
  .d-panel__top::before { content: ''; position: absolute; left: 50%; top: 9px; width: 38px; height: 4px; margin-left: -19px; border-radius: 4px; background: rgb(255 255 255 / 0.28); pointer-events: none; }
  .d-panel__close { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .d-panel__field .sf__input { caret-color: var(--color-match); }
  .d-panel__picked { margin-top: 4px; }
  .lock-c { gap: 8px; }
  .lock-c__mark svg { width: 28px; }
  .lock-c__word { font-size: 19px; }
  .lock-c__cur { width: 9px; height: 18px; }
  .r2-ov { padding: 0 !important; align-items: flex-end !important; justify-content: stretch !important; }
  .r2-ov .r2-panel { width: 100% !important; height: auto; max-height: 92vh; border-radius: 22px 22px 0 0 !important; border-width: 1px 0 0 0; }
  .r2-ov { transition: background-color .26s ease, -webkit-backdrop-filter .26s ease, backdrop-filter .26s ease; }
  .r2-ov.is-shut { pointer-events: none; background-color: rgb(3 7 18 / 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); }
  .r2-ov .r2-panel { touch-action: pan-y; transform: translateY(var(--sy, 0px)); transition: transform .26s cubic-bezier(.2, .8, .2, 1); }
  .r2-ov .r2-panel.is-drag { transition: none; }
  .r2-scroll { overscroll-behavior: contain; }
  .r2-top { padding: 10px 10px 10px 18px; }
  .r2-scroll { padding: 18px 18px 28px; }
  .r2-h { font-size: 21px; }
  .r2-desc { font-size: 15px; }
  .r2-cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .r2-col--chart { position: static; margin-top: 24px; }
  .r2-chart { padding: 14px; }
  .r2-chart__box { height: 200px; }
  .r2-chart__box--big { height: 220px; }
  .r2-outl__i { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .np { top: 76px; }
  .r2-chart__skbox { height: 220px; }
  .r2-chart__note { height: 194px; }
  .r2-chart .r2-read { min-height: 72px; align-content: flex-start; }
  .r2-chart .r2-read__v { flex-basis: 100%; }
  .r2-chart[data-state="empty"] > :not(.r2-chart__none), .r2-chart[data-state="failed"] > :not(.r2-chart__none) { display: none; }
  .r2-chart[data-state="empty"] .r2-chart__none, .r2-chart[data-state="failed"] .r2-chart__none { display: flex; }
}
@keyframes r2Fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes r2Rise { from { opacity: 0; transform: scale(.98); } to { opacity: 1; transform: none; } }
@keyframes r2Sheet { from { transform: translateY(100%); } to { transform: none; } }
.r2-ov--in { animation: r2Fade .15s ease-out both; }
.r2-ov--in .r2-panel { animation: r2Rise .17s ease-out both; }
@media (max-width: 767px) {
  .r2-ov--in .r2-panel { animation: r2Sheet .2s ease-out backwards; }
}
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: no-preference) {
  .r2-sk::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(90deg, rgb(238 255 65 / 0) 0%, rgb(238 255 65 / 0.07) 50%, rgb(238 255 65 / 0) 100%); background-size: 200% 100%; animation: shimmer 1.6s linear infinite; }
  .r2-chart[data-state="ready"] .r2-chart__box--big { animation: r2Fade .3s ease-out both; }
  .r2-hero img { transition: opacity .35s ease-out, filter .6s ease-out, transform .6s ease-out; }
}
@media (prefers-reduced-motion: reduce) {
  .ov-tip { transform: none; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .is-new .it-d__card { background-color: rgb(238 255 65 / 0.08) !important; }
  .is-new.is-settled .it-d__card { background-color: rgb(3 7 18 / 0.6) !important; }
}
.xg { display: block; width: 1em; height: 1em; flex: none; }
.xs, .xo { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; vertical-align: bottom; }
.xs .xg, .xo .xg { width: 12px; height: 12px; color: var(--foreground); }
.xs > span, .xo > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r2-outl__src .xo { color: var(--muted-foreground); }
.xp--frame { margin-top: 18px; padding: 16px 18px 14px; border: 1px solid var(--border); border-radius: 16px; background: rgb(255 255 255 / 0.02); }
.xf__head { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 0 12px; align-items: center; }
.xf__avl { display: block; width: 40px; height: 40px; border-radius: 999px; }
.xf__av { width: 40px; height: 40px; border-radius: 999px; display: block; object-fit: cover; }
.xav--none { background: rgb(255 255 255 / 0.08); }
.xf__who { min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.xf__n { font-size: 15px; font-weight: 600; color: var(--foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s; }
.xf__h { font-size: 14px; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s; }
.xf__n:hover, .xf__h:hover { color: var(--color-main); }
.xf__x { color: var(--foreground); display: inline-flex; }
.xf__x .xg { width: 18px; height: 18px; }
.xf__tr { margin-top: 12px; line-height: 1.4; }
.xf__time { font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); transition: color .2s; }
.xf__time:hover { color: var(--color-main); }
.xp__txt { position: relative; font-size: 16px; line-height: 1.65; color: oklch(0.86 0 0); }
.xf__head + .xp__txt { margin-top: 12px; }
.xp__t { margin: 12px 0 0; white-space: pre-line; overflow-wrap: anywhere; }
.xp__t:first-child { margin-top: 0; }
.xe { color: var(--color-main); text-decoration: none; text-underline-offset: 3px; }
.xe:hover { text-decoration: underline; }
.xl-fold:not(.is-open) { max-height: calc(1.65em * 8); overflow: hidden; }
.xl-fold--4:not(.is-open) { max-height: calc(1.65em * 4); }
.xl-fold:not(.is-open)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3.3em; background: linear-gradient(to bottom, rgb(16 20 30 / 0), #10141e); pointer-events: none; }
.xl-more { display: block; margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--color-main); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgb(238 255 65 / 0.5); }
.xl-more:hover { text-decoration-color: currentColor; }
.xtr { margin-top: 16px; padding: 12px 14px; border-radius: 12px; }
.xtr .r2-orig__k { display: block; }
.xtr .xp__txt { margin-top: 6px; font-size: 15px; color: var(--foreground); }
.xtr .xl-fold:not(.is-open)::after { background: linear-gradient(to bottom, rgb(26 29 39 / 0), #1a1d27); }
.xm { margin-top: 16px; display: grid; gap: 4px; border-radius: 14px; overflow: hidden; border: 1px solid var(--border); background: rgb(255 255 255 / 0.03); }
.xm__i { position: relative; display: block; min-height: 0; min-width: 0; }
.xm__i img { width: 100%; height: 100%; object-fit: cover; display: block; }
.xm--1 .xm__i img { height: auto; max-height: 460px; }
.xm--2 { grid-template-columns: 1fr 1fr; aspect-ratio: 16 / 9; }
.xm--3, .xm--4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 16 / 9; }
.xm--3 .xm__i:first-child { grid-row: span 2; }
.xm__play { position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 999px; background: rgb(3 7 18 / 0.7); border: 1px solid rgb(255 255 255 / 0.4); display: flex; align-items: center; justify-content: center; color: var(--foreground); }
.xm__play svg { width: 22px; height: 22px; margin-left: 3px; }
.xq { margin-top: 16px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 14px; background: rgb(255 255 255 / 0.02); transition: border-color .2s; }
.xq:hover { border-color: rgb(238 255 65 / 0.3); }
.xq__head { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 14px; color: var(--muted-foreground); }
.xq__head b { color: var(--foreground); font-weight: 600; }
.xq__head .xg { width: 12px; height: 12px; color: var(--foreground); }
.xq__txt { margin-top: 12px; font-size: 15px; line-height: 1.55; color: oklch(0.86 0 0); }
.xq__txt .xp__t + .xp__t { margin-top: 6px; }
.xt { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }
.xt__tog { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.4; color: var(--foreground); transition: color .2s; }
.xt__tog:hover { color: var(--color-main); }
.xt__tog svg { width: 16px; height: 16px; transition: transform .2s; }
.xt__tog[aria-expanded="true"] svg { transform: rotate(180deg); }
.xt__list { margin-top: 12px; }
.xt__node { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 12px; padding-top: 4px; }
.xt__node + .xt__node { margin-top: 14px; }
.xt__rail { position: relative; display: flex; justify-content: center; align-items: flex-start; }
.xt__rail::before { content: ""; position: absolute; top: -12px; height: 12px; left: 50%; width: 2px; margin-left: -1px; background: rgb(255 255 255 / 0.14); }
.xt__av { position: relative; width: 32px; height: 32px; border-radius: 999px; display: block; object-fit: cover; box-shadow: 0 0 0 3px #10141e; }
.xt__meta { font-size: 13px; line-height: 1.5; color: var(--muted-foreground); display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.xt__meta b { color: var(--foreground); font-weight: 500; }
.xt__meta a { transition: color .2s; }
.xt__meta a:hover { color: var(--color-main); }
.xt__b .xp__txt { margin-top: 4px; font-size: 15px; }
@media (max-width: 767px) {
  .xp--frame { padding: 14px 14px 12px; }
  .xp__txt { font-size: 15px; }
  .xm--1 .xm__i img { max-height: 360px; }
}
.ai { position: relative; border-radius: 28%; }
.ai img { display: block; }
.ai--plate { background: #f5f6f8; }
.ai--plate img { width: 76%; height: 76%; object-fit: contain; margin: auto; }
.ai--crop { background: transparent; }
.ai--crop img { object-fit: cover; }
.ai--crop::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.34); pointer-events: none; }
.ai--asis img { object-fit: contain; }
.ai--glyph { background: rgb(255 255 255 / 0.10); color: var(--foreground); }
.ai--glyph svg, .chip .ai--glyph svg { width: 58%; height: 58%; }
.a-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.a-chip { background: transparent; }
.a-chip:hover { border-color: rgb(238 255 65 / 0.3); }
.a-chip__tick { font-family: var(--font-mono); font-size: 12px; color: var(--muted-foreground); }
.sb { display: inline-flex; align-items: center; min-width: 0; max-width: calc(100% + 16px); padding: 1px 8px; margin: -2px -8px; border: 1px solid transparent; border-radius: 999px; vertical-align: bottom; white-space: nowrap; transition: border-color .2s, color .2s, background-color .2s; }
.sb .sb__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb .sb__g { display: none; width: 12px; height: 12px; flex: none; margin-left: 6px; color: var(--muted-foreground); }
.sb:hover, .sb:focus-visible { border-color: rgb(255 255 255 / 0.28); color: var(--foreground); background: rgb(255 255 255 / 0.04); margin-right: 0; }
.sb:hover .sb__g, .sb:focus-visible .sb__g { display: block; }
.sb:focus-visible { outline: 1px solid rgb(255 255 255 / 0.6); outline-offset: 2px; box-shadow: none; margin-right: 3px; }
.sb:focus:not(:focus-visible) { outline: none; }
.sb.is-match { border-color: var(--color-match); margin-right: 0; }
.r2-src:has(.sb), .r2-outl__src:has(.sb) { overflow: visible; }
.r2-src:has(.sb) { white-space: normal; overflow-wrap: anywhere; }
mark.hl { background: none; color: var(--color-match); }
.r2-card:hover mark.hl, .r2-h:hover mark.hl { color: var(--color-match); }
.chip--on, .d-sec .chip--on:hover { border-color: var(--color-match); color: var(--foreground); background: transparent; }
.chip--rm > svg:last-child { color: var(--muted-foreground); }
.b-coin.is-on { box-shadow: inset 0 0 0 1.5px var(--color-match); }
.it-c__tags__i.is-on, .it-c__tags__i.is-on:hover { color: var(--color-match); }
.it-d__coin.is-match { position: relative; z-index: 1; }
.ov-coins .it-d__coin.is-match .coin-ico, .ov-coins .it-d__coin.is-match:hover .coin-ico { box-shadow: 0 0 0 2px var(--ground), 0 0 0 3.5px var(--color-match); }
.sg { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; }
.sg svg { flex: none; }
.sg-kw, .sg-row { display: flex; align-items: center; gap: 14px; width: 100%; height: 52px; padding: 0 16px; border-radius: 16px; text-align: left; font-size: 16px; font-weight: 500; color: var(--foreground); transition: background-color .15s, border-color .15s; }
.sg-kw .sg-n { white-space: pre; }
.sg-ico { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 26px; height: 26px; border-radius: 999px; color: var(--foreground); background: rgb(255 255 255 / 0.08); }
.sg-ico svg { width: 56%; height: 56%; }
.sg-ico--x svg { width: 46%; height: 46%; }
.sg-ico--kw { background: rgb(255 255 255 / 0.12); }
.sg-ico--kw svg { width: 74%; height: 74%; }
.sg-kw.is-inert { color: var(--muted-foreground); cursor: default; }
.sg-kw.is-inert .sg-ico { background: transparent; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.25); color: var(--muted-foreground); }
.sg-kw.is-inert .sg-k { color: var(--muted-foreground); }
.sg-none { flex: none; font-size: 14px; font-weight: 400; color: rgb(255 255 255 / 0.78); }
.sg-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sg-t { flex: 0 20 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-mono); font-size: 13px; font-weight: 400; color: var(--muted-foreground); white-space: nowrap; }
.sg-k { flex: none; margin-left: auto; padding-left: 8px; font-family: var(--font-mono); font-size: 10px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--color-main); opacity: .8; }
.sg-kw.is-sel, .sg-row.is-sel { background: rgb(238 255 65 / 0.10); border-color: rgb(238 255 65 / 0.45); }
.sg-row.is-sel .sg-n { color: var(--color-main); }
.sg-kw.is-inert.is-sel { background: transparent; }
.sg-kw:focus-visible, .sg-row:focus-visible { border-radius: 16px; }
.ck-g { width: 14px; height: 14px; flex: none; }
.chip .ck-g { margin-left: -2px; }
.ck-av { width: 18px; height: 18px; border-radius: 999px; flex: none; margin-left: -5px; object-fit: cover; }
@media (max-width: 767px) {
  .sg-kw, .sg-row { height: 48px; font-size: 15px; }
}
:root {
  --w-bg: #111;
  --hair: rgb(255 255 255 / 0.1);
  --hair-2: rgb(255 255 255 / 0.18);
  --soft: rgb(255 255 255 / 0.8);
  --bad: #f87171;
  --air: #ff4a36;
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
}
.sk { position: relative; margin-left: auto; flex: none; display: flex; align-items: stretch; height: 46px; padding: 0 10px; }
.sk::before, .sk::after { content: ''; position: absolute; top: 0; bottom: 0; width: 9px; border: 1.5px solid var(--color-main); pointer-events: none; }
.sk::before { left: 0; border-right: 0; border-radius: 5px 0 0 5px; }
.sk::after { right: 0; border-left: 0; border-radius: 0 5px 5px 0; }
.sk__l { flex: none; overflow: hidden; display: flex; align-items: center; padding: 1px 18px 0 12px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; line-height: 1; color: rgb(255 255 255 / 0.82); white-space: nowrap; transition: width .48s cubic-bezier(0.2, 0.7, 0.2, 1), padding .48s; }
.sk__cs { display: flex; align-items: stretch; }
.sk__c { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 10px; padding: 0 18px 0 16px; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; color: var(--foreground); transition: color .15s; }
.sk__c::before { content: ''; position: absolute; left: 0; top: 13px; bottom: 13px; width: 1px; background: var(--hair-2); }
.sk__c::after { content: ''; position: absolute; z-index: -1; left: 1px; right: 0; top: 0; bottom: 0; background: linear-gradient(to top, rgb(238 255 65 / 0.26), rgb(238 255 65 / 0) 82%) no-repeat, linear-gradient(var(--color-main), var(--color-main)) no-repeat; background-size: 100% 100%, 100% 2px; background-position: 0 0, 0 100%; opacity: 0; transition: opacity .15s; }
.sk__c:hover { color: var(--color-main); }
.sk__c.is-open, .sk__c.is-hint { color: var(--foreground); }
.sk__c.is-open .sk__g, .sk__c.is-hint .sk__g { color: var(--color-main); }
.sk__c.is-open::after, .sk__c.is-hint::after { opacity: 1; }
.sk__c.is-open::before, .sk__c.is-open + .sk__c::before, .sk__c.is-hint::before, .sk__c.is-hint + .sk__c::before { opacity: 0; }
.sk__c:focus-visible { border-radius: 8px; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); }
.sk__g { flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sk__g-a { fill: var(--color-main); stroke: var(--color-main); stroke-width: 1.2; }
.sk__g-air { fill: var(--air); stroke: none; }
.sk__end, .sk__t { display: none; }
.sk__say { display: none; }
.sk__lit { font-weight: 600; color: var(--color-match); }
.sk__lw { transition: opacity .2s; }
.sk__tape { display: none; align-items: center; gap: 10px; min-width: 0; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .02em; line-height: 1; color: var(--color-main); white-space: nowrap; text-transform: none; }
.sk__ti { display: inline-flex; flex: none; color: var(--foreground); }
.sk__ti .sk__g { width: 18px; height: 18px; }
.sk__tt { transition: opacity .26s; }
.sk__tc { flex: none; width: 7px; height: 14px; background: var(--color-main); }
.sk.is-hint .sk__l { padding-left: 14px; padding-right: 18px; }
.sk.is-hint .sk__lw { display: none; }
.sk.is-hint .sk__tape { display: flex; }
.sk.is-fold .sk__tape { opacity: 0; transition: opacity .2s; }
.d-head__in.is-hint .hs { opacity: 0; overflow: hidden; padding: 0; border-width: 0; pointer-events: none; }
.d-head__in.is-back .hs { transition: opacity .32s ease .18s; }
.hint-meas { position: absolute; top: -99px; left: 0; visibility: hidden; white-space: nowrap; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .02em; }
@media (max-width: 767px) {
  .d-head__in--sub { flex-wrap: wrap; height: auto; min-height: 64px; row-gap: 0; }
  .d-head__in--sub .lock-c { min-height: 64px; }
  .sk__t { display: inline-flex; align-items: center; gap: 9px; margin-left: auto; margin-right: -4px; height: 44px; padding: 0 4px 0 12px; font-family: var(--font-mono); font-size: 13px; letter-spacing: .18em; text-transform: uppercase; line-height: 1; color: var(--color-main); white-space: nowrap; }
  .sk__t-w { padding-top: 1px; }
  .sk__t-ch { flex: none; width: 12px; height: 12px; fill: none; stroke: rgb(255 255 255 / 0.78); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .22s cubic-bezier(0.2, 0.7, 0.2, 1); }
  .sk__t.is-on .sk__t-ch { transform: rotate(180deg); }
  .sk__t:focus-visible { border-radius: 6px; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); }
  .sk { display: none; flex-basis: 100%; min-width: 0; height: 44px; margin: -2px 0 12px; padding: 0 0 0 7px; }
  .sk.is-shown { display: flex; }
  .sk::before { width: 7px; animation: skOpen .34s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .sk::after, .sk__l { display: none; }
  .sk__cs { flex: 1; min-width: 0; margin-right: -16px; padding-right: 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
  .sk__cs::-webkit-scrollbar { display: none; }
  .sk__c { flex: 1 0 auto; justify-content: center; gap: 9px; padding: 0 20px 0 18px; animation: skCell .26s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .sk__c:first-of-type::before { display: none; }
  .sk__c:nth-of-type(1) { animation-delay: .22s; }
  .sk__c:nth-of-type(2) { animation-delay: .16s; }
  .sk__c:nth-of-type(3) { animation-delay: .1s; }
  .sk__c:nth-of-type(4) { animation-delay: .04s; }
  .sk__end { display: block; flex: none; width: 7px; border: 1.5px solid var(--color-main); border-left: 0; border-radius: 0 5px 5px 0; }
  .sk { height: auto; }
  .sk__cs { overflow: visible; margin-right: 0; padding-right: 0; }
  .sk__c { flex: 1 1 0; min-width: 0; display: grid; grid-template-columns: auto 1fr; align-content: start; align-items: center; justify-content: stretch; column-gap: 8px; row-gap: 6px; padding: 12px 12px 13px 14px; white-space: normal; text-align: left; }
  .sk__c::before { top: 12px; bottom: 12px; }
  .sk__w { font-size: 16px; }
  .sk__say { display: block; grid-column: 1 / -1; font-size: 13.5px; line-height: 1.32; font-weight: 500; color: var(--foreground); }
}
@keyframes skOpen { from { left: calc(100% - 14px); } }
@keyframes skCell { from { opacity: 0; transform: translateX(14px); } }
@keyframes skShut { to { left: calc(100% - 14px); } }
@keyframes skCellOut { to { opacity: 0; transform: translateX(14px); } }
@media (max-width: 767px) {
  .sk.is-closing { pointer-events: none; }
  .sk.is-folding { overflow: hidden; min-height: 0; }
  .sk.is-closing::before { animation: skShut .3s cubic-bezier(0.6, 0, 0.8, 0.3) .06s both; }
  .sk.is-closing .sk__c { animation: skCellOut .2s cubic-bezier(0.6, 0, 0.8, 0.3) both; }
  .sk.is-closing .sk__c:nth-of-type(1) { animation-delay: 0s; }
  .sk.is-closing .sk__c:nth-of-type(2) { animation-delay: .06s; }
  .sk.is-closing .sk__c:nth-of-type(3) { animation-delay: .12s; }
  .sk.is-closing .sk__c:nth-of-type(4) { animation-delay: .18s; }
}
@media (prefers-reduced-motion: reduce) {
  .sk::before, .sk__c, .sk.is-closing::before, .sk.is-closing .sk__c { animation: none; }
  .sk__t-ch { transition: none; }
}
.dlg-open body { overflow: hidden; }
.dlg { position: fixed; inset: 0; z-index: 80; display: flex; padding: 16px; overflow-y: auto; scrollbar-width: thin; background: rgb(3 7 18 / 0.78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: dlgIn .25s ease-out both; }
.w { position: relative; margin: auto; flex: none; max-width: 100%; background: var(--w-bg); border: 1px solid rgb(255 255 255 / 0.13); border-radius: 24px; box-shadow: 0 40px 120px -30px #000; color: var(--foreground); animation: wIn .5s var(--ease) both; }
@keyframes dlgIn { from { opacity: 0; } }
@keyframes wIn { from { opacity: 0; transform: translateY(18px) scale(0.97); } }
.w:focus { outline: none; }
.w__top { display: flex; align-items: center; gap: 14px; height: 60px; padding: 0 14px; }
.w .w__back[hidden] { display: inline-flex !important; visibility: hidden; }
.w__x { margin-left: auto; }
.w__view { position: relative; overflow: hidden; transition: height .45s var(--ease); }
.pane { padding: 6px 32px 32px; }
.pane.is-out { position: absolute; left: 0; right: 0; top: 0; pointer-events: none; }
.w__h { margin: 0; font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; }
.w__p { margin: 10px 0 0; max-width: 46ch; font-size: 15px; line-height: 1.55; color: var(--soft); text-wrap: pretty; }
.addr { color: var(--foreground); font-weight: 600; margin-right: 10px; overflow-wrap: anywhere; }
.acts { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; margin-top: 24px; }
.consent { margin: 18px 0 0; font-size: 12.5px; line-height: 1.5; color: rgb(255 255 255 / 0.5); text-wrap: pretty; }
.consent__a { color: rgb(255 255 255 / 0.72); text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.35); text-underline-offset: 3px; }
.consent__a:hover { color: var(--foreground); text-decoration-color: var(--foreground); }
.consent + .acts, .consent + .lv__wire { margin-top: 10px; }
.go, .es-save { height: 40px; padding: 0 22px; border-radius: 999px; background: transparent; border: 1px solid var(--color-main); color: var(--color-main); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background-color .15s, color .15s; }
.go:hover, .go:active, .es-save:hover, .es-save:active { background: var(--color-main); color: #111; }
a.go { display: inline-flex; align-items: center; justify-content: center; }
.go:focus-visible, .es-save:focus-visible { box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); }
.go.is-off, .go.is-off:hover { background: transparent; border-color: rgb(255 255 255 / 0.28); color: rgb(255 255 255 / 0.62); cursor: default; }
.lk { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--foreground); text-decoration: underline; text-decoration-color: var(--color-main); text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
.lk:hover { color: var(--color-main); }
.lk:focus-visible { border-radius: 6px; }
.lk__g { width: 16px; height: 16px; color: var(--color-main); }
.lk--qr { margin-top: 18px; }
.tm { font-family: var(--font-mono); font-size: 13px; color: var(--soft); }
.nt { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; font-size: 14px; line-height: 1.45; color: var(--soft); }
.nt__g { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.nt--bad { color: #fca5a5; }
.nt--bad .nt__g { color: var(--bad); }
.nt--ok { color: var(--foreground); }
.nt--ok .nt__g { color: var(--color-main); }
.nt--wait { color: var(--foreground); }
.spin { width: 14px; height: 14px; flex: none; margin-top: 3px; border-radius: 50%; border: 2px solid rgb(255 255 255 / 0.2); border-top-color: var(--color-main); animation: spin .9s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.fld { display: flex; align-items: center; gap: 12px; height: 54px; margin-top: 20px; padding: 0 18px; border-radius: 14px; border: 1px solid var(--input); background: rgb(255 255 255 / 0.03); transition: border-color .2s; }
.fld:focus-within { border-color: var(--color-main); }
.fld.is-bad { border-color: rgb(248 113 113 / 0.75); }
.fld__g { width: 18px; height: 18px; flex: none; color: var(--soft); }
.fld__in { flex: 1; min-width: 0; height: 100%; background: transparent; border: 0; outline: 0; font-size: 17px; }
.fld__in:-webkit-autofill { -webkit-text-fill-color: var(--foreground); box-shadow: 0 0 0 40px var(--w-bg) inset; }
.cd { display: flex; gap: 10px; margin-top: 20px; }
.cd__b { width: 52px; height: 62px; min-width: 0; padding: 0; border-radius: 12px; border: 1px solid var(--input); background: rgb(255 255 255 / 0.03); text-align: center; font-family: var(--font-mono); font-size: 26px; font-weight: 600; outline: 0; caret-color: var(--color-main); transition: border-color .2s; }
.cd__b:focus { border-color: var(--color-main); }
.cd.is-bad .cd__b { border-color: rgb(248 113 113 / 0.75); color: #fca5a5; }
.cd.is-off .cd__b { opacity: 0.5; }
.qr { flex: none; width: 148px; height: 148px; overflow: hidden; background: #fff; border-radius: 16px; }
.qr svg { width: 100%; height: 100%; }
.tgq { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.tgq__c { margin: 0; max-width: 200px; text-align: center; font-size: 13px; line-height: 1.4; color: var(--soft); }
.dc { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 999px; border: 1px solid rgb(77 208 225 / 0.6); font-size: 13px; line-height: 1; white-space: nowrap; color: var(--foreground); }
.dc__i { width: 16px; height: 16px; margin-left: -4px; border-radius: 50%; overflow: hidden; flex: none; background: rgb(255 255 255 / 0.08); }
.dc__i img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dc__g { width: 13px; height: 13px; flex: none; }
.dc--area .dc__t, .chip--area .chip__t { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--color-main); }
.chip--area .chip__t { color: inherit; line-height: 1; padding-top: 1px; }
.ft, .ct { text-align: left; border: 1px solid var(--hair-2); background: rgb(255 255 255 / 0.03); transition: border-color .2s, background-color .2s, color .2s; }
.ft:hover, .ct:hover, .ft.is-picked, .ct.is-picked { border-color: rgb(238 255 65 / 0.7); background: rgb(238 255 65 / 0.05); }
.ft:focus-visible, .ct:focus-visible { border-radius: 18px; border-color: var(--color-main); }
.ft__n, .ct__n { display: block; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; }
.ft__d, .ct__d { display: block; font-size: 14px; line-height: 1.45; color: var(--soft); }
.ct__i { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgb(238 255 65 / 0.1); color: var(--color-main); }
.ct__i svg { width: 21px; height: 21px; }
.ok-i, .bad-i { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 50%; }
.ok-i { border: 1.5px solid var(--color-main); color: var(--color-main); }
.ok-i svg { width: 26px; height: 26px; stroke-width: 2.6; }
.bad-i { background: rgb(248 113 113 / 0.12); color: var(--bad); }
.bad-i svg { width: 26px; height: 26px; }
.rad { position: relative; width: 64px; height: 64px; margin-bottom: 18px; }
.rad__c { position: absolute; inset: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgb(238 255 65 / 0.12); color: var(--color-main); }
.rad__c svg { width: 20px; height: 20px; }
.rad__r { position: absolute; inset: 10px; border-radius: 50%; border: 1px solid rgb(238 255 65 / 0.5); animation: radar 2.8s ease-out infinite; }
.rad.is-still .rad__r { animation: none; inset: 0; border-color: rgb(255 255 255 / 0.2); border-style: dashed; }
.rad.is-still .rad__c { background: rgb(255 255 255 / 0.08); color: var(--foreground); }
@keyframes radar { from { transform: scale(1); opacity: 0.9; } to { transform: scale(1.55); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .rad__r { inset: 0; opacity: 0.5; } }
.w--tic { width: 900px; display: grid; grid-template-columns: 318px minmax(0, 1fr); min-height: 468px; overflow: hidden; }
.tk { position: relative; display: flex; flex-direction: column; padding: 24px 24px 22px; background: #0a0d15; border-right: 1px dashed rgb(255 255 255 / 0.22); }
.tk::before, .tk::after { content: ''; position: absolute; right: -11px; width: 20px; height: 20px; border-radius: 50%; background: #05080f; border: 1px solid rgb(255 255 255 / 0.13); }
.tk::before { top: -11px; }
.tk::after { bottom: -11px; }
.tk__h { display: flex; align-items: baseline; padding-bottom: 16px; font-family: var(--font-mono); font-size: 16px; letter-spacing: -0.02em; line-height: 1; }
.tk__q { color: var(--muted-foreground); }
.tk__s { color: var(--color-main); margin: 0 1px; }
.tk__w { font-weight: 700; }
.tk__dg { margin-left: auto; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--color-main); }
.tk__row { border-top: 1px solid var(--hair); }
.tk__row__in { display: flex; flex-direction: column; padding: 11px 0 12px; }
.tk__row__k { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; line-height: 1.3; color: rgb(255 255 255 / 0.82); }
.tk__row__v { margin-top: 3px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.tk__row__ph { width: 64px; height: 0; margin: 14px 0 9px; border-top: 2px dashed rgb(255 255 255 / 0.22); }
.tk__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.tk__row.is-fresh .tk__row__v { animation: print .7s var(--ease) both; }
@keyframes print { from { opacity: 0; transform: translateY(8px); color: var(--color-main); } 60% { color: var(--color-main); } }
.tk__stamp { align-self: flex-end; margin-top: auto; padding: 7px 14px 6px; border: 2px solid var(--color-main); border-radius: 7px; color: var(--color-main); font-family: var(--font-mono); font-size: 14px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; line-height: 1.2; transform: rotate(-7deg); animation: stamp .5s var(--ease) .25s both; }
@keyframes stamp { from { opacity: 0; transform: rotate(-7deg) scale(1.6); } }
.tk__well, .tk__edge { display: none; position: absolute; left: 0; right: 0; pointer-events: none; }
.tk:has(.tk__next:not([hidden])) { padding-bottom: 92px; }
.tk:has(.tk__next:not([hidden])) .tk__well, .tk:has(.tk__next:not([hidden])) .tk__edge { display: block; }
.tk__well { bottom: 0; height: 72px; background: #05070c; }
.tk__edge { z-index: 2; bottom: 58px; height: 24px; background: #0a0d15; border-bottom: 1px solid rgb(255 255 255 / 0.17); border-radius: 0 0 18px 18px; }
.tk__next { position: absolute; z-index: 1; left: 26px; right: 12px; bottom: 12px; height: 62px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 0 12px 9px 16px; border: 1.5px dashed rgb(255 255 255 / 0.42); border-radius: 14px; background: rgb(255 255 255 / 0.02); transition: border-color .2s, background-color .2s; animation: tkSlip .5s var(--ease) .35s both; }
.tk__next:hover, .tk__next:active, .tk__next:focus-visible { border-color: var(--color-main); background: rgb(238 255 65 / 0.05); }
.tk__next-r { display: flex; flex-direction: column; gap: 9px; padding-bottom: 6px; }
.tk__next-r i { display: block; width: 72px; height: 0; border-top: 2px dashed rgb(255 255 255 / 0.3); }
.tk__next-r i:last-child { width: 44px; }
.tk__next-p { width: 28px; height: 28px; padding: 6px; border-radius: 50%; border: 1px solid var(--color-main); color: var(--color-main); transition: background-color .2s, color .2s; }
.tk__next:hover .tk__next-p, .tk__next:active .tk__next-p { background: var(--color-main); color: #111; }
@keyframes tkSlip { from { opacity: 0; transform: translateY(-14px); } }
@media (prefers-reduced-motion: reduce) { .tk__next { animation: none; } }
.w--tic .w__main { display: flex; flex-direction: column; min-width: 0; }
.w--tic .w__view { margin: auto 0; }
.w--tic .w__main::after { content: ''; height: 28px; flex: none; }
.cnt { margin-left: auto; font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; color: var(--soft); }
.w--tic .w__x { margin-left: 0; }
.w__kind, .w__eye, .w__chips, .w__whole { display: none; }
.w--tic .pane { padding: 10px 44px 36px; }
.w--tic .w__h { font-size: 32px; }
.w--tic .tiles { display: grid; gap: 12px; margin-top: 22px; }
.w--tic .ft { display: flex; flex-direction: column; padding: 16px 18px 20px; border-radius: 16px; }
.tp { display: block; width: 100%; height: auto; margin-bottom: 14px; color: rgb(255 255 255 / 0.9); transition: color .2s; }
.ft:hover .tp, .ft.is-picked .tp { color: var(--color-main); }
.w--tic .ft__n { font-size: 24px; }
.w--tic .ft__d { margin-top: 6px; }
.w--tic .ct { display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; align-items: center; padding: 16px 18px; border-radius: 16px; }
.w--tic .ct__i { grid-row: 1 / span 2; }
.w--tic .ct__n { font-size: 20px; }
.w--tic .ct__d { margin-top: 3px; }
@media (min-width: 768px) {
  .w--tic .pane--tg { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; }
  .lk--qr, [data-on="phone"] { display: none; }
}
.w--tic .tgq__c { max-width: 148px; }
.w--tic .pane.is-out { animation: ticOut .2s ease-in both; }
.w--tic .pane.is-in.fwd { animation: ticInUp .44s var(--ease) .1s both; }
.w--tic .pane.is-in.bwd { animation: ticInDown .44s var(--ease) .1s both; }
@keyframes ticOut { to { opacity: 0; transform: scale(0.985); } }
@keyframes ticInUp { from { opacity: 0; transform: translateY(14px); } }
@keyframes ticInDown { from { opacity: 0; transform: translateY(-14px); } }
.w--tic.is-solo { width: 520px; grid-template-columns: minmax(0, 1fr); min-height: 0; }
.w--tic.is-solo .tk, .w--tic.is-solo .cnt { display: none; }
.w--tic.is-solo .w__x { margin-left: auto; }
.ft.is-picked .tp { color: var(--color-main); }
@media (max-width: 767px) {
  .dlg { padding: 10px; }
.w__top { height: 54px; padding: 0 10px; }
  .pane, .w--tic .pane { padding: 4px 18px 22px; }
  .w__h { font-size: 24px; }
  .acts { margin-top: 20px; }
  .go { height: 42px; }
  .cd { gap: 6px; }
  .cd__b { flex: 1 1 0; width: auto; max-width: 52px; height: 58px; font-size: 23px; }
  .tgq { margin-top: 18px; }
  .pane--tg { display: flex; flex-direction: column; }
  .lk--qr { align-self: center; }
  .pane--tg:not(.is-qr) .tgq, [data-on="wide"] { display: none; }
  .qr { width: 208px; height: 208px; }
}
.es-name { font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; }
.es-unsub { font-size: 14px; font-weight: 500; white-space: nowrap; text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.45); text-underline-offset: 5px; }
.es-unsub:hover { text-decoration-color: var(--bad); color: #fca5a5; }
.es-unsub:focus-visible { border-radius: 6px; }
.es-save { height: 36px; padding: 0 20px; }
.es-flag { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.es-flag i { width: 7px; height: 7px; border-radius: 50%; background: var(--color-main); }
.es-flag svg { width: 15px; height: 15px; color: var(--color-main); flex: none; }
.es-flag--ok { white-space: normal; }
.es-flag--bad { display: flex; align-items: flex-start; white-space: normal; line-height: 1.45; color: #fca5a5; }
.es-flag--bad svg { margin-top: 2px; color: var(--bad); }
.es-ask { font-size: 14px; font-weight: 600; }
.es-yes, .es-keep { height: 36px; padding: 0 16px; border-radius: 999px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.es-yes { border: 1px solid rgb(248 113 113 / 0.8); color: #fca5a5; }
.es-yes:hover { background: rgb(248 113 113 / 0.12); }
.es-keep { padding: 0 6px; text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.45); text-underline-offset: 5px; }
.es-keep:focus-visible { border-radius: 6px; }
.es-go { height: 36px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--color-main); color: var(--color-main); font-size: 14px; font-weight: 600; white-space: nowrap; transition: background-color .15s, color .15s; }
.es-go:hover, .es-go:active { background: var(--color-main); color: #111; }
.es-go:focus-visible { box-shadow: 0 0 0 3px rgb(238 255 65 / 0.5); }
.es-drop { height: 36px; padding: 0 6px; border-radius: 999px; font-size: 14px; font-weight: 600; white-space: nowrap; color: #fca5a5; text-decoration: underline; text-decoration-color: rgb(248 113 113 / 0.6); text-underline-offset: 5px; }
.es-drop:focus-visible { border-radius: 6px; }
.es-leave .es-ask { color: var(--foreground); }
.es-leave .es-ask::before { content: ''; display: inline-block; width: 7px; height: 7px; margin: 0 8px 1px 0; border-radius: 50%; background: var(--color-main); }
.es .es-close { position: absolute; z-index: 2; top: 8px; right: 8px; width: 32px; height: 32px; color: rgb(255 255 255 / 0.7); }
.es .es-close svg { width: 16px; height: 16px; }
.es .es-close:hover { color: var(--foreground); background: rgb(255 255 255 / 0.08); }
.es-acts { display: flex; align-items: center; gap: 16px; }
.es-msg { display: flex; align-items: center; gap: 12px; width: 100%; }
.es-mi { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: none; border-radius: 50%; background: rgb(238 255 65 / 0.12); color: var(--color-main); }
.es-mi svg { width: 16px; height: 16px; }
.es-mi--bad { background: rgb(248 113 113 / 0.12); color: var(--bad); }
.es-mt { font-size: 14.5px; line-height: 1.4; color: var(--soft); }
.es-mt b { font-weight: 600; color: var(--foreground); }
.es-x { margin-left: auto; }
.es--b1 { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; margin: 24px 0 2px 116px; overflow: hidden; border-radius: 18px; border: 1px solid var(--hair-2); background: rgb(255 255 255 / 0.03); }
.es--b1::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--color-main); }
.es-eye { display: block; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; line-height: 1.3; color: var(--color-main); }
.es-id { display: flex; flex-direction: column; justify-content: center; padding: 18px 28px 18px 26px; border-right: 1px dashed rgb(255 255 255 / 0.2); }
.es--b1 .es-name { margin-top: 6px; font-size: 22px; line-height: 1.15; letter-spacing: -0.02em; }
.es--b1 .es-chan { margin-top: 4px; max-width: 190px; font-size: 14px; line-height: 1.4; color: var(--soft); }
.es-mid { min-width: 0; padding: 18px 22px; }
.es--b1 .b-active { padding: 10px 0 0; }
.es--b1 .es-flag { margin-top: 12px; }
.es--b1 .es-acts { flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-width: 248px; padding: 34px 22px 18px; border-left: 1px solid var(--hair); text-align: center; }
.es-main, .es-sure { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.es-pair { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.es-none { display: none; margin-top: 10px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.b-active[hidden] + .es-none { display: block; }
.es-flagbox { display: block; }
.es--b1.es--msg { display: flex; padding: 14px 16px 14px 20px; }
@media (max-width: 767px) {
  .es-acts, .es-main, .es-sure { gap: 12px; }
  .es--b1 { grid-template-columns: minmax(0, 1fr); margin: 16px 0 0; }
  .es-id { padding: 16px 46px 14px 20px; border-right: 0; border-bottom: 1px dashed rgb(255 255 255 / 0.2); }
  .es-mid { padding: 14px 18px 16px 20px; }
  .es--b1 .es-acts { min-width: 0; padding: 18px 18px 20px; border-left: 0; border-top: 1px solid var(--hair); }
  .es--b1.es--msg { padding-left: 14px; }
  .es .es-close { top: 6px; right: 6px; width: 36px; height: 36px; }
}
.wl { width: 204px; }
.wl__line { display: grid; grid-template-columns: repeat(7, 1fr); }
.wl__day { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--color-main); transition: color .2s; }
.wl__day svg { display: block; width: 100%; height: auto; }
.wl__t { font-family: var(--font-mono); font-size: 9.5px; line-height: 1; color: var(--foreground); }
.wl__off { display: none; }
.wl__words { display: flex; justify-content: space-between; margin-top: 9px; }
.wl__o { padding: 3px 2px 5px; font-size: 13px; font-weight: 500; line-height: 1.3; color: rgb(255 255 255 / 0.78); }
.wl__o:focus-visible { border-radius: 6px; }
.wl__o.is-on { color: var(--foreground); font-weight: 700; box-shadow: inset 0 -2px var(--color-main); }
.sl { width: 344px; }
.sl__line { position: relative; display: flex; justify-content: space-between; align-items: flex-start; }
.sl__rail, .sl__lit { position: absolute; top: 10px; left: var(--a, 0px); height: 1.5px; margin-top: -0.75px; pointer-events: none; }
.sl__rail { width: var(--all, 0px); background: rgb(255 255 255 / 0.26); }
.sl__lit { left: var(--c, 0px); width: var(--on, 0px); height: 2px; margin-top: -1px; background: var(--color-main); box-shadow: 0 0 10px rgb(238 255 65 / 0.45); transition: left .34s var(--ease), width .34s var(--ease); }
.sl:not([data-on]) .sl__lit { display: none; }
.sl__st { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 0 0 4px; color: rgb(255 255 255 / 0.62); transition: color .2s; }
.sl__st:focus-visible { border-radius: 8px; }
.sl__st.is-in { color: var(--foreground); }
.sl__dot { display: block; width: 9px; height: 9px; margin: 5.5px 0 8.5px; border-radius: 50%; border: 1.5px solid rgb(255 255 255 / 0.5); background: #0b0d14; transition: background-color .2s, border-color .2s, transform .2s, box-shadow .2s; }
.sl__st.is-in .sl__dot { border-color: var(--color-main); background: var(--color-main); }
.sl__st.is-edge .sl__dot { transform: scale(1.35); box-shadow: 0 0 0 4px rgb(238 255 65 / 0.16); }
.sl[data-warn] .sl__st.is-edge .sl__dot { border-color: var(--air); background: var(--air); box-shadow: 0 0 0 4px rgb(255 74 54 / 0.2); }
.sl__nm { display: block; font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: -0.005em; white-space: nowrap; text-align: center; }
.sl__nm::after { content: attr(data-t); display: block; height: 0; overflow: hidden; visibility: hidden; font-weight: 700; }
.sl__st.is-edge .sl__nm { font-weight: 700; color: var(--color-main); }
.sl__st.is-over.is-edge .sl__nm, .sl__st.is-over:focus-visible .sl__nm { color: var(--air); }
@media (hover: hover) {
  .sl__st:hover { color: var(--foreground); }
  .sl__st:not(.is-in):hover .sl__dot { border-color: var(--foreground); }
  .sl__st.is-over:hover .sl__dot { border-color: var(--air); }
  .sl__st.is-over:hover .sl__nm { color: var(--air); }
}
.sl__fig { display: none; }
.sl__fig, .sl__read { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sl__read { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; height: 44px; margin-top: 4px; padding-top: 9px; border-top: 1px solid var(--hair); text-align: left; }
.sl__read-f { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; color: var(--color-main); }
.sl__read-n { font-size: 30px; font-weight: 600; letter-spacing: -0.04em; line-height: 30px; }
.sl__read-u { font-size: 14px; font-weight: 600; line-height: 30px; }
.sl__read-p { font-size: 13px; font-weight: 600; letter-spacing: -0.005em; line-height: 30px; white-space: nowrap; color: var(--foreground); }
.sl__read.is-warn .sl__read-f { color: var(--air); }
@media (max-width: 767px) {
  .es[data-kind="live"] .es-main { align-self: stretch; }
  .sl { display: flex; flex-direction: column; width: 100%; }
  .sl__read { order: -1; height: 48px; margin: 0 0 8px; padding: 6px 0 0; border-top: 0; border-bottom: 1px solid var(--hair); }
  .sl__line { flex-direction: column; align-items: stretch; }
  .sl__rail, .sl__lit { top: var(--a, 0px); left: 8.5px; width: 1.5px; height: var(--all, 0px); margin: 0 0 0 -0.75px; }
  .sl__lit { top: var(--c, 0px); width: 2px; height: var(--on, 0px); margin-left: -1px; transition: top .34s var(--ease), height .34s var(--ease); }
  .sl__st { flex-direction: row; align-items: center; height: 44px; padding: 0; text-align: left; }
  .sl__dot { flex: none; margin: 0 15px 0 4px; }
  .sl__nm { font-size: 15.5px; font-weight: 600; letter-spacing: -0.015em; text-align: left; }
  .sl__nm::after { content: none; }
  .sl__st.is-edge .sl__nm { font-weight: 600; }
  .sl__fig { display: block; margin-left: auto; padding-left: 12px; font-size: 13px; font-weight: 500; line-height: 1.3; }
  .sl__st.is-edge .sl__fig { font-weight: 700; color: var(--color-main); }
  .sl__st.is-over .sl__fig { font-weight: 700; color: var(--air); }
  .sl__st.is-over .sl__dot { border-color: var(--air); }
  .sl__st.is-over.is-in .sl__dot { background: var(--air); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .es[data-kind="live"] .es-id { padding-left: 22px; padding-right: 14px; }
  .es[data-kind="live"] .es-name { font-size: 19px; }
  .es[data-kind="live"] .es-mid { padding-left: 16px; padding-right: 16px; }
  .es[data-kind="live"] .es-acts { padding-left: 14px; padding-right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl__lit, .sl__dot { transition: none; }
}
@media (min-width: 768px) {
  [data-sub-window] { top: var(--head, 77px); }
}
@media (max-width: 900px) {
  [data-sub-window] { top: 0; padding: 0; background: var(--ground); }
  .w--tic, .w--tic.is-solo { display: flex; flex-direction: column; width: 100%; height: 100vh; height: 100dvh; min-height: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; animation-name: dlgIn; }
  .w--tic .w__main { display: contents; }
  .w--tic .w__top { order: -1; position: sticky; top: 0; z-index: 5; flex: none; height: 44px; gap: 10px; padding: 0 6px 0 44px; background: var(--w-bg); }
  .w--tic .w__back { position: absolute; left: 4px; top: 50%; margin-top: -18px; }
  .w--tic .w__kind { display: block; position: absolute; left: 14px; top: 50%; margin-top: -10px; color: var(--foreground); }
  .w--tic .w__top:has(.w__back:not([hidden])) .w__kind { display: none; }
  .w--tic .w__eye { display: block; flex: none; font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; line-height: 1; color: var(--color-main); }
  .w--tic .w__chips { display: flex; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .w__chips::-webkit-scrollbar { display: none; }
  .w__chips > * { flex: none; }
  .w__chips.has-more { -webkit-mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); }
  .w--tic .w__whole { display: block; flex: none; font-size: 14px; color: var(--soft); }
  .w--tic .cnt { display: none; }
  .w--tic .w__x, .w--tic.is-solo .w__x { margin-left: auto; }
  .w--tic .tk { flex: none; }
  .w--tic .w__view { flex: none; order: 2; width: 100%; margin: 0 0 auto; }
  .w--tic::before { content: ''; order: 1; flex: 0 1 28px; }
  .tk { padding: 12px 18px 6px; border-right: 0; border-bottom: 1px dashed rgb(255 255 255 / 0.22); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
  .tk::before, .tk::after { top: auto; bottom: -11px; }
  .tk::before { left: -11px; right: auto; }
  .tk__h, .tk__row--src, .tk__row--first, .tk__row:nth-child(4) { grid-column: 1 / -1; }
  .tk__row:nth-child(3), .tk__row:nth-child(5) { order: 1; }
  .tk__row:nth-child(4) { order: 2; }
  .tk__row--first { order: 3; }
  .tk__h { padding-bottom: 10px; font-size: 14px; }
  .tk__row__in { padding: 7px 0 8px; }
  .tk__row__v { font-size: 15px; }
  .tk__row__ph { width: 40px; }
  .pane[data-pane="ceiling"] .bad-i, .pane--tg.is-qr .w__p { display: none; }
  .pane[data-pane="ceiling"] .w__h { font-size: 20px; line-height: 1.2; }
  .tk__stamp { grid-column: 1 / -1; order: 4; justify-self: end; margin: 0 0 14px; font-size: 11px; padding: 5px 9px 4px; }
  .w--tic .ft { padding: 12px 14px 16px; }
  .w--tic .ft__n { font-size: 21px; }
  .w--tic .tiles--chan { margin-top: 16px; }
  .w--tic .w__main::after { display: none; }
  .tk:has(.tk__next:not([hidden])) { padding-bottom: 6px; }
  .tk:has(.tk__next:not([hidden])) .tk__well, .tk:has(.tk__next:not([hidden])) .tk__edge { display: none; }
  .tk__next { position: relative; left: auto; right: auto; bottom: auto; grid-column: 1 / -1; order: 5; height: 50px; margin: 0 0 8px; align-items: center; padding-top: 0; padding-bottom: 0; }
  .tk__next-r { padding-bottom: 0; }
  .w--tic .pane--tg.is-qr .tgq { margin-top: 10px; }
  .w--tic .pane--tg.is-qr .qr { width: 164px; height: 164px; }
}
.dlg--lv { top: var(--head, 77px); }
.lv { --left: #0e1014; --right: #07090f; --pw: 404px; width: 1080px; height: 704px; display: flex; flex-direction: column; border-radius: 22px; background: linear-gradient(90deg, var(--left) 0, var(--left) calc(100% - var(--pw)), var(--right) calc(100% - var(--pw))); animation: lvIn .45s var(--ease) both; }
@keyframes lvIn { from { opacity: 0; transform: translateY(16px); } }
.lv__top { position: relative; z-index: 4; flex: none; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 12px 0 46px; }
.lv__back { position: absolute; left: 5px; top: 50%; margin: -18px 0 0; }
.lv__lamp { position: absolute; left: 13px; top: 50%; margin-top: -10px; color: var(--foreground); }
.lv__top.has-back .lv__lamp { display: none; }
.lv__eye { flex: none; font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; line-height: 1; color: var(--color-main); }
.lv__chips { display: flex; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.lv__chips::-webkit-scrollbar { display: none; }
.lv__chips > * { flex: none; }
.lv__chips.has-more { -webkit-mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); }
.lv__whole { flex: none; font-size: 15px; font-weight: 600; color: var(--color-match); }
.lv__kept { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; line-height: 1; color: var(--soft); white-space: nowrap; }
.lv__kept svg { width: 13px; height: 13px; stroke-width: 2.6; color: var(--color-main); }
.lv__x { margin-left: auto; }
.lv__body { position: relative; flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) var(--pw); }
.lv__pane { grid-column: 1; grid-row: 1; align-self: center; min-width: 0; padding: 0 40px 44px; }
.lv__pane.is-in > * { animation: lvUp .42s var(--ease) both; }
.lv__pane.is-in.bwd > * { animation-name: lvDown; }
.lv__lvl.is-in > *, .lv__done.is-in > *, .lv__lvl.is-in.bwd > *, .lv__done.is-in.bwd > * { animation-name: lvFade; }
@keyframes lvUp { from { opacity: 0; transform: translateY(12px); } }
@keyframes lvDown { from { opacity: 0; transform: translateY(-12px); } }
@keyframes lvFade { from { opacity: 0; } }
.lv.is-fill :is(.lv__st .lv__fig, .lv__hl, .lv__mt, .lv__feed, .lv__rail, .lv__read) { animation: lvFade var(--lv-fill, .26s) ease-out both; }
.lv__h { margin: 0; font-size: 27px; line-height: 1.14; font-weight: 600; letter-spacing: -0.025em; text-wrap: balance; }
.lv__p { margin: 12px 0 0; max-width: 44ch; font-size: 15px; line-height: 1.55; color: var(--soft); text-wrap: pretty; }
.lv__lvl { position: relative; align-self: stretch; padding-top: 2px; padding-bottom: 0; }
.lv__steps { position: relative; list-style: none; margin: 18px 0 0; padding: 0 0 0 30px; }
.lv__steps::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 1px; background: rgb(255 255 255 / 0.2); }
.lv__rail { position: absolute; z-index: 1; left: 7.5px; top: var(--rt, 0px); bottom: 0; width: 2px; background: var(--color-main); box-shadow: 0 0 10px rgb(238 255 65 / 0.45); transition: top .34s var(--ease); pointer-events: none; }
.lv__st { position: relative; }
.lv__st::before { content: ''; position: absolute; z-index: 2; left: -26px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; border: 1.5px solid rgb(255 255 255 / 0.5); background: var(--left); transition: background-color .2s, border-color .2s, transform .2s; }
.lv__st.is-in::before { border-color: var(--color-main); background: var(--color-main); }
.lv__st.is-edge::before { transform: scale(1.35); box-shadow: 0 0 0 4px rgb(238 255 65 / 0.16); }
.lv__pick { position: relative; isolation: isolate; display: grid; grid-template-columns: 172px minmax(0, 1fr); column-gap: 20px; align-items: center; width: 100%; height: 124px; padding: 13px 20px 15px 0; text-align: left; color: rgb(255 255 255 / 0.5); transition: color .2s; }
.lv__pick:focus-visible { border-radius: 10px; box-shadow: inset 0 0 0 2px rgb(238 255 65 / 0.6); }
.lv__st.is-in .lv__pick { color: var(--foreground); }
.lv__fig { display: flex; flex-flow: row wrap; align-items: baseline; gap: 0 5px; min-width: 0; line-height: 1.1; white-space: nowrap; font-size: 14px; font-weight: 600; }
.lv__fig-n { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.lv__fig-u { font-size: 14px; font-weight: 500; }
.lv__fig-p { display: none; }
.lv__st.is-edge .lv__fig { flex-direction: column; align-items: flex-start; gap: 0; }
.lv__st.is-edge .lv__fig-n { font-size: 34px; font-weight: 500; letter-spacing: -0.04em; line-height: .95; color: var(--color-main); }
.lv__st.is-edge .lv__fig-u { margin-top: 5px; font-size: 14px; font-weight: 600; }
.lv__st.is-warn .lv__fig-n { font-size: 50px; font-weight: 700; letter-spacing: -0.05em; color: var(--air); }
.lv__st.is-warn .lv__fig-u { font-size: 15px; font-weight: 700; color: var(--air); }
.lv__st.is-warn .lv__fig-p { display: block; margin-top: 5px; font-size: 12.5px; font-weight: 600; letter-spacing: -0.005em; color: var(--foreground); }
.lv__st.is-warn::before { border-color: var(--air); background: var(--air); box-shadow: 0 0 0 4px color-mix(in srgb, var(--air) 20%, transparent); }
.lv__st.is-warn .lv__nm { color: var(--foreground); }
.lv__up { display: none; position: absolute; z-index: 3; left: -32px; top: -11px; width: 22px; height: 22px; border-radius: 50%; background: var(--left); box-shadow: 0 0 0 1.5px var(--color-main); color: var(--color-main); animation: lvFall 1.25s var(--ease) infinite; }
.lv__up svg { display: block; width: 100%; height: 100%; }
.lv__st.is-next .lv__up { display: block; }
@keyframes lvFall { 0% { transform: translateY(-4px); } 50% { transform: translateY(4px); } 100% { transform: translateY(-4px); } }
.lv__st.is-next .lv__fig, .lv__st.is-next .lv__nm { color: var(--color-main); }
.lv__st.is-next .lv__fig-n { font-size: 22px; font-weight: 650; letter-spacing: -0.03em; }
.lv__st.is-next .lv__fig-u { font-size: 14.5px; font-weight: 600; }
.lv__st.is-next::before { border-color: var(--color-main); background: var(--left); animation: lvRing 1.25s ease-out infinite; }
@keyframes lvRing { 0% { box-shadow: 0 0 0 0 rgb(238 255 65 / 0.6); } 100% { box-shadow: 0 0 0 9px rgb(238 255 65 / 0); } }
.lv__st.is-next .lv__nm { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
.lv__txt { display: flex; flex-direction: column; min-width: 0; }
.lv__nm { font-size: 19px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; transition: color .2s; }
.lv__st.is-edge .lv__nm { color: var(--color-main); }
.lv__st.is-edge.is-warn .lv__nm { color: var(--foreground); }
.lv__hl { margin-top: 5px; font-size: 14.5px; line-height: 1.38; font-weight: 450; letter-spacing: -0.003em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.lv__st.is-in .lv__hl { color: rgb(255 255 255 / 0.92); }
.lv__mt { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 5px; font-size: 12.5px; line-height: 1.4; }
.lv__st.is-in .lv__mt { color: rgb(255 255 255 / 0.74); }
.lv__mt > * + *::before { content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 8px 3px 0; border-radius: 50%; background: currentColor; opacity: .7; }
.lv__mt-d { padding: 0 6px; border: 1px solid currentColor; border-radius: 4px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.6; }
.lv__st.is-in .lv__mt-d { color: var(--color-main); }
.lv__mt-d + *::before, .lv__mt > [hidden] + *::before { display: none; }
.lv__foot { position: absolute; z-index: 3; right: 34px; bottom: 20px; display: flex; align-items: center; gap: 16px; height: 38px; }
.lv__foot .nt { margin: 0; max-width: 300px; }
.lv__read { display: none; }
.lv__go { position: relative; flex: none; display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 14px; border: 1px solid var(--color-main); border-radius: 5px; background: rgb(238 255 65 / 0.04); color: var(--color-main); font-family: var(--font-mono); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; line-height: 1; white-space: nowrap; transition: background-color .15s, color .15s, border-color .15s; }
.lv__go::before { content: ''; position: absolute; inset: -4px; }
.lv__go svg { width: 15px; height: 11px; transition: transform .2s var(--ease); }
.lv__go:hover, .lv__go:active { background: var(--color-main); color: #111; }
.lv__go:hover svg { transform: translateX(3px); }
.lv__go:focus-visible { border-radius: 5px; box-shadow: 0 0 0 3px rgb(238 255 65 / 0.45); }
.lv__foot.is-warn .lv__go { border-color: rgb(255 255 255 / 0.45); background: transparent; color: var(--foreground); }
.lv__foot.is-warn .lv__go:hover, .lv__foot.is-warn .lv__go:active { border-color: var(--foreground); background: var(--foreground); color: #111; }
.lv__tape { position: absolute; z-index: 2; left: var(--x, 0px); top: var(--y, 0px); width: var(--wd, 0px); height: 24px; margin-top: -12px; color: var(--color-main); pointer-events: none; transition: top .34s var(--ease); }
.lv__tape svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.lv__tape.is-drawn svg { animation: lvDraw .5s var(--ease) both; }
@keyframes lvDraw { from { clip-path: inset(-8px 100% -8px 0); } to { clip-path: inset(-8px 0 -8px 0); } }
.lv__tape.is-warn { color: var(--air); }
.lv[data-step="done"] .lv__tape svg { animation: lvFlow 2.4s linear infinite; -webkit-mask: linear-gradient(90deg, #000 0, #000 34%, rgb(0 0 0 / 0.35) 50%, #000 66%, #000 100%) 0 0 / 300% 100%; mask: linear-gradient(90deg, #000 0, #000 34%, rgb(0 0 0 / 0.35) 50%, #000 66%, #000 100%) 0 0 / 300% 100%; }
@keyframes lvFlow { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } }
.lv__qr .qr { width: 132px; height: 132px; border-radius: 12px; }
.lv__qr .tgq__c { max-width: 132px; }
.lv [data-on="phone"], .lv__qrlink { display: none; }
.lv__wire { display: flex; align-items: center; margin-top: 30px; }
.lv__run { position: relative; flex: 1; height: 24px; margin-right: calc(-40px - (var(--pw) - 286px) / 2); background: linear-gradient(var(--color-main), var(--color-main)) no-repeat 0 50% / 100% 1px; }
.lv__run::after { content: ''; position: absolute; right: -3px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--color-main); }
.lv__wire.is-waiting .lv__run { background-image: repeating-linear-gradient(90deg, rgb(238 255 65 / 0.55) 0 5px, transparent 5px 11px); }
.lv__run-p { position: absolute; left: 0; top: 50%; width: 2px; height: 16px; margin-top: -8px; background: var(--color-main); box-shadow: 5px 0 0 -0.5px rgb(238 255 65 / 0.7), 10px 3px 0 -0.5px rgb(238 255 65 / 0.4); opacity: 0; animation: lvBeat 2.7s cubic-bezier(.4, .1, .6, .9) infinite; }
.lv__run-p:nth-child(2) { animation-delay: .9s; }
.lv__run-p:nth-child(3) { animation-delay: 1.8s; }
@keyframes lvBeat { 0% { left: 0; opacity: 0; } 10% { opacity: 1; } 86% { opacity: 1; } 100% { left: calc(100% - 6px); opacity: 0; } }
.lv__check { margin-top: 20px; min-height: 44px; }
.lv__say { min-height: 34px; padding-top: 12px; }
.lv__say .nt { margin: 0; }
.lv__rec { position: relative; margin-top: 26px; padding-left: 30px; }
.lv__rec::before { content: ''; position: absolute; left: 7.5px; top: -10px; bottom: 26px; width: 2px; background: var(--color-main); box-shadow: 0 0 10px rgb(238 255 65 / 0.45); }
.lv__rec:has(.lv__more[hidden])::before { bottom: 0; }
.lv__rec-row { display: grid; grid-template-columns: 172px minmax(0, 1fr); column-gap: 22px; align-items: center; min-height: 92px; padding: 8px 0 22px; }
.lv__rec-row .lv__fig-n, .lv__rec-row .lv__nm { color: var(--color-main); }
.lv__rec-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.lv__rec-whole { margin-top: 9px; font-size: 14px; color: var(--soft); }
.lv__more { position: relative; display: flex; align-items: center; width: 100%; height: 52px; margin-left: -30px; color: var(--color-main); animation: lvUp .5s var(--ease) .3s both; }
.lv__more svg { flex: none; width: 17px; height: 17px; padding: 6px; box-sizing: content-box; margin-left: -6px; border-radius: 50%; border: 1px solid var(--color-main); background: var(--left); transition: background-color .2s, color .2s; }
.lv__more i { flex: 1; height: 0; margin-left: 10px; border-top: 1.5px dashed rgb(255 255 255 / 0.4); transition: border-color .2s; }
.lv__more:hover svg, .lv__more:active svg { background: var(--color-main); color: #111; }
.lv__more:hover i { border-color: var(--color-main); }
.lv__more:focus-visible { border-radius: 8px; }
.lv__end { display: flex; justify-content: center; margin-top: 26px; }
.lv__held, .held { position: relative; list-style: none; margin: 22px 0 0; padding: 0 0 0 30px; }
.lv__held::before, .held::before { content: ''; position: absolute; left: 7.5px; top: 0; bottom: 0; width: 2px; background: var(--color-main); }
.lv__held li, .held li { position: relative; border-bottom: 1px solid var(--color-main); }
.lv__held li::before, .held li::before { content: ''; position: absolute; left: -26px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--color-main); }
.lv__held-b, .held__b { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; align-items: center; width: 100%; min-height: 68px; padding: 10px 6px 10px 0; text-align: left; }
.lv__held-b:focus-visible, .held__b:focus-visible { border-radius: 10px; }
.lv__held-n, .held__n { font-size: 18px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.25; transition: color .2s; }
.lv__held-f, .held__f { grid-column: 1; font-size: 14px; line-height: 1.4; color: var(--soft); }
.lv__held-b svg, .held__b svg { grid-column: 2; grid-row: 1 / span 2; width: 18px; height: 18px; color: rgb(255 255 255 / 0.75); transition: color .2s, transform .2s; }
.lv__held-b:hover .lv__held-n, .lv__held-b:hover svg, .held__b:hover .held__n, .held__b:hover svg { color: var(--color-main); }
.lv__held-b:hover svg, .held__b:hover svg { transform: translateX(3px); }
.held__b { min-height: 58px; padding: 7px 6px 7px 0; }
.lv__right { grid-column: 2; grid-row: 1; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 0 34px; min-width: 0; }
.lv__phone { position: relative; z-index: 3; flex: none; width: 286px; height: 548px; padding: 8px; border: 1px solid rgb(255 255 255 / 0.22); border-radius: 40px; background: #04060a; box-shadow: 0 30px 80px -30px #000; }
.lv__phone-ear { position: absolute; z-index: 1; left: 50%; top: 17px; width: 50px; height: 5px; margin-left: -25px; border-radius: 3px; background: rgb(255 255 255 / 0.16); }
.lv__chat { display: flex; flex-direction: column; height: 100%; border-radius: 32px; background: #0a0d14; overflow: hidden; }
.lv__chat-top { flex: none; display: flex; align-items: center; gap: 9px; padding: 28px 14px 10px; border-bottom: 1px solid var(--hair); background: #0d1119; }
.lv__chat-av { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #1b2330; }
.lv__chat-av svg { width: 62%; }
.lv__chat-who { display: flex; flex-direction: column; line-height: 1.25; }
.lv__chat-who b { font-size: 13.5px; font-weight: 600; letter-spacing: -0.01em; }
.lv__chat-who span { font-size: 11.5px; color: var(--soft); }
.lv__chat-body { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0 9px 10px; overflow: hidden; }
.lv__sc, .lv__ghost { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.lv__ghost { position: absolute; pointer-events: none; }
.lv__chat-body.is-swap > .lv__ghost { animation: lvScrollOut var(--lv-chat, .4s) var(--ease) both; }
.lv__chat-body.is-swap > .lv__sc { animation: lvScrollIn var(--lv-chat, .4s) var(--ease) both; }
@keyframes lvScrollOut { to { transform: translateY(calc((100% + 10px) * var(--dir, 1))); } }
@keyframes lvScrollIn { from { transform: translateY(calc((-100% - 10px) * var(--dir, 1))); } }
.lv__chat-body.is-mid .lv__sc { justify-content: center; }
.lv__feed { position: relative; flex: 0 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.lv__feed.is-scroll { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.lv__feed.is-scroll::-webkit-scrollbar { display: none; }
.lv__feed.has-above { -webkit-mask-image: linear-gradient(transparent 0, #000 34px); mask-image: linear-gradient(transparent 0, #000 34px); }
.lv__feed:focus-visible { outline: none; border-radius: 10px; box-shadow: inset 0 0 0 2px rgb(238 255 65 / 0.6); }
.lv__day { flex: none; align-self: center; margin-top: 8px; padding: 2px 10px; border-radius: 999px; background: rgb(255 255 255 / 0.08); font-size: 11px; line-height: 1.5; color: rgb(255 255 255 / 0.86); }
.lv__b { flex: none; display: flex; flex-direction: column; max-width: 90%; margin-top: 6px; padding: 7px 10px 5px; font-size: 13px; line-height: 1.36; }
.lv__b--bot { align-self: flex-start; max-width: calc(100% - 12px); border-radius: 14px 14px 14px 4px; background: #19212d; }
.lv__b--me { align-self: flex-end; flex-direction: row; align-items: baseline; gap: 8px; border-radius: 14px 14px 4px 14px; background: rgb(77 208 225 / 0.18); font-family: var(--font-mono); font-size: 12.5px; }
.lv__b-s { font-size: 11.5px; font-weight: 600; line-height: 1.4; color: var(--color-match); }
.lv__b-s:empty { display: none; }
.lv__b-h { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.lv__b-l { display: block; font-weight: 400; }
.lv__b-l + .lv__b-l { margin-top: 6px; }
b.lv__b-l, .lv__b-l b { font-weight: 600; }
i.lv__b-l { color: var(--soft); }
.lv__b-at { align-self: flex-end; font-size: 10px; line-height: 1.5; color: rgb(255 255 255 / 0.66); }
.lv__about { align-self: center; max-width: 86%; padding: 12px 14px; border-radius: 14px; background: rgb(255 255 255 / 0.06); font-size: 12.5px; line-height: 1.45; text-align: center; color: var(--soft); }
.lv__about b { display: block; margin-bottom: 3px; font-weight: 600; color: var(--foreground); }
.lv__chat-bar { flex: none; display: flex; align-items: center; height: 46px; padding: 0 16px; border-top: 1px solid var(--hair); background: #0d1119; font-size: 13.5px; color: rgb(255 255 255 / 0.5); }
.lv__chat-bar.is-start { justify-content: center; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--color-match); }
.lv__chat-bar.is-waiting { animation: lvStart 1.6s ease-in-out infinite; }
@keyframes lvStart { 50% { background: rgb(77 208 225 / 0.16); } }
@media (min-width: 901px) {
  .lv__tg .lv__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 28px; align-items: center; }
  .lv__wire, .lv__tg .consent { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .dlg--lv { top: 0; padding: 0; background: var(--ground); }
  .lv { width: 100%; height: 100vh; height: 100dvh; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: var(--left); }
  .lv__top { height: 44px; gap: 10px; padding: 0 6px 0 44px; }
  .lv__back { left: 4px; }
  .lv__lamp { left: 14px; }
  .lv__body { display: flex; flex-direction: column; }
  .lv__pane { order: 3; flex: none; align-self: stretch; padding: 14px 18px 18px; }
  .lv__lvl { display: contents; }
  .lv__lvl .lv__h { display: none; }
  .lv__h { font-size: 20px; line-height: 1.2; }
  .lv__p { margin-top: 8px; font-size: 14.5px; }
  .lv__right { order: 2; flex: 1 1 0; display: block; min-height: 0; padding: 0; }
  .lv__phone { width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: none; }
  .lv__phone-ear { display: none; }
  .lv__chat { border-radius: 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); background: var(--right); }
  .lv__chat-top { gap: 8px; padding: 6px 18px 5px; }
  .lv__chat-av { width: 22px; height: 22px; }
  .lv__chat-who { flex-direction: row; align-items: baseline; gap: 6px; }
  .lv__chat-who b { font-size: 13px; }
  .lv__chat-body { padding: 0 18px 8px 40px; }
  .lv__chat-body.is-mid { padding-left: 18px; }
  .lv__chat-bar { display: none; }
  .lv__chat-bar.is-start { display: flex; height: 40px; }
  .lv__b { font-size: 13.5px; }
  .lv__b--bot { max-width: 90%; }
  .lv__about { max-width: 300px; font-size: 13.5px; }
  .lv__steps { order: 3; flex: none; margin: 0; padding: 0 18px 0 40px; }
  .lv__steps::before { left: 22px; }
  .lv__rail { left: 21.5px; }
  .lv__st::before { left: -21.5px; width: 7px; height: 7px; margin-top: -3.5px; }
  .lv__pick { grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; height: 44px; padding: 0; }
  .lv__st .lv__fig, .lv__st.is-edge .lv__fig { order: 2; flex-direction: row; align-items: baseline; gap: 0 4px; }
  .lv__st .lv__fig-n, .lv__st.is-edge .lv__fig-n, .lv__st.is-warn .lv__fig-n, .lv__st.is-next .lv__fig-n { font-size: 15px; font-weight: 650; letter-spacing: -0.02em; line-height: 1.1; }
  .lv__st .lv__fig-u, .lv__st.is-edge .lv__fig-u, .lv__st.is-warn .lv__fig-u, .lv__st.is-next .lv__fig-u { margin-top: 0; font-size: 11.5px; font-weight: 500; }
  .lv__st.is-warn .lv__fig-p, .lv__steps .lv__hl, .lv__steps .lv__mt { display: none; }
  .lv__steps .lv__nm { font-size: 16px; }
  .lv__up { left: -28.5px; top: -10px; width: 20px; height: 20px; }
  .lv__foot { order: 4; position: static; flex: none; justify-content: space-between; gap: 12px; height: 76px; padding: 0 16px 0 18px; }
  .lv__foot .nt { flex: 1; max-width: none; font-size: 13px; }
  .lv__foot.has-note .lv__read { display: none; }
  .lv__go { height: 40px; }
  .lv__read { display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; gap: 0 7px; margin: 0; min-width: 0; line-height: 1; }
  .lv__read .lv__fig-n { font-size: 30px; font-weight: 500; letter-spacing: -0.04em; color: var(--color-main); }
  .lv__read .lv__fig-u { font-size: 14px; font-weight: 600; }
  .lv__read .lv__fig-p { display: block; flex: 0 0 100%; margin-top: 3px; font-size: 12px; font-weight: 600; }
  .lv__read .lv__fig-p:empty { display: none; }
  .lv__read.is-warn .lv__fig-n { font-size: 38px; font-weight: 700; color: var(--air); }
  .lv__read.is-warn .lv__fig-u { font-weight: 700; color: var(--air); }
  .lv [data-on="wide"] { display: none; }
  .lv [data-on="phone"] { display: inline; }
  .lv__qr { display: none; margin-top: 10px; }
  .lv__tg.is-qr .lv__qr { display: flex; }
  .lv__tg.is-qr .lv__p { display: none; }
  .lv__qr .qr { width: 150px; height: 150px; }
  .lv__qr .tgq__c { max-width: 220px; }
  .lv__qrlink { display: inline-flex; margin-top: 6px; min-height: 44px; }
  .lv__wire { margin-top: 16px; }
  .lv__run { margin-right: -18px; }
  .lv__run::after, .lv__tg .lv__run { display: none; }
  .lv__check { margin-top: 12px; }
  .lv__rec { margin-top: 12px; padding-left: 22px; }
  .lv__rec::before { left: 3.5px; }
  .lv__rec-row { grid-template-columns: minmax(0, 1fr) auto; min-height: 66px; padding: 4px 0 14px; }
  .lv__rec-row .lv__fig { order: 2; align-items: flex-end; }
  .lv__more { margin-left: -22px; width: calc(100% + 22px); }
  .lv__more svg { margin-left: -10px; }
  .lv__held, .held { margin-top: 10px; padding-left: 22px; }
  .lv__held::before, .held::before { left: 3.5px; }
  .lv__held li::before, .held li::before { left: -22px; }
  .lv__held-b, .held__b { min-height: 56px; padding: 6px 6px 6px 0; }
  .held__b { min-height: 52px; }
  .lv__end { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .lv, .lv__pane.is-in > *, .lv__more, .lv__tape.is-drawn svg, .lv__up, .lv__st.is-next::before { animation: none; }
  .lv[data-step="done"] .lv__tape svg { animation: none; -webkit-mask: none; mask: none; }
  .lv__rail, .lv__tape { transition: none; }
  .lv__st.is-next::before { box-shadow: 0 0 0 5px rgb(238 255 65 / 0.25); }
  .lv__run-p { animation: none; opacity: 1; left: 22%; }
  .lv__run-p:nth-child(2) { left: 50%; opacity: .7; }
  .lv__run-p:nth-child(3) { left: 78%; opacity: .45; }
  .lv__chat-bar.is-waiting { animation: none; background: rgb(77 208 225 / 0.16); }
}
.ef { position: relative; flex: none; display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin: 0; padding: 2px 0 4px; border: 0; border-radius: 0; background: none; color: rgb(255 255 255 / 0.88); font: 400 13.5px/1.2 var(--font-mono); letter-spacing: .01em; text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ef__t { white-space: nowrap; text-decoration: underline; text-decoration-color: rgb(77 208 225 / 0.7); text-decoration-thickness: 1.5px; text-underline-offset: 6px; }
.ef svg { width: 18px; height: 18px; flex: none; color: var(--color-match); transition: transform .18s ease; }
.ef:hover svg { transform: translateX(3px); }
.ef:hover .ef__t { text-decoration-color: var(--color-match); }
.ef:focus { outline: none; }
.ef:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 3px; box-shadow: none; }
.w[data-made] .ef { visibility: hidden; }
.tk__row--src .tk__row__in { align-items: flex-start; padding: 13px 0 14px; }
.tk__row--src .tk__row__v { margin-top: 9px; font-size: 18px; color: var(--color-match); }
.tk__row--src .tk__chips { margin-top: 10px; }
.tk__row--src .ef { margin-top: 14px; }
.stub { position: fixed; z-index: 87; left: 50%; top: var(--stub-top, auto); display: flex; align-items: stretch; width: min(760px, calc(100vw - 32px)); height: 66px; transform: translateX(-50%); border-radius: 18px; border: 1px solid rgb(255 255 255 / 0.16); background: #111; box-shadow: 0 24px 60px -18px #000; cursor: pointer; animation: stubIn .26s var(--ease) both; }
@keyframes stubIn { from { opacity: 0; transform: translate(-50%, -8px); } }
.stub.is-flow { animation: none; transform-origin: 50% 0; }
.stub.is-going { pointer-events: none; }
.stub__tab { position: relative; flex: none; display: flex; align-items: center; gap: 12px; padding: 0 22px 0 18px; border-radius: 17px 0 0 17px; border-right: 1px dashed rgb(255 255 255 / 0.26); background: #0a0d15; }
.stub__tab::before, .stub__tab::after { content: ''; position: absolute; right: -10px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgb(255 255 255 / 0.16); background: #05080f; }
.stub__tab::before { top: -10px; }
.stub__tab::after { bottom: -10px; }
.stub__g { width: 22px; height: 22px; color: var(--foreground); }
.stub__id { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.stub__n { font: 700 11px/1 var(--font-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--color-main); }
.stub__st { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; line-height: 1.1; color: var(--foreground); }
.stub__body { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 0 10px 0 22px; }
.stub__chips { flex: 1; min-width: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
.stub__chips::-webkit-scrollbar { display: none; }
.stub__chips > * { flex: none; }
.stub__chips.has-more { -webkit-mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); }
.stub__whole { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; color: var(--color-match); }
.stub__go { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 18px; border-radius: 999px; border: 1px solid rgb(255 255 255 / 0.3); background: transparent; color: var(--foreground); font-size: 14px; font-weight: 600; cursor: pointer; transition: border-color .15s; }
.stub__go svg { width: 17px; height: 17px; }
.stub:hover .stub__go { border-color: #fff; }
.stub__go:focus { outline: none; }
.stub__go:focus-visible { border-color: #fff; box-shadow: 0 0 0 3px rgb(77 208 225 / 0.5); }
.es-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 14px; }
.es-head .ef { margin: -4px 0 0; }
.stub--back .stub__tab { cursor: pointer; }
.stub--back .stub__tab:focus { outline: none; }
.stub--back .stub__tab:focus-visible { outline: 2px solid var(--color-match); outline-offset: -4px; }
.stub--back .stub__g { color: var(--color-match); }
.stub--back .stub__st { max-width: 200px; }
.stub--back .stub__body { padding-right: 22px; }
.d-panel__back { display: none; }
html.dlg-filter .d-panel { z-index: 86; }
html.dlg-filter .dlg { pointer-events: none; }
html.dlg-filter .b-dock { visibility: hidden; }
@media (min-width: 768px) {
  html.dlg-filter .dlg { opacity: 0; }
  html.dlg-filter .d-panel { background: rgb(3 7 18 / 0.42); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); }
  html.dlg-filter .d-panel.is-top .d-panel__in { max-height: calc(100vh - var(--head, 77px) - 126px); animation: none; }
}
@media (max-width: 767px) {
  .stub { display: none; }
  .ef { gap: 4px; padding: 0; font-size: 12px; line-height: 1; letter-spacing: 0; color: rgb(255 255 255 / 0.78); }
  .ef__f { display: none; }
  .ef__t { text-decoration-thickness: 1px; text-decoration-color: rgb(77 208 225 / 0.75); text-underline-offset: 4px; }
  .ef svg { width: 12px; height: 12px; }
  .ef::after { content: ''; position: absolute; inset: -12px -10px; }
  .ef:focus-visible { outline: 1.5px solid var(--color-match); outline-offset: 3px; }
  .w--tic .w__chips, .w--tic .w__whole { display: none; }
  .tk__row--src .tk__row__in { flex-direction: row; align-items: center; gap: 10px; min-width: 0; min-height: 26px; padding: 9px 0; }
  .tk__row--src .tk__row__k { flex: none; font-size: 10px; letter-spacing: .16em; color: rgb(255 255 255 / 0.6); }
  .tk__row--src .tk__row__v { flex: 1; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; line-height: 1; }
  .tk__row--src .tk__chips { flex: 1; min-width: 0; flex-wrap: nowrap; gap: 5px; margin: 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
  .tk__row--src .tk__chips::-webkit-scrollbar { display: none; }
  .tk__row--src .tk__chips > * { flex: none; }
  .tk__row--src .tk__chips.has-more { -webkit-mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); mask: linear-gradient(90deg, #000 calc(100% - 18px), transparent); }
  .tk__row--src .tk__chips .dc, .lv__top .lv__chips .dc { gap: 4px; padding: 0 8px; font-size: 12px; }
  .tk__row--src .tk__chips .dc { height: 22px; }
  .lv__top .lv__chips .dc { height: 24px; }
  .tk__row--src .tk__chips :is(.dc__i, .dc__g), .lv__top .lv__chips :is(.dc__i, .dc__g) { width: 12px; height: 12px; }
  .tk__row--src .tk__chips .dc--area .dc__t, .lv__top .lv__chips .dc--area .dc__t { font-size: 10px; }
  .tk__row--src .ef { margin: 0 0 0 auto; }
  .lv__whole { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
  .lv__top .ef { margin-left: 2px; }
  .es-head .ef { margin: -4px 0 0; padding: 4px 0; }
  .es-head .ef .ef__f { display: inline; }
  html.dlg-filter .d-panel__in { display: flex; flex-direction: column; padding-bottom: 0; }
  .d-panel__back { position: sticky; bottom: 0; z-index: 2; flex: none; display: flex; align-items: center; justify-content: center; gap: 8px; margin: auto -16px 0; height: calc(58px + env(safe-area-inset-bottom)); padding: 0 18px calc(12px + env(safe-area-inset-bottom)); border: 0; border-top: 1px solid rgb(255 255 255 / 0.08); border-radius: 0; background: #0b0d12; color: rgb(255 255 255 / 0.78); font: 400 13px/1 var(--font-mono); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .d-panel__back svg { width: 14px; height: 14px; flex: none; color: var(--color-match); }
  .d-panel__back span { white-space: nowrap; text-decoration: underline; text-decoration-color: rgb(77 208 225 / 0.75); text-decoration-thickness: 1px; text-underline-offset: 4px; }
  .d-panel__back:focus { outline: none; }
  .d-panel__back:focus-visible { outline: 1.5px solid var(--color-match); outline-offset: -3px; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .stub, .ef svg { animation: none; transition: none; }
}

.pane--freq .w__h { margin-bottom: 0; }
.r-body { margin-top: 20px; }

.r-keys { position: relative; display: grid; }
.r-keys--seam { grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 18px; }
.w--tic .r-keys--seam .r-ft { padding-bottom: 26px; }
.r-keys--seam .r-ft--daily { border-radius: 16px 0 0 16px; }
.r-keys--seam .r-ft--weekly { border-radius: 0 16px 16px 0; margin-left: -1px; }
.r-keys--seam .r-ft--daily.is-picked { z-index: 1; }
.r-keys--seam .r-ft:focus-visible { position: relative; z-index: 2; }
.r-keys--seam .r-ft--daily:focus-visible { border-radius: 16px 0 0 16px; }
.r-keys--seam .r-ft--weekly:focus-visible { border-radius: 0 16px 16px 0; }
.r-ft .tp { margin-bottom: 12px; }
.r-seam { position: absolute; z-index: 3; left: 50%; bottom: -18px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--hair-2); background: var(--w-bg); font-size: 14.5px; font-weight: 600; white-space: nowrap; transition: border-color .15s, background-color .15s, color .15s; }
.r-seam::before, .r-seam::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: rgb(255 255 255 / 0.55); transition: background-color .15s; }
.r-seam:hover { border-color: rgb(238 255 65 / 0.7); }
.r-seam:hover::before, .r-seam:hover::after { background: var(--color-main); }
.r-keys--seam:has(.r-seam:hover) .r-ft { border-color: rgb(238 255 65 / 0.45); }
.r-seam.is-picked, .r-seam[aria-pressed="true"] { background: var(--color-main); border-color: var(--color-main); color: #111; }
.r-seam.is-picked::before, .r-seam.is-picked::after, .r-seam[aria-pressed="true"]::before, .r-seam[aria-pressed="true"]::after { background: #111; }
.r-acts { margin-top: 24px; justify-content: flex-end; }
@media (max-width: 767px) { .r-acts { justify-content: center; margin-top: 36px; } .r-next { width: min(100%, 260px); justify-content: center; } }

.r-sen { margin: 0; font-size: 19px; line-height: 1.75; color: var(--soft); text-wrap: pretty; }
.rs-sen { margin-top: 22px; line-height: 2; }
.r-keys--seam + .rs-sen { margin-top: 30px; }
.r-nw { white-space: nowrap; }
.rs-sen[data-pick="daily"] .rs-p--w, .rs-sen[data-pick="weekly"] .rs-p--d, .rs-sen[data-pick="daily"] .rs-join { display: none; }
.rs-sen:not([data-pick="daily"]) .rs-dot, .rs-sen[data-pick="weekly"] .rs-low, .rs-sen:not([data-pick="weekly"]) .rs-cap { display: none; }
.r-v { padding: 0 1px; font-family: var(--font-mono); font-size: 17.5px; font-weight: 600; color: var(--foreground); line-height: inherit; border-radius: 4px; text-decoration: underline dotted rgb(255 255 255 / 0.5); text-decoration-thickness: 2px; text-underline-offset: 7px; }
.r-v[data-v="daily.win"], .r-v[data-v="weekly.d"], .r-v[data-v="tz"] { font-family: var(--font-sans); font-size: inherit; }
.rs-sen:not([data-pick=""]) .r-v { color: var(--color-main); text-decoration-color: rgb(238 255 65 / 0.6); }
.r-v:hover, .r-v.is-open { text-decoration-style: solid; text-decoration-color: var(--color-main); color: var(--color-main); }
.r-v.is-open { background: rgb(238 255 65 / 0.12); border-radius: 6px; }
.r-v:focus-visible { border-radius: 6px; }
@media (hover: hover) { .r-v[data-v="daily.win"]:hover::after { content: ' \21C4'; font-family: var(--font-mono); font-size: .8em; } }

.k-step.rs-ip--t { height: 36px; vertical-align: -3px; border-color: var(--color-main); background: rgb(238 255 65 / 0.06); }
.rs-ip--t .k-step__b { width: 32px; height: 34px; color: var(--color-main); }
.rs-ip--t .k-step__in { width: 58px; height: 34px; font-size: 17px; color: var(--color-main); }
.k-days.rs-ip--d { display: inline-flex; flex-wrap: nowrap; gap: 3px; vertical-align: -2px; padding: 2px; border: 1px solid var(--color-main); border-radius: 999px; background: rgb(238 255 65 / 0.06); }
.rs-ip--d .k-days__o { min-width: 0; width: 28px; height: 28px; padding: 0; border-color: transparent; font-family: var(--font-mono); font-size: 13px; }
.rs-ip--z { width: 170px; height: 34px; padding: 0 12px; vertical-align: 1px; border: 1px solid var(--color-main); border-radius: 999px; background: rgb(238 255 65 / 0.06); font: 600 16px var(--font-sans); color: var(--color-main); outline: none; -webkit-appearance: none; appearance: none; }
.rs-ip--z::placeholder { color: rgb(238 255 65 / 0.45); font-weight: 500; }
.rs-ip--z::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.rs-ip--t .k-step__in::selection, .rs-ip--z::selection, .rs-pwheel ::selection { background: var(--color-main); color: #111; }
.rs-tray { overflow: hidden; transition: height .32s cubic-bezier(.4, 0, .2, 1), margin .32s cubic-bezier(.4, 0, .2, 1), padding .32s cubic-bezier(.4, 0, .2, 1), opacity .24s var(--ease); }
.rs-tray.is-folding { margin-top: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.rs-sen.is-morph { overflow: hidden; transition: height .32s cubic-bezier(.4, 0, .2, 1); }
.rs-ip, .r-v.is-back { animation: rsFade .2s var(--ease) both; }
@keyframes rsFade { from { opacity: 0; } }
.rs-tray--zl { margin-top: 8px; padding: 4px; border-left: 2px solid var(--color-main); }
.rs-zl .k-zone__o { min-height: 44px; }

.rs-tray--box .rs-tray__in { position: relative; margin-top: 14px; padding: 12px 14px 14px; border: 1px solid rgb(238 255 65 / 0.45); border-radius: 14px; background: #141414; }
.rs-notch { position: absolute; top: -7px; left: 40px; width: 12px; height: 12px; margin-left: -6px; transform: rotate(45deg); border: 1px solid rgb(238 255 65 / 0.45); border-width: 1px 0 0 1px; background: #141414; }
.rs-tray__h { margin-bottom: 10px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-main); }
.rs-sheet { position: fixed; inset: 0; z-index: 2147482000; }
.rs-sheet__veil { position: absolute; inset: 0; background: rgb(3 7 18 / 0.6); opacity: 0; touch-action: none; transition: opacity .3s var(--ease); }
.rs-sheet__in { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 16px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid var(--hair-2); border-radius: 20px 20px 0 0; background: #161616; box-shadow: 0 -20px 60px -24px #000; transform: translateY(100%); transition: transform .3s cubic-bezier(.4, 0, .2, 1); }
.rs-sheet__in { touch-action: none; }
.rs-pwheel .k-wheel__c { touch-action: pan-y; }
.rs-sheet__grab { display: block; width: 100%; height: 24px; margin: 0 0 0; padding: 10px 0; cursor: grab; }
.rs-sheet__grab::before { content: ''; display: block; width: 38px; height: 4px; margin: 0 auto; border-radius: 4px; background: rgb(255 255 255 / 0.28); }
.rs-sheet__grab:focus-visible { border-radius: 8px; }
.rs-sheet.is-drag .rs-sheet__in, .rs-sheet.is-drag .rs-sheet__veil { transition: none; }
.rs-sheet.is-in .rs-sheet__veil { opacity: 1; }
.rs-sheet.is-in .rs-sheet__in { transform: none; }
.rs-sheet.is-out .rs-sheet__in { pointer-events: none; }
.rs-sheet__t { margin: 0 0 12px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-main); }
.k-wheel.rs-pwheel { display: flex; width: 100%; height: 250px; justify-content: center; gap: 28px; border-radius: 14px; }
.rs-pwheel .k-wheel__c { width: 96px; height: 248px; padding: 104px 0; overscroll-behavior: contain; }
.rs-pwheel .k-wheel__o { height: 40px; }
.rs-pwheel .k-wheel__o, .rs-pwheel .k-wheel__sep { font-size: 20px; }
.rs-pwheel .k-wheel__band { left: 8px; right: 8px; height: 42px; margin-top: -21px; }
.k-win.rs-win { display: flex; }
.rs-win .k-win__o { flex: 1; justify-content: center; height: 44px; padding: 0 10px; font-size: 15px; }
.k-pulse.rs-pulse { grid-template-columns: repeat(7, minmax(0, 1fr)); width: 100%; }
.rs-pulse .k-pulse__t { font-size: 12px; }
@media (prefers-reduced-motion: reduce) {
  .rs-tray, .rs-sen.is-morph, .rs-sheet__veil, .rs-sheet__in { transition: none; }
  .rs-ip, .r-v.is-back { animation: none; }
  .k-zone--sheet .k-zone__find { transition: none; }
  .rs-sheet.is-out .rs-sheet__in { visibility: hidden; }
}

.k-step { display: inline-flex; align-items: center; height: 40px; border: 1px solid var(--input); border-radius: 999px; background: rgb(255 255 255 / 0.03); }
.k-step__b { width: 40px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--soft); transition: color .15s, background-color .15s; }
.k-step__b svg { width: 15px; height: 15px; }
.k-step__b:hover { color: var(--color-main); background: rgb(255 255 255 / 0.05); }
.k-step__in { width: 64px; height: 38px; padding: 0; border: 0; background: transparent; text-align: center; font-family: var(--font-mono); font-size: 16px; font-weight: 600; letter-spacing: .02em; color: var(--foreground); outline: none; }
.k-step:focus-within { border-color: var(--color-main); }
.k-wheel { position: relative; display: inline-flex; align-items: center; gap: 2px; height: 140px; padding: 0 6px; border: 1px solid var(--input); border-radius: 16px; background: rgb(255 255 255 / 0.02); }
.k-wheel__c { position: relative; z-index: 1; display: flex; flex-direction: column; width: 52px; height: 138px; overflow-y: auto; padding: 53px 0; scrollbar-width: none; scroll-snap-type: y mandatory; outline: none; -webkit-mask: linear-gradient(transparent, #000 34%, #000 66%, transparent); mask: linear-gradient(transparent, #000 34%, #000 66%, transparent); }
.k-wheel__c::-webkit-scrollbar { display: none; }
.k-wheel__c:focus-visible { box-shadow: none; }
.k-wheel__o { flex: none; height: 32px; scroll-snap-align: center; font-family: var(--font-mono); font-size: 17px; color: rgb(255 255 255 / 0.55); }
.k-wheel__o { transition: none; }
.k-wheel__o.is-mid { color: #111; font-weight: 700; }
.k-wheel__sep { position: relative; z-index: 2; font-family: var(--font-mono); font-size: 17px; font-weight: 700; color: #111; }
.k-wheel__band { position: absolute; left: 6px; right: 6px; top: 50%; height: 34px; margin-top: -17px; border-radius: 10px; background: var(--color-main); }
.k-win { display: inline-flex; padding: 3px; border: 1px solid var(--input); border-radius: 999px; background: rgb(255 255 255 / 0.03); }
.k-win__o { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 16px; border-radius: 999px; font-size: 14px; font-weight: 500; color: var(--soft); white-space: nowrap; transition: background-color .15s, color .15s; }
.k-win__o:hover { color: var(--foreground); }
.k-win__o.is-on { background: var(--foreground); color: #111; font-weight: 600; }
.k-days { display: flex; gap: 4px; flex-wrap: wrap; }
.k-days__o { height: 34px; min-width: 44px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--border); font-size: 13.5px; font-weight: 500; color: var(--soft); transition: border-color .15s, color .15s, background-color .15s; }
.k-days__o:hover { border-color: rgb(238 255 65 / 0.4); color: var(--foreground); }
.k-days__o.is-on { background: var(--color-main); border-color: var(--color-main); color: #111; font-weight: 700; }
.k-pulse { display: grid; grid-template-columns: repeat(7, 34px); }
.k-pulse__o { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 2px 0 4px; border-radius: 8px; color: rgb(255 255 255 / 0.32); transition: color .15s; }
.k-pulse__o svg { width: 100%; height: auto; }
.k-pulse__on { display: none; }
.k-pulse__o.is-on { color: var(--color-main); }
.k-pulse__o.is-on .k-pulse__on { display: inline; }
.k-pulse__o.is-on .k-pulse__off { display: none; }
.k-pulse__o:hover { color: rgb(238 255 65 / 0.6); }
.k-pulse__t { font-family: var(--font-mono); font-size: 10.5px; line-height: 1; color: rgb(255 255 255 / 0.65); }
.k-pulse__o.is-on .k-pulse__t { color: var(--foreground); font-weight: 700; }
.k-zone__find { border: 1px solid var(--hair-2); border-radius: 16px; background: #161616; overflow: hidden; }
.k-zone__bar { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 6px 0 14px; border-bottom: 1px solid var(--hair); }
.k-zone__g { width: 16px; height: 16px; flex: none; color: var(--soft); }
.k-zone__in { flex: 1; min-width: 0; height: 46px; border: 0; padding: 0; background: transparent; font-size: 16px; color: var(--foreground); outline: none; -webkit-appearance: none; appearance: none; }
.k-zone__in::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
.k-zone__x { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--soft); }
.k-zone__x svg { width: 14px; height: 14px; }
.k-zone__x:hover { color: var(--color-main); background: rgb(255 255 255 / 0.05); }
.k-zone__list { max-height: 236px; overflow-y: auto; overscroll-behavior: contain; padding: 4px; scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / 0.18) transparent; }
.k-zone__list::-webkit-scrollbar { width: 6px; }
.k-zone__list::-webkit-scrollbar-thumb { background: rgb(255 255 255 / 0.18); border-radius: 999px; }
.k-zone__o { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 6px 10px; border-radius: 10px; text-align: left; }
.k-zone__o:hover, .k-zone__o.is-at { background: rgb(255 255 255 / 0.06); }
.k-zone__o.is-on { box-shadow: inset 2px 0 var(--color-main); }
.k-zone__o:focus-visible { border-radius: 10px; }
.k-zone__oc { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.k-zone__oc b { font-size: 15px; font-weight: 600; }
.k-zone__oc span { font-size: 13px; color: var(--soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-zone__om { display: flex; flex-direction: column; align-items: flex-end; flex: none; line-height: 1.3; font-family: var(--font-mono); }
.k-zone__ot { font-size: 14px; color: var(--foreground); }
.k-zone__oo { font-size: 12px; color: var(--soft); }
.k-zone__none { padding: 16px 12px; font-size: 14px; color: var(--foreground); }

.es-id .rs-sen { margin-top: 6px; font-size: 15px; line-height: 2.2; }
.es-id .r-v { font-size: 14px; text-underline-offset: 5px; }
.es-id .r-v[data-v="daily.win"], .es-id .r-v[data-v="weekly.d"], .es-id .r-v[data-v="tz"] { font-size: inherit; }
.es-id .k-step.rs-ip--t { height: 32px; }
.es-id .rs-ip--t .k-step__in { font-size: 15px; height: 30px; }
.es-id .rs-ip--t .k-step__b { height: 30px; }
.es-id .rs-ip--z { height: 30px; font-size: 14px; width: 150px; }
.es-id .rs-tray--box .rs-tray__in { margin-top: 10px; padding: 12px; }
@media (min-width: 768px) { .es--b1[data-kind="digest"] .es-id { max-width: 440px; } }
@media (min-width: 768px) { .es--b1[data-kind="live"] .es-acts { padding-top: 44px; } }
@media (min-width: 768px) and (max-width: 1179px) {
  .es--b1:not(.es--msg) { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id acts" "mid acts"; }
  .es--b1[data-kind] .es-id { grid-area: id; max-width: none; border-right: 0; border-bottom: 1px dashed rgb(255 255 255 / 0.2); }
  .es--b1 .es-mid { grid-area: mid; }
  .es--b1 .es-acts { grid-area: acts; }
}
.wl.is-weekly .wl__day { color: rgb(255 255 255 / 0.3); }
.wl.is-weekly .wl__day .wl__t { color: rgb(255 255 255 / 0.6); }
.wl.is-weekly .wl__day .wl__on { display: none; }
.wl.is-weekly .wl__day .wl__off { display: inline; }
.wl.is-weekly .wl__day.is-wd { color: var(--color-main); }
.wl.is-weekly .wl__day.is-wd .wl__t { color: var(--foreground); }
.wl.is-weekly .wl__day.is-wd .wl__on { display: inline; }
.wl.is-weekly .wl__day.is-wd .wl__off { display: none; }
.wl.is-both .wl__day.is-wd::before { content: ''; position: absolute; left: 50%; top: -7px; width: 5px; height: 5px; margin-left: -4px; border-radius: 50%; background: var(--color-main); box-shadow: 0 0 0 3px rgb(238 255 65 / 0.2); }

@media (max-width: 767px) {
  .r-body { margin-top: 16px; }
  .w--tic .r-keys--seam .r-ft { padding-bottom: 24px; }
  .r-sen { font-size: 17px; line-height: 1.8; }
  .r-v { font-size: 16px; }
  .rs-sen { margin-top: 18px; }
  .r-keys--seam + .rs-sen { margin-top: 28px; }
  .k-step.rs-ip--t { height: 40px; }
  .rs-ip--t .k-step__b { width: 38px; height: 38px; }
  .rs-ip--d .k-days__o { width: 30px; height: 30px; }
  .k-zone__o { min-height: 52px; }
  .k-zone--sheet .k-zone__find { position: fixed; z-index: 2147482000; inset: 0; margin: 0; display: flex; flex-direction: column; border: 0; border-radius: 0; background: var(--w-bg); opacity: 0; transform: translateY(24px); transition: opacity .26s var(--ease), transform .3s cubic-bezier(.4, 0, .2, 1); }
  .k-zone--sheet.is-in .k-zone__find { opacity: 1; transform: none; }
  .k-zone--sheet.is-out .k-zone__find { pointer-events: none; }
  .k-zone--sheet .k-zone__bar { order: 2; height: 60px; padding: 0 8px 0 18px; border-bottom: 0; border-top: 1px solid var(--hair-2); background: #151515; }
  .k-zone--sheet .k-zone__list { order: 1; flex: 1; max-height: none; display: flex; flex-direction: column; padding: 12px 10px; }
  .k-zone--sheet .k-zone__list > :first-child { margin-top: auto; }
  html.k-finding .b-dock { display: none; }
}