:root[data-style="halloween-refined"] body { font-family: "Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
:root[data-style="halloween-refined"] :is(h1,h2,h3,.eyebrow,.brand-button strong) { letter-spacing: 0; }
:root[data-style="halloween-refined"] .topbar { background: var(--surface); border-bottom: 2px solid #e77c72; }
:root[data-style="halloween-refined"] .brand-mark { border-radius: 6px; background: var(--accent); color: #ffdc91; }
:root[data-style="halloween-refined"] .topbar .nav > button:is(.active,:hover) { background: #f9dfc6; color: #79371e; }
:root[data-style="halloween-refined"] .language-switch button.active { background: #302a30; color: #fffcf6; }
:root[data-style="halloween-refined"] :is(button,input,textarea,select,a):focus-visible { outline: 3px solid #9b4227; outline-offset: 3px; }
.hwr-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding-bottom: 14px; color: var(--muted); font-size: 11px; font-weight: 700; }
.hwr-toolbar > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; }
.hwr-reduced { font-size: 11px; font-weight: 400; }
.hwr-page { position: relative; min-width: 0; }
:root[data-style="halloween-refined"][data-hero="yes"] .hwr-intro::before { display: none; }
:root[data-style="halloween-refined"] .hwr-intro { position: relative; isolation: isolate; display: block; width: 100%; max-width: none; aspect-ratio: 1280 / 539; margin: 0 auto; padding: 0; background: #ffcb80; overflow: hidden; }
.hwr-art { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.hwr-hero-copy { position: absolute; top: 24%; left: 22%; right: 22%; text-align: center; }
:root[data-style="halloween-refined"] .hwr-hero-copy h1 { font: 700 44px/1.1 Georgia,"Times New Roman",serif; color: #593223; margin: 0; }
.hwr-hero-copy p { font-size: 16px; line-height: 1.35; color: #593223; margin: 8px 0 0; }
.hwr-home-tools { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; padding: 20px 0; }
.hwr-home-tools .search-wrap { flex: 1 1 320px; width: auto; margin: 0; }
.hwr-home-tools :is(.primary-button,.secondary-button) { min-height: 46px; margin: 0; }
:root[data-style="halloween-refined"] :is(.hwr-ask,.ask-form button[type="submit"]) { position: relative; background: var(--accent); background: color-mix(in srgb,var(--accent-secondary) 85%,#000000); color: #fffaf3; }
:root[data-style="halloween-refined"] :is(.hwr-ask,.ask-form button[type="submit"])::after { content: "✧"; position: absolute; top: -10px; right: 8px; width: 16px; height: 18px; color: #895424; font-size: 18px; line-height: 18px; pointer-events: none; }
.hwr-page .row-topic { display: inline-flex; align-items: center; align-self: flex-start; width: fit-content; max-width: 100%; gap: 6px; border-radius: 4px; padding: 4px 7px; background: #f9e7d7; color: #783922; font-size: 11px; line-height: 1.4; }
.hwr-page .row-topic::before { content: ""; width: 6px; height: 7px; flex: 0 0 6px; background: #bf483a; clip-path: polygon(0 0,100% 0,50% 100%); }
.hwr-page[data-hwr-view="explore"] .page-heading h1::after { content: "✧"; display: inline-block; margin-left: 12px; color: #b75b39; font-size: 22px; vertical-align: middle; }
.hwr-page[data-hwr-view="ask"] .page-heading { position: relative; padding-right: 66px; }
.hwr-page[data-hwr-view="ask"] .page-heading::after { content: "✧"; position: absolute; top: 12px; right: 16px; width: 40px; font-size: 40px; color: #ba7650; line-height: 1; pointer-events: none; }
.hwr-page .ask-form { padding-top: 22px; border-top: 1px solid var(--line); }
.hwr-page :is(.ask-form,.profile-form,.contributor-form) :is(input,textarea,select) { background: var(--surface); }
.hwr-page[data-hwr-view="profile"] .profile-heading > .community-avatar { outline: 3px dotted #b77843; outline-offset: 5px; }
.hwr-page :is(.role-hero h1,.desk-heading h1) { font-size: 30px; }
.hwr-page .appearance-preview h2 { font-size: 24px; }
.hwr-page .theme-library-title h3 { font-size: 17px; }
.hwr-page .freshman-band { background: transparent; padding: 14px 0 26px; border: 0; border-bottom: 1px solid var(--line); }
.hwr-lights { position: absolute; inset: 4% 10% auto; height: 8px; display: flex; justify-content: space-between; pointer-events: none; }
.hwr-lights i { width: 7px; height: 7px; border-radius: 50%; background: #fff4cc; box-shadow: 0 0 8px #ffe5a6; opacity: .4; }
.hwr-spark { position: fixed; z-index: 1000; width: 20px; height: 20px; color: #a44a29; font-size: 18px; line-height: 20px; pointer-events: none; }
@keyframes hwr-light { 0%,100% { opacity: .25; } 50% { opacity: .85; } }
@keyframes hwr-arrive { from { opacity: .8; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
:root[data-style="halloween-refined"][data-hwr-motion="on"] .hwr-lights i { animation: hwr-light 4s ease-in-out infinite; }
:root[data-style="halloween-refined"][data-hwr-motion="on"] .hwr-lights i:nth-child(2) { animation-delay: 1.3s; }
:root[data-style="halloween-refined"][data-hwr-motion="on"] .hwr-lights i:nth-child(3) { animation-delay: 2.6s; }
:root[data-style="halloween-refined"][data-hwr-motion="on"] .hwr-page:is([data-hwr-view="home"],[data-hwr-view="explore"]) { animation: hwr-arrive 240ms ease-out; }
:root[data-style="halloween-refined"][data-hwr-light="moonlight"] body { --background: #efedf4; --surface: #fffdf8; --soft: #e9e3f0; --line: #d6d0da; background: var(--background); }
:root[data-style="halloween-refined"][data-hwr-light="moonlight"] .hwr-intro { filter: saturate(.88) brightness(.95); }
@media (max-width:1000px) {
  :root[data-style="halloween-refined"] .hwr-hero-copy h1 { font-size: 36px; }
  .hwr-hero-copy p { font-size: 14px; margin-top: 6px; }
}
@media (min-width:761px) and (max-height:800px) {
  :root[data-style="halloween-refined"] .hwr-intro { width: min(100%,max(500px,calc((100svh - 310px) * 2.374768))); }
  :root[data-style="halloween-refined"] .hwr-hero-copy h1 { font-size: 36px; }
}
@media (max-width:760px) {
  :root[data-style="halloween-refined"] .hwr-hero-copy h1 { font-size: 28px; }
  .hwr-hero-copy p { font-size: 12px; margin-top: 4px; }
  .hwr-toolbar { gap: 8px; }
  .hwr-page :is(.role-hero h1,.desk-heading h1) { font-size: 25px; }
}
@media (max-width:480px) {
  :root[data-style="halloween-refined"] .hwr-hero-copy h1 { font-size: 24px; }
  .hwr-hero-copy p { font-size: 11px; margin-top: 3px; }
  .hwr-hero-copy { top: 23%; left: 16%; right: 16%; }
  .hwr-home-tools { gap: 10px; padding: 14px 0; }
  .hwr-home-tools .search-wrap { flex-basis: 100%; }
  .hwr-home-tools :is(.primary-button,.secondary-button) { flex: 1 1 130px; }
}
@media (prefers-reduced-motion:reduce) {
  .hwr-page *,.hwr-page::before,.hwr-spark { animation: none !important; transition: none !important; }
  :root[data-style="halloween-refined"] { scroll-behavior: auto; }
}
:root[data-style="halloween-refined"][data-hwr-motion="off"] { scroll-behavior: auto; }