.hat-page{color:var(--bd-than);font:15px/1.55 var(--font-chu)}.hat-page *{letter-spacing:0}.hat-page .hat-main h1{font-size:46px!important}.hat-page a:hover{color:var(--home-dark)}.hat-page details summary{cursor:pointer;list-style:none}.hat-page details summary::-webkit-details-marker{display:none}.hat-page input[type=range]{accent-color:var(--bd-hat);cursor:pointer;width:100%}.hat-page input[type=range]:focus-visible{outline:2px solid var(--bd-rung);outline-offset:4px;border-radius:8px}.hat-brand-mark{filter:brightness(0)invert();pointer-events:none}.hat-status{max-width:1272px;color:var(--bd-phu-2);margin:0 auto;padding:12px 24px}.hat-status[role=alert]{color:var(--bd-gap)}@media (width<=599px){.hat-page .hat-main{gap:32px!important;padding:24px 16px 40px!important}.hat-page .hat-main h1{font-size:30px!important}.hat-main>section>div{min-width:0}.hat-main>section:first-child>div:first-child{padding:24px!important}.hat-main>section:first-child a{min-height:44px;height:auto!important;padding-top:10px!important;padding-bottom:10px!important}.hat-main label>span{flex-wrap:wrap;gap:8px}.hat-main input[type=range]{min-height:44px}.hat-main details summary{align-items:center;min-height:44px;display:flex}.hat-main a{position:relative}.hat-main>section:nth-child(3)>div:last-child{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))!important}}@media (prefers-reduced-motion:reduce){.hat-page *{transition:none!important;animation:none!important}}