:root{--bg: #0f1923;--bg-raised: #17232f;--bg-sunken: #0b121a;--line: rgba(236,232,225,0.10);--line-strong: rgba(236,232,225,0.22);--text: #ece8e1;--text-dim: #9aa4ad;--accent: #ff4655;--accent-dim: #c2303d;--header-h: 64px;--hdr-ctl: 40px;--hdr-mark: 32px;--hdr-brand: 21px;--hdr-brand-sub: 10px;--hdr-brand-gap: 4px;--hdr-burger: 40px;--hdr-search-font: 14px;--maxw: 1280px;--gutter: 24px;--font-ui: "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}:root[data-header="compact"]{--header-h: 52px;--hdr-ctl: 34px;--hdr-mark: 26px;--hdr-brand: 18px;--hdr-brand-sub: 9px;--hdr-brand-gap: 3px;--hdr-burger: 36px;--hdr-search-font: 13px}*,*::before,*::after{box-sizing: border-box}html{color-scheme: dark;scrollbar-gutter: stable}@supports not (scrollbar-gutter: stable){html{overflow-y: scroll}}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font-ui);line-height: 1.5;-webkit-font-smoothing: antialiased}body.no-scroll{overflow: hidden}body{display: flex;flex-direction: column;min-height: 100vh;min-height: 100dvh}main{flex: 1 0 auto}a{color: inherit;text-decoration: none}ul{list-style: none;margin: 0;padding: 0}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;padding: 10px 16px;background: var(--accent);color: #fff;font-weight: 700;transition: top .15s}.skip-link:focus{top: 12px}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(15,25,35,0.72);-webkit-backdrop-filter: blur(14px) saturate(1.2);backdrop-filter: blur(14px) saturate(1.2);border-bottom: 1px solid var(--line);transition: background .2s,border-color .2s}.site-header::after{content: "";position: absolute;left: 0;bottom: -1px;width: 96px;height: 2px;background: var(--accent);pointer-events: none}.site-header.is-scrolled,.site-header.menu-open{background: rgba(15,25,35,0.94);border-bottom-color: var(--line-strong)}.site-header__bar{max-width: var(--maxw);height: var(--header-h);margin: 0 auto;padding: 0 var(--gutter);display: flex;align-items: center;gap: 40px}.brand{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.brand__mark{color: var(--text);transition: transform .25s ease}.site-header .brand__mark{width: var(--hdr-mark);height: var(--hdr-mark)}.brand:hover .brand__mark{transform: rotate(90deg)}.brand__text{display: flex;flex-direction: column;line-height: 1}.brand__name{font-size: var(--hdr-brand);font-weight: 900;letter-spacing: 0.06em;text-transform: uppercase}.brand__sub{margin-top: var(--hdr-brand-gap);font-size: var(--hdr-brand-sub);font-weight: 700;letter-spacing: 0.42em;color: var(--accent)}.nav{flex: 1;min-width: 0}.nav__list{display: flex;align-items: center;gap: 4px}.nav__link{position: relative;display: inline-flex;align-items: center;gap: 8px;height: var(--header-h);padding: 0 16px;font-size: 13px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;white-space: nowrap;color: var(--text-dim);transition: color .15s}.nav__link::after{content: "";position: absolute;left: 16px;right: 16px;bottom: -1px;height: 2px;background: var(--accent);transform: scaleX(0);transform-origin: left;transition: transform .2s ease}a.nav__link:hover{color: var(--text)}a.nav__link:hover::after,.nav__link.is-active::after{transform: scaleX(1)}.nav__link.is-active{color: var(--text)}.nav__link.is-disabled{cursor: not-allowed;opacity: .6}.badge{padding: 2px 6px;font-size: 9px;font-weight: 800;letter-spacing: 0.14em;color: var(--accent);border: 1px solid var(--accent-dim);text-transform: uppercase}.site-header__tools{display: flex;align-items: center;gap: 12px;margin-left: auto}.search{position: relative;display: flex;align-items: center}.search__input{width: 260px;height: var(--hdr-ctl);padding: 0 40px 0 14px;font: inherit;font-size: var(--hdr-search-font);color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line);border-radius: 0;transition: border-color .15s,background .15s,width .2s;-webkit-appearance: none;appearance: none}.search__input::placeholder{color: var(--text-dim)}.search__input::-webkit-search-cancel-button{-webkit-appearance: none}.search__input:hover{border-color: var(--line-strong)}.search__input:focus{outline: none;border-color: var(--accent);background: var(--bg);width: 320px}.search__kbd{position: absolute;right: 10px;min-width: 22px;padding: 1px 6px;font: 600 12px/1.5 var(--font-ui);text-align: center;color: var(--text-dim);border: 1px solid var(--line-strong);pointer-events: none}.search__input:focus ~ .search__kbd{opacity: 0}.search--mobile{display: none}.account{display: flex;align-items: center;gap: 8px}.btn-login,.btn-discord{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: var(--hdr-ctl);transition: background .15s,border-color .15s,color .15s}.btn-login{padding: 0 18px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent);border: 1px solid var(--accent)}.btn-login:hover{background: var(--accent);color: #fff}.btn-discord{width: var(--hdr-ctl);color: var(--text-dim);border: 1px solid var(--line)}.btn-discord:hover{background: #5865f2;border-color: #5865f2;color: #fff}.btn-discord--wide{width: auto;padding: 0 18px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase}.btn-add:hover,.btn-random:hover,.btn-random:focus-visible{background: var(--accent);border-color: var(--accent);color: #fff}.btn-random{position: relative}.btn-random[data-tip]::before,.btn-random[data-tip]::after{position: absolute;z-index: 70;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .08s,visibility .08s}.btn-random[data-tip]::after{content: attr(data-tip);top: calc(100% + 10px);right: 0;padding: 7px 12px;white-space: nowrap;font: 700 12px/1.3 var(--font-ui);letter-spacing: 0.08em;text-transform: uppercase;color: var(--text);background: var(--bg-raised);border: 1px solid var(--line-strong);box-shadow: 0 10px 28px rgba(0,0,0,.45)}.btn-random[data-tip]::before{content: "";top: calc(100% + 5px);right: calc(var(--hdr-ctl) / 2 - 5px);width: 8px;height: 8px;background: var(--bg-raised);border-left: 1px solid var(--line-strong);border-top: 1px solid var(--line-strong);transform: rotate(45deg)}.btn-random[data-tip]:hover::before,.btn-random[data-tip]:hover::after,.btn-random[data-tip]:focus-visible::before,.btn-random[data-tip]:focus-visible::after{opacity: 1;visibility: visible}@media (prefers-reduced-motion: no-preference){.btn-random svg{transition: transform .35s cubic-bezier(.3,1.4,.5,1)}.btn-random:hover svg,.btn-random:focus-visible svg{transform: rotate(180deg)}}.rnd,.arrive{--die: 120px}.rnd{--ox: 50vw;--oy: 30vh;--rx: 0deg;--ry: 0deg;position: fixed;inset: 0;z-index: 200;display: grid;grid-template-columns: minmax(0,1fr);place-items: center;padding: 16px;overflow: hidden;outline: none}.rnd>*{grid-area: 1 / 1}.rnd__backdrop{position: fixed;inset: 0;background-color: rgba(6,10,15,.88);background-image: radial-gradient(ellipse at 50% 42%,rgba(255,70,85,.2),transparent 62%);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);clip-path: circle(0 at var(--ox) var(--oy));transition: clip-path .6s cubic-bezier(.55,0,.2,1),background-color .25s}.rnd.is-open .rnd__backdrop{clip-path: circle(150vmax at var(--ox) var(--oy))}.rnd.is-closing .rnd__backdrop{clip-path: circle(0 at var(--ox) var(--oy));transition: clip-path .32s cubic-bezier(.6,0,.8,.4)}.rnd[data-state="leaving"] .rnd__backdrop{background-color: rgb(6,10,15)}.rnd__flash{position: fixed;left: var(--ox);top: var(--oy);width: 44px;height: 44px;margin: -22px 0 0 -22px;border-radius: 50%;background: radial-gradient(circle,rgba(34,255,197,.7),rgba(34,255,197,0) 68%);opacity: 0;pointer-events: none}.rnd.is-open .rnd__flash{animation: rndFlash .8s cubic-bezier(.3,.6,.3,1) both}.rnd__scene{position: relative;display: grid;justify-items: center;gap: 52px}.rnd__drop{position: relative;width: var(--die);height: var(--die)}.rnd__die{position: absolute;inset: 0;perspective: 800px}.rnd__cube{position: absolute;inset: 0;transform-style: preserve-3d;transform: rotateX(var(--rx)) rotateY(var(--ry))}.rnd__face{position: absolute;inset: 0;display: grid;grid-template: repeat(3,1fr) / repeat(3,1fr);padding: 16%;background: #0f1923;box-shadow: inset 0 0 0 1px rgba(236,232,225,.2)}.rnd__face::before{content: "";position: absolute;inset: 4%;border-radius: 16%;background: linear-gradient(145deg,#2b3f55,#131d29);border: 2px solid rgba(236,232,225,.3);box-shadow: inset 0 0 26px rgba(0,0,0,.6),inset 0 0 0 3px rgba(255,70,85,.24)}.rnd__face--1{transform: translateZ(calc(var(--die) / 2))}.rnd__face--6{transform: rotateY(180deg) translateZ(calc(var(--die) / 2));filter: brightness(.8)}.rnd__face--3{transform: rotateY(90deg) translateZ(calc(var(--die) / 2));filter: brightness(.95)}.rnd__face--4{transform: rotateY(-90deg) translateZ(calc(var(--die) / 2));filter: brightness(.85)}.rnd__face--2{transform: rotateX(90deg) translateZ(calc(var(--die) / 2));filter: brightness(1.25)}.rnd__face--5{transform: rotateX(-90deg) translateZ(calc(var(--die) / 2));filter: brightness(.7)}.rnd__face i{position: relative;z-index: 1;place-self: center;width: 78%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#ffa3aa,#ff4655 55%,#b21f2b);box-shadow: 0 0 10px rgba(255,70,85,.65),inset 0 -2px 3px rgba(0,0,0,.3)}.rnd__face .c1{grid-area: 1 / 1}.rnd__face .c2{grid-area: 1 / 2}.rnd__face .c3{grid-area: 1 / 3}.rnd__face .c4{grid-area: 2 / 1}.rnd__face .c5{grid-area: 2 / 2}.rnd__face .c6{grid-area: 2 / 3}.rnd__face .c7{grid-area: 3 / 1}.rnd__face .c8{grid-area: 3 / 2}.rnd__face .c9{grid-area: 3 / 3}.rnd__shadow{position: absolute;left: 50%;bottom: -24px;width: calc(var(--die) * 1.15);height: 24px;margin-left: calc(var(--die) * -.575);background: radial-gradient(ellipse at center,rgba(0,0,0,.7),rgba(0,0,0,0) 70%);opacity: 0}.rnd__rolling{margin: 0;font-size: 12px;font-weight: 800;letter-spacing: .32em;text-transform: uppercase;color: var(--text-dim)}.rnd[data-state="rolling"] .rnd__scene{animation: rndQuake 1.7s linear both}.rnd[data-state="rolling"] .rnd__drop{animation: rndDrop 1.7s linear both}.rnd[data-state="rolling"] .rnd__cube{animation: rndTumble 1.7s cubic-bezier(.12,.7,.2,1) both}.rnd[data-state="rolling"] .rnd__shadow{animation: rndShadow 1.7s linear both}.rnd[data-state="rolling"] .rnd__rolling{animation: rndPulse 1.1s ease-in-out infinite}.rnd[data-state="leaving"] .rnd__shadow{opacity: 1}.rnd.is-closing .rnd__scene{opacity: 0;transition: opacity .18s}.arrive{display: none}html.is-arriving .arrive{position: fixed;inset: 0;z-index: 300;display: grid;grid-template-columns: minmax(0,1fr);place-items: center;background-color: rgb(6,10,15);background-image: radial-gradient(ellipse at 50% 42%,rgba(255,70,85,.2),transparent 62%);pointer-events: none;animation: arriveCover 1s cubic-bezier(.6,0,.2,1) .5s both}html.is-arriving .arrive .rnd__shadow{opacity: 1}html.is-arriving .arrive .rnd__scene{animation: arrivePop .3s .3s cubic-bezier(.5,0,.9,.4) both}html.is-arriving .xh-tiles{animation: arriveFrame 1.4s 1.2s ease-out both}html.is-arriving .xh-detail__head{animation: rndUp .5s 1.15s cubic-bezier(.2,1,.3,1) both}@keyframes rndUp{0%{opacity: 0;transform: translateY(12px)}100%{opacity: 1;transform: none}}@keyframes rndFlash{0%{opacity: .95;transform: scale(1)}100%{opacity: 0;transform: scale(34)}}@keyframes rndDrop{0%{transform: translateY(-340px);opacity: 0;animation-timing-function: ease-in}8%{opacity: 1}36%{transform: translateY(0);animation-timing-function: ease-out}52%{transform: translateY(-86px);animation-timing-function: ease-in}66%{transform: translateY(0);animation-timing-function: ease-out}76%{transform: translateY(-26px);animation-timing-function: ease-in}85%{transform: translateY(0);animation-timing-function: ease-out}91%{transform: translateY(-7px);animation-timing-function: ease-in}96%,100%{transform: translateY(0);opacity: 1}}@keyframes rndTumble{from{transform: rotateX(calc(var(--rx) - 900deg)) rotateY(calc(var(--ry) - 1080deg)) rotateZ(-200deg)}to{transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(0deg)}}@keyframes rndShadow{0%{opacity: 0;transform: scale(.3)}36%{opacity: 1;transform: scale(1)}52%{opacity: .55;transform: scale(.62)}66%{opacity: 1;transform: scale(1)}76%{opacity: .8;transform: scale(.82)}85%,100%{opacity: 1;transform: scale(1)}}@keyframes rndQuake{0%,35%{transform: none}37%{transform: translate(-6px,5px)}39%{transform: translate(5px,-3px)}41%{transform: translate(-3px,2px)}43%,65%{transform: none}67%{transform: translate(-3px,2px)}69%{transform: translate(2px,-1px)}71%,100%{transform: none}}@keyframes rndPulse{0%,100%{opacity: .45}50%{opacity: 1}}@keyframes arrivePop{0%{opacity: 1;transform: none}100%{opacity: 0;transform: scale(1.5)}}@keyframes arriveCover{0%{clip-path: circle(150vmax at 50% 42%);visibility: visible}99%{clip-path: circle(0 at 50% 42%);visibility: visible}100%{clip-path: circle(0 at 50% 42%);visibility: hidden}}@keyframes arriveFrame{0%{box-shadow: 0 0 0 0 rgba(34,255,197,0)}28%{box-shadow: 0 0 0 4px #22ffc5,0 0 34px rgba(34,255,197,.35)}100%{box-shadow: 0 0 0 0 rgba(34,255,197,0)}}@media (max-width: 480px){.rnd,.arrive{--die: 100px}.rnd{padding: 12px}}@media (prefers-reduced-motion: reduce){.rnd,.arrive{display: none !important}}.user-menu{position: relative}.btn-user{list-style: none;cursor: pointer;gap: 8px;max-width: 150px}.btn-user::-webkit-details-marker{display: none}.btn-user__name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 0.06em;text-transform: none;font-size: 13px}.btn-user__chev{flex-shrink: 0;transition: transform .15s}.user-menu[open] .btn-user__chev{transform: rotate(180deg)}.user-menu[open] .btn-user{background: var(--accent);color: #fff}.user-menu__panel{position: absolute;right: 0;top: calc(100% + 8px);z-index: 60;min-width: 220px;padding: 8px;display: flex;flex-direction: column;background: var(--bg-raised);border: 1px solid var(--line-strong);box-shadow: 0 18px 40px rgba(0,0,0,.5)}.user-menu__who{margin: 0;padding: 8px 10px 10px;font-size: 12px;color: var(--text-dim);border-bottom: 1px solid var(--line);overflow-wrap: anywhere}.user-menu__who strong{color: var(--text)}.user-menu__panel a,.user-menu__panel button{display: block;width: 100%;padding: 10px;font-size: 14px;font-weight: 600;text-align: left;color: var(--text);transition: background .15s,color .15s}.user-menu__panel a:hover,.user-menu__panel button:hover{background: rgba(255,255,255,.06);color: #fff}.user-menu__panel form{margin: 4px 0 0;padding-top: 4px;border-top: 1px solid var(--line)}.user-menu__panel button{color: #ff8a94}.mobile-panel__actions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 20px}.mobile-panel__logout{grid-column: 1 / -1;margin: 0}.mobile-panel__logout .btn-login{width: 100%;height: 46px;color: #ff8a94;border-color: var(--line-strong)}.mobile-panel__actions .btn-user__name{max-width: 140px}.mobile-panel__actions .btn-login,.mobile-panel__actions .btn-discord{height: 46px}.lang{position: relative}.lang__btn{display: inline-flex;align-items: center;gap: 8px;height: var(--hdr-ctl);padding: 0 12px;font-size: 13px;font-weight: 700;letter-spacing: 0.1em;color: var(--text-dim);border: 1px solid var(--line);transition: color .15s,border-color .15s}.lang__btn:hover,.lang__btn[aria-expanded="true"]{color: var(--text);border-color: var(--line-strong)}.lang__chev{transition: transform .15s}.lang__btn[aria-expanded="true"] .lang__chev{transform: rotate(180deg)}.lang__list{position: absolute;right: 0;top: calc(100% + 8px);min-width: 170px;background: var(--bg-raised);border: 1px solid var(--line-strong);border-top: 2px solid var(--accent);box-shadow: 0 16px 40px rgba(0,0,0,.5)}.lang__list[hidden]{display: none}.lang__item{display: flex;align-items: center;justify-content: space-between;padding: 11px 14px;font-size: 14px;color: var(--text-dim);transition: background .12s,color .12s}.lang__item:hover{background: rgba(255,255,255,.05);color: var(--text)}.lang__item.is-current{color: var(--text)}.lang__item-code{font-size: 11px;font-weight: 700;letter-spacing: 0.1em;color: var(--text-dim)}.lang__item.is-current .lang__item-code{color: var(--accent)}.burger{display: none;position: relative;width: var(--hdr-burger);height: var(--hdr-burger);border: 1px solid var(--line)}.burger__line{position: absolute;left: 10px;right: 10px;height: 2px;background: var(--text);transition: transform .2s,opacity .2s,top .2s}.burger__line:nth-child(1){top: calc(50% - 7px)}.burger__line:nth-child(2){top: calc(50% - 1px)}.burger__line:nth-child(3){top: calc(50% + 5px)}.burger[aria-expanded="true"] .burger__line:nth-child(1){top: calc(50% - 1px);transform: rotate(45deg)}.burger[aria-expanded="true"] .burger__line:nth-child(2){opacity: 0}.burger[aria-expanded="true"] .burger__line:nth-child(3){top: calc(50% - 1px);transform: rotate(-45deg)}.mobile-panel{display: none;border-top: 1px solid var(--line);padding: 16px var(--gutter) 24px;max-height: calc(100vh - var(--header-h));max-height: calc(100dvh - var(--header-h));overflow-y: auto}.mobile-panel__list{margin-top: 12px}.mobile-panel__link{display: flex;align-items: center;justify-content: space-between;padding: 16px 0;font-size: 15px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text-dim);border-bottom: 1px solid var(--line)}.mobile-panel__link.is-active{color: var(--text);box-shadow: inset 3px 0 0 var(--accent);padding-left: 14px}.mobile-panel__link.is-disabled{opacity: .6}@media (max-width: 960px){:root{--gutter: 16px}}@media (max-width: 1180px){.site-header__bar{gap: 16px}.nav,.search--desktop,.account{display: none}.burger{display: block}.mobile-panel:not([hidden]){display: block}.search--mobile{display: flex}.search--mobile .search__input{width: 100%;height: 46px;font-size: 16px}}@media (min-width: 1181px) and (max-width: 1300px){.search__input{width: 150px}.search__input:focus{width: 200px}.search__kbd{display: none}.search__input{padding-right: 12px}.btn-login{padding: 0 14px}.nav__link{padding: 0 12px}.nav__link::after{left: 12px;right: 12px}.site-header__bar{gap: 24px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;animation: none !important}}.site-footer{position: relative;margin-top: 56px;background: var(--bg-sunken);border-top: 1px solid var(--line)}.site-footer::before{content: "";position: absolute;top: -1px;right: 0;width: 96px;height: 2px;background: var(--accent)}.site-footer__row{display: flex;align-items: center;gap: 20px 44px}.site-footer__row--top{padding: 34px 0 30px}.site-footer__row--bottom{align-items: flex-start;justify-content: space-between;padding: 24px 0 30px}.site-footer__brand{flex-shrink: 0}.site-footer__nav{min-width: 0}.site-footer__nav ul{display: flex;flex-wrap: wrap;gap: 8px 18px;margin: 0;padding: 0;list-style: none}.site-footer__nav a{display: inline-flex;align-items: center;gap: 7px;padding: 4px 0;font-size: 11.5px;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text);opacity: .82;border-bottom: 2px solid transparent;transition: opacity .15s,border-color .15s}.site-footer__nav a:hover,.site-footer__nav a:focus-visible{opacity: 1;border-bottom-color: var(--accent)}.site-footer__discord:hover{color: #8c96ff}.site-footer__rule{margin: 0;border: 0;border-top: 1px solid var(--line)}.site-footer__legal{max-width: 800px;padding-left: 14px;border-left: 2px solid var(--accent)}.site-footer__copy{margin: 0;font-size: 12px;font-weight: 600;line-height: 1.5;color: var(--text)}.site-footer__disclaimer{margin: 6px 0 0;font-size: 11.5px;line-height: 1.65;color: var(--text-dim)}.site-footer__top{display: inline-flex;align-items: center;gap: 8px;flex-shrink: 0;padding: 2px 0;font-size: 13px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text);transition: color .15s}.site-footer__top:hover,.site-footer__top:focus-visible{color: var(--accent)}@media (max-width: 860px){.site-footer__row--top{flex-direction: column;align-items: flex-start;gap: 22px;padding: 28px 0 24px}.site-footer__row--bottom{flex-direction: column;gap: 20px;padding: 20px 0 26px}.site-footer__nav ul{gap: 4px 20px}}.vc{width: min(440px,calc(100vw - 32px));max-width: none;padding: 0;color: var(--text);background: var(--bg-raised);border: 1px solid var(--line-strong);border-top: 2px solid var(--accent);box-shadow: 0 24px 60px rgba(0,0,0,.55)}.vc::backdrop{background: rgba(7,12,18,.74);backdrop-filter: blur(2px)}@media (prefers-reduced-motion: no-preference){.vc[open]{animation: vcIn .16s ease-out}.vc[open]::backdrop{animation: vcFade .16s ease-out}}@keyframes vcIn{from{opacity: 0;transform: translateY(8px) scale(.97)}to{opacity: 1;transform: none}}@keyframes vcFade{from{opacity: 0}to{opacity: 1}}.vc__box{display: grid;grid-template-columns: 44px minmax(0,1fr);column-gap: 16px;padding: 22px 24px 20px}.vc__ico{display: grid;grid-row: span 2;place-items: center;width: 44px;height: 44px;color: var(--accent);background: rgba(255,70,85,.08);border: 1px solid var(--accent)}.vc__title{margin: 2px 0 0;font-size: 19px;font-weight: 800;line-height: 1.25}.vc__text{margin: 6px 0 0;font-size: 14px;line-height: 1.55;color: var(--text-dim)}.vc__text[hidden]{display: none}.vc__actions{display: flex;grid-column: 1 / -1;justify-content: flex-end;gap: 10px;margin-top: 20px;padding-top: 16px;border-top: 1px solid var(--line)}.vc__btn{height: 42px;padding: 0 22px;font: inherit;font-size: 12.5px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text);background: transparent;border: 1px solid var(--line-strong);cursor: pointer;transition: border-color .15s,background .15s,color .15s}.vc__btn--ghost:hover{border-color: var(--text)}.vc__btn--danger{color: #fff;background: var(--accent);border-color: var(--accent)}.vc__btn--danger:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.vc__btn:focus-visible{outline: 2px solid var(--text);outline-offset: 2px}@media (max-width: 480px){.vc__box{padding: 18px}.vc__actions{flex-direction: column-reverse}.vc__btn{width: 100%}}
.container{max-width: var(--maxw);margin: 0 auto;padding-left: var(--gutter);padding-right: var(--gutter)}.section{padding: 56px 0 72px}.section__head{margin-bottom: 28px}.eyebrow{margin: 0 0 8px;font-size: 12px;font-weight: 800;letter-spacing: 0.3em;text-transform: uppercase;color: var(--accent)}.section__title{margin: 0;font-size: clamp(26px,3.4vw,38px);font-weight: 900;letter-spacing: 0.01em}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.xh-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px}.xh-grid.xh-grid--paged{grid-template-columns: repeat(3,minmax(0,1fr))}@media (min-width: 880px){.xh-grid.xh-grid--paged{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.xh-grid.xh-grid--paged{grid-template-columns: repeat(6,minmax(0,1fr))}}@media (max-width: 560px){.xh-grid.xh-grid--paged{grid-template-columns: repeat(2,minmax(0,1fr))}}.xh-card{position: relative;display: flex;flex-direction: column;background: var(--bg-raised);border: 1px solid var(--line);transition: border-color .15s,transform .15s,box-shadow .15s}.xh-card{--xh-select: #22ffc5}.xh-card:hover,.xh-card:focus-within{border-color: var(--xh-select);transform: translateY(-2px);box-shadow: 0 14px 34px rgba(0,0,0,.38),0 0 22px rgba(34,255,197,.18)}.xh-card::after{content: "";position: absolute;inset: 0;border: 3px solid var(--xh-select);opacity: 0;pointer-events: none;transition: opacity .12s}.xh-card:hover::after,.xh-card:focus-within::after{opacity: 1}.xh-card__preview{position: relative;aspect-ratio: 1 / 1;overflow: hidden;border-bottom: 1px solid var(--line)}.xh-surface{background-color: var(--xh-base,#8a8070);background-image: var(--xh-pattern,linear-gradient(transparent,transparent)),linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.22)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .45  0 0 0 0 .4  0 0 0 .45 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.xh-surface.has-img{background-image: var(--xh-img);background-size: cover;background-position: center}.xh-bg-0{--xh-base: #8d8472}.xh-bg-1{--xh-base: #5f7d5a}.xh-bg-2{--xh-base: #7f93a8}.xh-bg-3{--xh-base: #8fdc84;--xh-pattern: repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 24px),repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 24px)}.xh-bg-4{--xh-base: #74503a}.xh-bg-5{--xh-base: #b08a2e;--xh-pattern: repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 7px,transparent 7px 30px)}.xh-bg-6{--xh-base: #b3623d;--xh-pattern: radial-gradient(ellipse at 70% 30%,rgba(120,150,230,.35),transparent 60%)}.xh-bg-7{--xh-base: #6f8fd0;--xh-pattern: radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.45),transparent 55%)}.xh-bg-8{--xh-base: #cfd9e3;--xh-pattern: radial-gradient(ellipse at 65% 35%,rgba(255,255,255,.7),transparent 60%)}.xh-canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;image-rendering: pixelated}.xh-card__preview::after{--c: var(--accent);--len: 14px;content: "";position: absolute;inset: 14px;opacity: 0;pointer-events: none;background: linear-gradient(var(--c),var(--c)) top left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top right / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 2px var(--len) no-repeat;transition: opacity .15s,inset .2s ease}.xh-card:hover .xh-card__preview::after,.xh-card:focus-within .xh-card__preview::after{opacity: 1;inset: 8px}.xh-card__body{display: flex;flex-direction: column;gap: 4px;padding: 14px}.xh-card__name{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin: 0;font-size: 17px;font-weight: 800;letter-spacing: 0.02em}.xh-card__link{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.xh-card__go{flex-shrink: 0;color: var(--text-dim);transition: transform .15s,color .15s}.xh-card:hover .xh-card__go,.xh-card:focus-within .xh-card__go{color: var(--xh-select);transform: translateX(3px)}.xh-card__link::after{content: "";position: absolute;inset: 0}.xh-card__link:focus-visible{outline: none}.xh-card__meta{display: flex;align-items: center;gap: 8px;margin: 0;font-size: 12px;color: var(--text-dim);min-width: 0}.xh-card__team{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.xh-card__sep{flex-shrink: 0;width: 3px;height: 3px;background: var(--text-dim)}.xh-card__meta>span:not(.xh-card__team){flex-shrink: 0;white-space: nowrap}.xh-card__saves{display: inline-flex;align-items: center;gap: 4px;margin-left: auto;font-variant-numeric: tabular-nums}.xh-card__saves::before{content: "";width: 12px;height: 12px;background: var(--accent);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E") center / contain no-repeat}.xh-copy{position: relative;z-index: 2;display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;height: 40px;margin-top: 12px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text);border: 1px solid var(--line-strong);transition: background .15s,border-color .15s,color .15s}.xh-copy:hover{background: var(--accent);border-color: var(--accent);color: #fff}.xh-copy.is-copied,.xh-copy.is-copied:hover{background: #3ddc97;border-color: #3ddc97;color: #0f1923}.xh-copy__ico{position: relative;display: inline-block;flex: none;width: 20px;height: 20px}.xh-copy__ico svg{position: absolute;inset: 0;width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 2.25;stroke-linecap: square;stroke-linejoin: miter;transition: opacity .18s,transform .22s cubic-bezier(.3,1.5,.5,1)}.xh-copy__ico-done{opacity: 0;transform: scale(.5)}.xh-copy.is-copied .xh-copy__ico-copy{opacity: 0;transform: scale(.5)}.xh-copy.is-copied .xh-copy__ico-done{opacity: 1;transform: none}.xh-copy--primary{height: 48px;gap: 12px;overflow: hidden;font-size: 13px;letter-spacing: 0.2em;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.2);background: linear-gradient(180deg,#ff5d6b 0%,var(--accent) 58%,#f03d4c 100%);border: 0;box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.17);transition: background .15s,color .15s,transform .08s}.xh-copy--primary:hover{background: linear-gradient(180deg,#ff7280 0%,#ff4e5c 58%,#f64555 100%);border-color: transparent;box-shadow: inset 0 0 0 2px #22ffc5,inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.17)}.xh-copy--primary:active{transform: translateY(1px)}.xh-copy--primary:focus-visible{outline: 2px solid var(--text);outline-offset: 3px}.xh-copy--primary::before,.xh-copy--primary::after{content: "";position: absolute;pointer-events: none}.xh-copy--primary::before{inset: 5px;opacity: .6;background: linear-gradient(currentColor,currentColor) right top / 9px 2px no-repeat,linear-gradient(currentColor,currentColor) right top / 2px 9px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 9px 2px no-repeat,linear-gradient(currentColor,currentColor) left bottom / 2px 9px no-repeat;transition: opacity .2s,inset .2s}.xh-copy--primary:hover::before,.xh-copy--primary:focus-visible::before{inset: 4px;opacity: 1}.xh-copy--primary::after{top: 0;bottom: 0;left: -45%;width: 32%;background: linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transform: skewX(-20deg);opacity: 0}.xh-copy--primary:hover::after,.xh-copy--primary:focus-visible::after{animation: xhSheen .75s ease-out}@keyframes xhSheen{from{left: -45%;opacity: 1}to{left: 118%;opacity: 1}}.xh-copy--primary.is-copied,.xh-copy--primary.is-copied:hover{background: linear-gradient(180deg,#5ceaaa 0%,#3ddc97 58%,#33cf8b 100%);border-color: transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.17);text-shadow: none}.xh-iconrow{display: flex;gap: 8px}.xh-icon{position: relative;z-index: 2;flex: 1 1 0;min-width: 0;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0;color: var(--text);background: none;border: 1px solid var(--line-strong);cursor: pointer;transition: background .15s,border-color .15s,color .15s}.xh-icon svg{width: 22px;height: 22px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.xh-icon:hover{background: var(--accent);border-color: var(--accent);color: #fff}.xh-icon:focus-visible{outline: 2px solid var(--text);outline-offset: 2px}.xh-icon.is-saved svg{fill: currentColor}.xh-icon.is-copied,.xh-icon.is-copied:hover{background: #3ddc97;border-color: #3ddc97;color: #0f1923}.xh-icon[data-tip]::before,.xh-icon[data-tip]::after{position: absolute;left: 50%;z-index: 70;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .08s,visibility .08s}.xh-icon[data-tip]::after{content: attr(data-tip);bottom: calc(100% + 10px);transform: translateX(-50%);padding: 7px 12px;white-space: nowrap;font: 700 12px/1.3 var(--font-ui);letter-spacing: 0.08em;text-transform: uppercase;color: var(--text);background: var(--bg-raised);border: 1px solid var(--line-strong);box-shadow: 0 10px 28px rgba(0,0,0,.45)}.xh-icon[data-tip]::before{content: "";bottom: calc(100% + 5px);width: 8px;height: 8px;margin-left: -4px;background: var(--bg-raised);border-right: 1px solid var(--line-strong);border-bottom: 1px solid var(--line-strong);transform: rotate(45deg)}.xh-icon[data-tip]:hover::before,.xh-icon[data-tip]:hover::after,.xh-icon[data-tip]:focus-visible::before,.xh-icon[data-tip]:focus-visible::after,.xh-icon[data-tip].is-copied::before,.xh-icon[data-tip].is-copied::after{opacity: 1;visibility: visible}.section--detail{padding-top: 32px}.container--detail{max-width: 1040px}.xh-crumb{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text-dim);transition: color .15s}.xh-crumb:hover{color: var(--accent)}.xh-lede{margin: 12px 0 24px;color: var(--text-dim)}.xh-detail__head{margin: 20px 0 24px}.xh-detail__title{margin: 0 0 14px;font-size: clamp(32px,5vw,52px);font-weight: 900;line-height: 1.05;letter-spacing: 0.01em;overflow-wrap: anywhere}.xh-chips,.xh-stats{display: flex;flex-wrap: wrap;gap: 8px}.xh-chip{padding: 5px 10px;font-size: 11px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text-dim);border: 1px solid var(--line-strong)}.xh-chip--author{text-transform: none;letter-spacing: 0.02em;font-weight: 700}.xh-chip--author a{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.xh-chip--author a:hover{color: var(--accent)}.similar{margin-top: 56px;padding-top: 32px;border-top: 1px solid var(--line)}.similar__title{margin: 0 0 6px;font-size: 22px;font-weight: 800}.similar__lede{margin: 0 0 22px;font-size: 14px;color: var(--text-dim)}.xh-grid.xh-grid--similar{grid-template-columns: repeat(4,minmax(0,1fr))}@media (max-width: 880px){.xh-grid.xh-grid--similar{grid-template-columns: repeat(2,minmax(0,1fr))}}a.xh-chip--tag{display: inline-block;transition: color .15s,border-color .15s}a.xh-chip--tag:hover{color: var(--text);border-color: var(--accent)}.xh-chip--accent{color: var(--text);border-color: var(--line-strong);border-left: 2px solid var(--accent)}.xh-detail{display: grid;grid-template-columns: minmax(0,1fr) 340px;gap: 24px;align-items: start}.xh-tiles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;padding: 16px;background: var(--bg-raised);border: 1px solid var(--line)}.xh-tile{position: relative;aspect-ratio: 1 / 1;overflow: hidden;border: 1px solid var(--line)}.xh-panel{position: sticky;top: calc(var(--header-h) + 24px);display: flex;flex-direction: column;gap: 12px;padding: 20px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid var(--accent)}.xh-codebox{margin: 4px 0;background: var(--bg-sunken);border: 1px solid var(--line)}.xh-codebox__label{margin: 0;padding: 8px 12px;font-size: 10px;font-weight: 800;letter-spacing: 0.2em;text-transform: uppercase;color: var(--text-dim);border-bottom: 1px solid var(--line)}.xh-codebox__code{display: block;padding: 12px;font: 13px/1.6 Consolas,"Cascadia Mono","Courier New",monospace;color: var(--text);overflow-wrap: anywhere;user-select: all}.xh-panel .xh-copy{margin-top: 0}@media (max-width: 860px){.xh-detail{grid-template-columns: minmax(0,1fr)}.xh-panel{position: static}.xh-tiles{--tile-gap: 10px;display: flex;gap: var(--tile-gap);padding: 12px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: 12px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: var(--accent) transparent}.xh-tile{flex: 0 0 calc((100% - 3 * var(--tile-gap) - 14px) / 3);scroll-snap-align: start}}@media (max-width: 560px){.xh-tiles{--tile-gap: 8px;padding: 10px;scroll-padding-inline: 10px}.xh-panel{padding: 16px}}@media (max-width: 560px){.section{padding: 36px 0 56px}.xh-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.xh-card__body{padding: 12px}.xh-card__name{font-size: 15px}.xh-card__meta{flex-wrap: wrap;row-gap: 0}.xh-card__sep{display: none}.xh-copy{height: 44px;letter-spacing: 0.1em}.xh-copy--primary{height: 48px;letter-spacing: 0.16em}}
:root{--hero-pad-top: 40px;--hero-pad-bottom: 44px;--hero-pad-top-small: 28px;--hero-pad-bottom-small: 36px;--hero-gap: 48px;--hero-title: clamp(30px,3.8vw,46px);--hero-title-mb: 16px;--hero-lede-size: 16px;--hero-lede-mb: 24px;--hero-search-h: 50px;--hero-stats-mt: 20px;--hero-card: 340px;--hero-card-name: 22px}:root[data-hero="tall"]{--hero-pad-top: 72px;--hero-pad-bottom: 80px;--hero-pad-top-small: 44px;--hero-pad-bottom-small: 52px;--hero-gap: 56px;--hero-title: clamp(34px,4.4vw,54px);--hero-title-mb: 20px;--hero-lede-size: 17px;--hero-lede-mb: 32px;--hero-search-h: 56px;--hero-stats-mt: 28px;--hero-card: 460px;--hero-card-name: 26px}.hero{position: relative;overflow: hidden;border-bottom: 1px solid var(--line);background: radial-gradient(760px 420px at 88% 8%,rgba(255,70,85,.16),transparent 62%)}.hero::before{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(rgba(236,232,225,.05) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,rgba(236,232,225,.05) 1px,transparent 1px) 0 0 / 48px 48px;-webkit-mask-image: linear-gradient(#000 30%,transparent 95%);mask-image: linear-gradient(#000 30%,transparent 95%)}.hero__inner{position: relative;display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);gap: var(--hero-gap);align-items: center;padding-top: var(--hero-pad-top);padding-bottom: var(--hero-pad-bottom)}.hero__title{margin: 0 0 var(--hero-title-mb);font-size: var(--hero-title);font-weight: 900;line-height: 1.04;letter-spacing: 0.01em;text-transform: uppercase}.hero__accent{display: block;color: var(--accent)}.hero__lede{max-width: 520px;margin: 0 0 var(--hero-lede-mb);font-size: var(--hero-lede-size);line-height: 1.6;color: var(--text-dim)}.hero__search{display: flex;max-width: 560px;border: 1px solid var(--line-strong);background: var(--bg-sunken);transition: border-color .15s}.hero__search:focus-within{border-color: var(--accent)}.hero__search-input{flex: 1;min-width: 0;height: var(--hero-search-h);padding: 0 18px;font: inherit;font-size: 16px;color: var(--text);background: transparent;border: 0;border-radius: 0;-webkit-appearance: none;appearance: none}.hero__search-input::placeholder{color: var(--text-dim)}.hero__search-input::-webkit-search-cancel-button{-webkit-appearance: none}.hero__search-input:focus{outline: none}.hero__search-btn{display: inline-flex;align-items: center;gap: 8px;padding: 0 26px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);transition: background .15s}.hero__search-btn:hover{background: var(--accent-dim)}a.xh-chip{transition: color .15s,border-color .15s}a.xh-chip:hover{color: var(--text);border-color: var(--accent)}.hero__stats{margin: var(--hero-stats-mt) 0 0;font-size: 13px;color: var(--text-dim)}.hero__stats strong{color: var(--text);font-weight: 800}.hero__feature{position: relative;justify-self: end;width: 100%;max-width: var(--hero-card);aspect-ratio: 1 / 1;overflow: hidden;border: 1px solid var(--line-strong);box-shadow: 0 30px 70px rgba(0,0,0,.45);transition: border-color .15s,transform .2s}.hero__feature:hover{border-color: var(--accent);transform: translateY(-3px)}.hero__feature:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.hero__feature::after{content: "";position: absolute;inset: 16px;z-index: 2;pointer-events: none;--c: var(--accent);--len: 22px;background: linear-gradient(var(--c),var(--c)) top left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top right / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 2px var(--len) no-repeat}.hero__feature-caption{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;padding: 56px 28px 24px;background: linear-gradient(transparent,rgba(11,18,26,.92))}.hero__feature-rank{margin: 0 0 4px;font-size: 11px;font-weight: 800;letter-spacing: 0.22em;text-transform: uppercase;color: var(--accent)}.hero__feature-name{margin: 0;font-size: var(--hero-card-name);font-weight: 900;letter-spacing: 0.02em}.hero__feature-meta{margin: 2px 0 0;font-size: 13px;color: var(--text-dim)}.section--rail{padding-bottom: 24px}.section--all{scroll-margin-top: calc(var(--header-h) + 8px)}.section.section--paged{padding-top: 4px}@media (max-width: 560px){.section.section--paged{padding-top: 4px}}.all-sort{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px}.all-filter{margin-left: 14px;font-size: 12px;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: var(--accent);text-decoration: underline;text-underline-offset: 3px;white-space: nowrap}.all-filter:hover{color: var(--text)}@media (max-width: 560px){.all-filter{display: block;margin: 6px 0 0}}.rail-row{display: flex;align-items: stretch;gap: 16px}.rail-row>.rail-add{flex: 0 0 220px}.rail{flex: 1 1 auto;min-width: 0;padding: 8px 2px 18px;overflow-x: auto;overscroll-behavior-x: contain;scrollbar-width: thin;scrollbar-color: var(--line-strong) transparent;-webkit-mask-image: linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 56px),transparent);mask-image: linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 56px),transparent)}.rail:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px}.rail__track{display: flex;gap: 16px;width: max-content}.rail__track>*{flex: 0 0 220px}.rail-empty{margin: 0;padding: 36px 8px 12px;font-size: 15px;color: var(--text-dim)}.rail-row.is-marquee .rail{overflow: hidden}.rail-row.is-marquee .rail__track{gap: 0;animation: rail-run var(--rail-duration,120s) linear infinite;will-change: transform}.rail-row.is-marquee .rail__track>*{margin-right: 16px}@keyframes rail-run{to{transform: translate3d(calc(-1 * var(--rail-shift,0px)),0,0)}}.rail-row.is-marquee .rail:hover .rail__track,.rail-row.is-marquee .rail:focus-within .rail__track{animation-play-state: paused}@media (prefers-reduced-motion: reduce){.rail-row.is-marquee .rail__track{animation: none}}.rail-row.can-drag .rail{cursor: grab;user-select: none;-webkit-user-select: none}.rail-row.is-marquee .rail{touch-action: pan-y}.rail-row.is-dragging .rail__track{animation-play-state: paused}.rail-row.is-dragging,.rail-row.is-dragging *{cursor: grabbing !important}.rail-add{display: flex;flex-direction: column;justify-content: space-between;gap: 16px;margin: 8px 0 18px;padding: 20px;background: rgba(255,70,85,.08);border: 1px solid rgba(255,70,85,.45);transition: background .15s,border-color .15s,transform .15s}.rail-add:hover,.rail-add:focus-visible{background: rgba(255,70,85,.14);border-color: var(--accent);transform: translateY(-2px)}.rail-add:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.rail-add__plus{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;color: #fff;background: var(--accent)}.rail-add__title{margin: 0;font-size: 19px;font-weight: 900;line-height: 1.25}.rail-add__text{margin: 8px 0 0;font-size: 13px;line-height: 1.55;color: var(--text-dim)}.rail-add__cta{font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent)}@media (max-width: 760px){.rail-row{flex-direction: column;gap: 4px}.rail-row>.rail-add{flex: none;flex-direction: row;align-items: center;gap: 14px;margin: 0;padding: 14px 16px}.rail-add__plus{flex-shrink: 0;width: 40px;height: 40px}.rail-add__body{flex: 1;min-width: 0}.rail-add__title{font-size: 16px}.rail-add__text{display: none}.rail-add__cta{flex-shrink: 0}.rail__track>*{flex-basis: 170px}.rail-row.is-marquee .rail__track>*{margin-right: 12px}}@media (max-width: 400px){.rail-add__cta{display: none}}.section__more{display: inline-flex;margin-top: 28px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent);text-decoration: underline;text-underline-offset: 4px}.section__more:hover{color: var(--text)}@media (max-width: 960px){.hero__inner{grid-template-columns: minmax(0,1fr);gap: 40px;padding-top: var(--hero-pad-top-small);padding-bottom: var(--hero-pad-bottom-small)}.hero__feature{justify-self: center;max-width: min(var(--hero-card),420px)}}@media (max-width: 560px){.hero__lede{font-size: 16px;margin-bottom: 24px}.hero__search-input{height: 52px;padding: 0 14px}.hero__search-btn{padding: 0 18px}.hero__search-btn span{display: none}.hero__feature-caption{padding: 44px 18px 18px}.hero__feature-name{font-size: 22px}}
.section--list{padding-top: 48px}.list-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 12px 24px;margin-bottom: 28px}.list-count{margin: 0 0 6px;font-size: 14px;color: var(--text-dim)}.filters{display: grid;grid-template-columns: minmax(0,1fr) 190px auto auto;gap: 12px;margin-bottom: 28px}.xh-field{position: relative;display: block}.xh-field__icon{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--text-dim);pointer-events: none}.xh-input{display: block;width: 100%;height: 48px;padding: 0 14px;font: inherit;font-size: 15px;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line);border-radius: 0;-webkit-appearance: none;appearance: none;transition: border-color .15s}.xh-input:hover{border-color: var(--line-strong)}.xh-input:focus{outline: none;border-color: var(--accent)}.xh-input::placeholder{color: var(--text-dim)}.xh-input::-webkit-search-cancel-button{-webkit-appearance: none}.xh-field--search .xh-input{padding-left: 42px}.xh-select{padding-right: 38px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'><path d='m6 9 6 6 6-6' fill='none' stroke='%239aa4ad' stroke-width='2'/></svg>");background-repeat: no-repeat;background-position: right 14px center}.xh-select option{background: var(--bg-raised);color: var(--text)}.filters__btn{display: inline-flex;align-items: center;justify-content: center;height: 48px;padding: 0 28px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);transition: background .15s}.filters__btn:hover{background: var(--accent-dim)}.filters__btn--link{display: inline-flex;margin-top: 8px}.filters__toggle{display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 48px;padding: 0 18px;font: inherit;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line);border-radius: 0;cursor: pointer;transition: border-color .15s,color .15s,background .15s}.filters__toggle:hover{border-color: var(--line-strong)}.filters__toggle:focus-visible{outline: 2px solid var(--text);outline-offset: 2px}.filters__toggle[aria-expanded="true"]{border-color: var(--accent)}.filters__toggle-ico{color: var(--text-dim);transition: color .15s}.filters__toggle[aria-expanded="true"] .filters__toggle-ico{color: var(--accent)}.filters__toggle-n{min-width: 20px;height: 20px;padding: 0 6px;font-size: 12px;font-weight: 800;letter-spacing: 0;line-height: 20px;text-align: center;color: #fff;background: var(--accent);border-radius: 10px}.filters__toggle-chev{color: var(--text-dim);transition: transform .2s}.filters__toggle[aria-expanded="true"] .filters__toggle-chev{transform: rotate(180deg)}.section--profile{padding-top: 40px}.profile-stats{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 26px}.tag-intro{max-width: 720px;margin: 12px 0 0;font-size: 15px;line-height: 1.7;color: var(--text-dim)}.tagbar{display: grid;gap: 10px;margin: -6px 0 26px}.tagbar[hidden]{display: none}@media (prefers-reduced-motion: no-preference){.tagbar:not([hidden]){animation: tagbarIn .2s ease-out}}@keyframes tagbarIn{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: none}}.tagbar__row{display: flex;align-items: flex-start;gap: 14px}.tagbar__label{flex: 0 0 56px;padding-top: 9px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim)}.tagbar__chips{display: flex;flex-wrap: wrap;gap: 8px;min-width: 0}.tagchip{display: inline-flex;align-items: center;gap: 8px;height: 34px;padding: 0 12px;font-size: 13px;font-weight: 700;color: var(--text-dim);border: 1px solid var(--line);transition: color .15s,border-color .15s,background .15s}.tagchip:hover{color: var(--text);border-color: var(--line-strong)}.tagchip__n{font-size: 11px;font-weight: 700;opacity: .65;font-variant-numeric: tabular-nums}.tagchip.is-active{color: #fff;background: var(--accent);border-color: var(--accent)}.tagchip.is-active .tagchip__n{opacity: .85}@media (max-width: 640px){.tagbar__row{flex-direction: column;gap: 6px}.tagbar__label{flex: 0 0 auto;padding-top: 0}}.filters__bar{margin: -12px 0 24px}.tagbar + .filters__bar{margin-top: -10px}.xh-chip.is-active{color: var(--text);border-color: var(--accent);background: rgba(255,70,85,.12)}.filters__clear{font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--accent);text-decoration: underline;text-underline-offset: 3px}.filters__clear:hover{color: var(--text)}.list-empty{padding: 72px 16px;text-align: center;color: var(--text-dim);border: 1px dashed var(--line-strong)}.list-empty__title{margin: 0 0 8px;font-size: 22px;font-weight: 900;color: var(--text)}.list-empty p{margin: 0 0 16px}.pager{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin-top: 44px}.pager a,.pager span{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;height: 44px;padding: 0 14px;font-size: 13px;font-weight: 700;letter-spacing: 0.06em;color: var(--text-dim);border: 1px solid var(--line);transition: border-color .15s,color .15s}.pager--top{margin: 0 0 28px}.pager a:hover{color: var(--text);border-color: var(--accent)}.pager .is-current{color: #fff;background: var(--accent);border-color: var(--accent)}.pager .is-disabled{opacity: .4}.pager .pager__gap{border-color: transparent;min-width: 24px;padding: 0}.list-links{margin: 8px 0 0;font-size: 14px}.list-links a{color: var(--text-dim);text-decoration: underline;text-underline-offset: 3px}.list-links a:hover{color: var(--accent)}.players-nav{display: flex;flex-wrap: wrap;gap: 6px;margin: 0 0 32px;padding: 14px;background: var(--bg-raised);border: 1px solid var(--line)}.players-nav a{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 8px;font-size: 14px;font-weight: 800;color: var(--text);border: 1px solid var(--line-strong);transition: color .15s,border-color .15s,background-color .15s}.players-nav a:hover{border-color: var(--accent);background: rgba(255,70,85,.1)}.players-group{margin: 0 0 32px;scroll-margin-top: calc(var(--header-h) + 16px)}.players-group__title{display: flex;align-items: baseline;gap: 10px;margin: 0 0 12px;padding-bottom: 8px;font-size: 22px;font-weight: 900;border-bottom: 1px solid var(--line)}.players-group__title span{font-size: 13px;font-weight: 700;color: var(--text-dim)}.players-list{list-style: none;margin: 0;padding: 0;columns: 4 200px;column-gap: 24px}.players-list li{break-inside: avoid;padding: 5px 0;font-size: 15px}.players-list a{color: var(--text);text-decoration: none;border-bottom: 1px solid transparent;transition: color .15s,border-color .15s}.players-list a:hover{color: var(--accent);border-bottom-color: var(--accent)}.players-team{font-size: 12px;color: var(--text-dim)}@media (max-width: 860px){.filters{grid-template-columns: minmax(0,1fr) auto auto}.filters .xh-field--search{grid-column: 1 / -1}}@media (max-width: 560px){.filters__toggle{gap: 8px;padding: 0 14px}.filters__toggle-t{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap}.filters__btn{padding: 0 20px}.section--list{padding-top: 32px}.pager{gap: 4px}.pager a,.pager span{min-width: 40px;height: 44px;padding: 0 10px}}
.section--prose{padding-top: 56px}.container--prose{max-width: 820px}.prose-head{margin-bottom: 32px;padding-bottom: 24px;border-bottom: 1px solid var(--line)}.prose-head .section__title{margin-bottom: 0}.prose-head__meta{margin: 12px 0 0;font-size: 13px;color: var(--text-dim)}.prose{font-size: 16px;line-height: 1.75;color: #cfd3d8}.prose>:first-child{margin-top: 0}.prose p{margin: 0 0 18px}.prose h2{margin: 40px 0 12px;padding-left: 12px;font-size: 20px;font-weight: 900;line-height: 1.3;color: var(--text);border-left: 3px solid var(--accent);scroll-margin-top: calc(var(--header-h) + 16px)}.prose ul{margin: 0 0 18px;padding-left: 22px;list-style: square}.prose li{margin: 6px 0}.prose li::marker{color: var(--accent)}.prose a{color: var(--text);text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 3px}.prose a:hover{color: var(--accent)}.faq{display: flex;flex-direction: column;gap: 8px}.faq__item{background: var(--bg-raised);border: 1px solid var(--line);transition: border-color .15s}.faq__item[open]{border-color: var(--line-strong);border-left: 3px solid var(--accent)}.faq__q{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 18px 20px;font-size: 16px;font-weight: 800;line-height: 1.4;color: var(--text);cursor: pointer;list-style: none}.faq__q::-webkit-details-marker{display: none}.faq__q::after{content: "";flex-shrink: 0;width: 10px;height: 10px;border-right: 2px solid var(--text-dim);border-bottom: 2px solid var(--text-dim);transform: rotate(45deg);transition: transform .2s}.faq__item[open] .faq__q::after{transform: rotate(-135deg);border-color: var(--accent)}.faq__q:hover{color: var(--accent)}.faq__q:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}.faq__a{margin: 0;padding: 0 20px 20px;font-size: 15px;line-height: 1.7;color: var(--text-dim)}.prose ol{margin: 0 0 18px;padding-left: 24px}.prose ol li::marker{color: var(--accent);font-weight: 800}.prose code,.guide-table code{padding: 2px 6px;font: 600 13px/1.6 Consolas,"Cascadia Mono","Courier New",monospace;color: var(--text);background: var(--bg-raised);border: 1px solid var(--line);overflow-wrap: anywhere}.prose .tool-formula{margin: 0 0 18px}.guide-table{width: 100%;margin: 0 0 22px;border-collapse: collapse;font-size: 15px;background: var(--bg-raised);border: 1px solid var(--line)}.guide-table th,.guide-table td{padding: 11px 14px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--line)}.guide-table thead th{font-size: 12px;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;color: var(--text-dim);background: rgba(255,255,255,.02)}.guide-table tbody th{width: 28%;font-weight: 800;color: var(--text);white-space: nowrap}.guide-table td{color: #cfd3d8}.guide-table tbody tr:last-child th,.guide-table tbody tr:last-child td{border-bottom: 0}.guides-list{display: grid;gap: 12px;margin: 0;padding: 0;list-style: none}.guides-list__link{display: block;padding: 18px 20px;text-decoration: none;background: var(--bg-raised);border: 1px solid var(--line);border-left: 3px solid var(--accent);transition: border-color .15s,background .15s}.guides-list__link:hover{border-color: var(--accent);background: rgba(255,70,85,.06)}.guides-list__title{display: block;margin-bottom: 4px;font-size: 17px;font-weight: 800;color: var(--text)}.guides-list__blurb{display: block;font-size: 14px;line-height: 1.6;color: var(--text-dim)}.guide-faq,.guide-more{margin-top: 44px}.guide-faq__title,.guide-more__title{margin: 0 0 14px;font-size: 20px;font-weight: 900;color: var(--text)}.xh-grid--guide{margin: 6px 0 22px}@media (max-width: 560px){.guide-table{font-size: 14px}.guide-table th,.guide-table td{padding: 10px}.guide-table tbody th{white-space: normal;width: 34%}.guides-list__link{padding: 15px 16px}}@media (max-width: 560px){.section--prose{padding-top: 36px}.prose{font-size: 15px}.faq__q{padding: 16px;font-size: 15px}.faq__a{padding: 0 16px 16px}}
.section--submit{padding-top: 56px}.login-soon{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.login-soon .filters__btn--link{margin-top: 0}.login-soon__alt{background: transparent;border: 1px solid var(--line-strong)}.login-soon__alt:hover{background: transparent;border-color: var(--accent)}.container--submit{max-width: 640px}.submit-head{margin-bottom: 28px;text-align: center}.submit-head__lede{max-width: 480px;margin: 12px auto 0;color: var(--text-dim);line-height: 1.6}.submit{padding: 28px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid var(--accent)}.submit__stage{display: flex;flex-direction: column;align-items: center;gap: 12px;margin-bottom: 24px;padding: 24px 16px 16px;background: var(--bg-sunken);border: 1px solid var(--line)}.submit__tile{position: relative;width: 220px;height: 220px;overflow: hidden;border: 1px solid var(--line-strong)}.submit__hint{position: absolute;inset: auto 12px 12px 12px;margin: 0;padding: 6px 8px;font-size: 12px;text-align: center;color: var(--text);background: rgba(15,25,35,.78)}.submit__hint[hidden]{display: none}.submit__status{min-height: 20px;margin: 0;font-size: 13px;font-weight: 700;color: var(--text-dim)}.submit__status.is-ok{color: #3ddc97}.submit__status.is-bad{color: var(--accent)}.field{margin-bottom: 20px}.field__label{display: block;margin-bottom: 8px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text)}.field__help{margin: 8px 0 0;font-size: 13px;color: var(--text-dim)}.field__error{margin: 8px 0 0;font-size: 13px;font-weight: 700;color: var(--accent)}.xh-input--mono{font-family: Consolas,"Cascadia Mono","Courier New",monospace;font-size: 14px}.xh-input[aria-invalid="true"]{border-color: var(--accent)}.hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.submit__btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 52px;font-size: 14px;font-weight: 800;letter-spacing: 0.16em;text-transform: uppercase;color: #fff;background: var(--accent);transition: background .15s}.submit__btn:hover{background: var(--accent-dim)}.submit__fine{margin: 18px 0 0;font-size: 12px;line-height: 1.7;color: var(--text-dim)}.submit__fine a{color: var(--text);text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 3px}.section--compact{padding-top: 22px;padding-bottom: 40px}.container--submit-wide{max-width: 900px}.submit-head--compact{margin-bottom: 14px;text-align: left}.submit-head--compact .eyebrow{margin-bottom: 4px}.submit-head--compact .section__title{font-size: clamp(24px,3vw,30px)}.submit-head--compact .submit-head__lede{max-width: 560px;margin: 4px 0 0;font-size: 14px;line-height: 1.5}.submit--compact{display: grid;grid-template-columns: 220px minmax(0,1fr);gap: 28px;align-items: start;padding: 20px}.submit--compact .submit__stage{display: grid;grid-template-areas: "label" "tile" "status";gap: 10px;margin: 0;padding: 0;background: none;border: 0}.submit__label{grid-area: label;display: flex;align-items: center;gap: 9px;margin: 0;font-size: 11px;font-weight: 800;letter-spacing: 0.18em;text-transform: uppercase;color: var(--text-dim)}.submit__label::before{content: "";width: 7px;height: 7px;background: var(--accent)}.submit--compact .submit__tile{grid-area: tile;width: 100%;height: auto;aspect-ratio: 1 / 1}.submit--compact .submit__tile::after{content: "";position: absolute;inset: 10px;pointer-events: none;--c: var(--accent);--len: 12px;background: linear-gradient(var(--c),var(--c)) top left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) top right / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 2px var(--len) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--len) 2px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 2px var(--len) no-repeat}.submit--compact .submit__hint{inset: auto 10px 10px 10px;font-size: 11px;line-height: 1.35}.submit--compact .submit__status{grid-area: status;min-height: 18px;font-size: 12px}.submit--compact .field{margin-bottom: 16px}.field__row{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 7px}.field__row .field__label{margin: 0}.field__hint{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color: var(--text-dim)}.submit--compact .xh-input{height: 44px}.submit--compact .notice{margin-bottom: 16px;padding: 11px 14px;font-size: 13px}.submit--compact .submit__btn{gap: 10px;height: 48px;margin-top: 4px;font-size: 13px}.submit--compact .submit__fine{margin: 12px 0 0;font-size: 11.5px;line-height: 1.6}@media (max-width: 760px){.section--compact{padding-top: 24px;padding-bottom: 40px}.submit--compact{grid-template-columns: minmax(0,1fr);gap: 18px;padding: 16px}.submit--compact .submit__stage{grid-template-areas: "tile label" "tile status";grid-template-columns: 132px minmax(0,1fr);grid-template-rows: auto 1fr;align-items: start;gap: 6px 14px}.submit--compact .submit__status{align-self: start;font-size: 13px}.submit--compact .submit__hint{display: none}.submit--compact .submit__tile::after{inset: 7px;--len: 9px}}.submit-head--left{text-align: left}.submit-head--left .submit-head__lede{margin-left: 0}.xh-textarea{height: auto;min-height: 110px;padding: 10px 12px;line-height: 1.55;resize: vertical}.section--contact{padding-top: 40px;padding-bottom: 56px}.container--contact{max-width: 960px}.contact-head{margin-bottom: 20px}.contact-head .eyebrow{margin-bottom: 4px}.contact-head .section__title{margin: 0;font-size: clamp(28px,4vw,38px)}.contact-head__lede{margin: 8px 0 0;max-width: 560px;font-size: 15px;line-height: 1.55;color: var(--text-dim)}.contact{display: grid;grid-template-columns: minmax(0,1fr) 270px;gap: 20px;align-items: start}.contact-form{padding: 20px 22px 18px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid var(--accent)}.contact-form .notice{margin-bottom: 16px;padding: 10px 14px;font-size: 13px}.contact-form .field{margin-bottom: 14px}.contact-form .field__label{margin-bottom: 6px;font-size: 11px}.contact-form .field__row{margin-bottom: 6px}.contact-form .field__row .field__label{margin-bottom: 0}.contact-form .xh-input{height: 42px;font-size: 14px}.contact-form .xh-textarea{height: auto;min-height: 112px;padding: 10px 12px}.contact-form .field__error{margin-top: 6px;font-size: 12.5px}.topics{margin: 0 0 16px;padding: 0;border: 0;min-width: 0}.topics legend{padding: 0}.topics .field__label{margin-bottom: 8px}.topics__list{display: flex;flex-wrap: wrap;gap: 8px}.topic{position: relative;cursor: pointer}.topic input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.topic span{display: inline-flex;align-items: center;height: 34px;padding: 0 13px;font-size: 13px;font-weight: 700;color: var(--text-dim);background: var(--bg-sunken);border: 1px solid var(--line);transition: color .15s,border-color .15s,background .15s}.topic:hover span{color: var(--text);border-color: var(--line-strong)}.topic input:checked + span{color: #fff;background: var(--accent);border-color: var(--accent)}.topic input:focus-visible + span{outline: 2px solid var(--text);outline-offset: 2px}.contact-form__pair{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.contact-form__pair .field{margin-bottom: 8px}.contact-form__help{margin: 0 0 14px;font-size: 12.5px}.contact-form__foot{display: flex;align-items: center;justify-content: space-between;gap: 14px 22px;padding-top: 14px;border-top: 1px solid var(--line)}.contact-form__foot .submit__fine{flex: 1;margin: 0;font-size: 11.5px;line-height: 1.55}.contact-form__btn{display: inline-flex;flex: none;align-items: center;justify-content: center;gap: 10px;height: 44px;padding: 0 24px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);cursor: pointer;transition: background .15s}.contact-form__btn:hover{background: var(--accent-dim)}.contact-form__btn:focus-visible{outline: 2px solid var(--text);outline-offset: 2px}.contact-done{display: flex;align-items: flex-start;gap: 16px;padding: 22px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid #3ddc97}.contact-done__ico{flex: none;margin-top: 2px;color: #3ddc97}.contact-done__title{margin: 0 0 6px;font-size: 20px;font-weight: 800}.contact-done p{margin: 0 0 16px;font-size: 14px;line-height: 1.6;color: var(--text-dim)}.contact-done .xh-copy{width: auto;min-width: 170px;margin: 0;padding: 0 20px}.contact-points{display: grid;margin: 0;padding: 0;list-style: none;border: 1px solid var(--line);background: rgba(255,255,255,.015)}.contact-points li{display: grid;grid-template-columns: 34px minmax(0,1fr);column-gap: 12px;padding: 14px 16px;border-bottom: 1px solid var(--line)}.contact-points li:last-child{border-bottom: 0}.contact-points__ico{grid-row: span 2;display: grid;width: 34px;height: 34px;place-items: center;color: var(--accent);border: 1px solid var(--line-strong)}.contact-points strong{align-self: end;font-size: 13px;font-weight: 800;letter-spacing: 0.02em}.contact-points li>span:not(.contact-points__ico){font-size: 13px;line-height: 1.5;color: var(--text-dim);overflow-wrap: anywhere}.contact-points a{color: var(--text);text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 3px}@media (max-width: 860px){.contact{grid-template-columns: minmax(0,1fr)}}@media (max-width: 560px){.section--contact{padding-top: 28px}.contact-form{padding: 16px}.contact-form__pair{grid-template-columns: minmax(0,1fr);gap: 0}.contact-form__pair .field{margin-bottom: 12px}.contact-form__foot{flex-direction: column;align-items: stretch}.contact-form__btn{width: 100%}.topic span{height: 36px}}.field__opt{font-weight: 600;letter-spacing: 0;text-transform: none;color: var(--text-dim)}.reasons{margin: 0 0 20px;padding: 0;border: 0;min-width: 0}.reasons .field__label{padding: 0}.reasons__item{display: flex;align-items: center;gap: 12px;margin-bottom: 8px;padding: 12px 14px;font-size: 15px;cursor: pointer;background: var(--bg-sunken);border: 1px solid var(--line);transition: border-color .15s}.reasons__item:hover{border-color: var(--line-strong)}.reasons__item:has(input:checked){border-color: var(--accent);background: rgba(255,70,85,.08)}.reasons__item input{width: 18px;height: 18px;accent-color: var(--accent)}.xh-report{display: inline-block;margin-top: 4px;font-size: 12px;color: var(--text-dim);text-decoration: underline;text-underline-offset: 3px}.xh-report:hover{color: var(--accent)}.notice{margin-bottom: 20px;padding: 14px 16px;font-size: 14px;line-height: 1.6;border: 1px solid var(--line-strong);border-left-width: 3px}.notice p{margin: 0}.notice p + p{margin-top: 6px}.notice a{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.notice--error{color: #ffb3ba;background: rgba(255,70,85,.10);border-color: var(--accent)}.notice--warn{color: #f7dca8;background: rgba(245,184,74,.09);border-color: #f5b84a}.submit__btn--again{width: auto;height: 40px;margin-top: 6px;padding: 0 18px;font-size: 12px;background: transparent;border: 1px solid #f5b84a;color: #f7dca8}.submit__btn--again:hover{background: rgba(245,184,74,.16)}.submit--compact .notice .submit__btn--again{height: 38px;margin-top: 6px;font-size: 12px}.notice--success{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 20px;color: #b8f3d9;background: rgba(61,220,151,.09);border-color: #3ddc97}.notice--success .xh-copy{width: auto;min-width: 160px;margin: 0;padding: 0 18px}@media (max-width: 560px){.section--submit{padding-top: 32px}.submit{padding: 18px}.submit__tile{width: min(220px,100%)}}
.gen-bar{background: var(--bg-raised);border-bottom: 1px solid var(--line)}.gen-bar__inner{max-width: 1600px;height: 52px;margin: 0 auto;padding: 0 24px;display: flex;align-items: center;gap: 14px}.gen-bar__title{margin: 0;font-size: 18px;font-weight: 800;white-space: nowrap}.gen-bar__sep{flex-shrink: 0;width: 1px;height: 20px;background: var(--line-strong)}.gen-bar__lede{margin: 0;min-width: 0;font-size: 14px;color: var(--text-dim);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.gen{--gen-h: calc(100vh - var(--header-h) - 52px);max-width: 1600px;margin: 0 auto;display: grid;grid-template-columns: minmax(0,1fr) 540px;height: var(--gen-h);min-height: 600px}@supports (height: 100dvh){.gen{--gen-h: calc(100dvh - var(--header-h) - 52px)}}.gen__left{--gen-stage-w: min(100%,calc(var(--gen-h) - 250px));min-height: 0;padding: 20px 24px;display: flex;flex-direction: column;align-items: center;gap: 14px;overflow-y: auto}.gen-stage,.gen-output{width: var(--gen-stage-w);min-width: min(100%,300px)}.gen__right{min-height: 0;display: flex;flex-direction: column;background: var(--bg-raised);border-left: 1px solid var(--line)}.gen__panel{flex: 1;min-height: 0;display: flex;flex-direction: column}.gen__scroll{flex: 1;min-height: 0;padding: 16px;overflow-y: auto}.gen-stage{padding: 14px 16px 12px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid var(--accent)}.gen-stage__label,.gen-output__label,.gen-tools__label{margin: 0 0 10px;font-size: 11px;font-weight: 800;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-dim)}.gen-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.gen-tile{position: relative;aspect-ratio: 1 / 1;overflow: hidden;border: 1px solid var(--line-strong)}.gen-stage__empty{margin: 12px 0 0;padding: 8px 10px;font-size: 13px;text-align: center;color: var(--text);background: rgba(255,70,85,.10);border: 1px solid var(--accent)}.gen-stage__empty[hidden]{display: none}.gen-size{display: flex;align-items: center;gap: 12px;margin-top: 12px}.gen-size__label{flex-shrink: 0;font-size: 12px;font-weight: 700;color: var(--text-dim)}.gen-range{flex: 1;min-width: 0;accent-color: var(--accent);cursor: pointer}.gen-output{padding: 12px 16px 14px;background: var(--bg-raised);border: 1px solid var(--line)}.gen-output__label{margin-bottom: 8px}.gen-output__code{display: block;padding: 10px 12px;font-family: Consolas,"Cascadia Mono","Courier New",monospace;font-size: 12.5px;line-height: 1.5;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line);word-break: break-all;user-select: all;max-height: 5.2em;overflow-y: auto}.gen__actions{padding: 12px 16px 14px;background: var(--bg-raised);border-top: 1px solid var(--line-strong)}.gen__actions .xh-copy{margin-top: 0}.gen__actions-row{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 8px}.gen__actions-row--2{grid-template-columns: repeat(2,minmax(0,1fr))}.gen__actions-row .xh-copy{height: 38px;padding: 0 6px;font-size: 11px;letter-spacing: 0.08em}.gen-tabs{display: flex;flex-shrink: 0;border-bottom: 1px solid var(--line-strong);background: var(--bg-sunken)}.gen-tab{flex: 1;min-height: 48px;padding: 0 12px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim);border-bottom: 2px solid transparent;margin-bottom: -1px;transition: color .15s,border-color .15s}.gen-tab:hover:not(:disabled){color: var(--text)}.gen-tab.is-active{color: var(--text);border-bottom-color: var(--accent)}.gen-tab:disabled{opacity: .35;cursor: not-allowed}.gen-panel{display: flex;flex-direction: column;gap: 14px}.gen-panel[hidden]{display: none}.gen-presets-box{padding: 2px 0 2px}.gen-tools__label{margin-bottom: 8px}.gen-presets{display: flex;flex-wrap: wrap;gap: 8px}.gen-chip{cursor: pointer;transition: color .15s,border-color .15s,background .15s}.gen-chip:hover{color: var(--text);border-color: var(--accent)}.gen-btn{height: 36px;padding: 0 16px;font-size: 12px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text);border: 1px solid var(--line-strong);transition: background .15s,border-color .15s,color .15s}.gen-btn:hover{border-color: var(--accent);color: #fff}.gen-btn--solid{background: var(--accent);border-color: var(--accent);color: #fff}.gen-btn--solid:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.gen-card{background: var(--bg);border: 1px solid var(--line)}.gen-card__head{display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: 48px;padding: 8px 16px;border-bottom: 1px solid var(--line)}.gen-card__title{display: block;margin: 0;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase}.gen-card__body{display: flex;flex-direction: column;gap: 14px;padding: 16px;transition: opacity .15s}.gen-card.is-off .gen-card__body{opacity: .42}.gen-card__foot{display: flex;flex-direction: column;gap: 12px;padding: 12px 16px;border-top: 1px solid var(--line)}.gen-card--import{padding: 14px 16px}.gen-card--import .gen-card__title{margin-bottom: 10px}.gen-import{display: flex;gap: 10px}.gen-import .xh-input{height: 40px;flex: 1;min-width: 0;font-size: 13px}.gen-import .gen-btn{height: 40px}.gen-import__msg{min-height: 0;margin: 8px 0 0;font-size: 13px;color: var(--text-dim)}.gen-import__msg:empty{display: none}.gen-import__msg.is-ok{color: #3ddc97}.gen-import__msg.is-bad{color: var(--accent);font-weight: 700}.gen-errors{display: flex;flex-direction: column;gap: 14px;padding-top: 6px;border-top: 1px solid var(--line)}.gen-opt{display: flex;flex-direction: column;gap: 6px}.gen-opt__help{margin: 0 0 0 48px;font-size: 13px;line-height: 1.5;color: var(--text-dim)}.gen-row{display: grid;grid-template-columns: 150px minmax(0,1fr) 64px;align-items: center;gap: 14px}.gen-row[hidden]{display: none}.gen-row__label{font-size: 13px;font-weight: 600;color: var(--text)}.gen-num{width: 100%;height: 34px;padding: 0 8px;font: inherit;font-size: 13px;text-align: center;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line);border-radius: 0;-moz-appearance: textfield;appearance: textfield}.gen-num:focus{outline: none;border-color: var(--accent)}.gen-num::-webkit-outer-spin-button,.gen-num::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.gen-switch{position: relative;display: inline-flex;align-items: center;gap: 10px;cursor: pointer;font-size: 13px;font-weight: 600}.gen-switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.gen-switch__ui{position: relative;flex-shrink: 0;width: 38px;height: 20px;background: var(--bg-sunken);border: 1px solid var(--line-strong);transition: background .15s,border-color .15s}.gen-switch__ui::after{content: "";position: absolute;top: 2px;left: 2px;width: 14px;height: 14px;background: var(--text-dim);transition: transform .15s,background .15s}.gen-switch input:checked + .gen-switch__ui{background: var(--accent);border-color: var(--accent)}.gen-switch input:checked + .gen-switch__ui::after{transform: translateX(18px);background: #fff}.gen-switch input:focus-visible + .gen-switch__ui{outline: 2px solid var(--accent);outline-offset: 2px}.gen-swatches{display: flex;flex-wrap: wrap;gap: 10px}.gen-swatch{width: 36px;height: 36px;padding: 0;background: var(--sw);border: 1px solid var(--line-strong)}.gen-swatch:hover{border-color: var(--text)}.gen-swatch.is-active{outline: 2px solid var(--accent);outline-offset: 2px;border-color: transparent}.gen-swatch--custom{background: linear-gradient(var(--sw,#fff),var(--sw,#fff)) center / 46% 46% no-repeat,conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.gen-custom{display: flex;flex-wrap: wrap;align-items: center;gap: 12px}.gen-colorpick{width: 44px;height: 38px;padding: 0;background: none;border: 1px solid var(--line-strong);cursor: pointer}.gen-custom__label{font-size: 13px;font-weight: 600}.gen-hex{width: 130px;height: 38px;text-transform: uppercase}.gen-custom__err{flex-basis: 100%;margin: 0;font-size: 13px;font-weight: 700;color: var(--accent)}.gen-custom__err[hidden]{display: none}.gen-note{margin: 0;font-size: 13px;color: var(--text-dim)}.gen-note--warn{padding: 8px 12px;color: #f7dca8;background: rgba(245,184,74,.08);border: 1px solid rgba(245,184,74,.45)}.gen-note--warn[hidden]{display: none}.gen-how{padding: 16px;background: var(--bg-sunken);border: 1px solid var(--line)}.gen-how__title{margin: 0 0 10px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase}.gen-how__steps{margin: 0;padding-left: 20px;color: var(--text-dim);line-height: 1.8;font-size: 14px}@media (max-width: 1200px){.gen{grid-template-columns: minmax(0,1fr) 460px}.gen-row{grid-template-columns: 120px minmax(0,1fr) 60px;gap: 10px}}@media (max-width: 960px){.gen-bar__inner{padding: 0 16px}.gen-bar__lede,.gen-bar__sep{display: none}.gen{display: flex;flex-direction: column;height: auto;min-height: 0;padding: 0 16px 32px;gap: 12px}.gen__left,.gen__right{display: contents}.gen__left{--gen-stage-w: auto}.gen-stage{position: sticky;top: var(--header-h);z-index: 20;order: 0;width: auto;margin: 12px 0 0;padding: 10px 12px 12px}.gen-output{order: 1;width: auto}.gen__actions{order: 2;padding: 0;border: 0;background: none}.gen__panel{order: 3;flex: none}.gen__scroll{padding: 14px 0 0;overflow: visible}.gen-tabs{border: 1px solid var(--line)}.gen-stage__label,.gen-size{display: none}.gen-grid{display: flex;gap: 8px;overflow-x: auto;scroll-snap-type: x proximity;padding-bottom: 2px}.gen-tile{flex: 0 0 104px;scroll-snap-align: start}.gen-stage__empty{margin-top: 8px;padding: 6px 8px;font-size: 12px}}@media (max-width: 560px){.gen-row{grid-template-columns: 1fr 64px;gap: 6px 12px}.gen-row__label{grid-column: 1 / -1}.gen-row .gen-range{grid-column: 1}.gen-card__head,.gen-card__body{padding-left: 14px;padding-right: 14px}.gen-tab{padding: 0 4px;letter-spacing: 0.08em}.gen-import{flex-direction: column}}
.section--tool{padding-top: 48px}.container--tool{max-width: 900px}.tool-head{margin-bottom: 28px}.tool-head .section__title{margin-bottom: 10px}.tool-head__lede{max-width: 620px;margin: 0;font-size: 16px;line-height: 1.6;color: var(--text-dim)}.sens{padding: 28px;background: var(--bg-raised);border: 1px solid var(--line);border-top: 2px solid var(--accent)}.sens__pair{display: grid;grid-template-columns: minmax(0,1fr) 48px minmax(0,1fr);gap: 14px;align-items: end}.sens__values{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 14px;margin-top: 20px}.sens__field{min-width: 0}.sens__label{display: block;margin-bottom: 8px;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim)}.sens__swap{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;color: var(--text-dim);background: var(--bg-sunken);border: 1px solid var(--line);transition: color .15s,border-color .15s}.sens__swap:hover{color: var(--text);border-color: var(--accent)}.sens__input{font-size: 18px;font-weight: 700}.sens__out{display: flex;gap: 10px}.sens__result{display: flex;align-items: center;flex: 1 1 auto;min-width: 0;height: 48px;padding: 0 14px;overflow: hidden;font-size: 20px;font-weight: 800;letter-spacing: 0.02em;color: #fff;white-space: nowrap;background: rgba(255,70,85,0.10);border: 1px solid rgba(255,70,85,0.45)}.sens__result.is-empty{color: var(--text-dim);font-weight: 600}.sens__copy{flex: 0 0 auto;height: 48px;padding: 0 22px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);transition: background .15s,opacity .15s}.sens__copy:hover:not(:disabled){background: var(--accent-dim)}.sens__copy:disabled{opacity: .35;cursor: not-allowed}.sens__copy.is-copied{background: #2f9e6b}.sens__error{margin: 16px 0 0;padding: 10px 14px;font-size: 14px;color: #ffd7da;background: rgba(255,70,85,0.10);border-left: 3px solid var(--accent)}.sens__error[hidden]{display: none}.sens__line{margin: 16px 0 0;font-size: 14px;color: var(--text-dim)}.sens__line:empty{display: none}.sens__notes{margin: 12px 0 0;padding: 0;display: grid;gap: 4px}.sens__notes:empty{display: none}.sens__notes li{font-size: 13px;line-height: 1.5;color: var(--text-dim)}.sens__dpi{margin-top: 22px;padding-top: 20px;border-top: 1px solid var(--line)}.sens__dpi-input{max-width: 220px}.sens__line--dist{margin-top: 10px}.sens-chips{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 20px}.sens-chip{height: 38px;padding: 0 14px;font-size: 13px;font-weight: 700;color: var(--text-dim);background: transparent;border: 1px solid var(--line);transition: color .15s,border-color .15s,background .15s}.sens-chip:hover{color: var(--text);border-color: var(--line-strong)}.sens-chip.is-from{color: var(--text);border-color: var(--line-strong);border-style: dashed}.sens-chip.is-to{color: #fff;background: var(--accent);border-color: var(--accent)}.tool-block{margin-top: 44px;padding-top: 28px;border-top: 1px solid var(--line)}.tool-block__title{margin: 0 0 14px;font-size: 20px;font-weight: 800;color: var(--text)}.tool-block p{margin: 0 0 14px;max-width: 720px;line-height: 1.7;color: #cfd3d8}.tool-block__lede{color: var(--text-dim) !important}.tool-formula{max-width: none !important;padding: 12px 16px;font-size: 14px;color: var(--text) !important;background: var(--bg-sunken);border-left: 3px solid var(--accent)}.tool-list{display: grid;gap: 10px;padding-left: 20px;list-style: disc}.tool-list li{max-width: 720px;line-height: 1.7;color: #cfd3d8}.tool-list li::marker{color: var(--accent)}.tool-table-wrap{overflow-x: auto;border: 1px solid var(--line)}.tool-table{width: 100%;border-collapse: collapse;font-size: 14px}.tool-table th,.tool-table td{padding: 11px 16px;text-align: left;border-bottom: 1px solid var(--line)}.tool-table thead th{font-size: 12px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--text-dim);background: var(--bg-sunken)}.tool-table tbody th{font-weight: 700;color: var(--text)}.tool-table td{color: #cfd3d8;font-variant-numeric: tabular-nums}.tool-table tbody tr:last-child th,.tool-table tbody tr:last-child td{border-bottom: 0}@media (max-width: 640px){.section--tool{padding-top: 32px}.sens{padding: 18px}.sens__pair{grid-template-columns: minmax(0,1fr);gap: 10px}.sens__swap{justify-self: center;transform: rotate(90deg)}.sens__values{grid-template-columns: minmax(0,1fr);gap: 16px}.sens__dpi-input{max-width: none}.sens__copy{padding: 0 16px}.tool-table th,.tool-table td{padding: 10px 12px}}
.auth{padding: 56px var(--gutter) 72px}.auth__card{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);max-width: 1040px;min-height: 600px;margin: 0 auto;background: var(--bg-raised);border: 1px solid var(--line-strong);border-top: 2px solid var(--accent);box-shadow: 0 30px 70px rgba(0,0,0,.45);overflow: hidden}.auth__show{position: relative;overflow: hidden;background: var(--bg-sunken);border-right: 1px solid var(--line)}.auth__tiles{position: absolute;inset: -14px;display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;transform: rotate(-4deg) scale(1.08);opacity: .95}.auth-tile{position: relative;aspect-ratio: 1 / 1;overflow: hidden;border: 1px solid var(--line-strong)}.auth__show::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(11,18,26,.9) 0%,rgba(11,18,26,.62) 38%,rgba(11,18,26,.5) 58%,rgba(11,18,26,.94) 100%),radial-gradient(ellipse at 20% 0%,rgba(255,70,85,.22),transparent 60%)}.auth__show-copy{position: relative;z-index: 2;height: 100%;padding: 36px 36px 40px;display: flex;flex-direction: column;justify-content: space-between;gap: 24px}.auth__brand{align-self: flex-start}.auth__show-title,.auth__perks{text-shadow: 0 2px 14px rgba(0,0,0,.8)}.auth__show-title{margin: 0;max-width: 14ch;font-size: clamp(30px,3.4vw,42px);font-weight: 900;line-height: 1.08;letter-spacing: -0.01em}.auth__perks{display: flex;flex-direction: column;gap: 14px;margin: 18px 0 0;padding: 0;list-style: none}.auth__perks li{position: relative;padding-left: 22px;font-size: 15px;line-height: 1.5;color: #cfd6dc}.auth__perks li::before{content: "";position: absolute;left: 0;top: .55em;width: 8px;height: 8px;background: var(--accent)}.auth__main{display: flex;flex-direction: column;justify-content: center;padding: 40px 44px 36px}.auth__title{margin: 0 0 6px;font-size: 30px;font-weight: 900;line-height: 1.15}.auth__lede{margin: 0 0 22px;font-size: 15px;line-height: 1.55;color: var(--text-dim)}.auth__main .notice{margin-bottom: 18px}.auth-form{display: flex;flex-direction: column;gap: 14px}.auth-field__label{display: block;margin-bottom: 7px;font-size: 13px;font-weight: 700;color: var(--text)}.auth-field__wrap{position: relative}.auth-input{display: block;width: 100%;height: 50px;padding: 0 14px;font: inherit;font-size: 15px;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line-strong);border-radius: 0;transition: border-color .15s,box-shadow .15s}.auth-input::placeholder{color: var(--text-dim)}.auth-input:hover{border-color: var(--text-dim)}.auth-input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(255,70,85,.18)}.auth-input[aria-invalid="true"]{border-color: var(--accent)}.auth-field__wrap .auth-input[type="password"],.auth-field__wrap .auth-input[data-has-toggle]{padding-right: 50px}.auth-field__toggle{position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: var(--text-dim)}.auth-field__toggle:hover,.auth-field__toggle.is-on{color: var(--text)}.auth-field__help{margin: 7px 0 0;font-size: 12.5px;line-height: 1.5;color: var(--text-dim)}.auth-field__error{margin: 7px 0 0;font-size: 13px;font-weight: 700;color: #ff8a94}.pw-meter{margin-top: 9px}.pw-meter__bar{height: 4px;background: var(--line-strong)}.pw-meter__bar span{display: block;height: 100%;width: 8%;background: var(--accent);transition: width .2s,background .2s}.pw-meter[data-level="2"] .pw-meter__bar span{background: #f5b84a}.pw-meter[data-level="3"] .pw-meter__bar span{background: #9ad65c}.pw-meter[data-level="4"] .pw-meter__bar span{background: #3ddc97}.pw-meter__text{margin: 6px 0 0;font-size: 12.5px;color: var(--text-dim)}.auth-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.auth-check{display: inline-flex;align-items: flex-start;gap: 10px;font-size: 14px;line-height: 1.5;cursor: pointer;color: var(--text)}.auth-check input{flex-shrink: 0;width: 18px;height: 18px;margin: 2px 0 0;accent-color: var(--accent)}.auth-check a{text-decoration: underline;text-underline-offset: 3px}.auth-link{font-size: 14px;color: var(--text-dim);text-decoration: underline;text-underline-offset: 3px;transition: color .15s}.auth-link:hover{color: var(--text)}.auth-btn{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;min-height: 50px;padding: 0 18px;font: inherit;font-size: 14px;font-weight: 800;letter-spacing: 0.06em;text-align: center;color: var(--text);border: 1px solid var(--line-strong);cursor: pointer;transition: background .15s,border-color .15s,color .15s}.auth-btn--inline{width: auto;align-self: flex-start;min-width: 180px}.auth-btn--primary{color: #fff;background: var(--accent);border-color: var(--accent)}.auth-btn--primary:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.auth-btn--ghost:hover{border-color: var(--accent)}.auth-btn--danger{color: #fff;background: #b3202f;border-color: #b3202f}.auth-btn--danger:hover{background: #cf2a3b;border-color: #cf2a3b}.auth-btn.is-busy{opacity: .7;pointer-events: none}.auth-btn.is-busy::after{content: "";width: 14px;height: 14px;border: 2px solid rgba(255,255,255,.5);border-top-color: #fff;border-radius: 50%;animation: auth-spin .7s linear infinite}@keyframes auth-spin{to{transform: rotate(360deg)}}.auth-divider{display: flex;align-items: center;gap: 14px;margin: 2px 0;font-size: 12px;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim)}.auth-divider::before,.auth-divider::after{content: "";flex: 1;height: 1px;background: var(--line-strong)}.auth-social{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.auth-social__btn{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 50px;padding: 0 12px;font-size: 14px;font-weight: 700;text-align: center;border: 1px solid transparent;transition: filter .15s,transform .15s,box-shadow .15s}.auth-social__btn:hover{filter: brightness(1.06)}.auth-social__btn:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.auth-social__btn--google{color: #1f1f1f;background: #fff;border-color: #dadce0}.auth-social__btn--discord{color: #fff;background: #5865f2}@media (max-width: 420px){.auth-social{grid-template-columns: 1fr}}.auth-fine,.auth-switch{margin: 4px 0 0;font-size: 13px;line-height: 1.6;text-align: center;color: var(--text-dim)}.auth-fine a{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.auth-switch{margin-top: 0;font-size: 14px}.section--account{padding-top: 40px;padding-bottom: 72px}.acct-head{display: flex;align-items: center;gap: 18px;margin-bottom: 26px}.acct-head__avatar{flex-shrink: 0;width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 900;color: #fff;background: var(--accent)}.acct-head__name{margin: 0;overflow-wrap: anywhere}.acct-head__meta{margin: 4px 0 0;font-size: 13px;color: var(--text-dim)}.acct-head__state{margin-left: 8px;padding: 1px 8px;font-size: 11px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;border: 1px solid var(--line-strong)}.acct-hint{margin: 0 0 20px;font-size: 14px;line-height: 1.6;color: var(--text-dim)}.acct-hint a{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.acct-actions{display: flex;align-items: center;gap: 18px;flex-wrap: wrap}.acct-add{margin: 0 0 28px}.acct-add__toggle{display: inline-flex;align-items: center;gap: 10px;height: 44px;padding: 0 22px;list-style: none;cursor: pointer;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);border: 1px solid var(--accent);transition: background .2s,color .2s,border-color .2s}.acct-add__toggle::-webkit-details-marker{display: none}.acct-add__toggle:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.acct-add__toggle svg{transition: transform .28s cubic-bezier(.2,.8,.2,1)}.acct-add[open]:not(.is-closing)>.acct-add__toggle{color: var(--text);background: transparent;border-color: var(--line-strong)}.acct-add[open]:not(.is-closing)>.acct-add__toggle svg{transform: rotate(45deg)}.acct-add .acct-panel{padding-top: 16px}.acct-add .submit{max-width: 900px}.acct-tabs{display: flex;gap: 4px;margin-bottom: 26px;box-shadow: inset 0 -1px 0 var(--line-strong);overflow-x: auto;overflow-y: hidden}.acct-tab{display: inline-flex;align-items: center;gap: 8px;min-height: 46px;padding: 0 18px;font-size: 13px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;white-space: nowrap;color: var(--text-dim);border-bottom: 2px solid transparent;transition: color .15s,border-color .15s}.acct-tab:hover{color: var(--text)}.acct-tab.is-active{color: var(--text);border-bottom-color: var(--accent)}.acct-tab__n{min-width: 22px;padding: 1px 7px;font-size: 11px;text-align: center;color: var(--text-dim);border: 1px solid var(--line-strong);letter-spacing: 0}@media (max-width: 560px){.acct-tabs{gap: 0}.acct-tab{gap: 6px;padding: 0 12px;font-size: 12px;letter-spacing: 0.08em}}.section--account .notice{margin-bottom: 22px}.acct-item{display: flex;flex-direction: column}.acct-item .xh-card{flex: 1}.acct-item__bar{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 36px;padding: 6px 2px 0}.acct-item__bar form{margin: 0}.acct-item__status{font-size: 12px;font-weight: 700;color: #f7dca8}.acct-link{font-size: 12px;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-dim);text-decoration: underline;text-underline-offset: 3px}.acct-link:hover{color: var(--text)}.acct-link--danger{color: #ff8a94}.acct-comments{display: flex;flex-direction: column;gap: 12px;max-width: 860px;margin: 0 0 26px;padding: 0;list-style: none}.acct-comment{padding: 16px 18px 12px;background: var(--bg-raised);border: 1px solid var(--line);scroll-margin-top: calc(var(--header-h) + 16px)}.acct-comment.is-hidden{border-style: dashed}.acct-comment__head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 12px;margin: 0 0 8px}.acct-comment__crosshair{font-size: 15px;font-weight: 800;color: var(--text);text-decoration: none}a.acct-comment__crosshair:hover{color: var(--accent)}.acct-comment__time{font-size: 13px;color: var(--text-dim)}.acct-comment__tag{padding: 1px 7px;font-size: 11px;font-weight: 700;color: var(--text-dim);border: 1px solid var(--line-strong)}.acct-comment__tag--warn{color: #f7dca8;border-color: rgba(247,220,168,.5)}.acct-comment__body{margin: 0;font-size: 15px;line-height: 1.6;white-space: pre-line;overflow-wrap: anywhere}.acct-comment__bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 34px;margin-top: 8px}.acct-comment__bar form{margin: 0}.acct-comment__meta{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 4px 16px;font-size: 13px;color: var(--text-dim)}.acct-comments + .cm-pager{max-width: 860px}.acct-settings{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;align-items: start;max-width: 1000px}.acct-card{padding: 18px 20px;background: var(--bg-raised);border: 1px solid var(--line)}.acct-card--danger{border-color: rgba(255,70,85,.5)}.acct-card__title{margin: 0 0 12px;font-size: 13px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase}.acct-card__text{margin: 0 0 12px;font-size: 13px;line-height: 1.55;color: var(--text-dim)}.acct-card__note{margin: 6px 0 0 26px;font-size: 12.5px;line-height: 1.5;color: var(--text-dim)}.acct-kv{display: grid;grid-template-columns: max-content 1fr;gap: 6px 20px;margin: 0;font-size: 14px}.acct-kv dt{color: var(--text-dim)}.acct-kv dd{margin: 0;overflow-wrap: anywhere}.acct-visibility{margin-top: 14px;padding-top: 14px;border-top: 1px solid var(--line)}.acct-visibility .acct-actions{margin-top: 12px}.acct-settings .auth-form{gap: 10px}.acct-settings .auth-field{margin-bottom: 0}.acct-fold>summary{margin: 0;cursor: pointer;list-style: none;display: flex;align-items: center;justify-content: space-between;gap: 10px}.acct-fold>summary::-webkit-details-marker{display: none}.acct-fold>summary::after{content: "";width: 8px;height: 8px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);transition: transform .2s}.acct-fold>summary::after{transition: transform .28s cubic-bezier(.2,.8,.2,1)}.acct-fold[open]:not(.is-closing)>summary::after{transform: rotate(-135deg)}.acct-fold .acct-panel{padding-top: 12px}.acct-providers{display: flex;flex-direction: column;gap: 8px;margin: 0;padding: 0;list-style: none}.acct-provider{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 10px 12px;background: var(--bg-sunken);border: 1px solid var(--line)}.acct-provider form{margin: 0}.acct-provider__info{display: flex;flex-direction: column;gap: 2px;min-width: 0;font-size: 14px}.acct-provider__state{font-size: 13px;color: var(--text-dim);overflow-wrap: anywhere}.acct-connect{padding: 8px 16px;font-size: 12px;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;color: #fff;background: var(--accent);border: 1px solid var(--accent);cursor: pointer}.acct-connect:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.xh-fav{gap: 8px}.xh-fav.is-saved{color: var(--accent);border-color: var(--accent)}.xh-fav.is-saved:hover{color: #fff}.xh-fav:disabled{opacity: .6;cursor: progress}@media (max-width: 900px){.auth{padding-top: 24px}.auth__card{grid-template-columns: minmax(0,1fr);min-height: 0}.auth__show{display: none}.auth__main{padding: 30px 22px 28px}.auth__title{font-size: 26px}}@media (min-width: 801px){.acct-settings>#profile{grid-column: 1;grid-row: 1}.acct-settings>#connected{grid-column: 1;grid-row: 2}.acct-settings>#delete{grid-column: 1;grid-row: 3}.acct-settings>#password{grid-column: 2;grid-row: 1 / span 3}}@media (max-width: 800px){.acct-settings{grid-template-columns: minmax(0,1fr)}}@media (max-width: 560px){.auth{padding-left: 0;padding-right: 0}.auth__card{border-left: 0;border-right: 0}.acct-head__avatar{width: 52px;height: 52px;font-size: 22px}.acct-card{padding: 18px}}@media (prefers-reduced-motion: reduce){.auth-btn.is-busy::after{animation: none}}
.cm{margin-top: 56px;padding-top: 30px;border-top: 1px solid var(--line);scroll-margin-top: calc(var(--header-h) + 16px)}.cm__eyebrow{margin: 0 0 4px;font-size: 12px;font-weight: 800;letter-spacing: 0.18em;text-transform: uppercase;color: var(--accent)}.cm__title{display: flex;align-items: center;gap: 12px;margin: 0 0 22px;font-size: 26px;font-weight: 800;line-height: 1.2}.cm__count{padding: 2px 9px;font-size: 13px;font-weight: 700;color: var(--text-dim);border: 1px solid var(--line-strong)}.cm-avatar{flex: 0 0 40px;display: grid;place-items: center;width: 40px;height: 40px;font-size: 15px;font-weight: 800;color: var(--text);background: var(--bg-raised);border: 1px solid var(--line-strong)}.cm-avatar--me{color: var(--text-dim)}.cm-avatar--guest{color: var(--text-dim);border-style: dashed}.cm-avatar--removed{background: transparent;border-style: dashed;border-color: var(--line)}.cm-compose{display: flex;align-items: flex-start;gap: 14px;margin-bottom: 26px;scroll-margin-top: calc(var(--header-h) + 16px)}.cm-compose__main{flex: 1;min-width: 0}.cm-compose__as{margin: 0 0 8px;font-size: 13px;font-weight: 600;color: var(--text-dim)}.cm-compose__as strong{color: var(--text)}.cm-compose__note{margin: 10px 0 0;font-size: 12px;line-height: 1.6;color: var(--text-dim)}.cm-live{margin: 10px 0 0;font-size: 13px;font-weight: 700;color: #3ddc97}.cm-live:empty{display: none}.cm-form{scroll-margin-top: calc(var(--header-h) + 16px)}.cm-form__text{display: block;width: 100%;min-height: 88px;padding: 12px 14px;font: inherit;font-size: 15px;line-height: 1.55;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line-strong);border-radius: 0;resize: vertical;transition: border-color .15s}.cm-form__text:hover{border-color: var(--text-dim)}.cm-form__text:focus{outline: none;border-color: var(--accent)}.cm-form__text::placeholder{color: var(--text-dim)}.cm-form__text[aria-invalid="true"]{border-color: var(--accent)}.cm-form--reply .cm-form__text{min-height: 68px}.cm-form__name{display: block;width: 100%;max-width: 280px;height: 40px;margin: 0 0 8px;padding: 0 12px;font: inherit;font-size: 14px;color: var(--text);background: var(--bg-sunken);border: 1px solid var(--line-strong);border-radius: 0;transition: border-color .15s}.cm-form__name:hover{border-color: var(--text-dim)}.cm-form__name:focus{outline: none;border-color: var(--accent)}.cm-form__name::placeholder{color: var(--text-dim)}.cm-compose__as a{color: var(--text);text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: 3px}.cm-compose__as a:hover{color: var(--accent)}.cm-form__foot{display: flex;align-items: center;justify-content: space-between;gap: 14px;margin-top: 10px}.cm-form__count{font-size: 13px;color: var(--text-dim);font-variant-numeric: tabular-nums}.cm-form__count.is-over{font-weight: 700;color: var(--accent)}.cm-form__warn{margin: 8px 0 0;font-size: 13px;font-weight: 700;color: var(--accent)}.cm-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 0 24px;font: inherit;font-size: 12px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #fff;background: var(--accent);border: 1px solid var(--accent);border-radius: 0;text-decoration: none;cursor: pointer;transition: background .15s,border-color .15s,opacity .15s}.cm-btn:hover{background: var(--accent-dim);border-color: var(--accent-dim)}.cm-btn[aria-disabled="true"]{opacity: .4;cursor: not-allowed}.cm-btn[aria-disabled="true"]:hover{background: var(--accent);border-color: var(--accent)}.cm-btn--ghost{color: var(--text);background: transparent;border-color: var(--line-strong)}.cm-btn--ghost:hover{color: #fff;background: var(--accent);border-color: var(--accent)}.cm-notice{margin: 0 0 14px}.cm-locked{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 20px;margin: 0 0 26px;padding: 16px 18px;font-size: 14px;color: var(--text-dim);background: var(--bg-raised);border: 1px solid var(--line)}.cm-locked p{margin: 0}.cm-list,.cm-replies{margin: 0;padding: 0;list-style: none}.cm-item{display: flex;gap: 14px;padding: 18px 0;border-top: 1px solid var(--line);scroll-margin-top: calc(var(--header-h) + 16px)}.cm-item:target,.cm-item.is-new{animation: cmTarget 2.4s ease-out}@keyframes cmTarget{from{background: rgba(255,70,85,.14)}to{background: transparent}}.cm-main{flex: 1;min-width: 0}.cm-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;margin: 0 0 4px}.cm-name{font-size: 15px;font-weight: 800;color: var(--text);text-decoration: none}a.cm-name:hover{color: var(--accent)}.cm-you{padding: 1px 6px;font-size: 10px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--accent);border: 1px solid var(--accent)}.cm-guest{padding: 1px 6px;font-size: 10px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim);border: 1px solid var(--line-strong)}.cm-time{font-size: 13px;color: var(--text-dim)}.cm-body{margin: 0;font-size: 15px;line-height: 1.6;white-space: pre-line;overflow-wrap: anywhere}.cm-removed{margin: 0;padding-top: 9px;font-size: 14px;font-style: italic;color: var(--text-dim)}.cm-actions{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 2px 20px;margin-top: 6px}.cm-fold[open]{flex: 1 0 100%}.cm-act{display: inline-flex;align-items: center;padding: 5px 0;font: inherit;font-size: 13px;font-weight: 700;color: var(--text-dim);list-style: none;background: none;border: 0;text-decoration: none;cursor: pointer;transition: color .15s}.cm-act::-webkit-details-marker{display: none}.cm-act:hover,.cm-fold[open]>.cm-act{color: var(--text)}.cm-act:focus-visible,.cm-btn:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.cm-act--danger:hover{color: var(--accent)}.cm-inline{display: inline;margin: 0}.cm-flash{align-self: center;font-size: 13px;font-weight: 700;color: #3ddc97}.cm-flash--error{color: var(--accent)}.cm-panel{padding: 8px 0 6px}.cm-report fieldset{margin: 0 0 10px;padding: 0;border: 0;min-width: 0}.cm-report legend{margin: 0 0 6px;padding: 0;font-size: 13px;color: var(--text-dim)}.cm-report__opt{display: flex;align-items: center;gap: 10px;padding: 5px 0;font-size: 14px;cursor: pointer}.cm-report__opt input{width: 16px;height: 16px;accent-color: var(--accent)}.cm-replies{margin-top: 4px;border-left: 2px solid var(--line)}.cm-item--reply{padding: 14px 0 6px 16px;border-top: 0}.cm-item--reply .cm-avatar{flex-basis: 32px;width: 32px;height: 32px;font-size: 13px}.cm-empty{margin: 4px 0 0;padding: 22px 0 6px;font-size: 14px;color: var(--text-dim);border-top: 1px solid var(--line)}.cm-pager{display: flex;align-items: center;justify-content: center;gap: 22px;margin-top: 18px;padding-top: 18px;font-size: 12px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;border-top: 1px solid var(--line)}.cm-pager__link{color: var(--text);text-decoration: none}a.cm-pager__link:hover{color: var(--accent)}.cm-pager__link.is-disabled{color: var(--text-dim);opacity: .45}.cm-pager__now{color: var(--text-dim);font-variant-numeric: tabular-nums}@media (max-width: 560px){.cm{margin-top: 44px}.cm__title{font-size: 22px}.cm-compose{gap: 10px}.cm-avatar{flex-basis: 34px;width: 34px;height: 34px;font-size: 14px}.cm-item{gap: 10px}.cm-item--reply{padding-left: 12px}.cm-form__foot{flex-wrap: wrap}}@media (prefers-reduced-motion: reduce){.cm-item:target,.cm-item.is-new{animation: none}}