:root { color-scheme:dark; --accent:#ffacce; background:#111116; color:#faf6fa; font:400 1rem/1.5 system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; }
body.luoar { --accent:#d9c2ff; }
main { width:min(100%,42rem); margin:auto; padding:1rem clamp(1rem,4vw,2rem) 3rem; overflow-wrap:anywhere; }
header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #433e44; margin-bottom:2rem; }
a { color:var(--accent); text-underline-offset:.22em; }
header a, .subtle { display:inline-flex; min-height:44px; align-items:center; }
h1, h2, p, ul { margin:0 0 .65rem; }
h1 { font-size:clamp(2rem,6vw,3rem); letter-spacing:-.04em; }
h2 { line-height:1.15; }
.eyebrow, small { color:var(--accent); font-weight:700; }
.event { color:#dbd4d8; margin-bottom:1.4rem; }
.card, details { padding:1rem; border:1px solid #474047; border-radius:.85rem; background:#211f24; margin:1rem 0; }
button, .primary, input { max-width:100%; font:inherit; border-radius:.55rem; }
button, .primary { display:inline-flex; min-height:44px; align-items:center; padding:.6rem .85rem; border:1px solid #645963; color:inherit; background:#27232a; cursor:pointer; font-weight:650; }
.primary { background:var(--accent); color:#241723; text-decoration:none; border:none; }
input[type=text], input[type=url] { width:100%; background:#141216; border:1px solid #756975; color:#fff; min-height:44px; padding:.6rem; }
label, legend { display:block; font-weight:650; margin:.6rem 0 .2rem; }
fieldset { border:0; margin:.8rem 0; padding:0; }
fieldset label { margin:0; padding:.45rem 0; cursor:pointer; }
ul { padding:0; list-style:none; }
li { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid #4e464e; padding:.5rem 0; }
.track-grid { display:grid; gap:.55rem; margin:1rem 0; }
.track-grid button { flex-direction:column; align-items:start; gap:.2rem; padding:.8rem 1rem; text-align:start; }
button[aria-pressed=true] { border:2px solid var(--accent); }
.muted { color:#c6bec5; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }