/* Superstars pages (/R sign-up and /R/DDMMYY menu): the monochrome look of the homepage */
:root{--black:#0A0A0A;--white:#FAFAF8;--grey:#EDEDEA;--mid:#8A8A86;--line:rgba(10,10,10,.14);--line-d:rgba(250,250,248,.16);}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--white);color:var(--black);font-family:'Heebo','Inter','Liberation Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;direction:rtl}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid currentColor;outline-offset:4px}
[hidden]{display:none !important}

/* dark hero + top bar */
.hero{background:var(--black);color:var(--white)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;height:56px;border-bottom:1px solid var(--line-d);font-size:13px;color:#bdbdb8}
.topbar strong{font-size:12px;font-weight:500;color:var(--white);letter-spacing:.3em}
.topbar a{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.topbar a i{display:block;height:1px;width:20px;background:currentColor;transition:width .35s ease}
.topbar a:hover i{width:40px}
.hero-grid{display:grid;grid-template-columns:1fr}
.intro{padding:30px 0 40px}
.eyebrow{font-size:11px;letter-spacing:.32em;color:var(--mid);text-transform:uppercase}
.sheet .eyebrow{letter-spacing:.04em}
.hero h1{font-weight:800;font-size:clamp(44px,13vw,104px);line-height:.95;letter-spacing:-.025em;margin:14px 0 0}
.hero .lead{margin:20px 0 0;color:#d4d4cf;font-weight:300;font-size:18px;line-height:1.55;max-width:36ch}
.hero-num{font-weight:100;font-size:104px;line-height:.8;letter-spacing:-.02em;direction:ltr;text-align:right;margin:-8px 0 36px}
.lead{font-size:17px;font-weight:300;line-height:1.6;margin:0;white-space:pre-line}

/* light section */
.page{padding-bottom:84px}
.grid-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:40px 0 16px;border-bottom:1px solid var(--black)}
.grid-head h2{margin:0;font-size:15px;font-weight:500}
.grid-head span{font-size:12px;color:var(--mid);letter-spacing:.2em}
.card{position:relative;max-width:640px}
label{display:block;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--mid);margin:22px 0 4px}
input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--black);border-radius:0;color:var(--black);font:inherit;font-size:16px;font-weight:400;padding:10px 0;-webkit-appearance:none;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:6px 50%,11px 50%;background-size:5px 5px;background-repeat:no-repeat;padding-left:22px}
textarea{resize:vertical;min-height:80px}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-width:2px;padding-bottom:9px}
input::placeholder{color:#b5b5b0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.chips{display:flex;width:max-content;max-width:100%;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);margin-top:8px}
.chips label{margin:0;display:flex;align-items:center;gap:10px;padding:14px 18px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--black);font-size:15px;letter-spacing:0;cursor:pointer;transition:background .25s ease,color .25s ease}
.chips label:hover,.chips label:has(input:checked){background:var(--black);color:var(--white)}
.chips input{width:16px;height:16px;padding:0;margin:0;border:1px solid currentColor;flex:none}
.chips input:checked{background:currentColor;box-shadow:inset 0 0 0 3px var(--black)}

/* buttons: a ruled cell that fills on hover */
.btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:30px;padding:24px 18px;border:0;border-radius:0;background:var(--black);color:var(--white);font:700 20px 'Heebo','Inter',sans-serif;text-align:start;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s ease}
.btn::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--white);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.btn::after{content:'';display:block;flex:none;height:1px;width:28px;background:currentColor;transition:width .35s ease}
.btn:hover:not([disabled]){color:var(--black);box-shadow:inset 0 0 0 1px var(--black)}
.btn:hover:not([disabled])::before{transform:scaleY(1)}
.btn:hover:not([disabled])::after{width:56px}
.btn[disabled]{opacity:.5;cursor:default}
.msg{margin-top:14px;font-size:15px;line-height:1.5}
.msg:empty{display:none}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.foot{margin-top:48px;padding:18px 0 0;border-top:1px solid var(--black);display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;letter-spacing:.06em;color:var(--mid)}
.foot a{text-decoration:none}
.foot a:hover{color:var(--black)}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
@media (min-width:1000px){
  .wrap{padding:0 40px}
  .intro{padding:60px 0 64px}
  .hero-grid{grid-template-columns:1fr auto;gap:60px;align-items:end}
  .hero-num{font-size:200px;margin:0;padding-bottom:64px}
}

/* upcoming evenings list (/R) */
.evs{border-bottom:1px solid var(--line)}
.ev-empty{color:var(--mid);font-size:15px;padding:20px 0;margin:0}
.ev{display:grid;grid-template-columns:96px 1fr;gap:6px 18px;padding:20px 0;border-bottom:1px solid var(--line)}
.ev:last-child{border-bottom:0}
.ev-date b{display:block;font-size:22px;font-weight:200;letter-spacing:-.01em;text-align:right}
.ev-date span{font-size:12px;color:var(--mid)}
.ev-body h3{margin:0;font-size:19px;font-weight:700;line-height:1.25}
.ev-meta{display:block;margin-top:4px;font-size:13px;color:var(--mid)}
.ev-acts{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px}
.ev-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;text-decoration:none;letter-spacing:.04em}
.ev-link i{display:block;height:1px;width:24px;background:currentColor;transition:width .35s ease}
.ev-link:hover i{width:44px}
@media (min-width:700px){ .ev{grid-template-columns:140px 1fr auto;align-items:center} .ev-acts{grid-column:auto;margin:0} }

/* next evening arrow (/R/DDMMYY) */
.nextev{margin-top:40px}
.nextev a{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:24px 20px;background:var(--black);color:var(--white);text-decoration:none}
.nextev .eyebrow{grid-column:1;color:#9a9a95;letter-spacing:.06em}
.nextev b{grid-column:1;font-size:22px;font-weight:700}
.nextev .nd{grid-column:1;font-size:13px;color:#cfcfca}
.nextev i{grid-column:2;grid-row:1 / span 3;display:block;height:1px;width:36px;background:currentColor;transition:width .35s ease}
.nextev a:hover i{width:64px}
.evs.past .ev{padding:14px 0}
.evs.past .ev-body h3{font-size:16px;font-weight:500;color:#3a3a37}

/* members flow (/R): choice cells, signed-in bar, state cards */
.who{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--mid)}
.who b{color:var(--black);font-weight:500}
.who button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.choices{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);margin-top:0}
.choice{position:relative;display:grid;text-decoration:none;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;width:100%;padding:22px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--black);font:inherit;text-align:start;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s ease,padding .35s ease}
.choice::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--black);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.choice:hover,.choice.on{color:var(--white);padding-inline:18px}
.choice:hover::before,.choice.on::before{transform:scaleY(1)}
.choice b{grid-column:1;font-size:20px;font-weight:700}
.choice span{grid-column:1;font-size:14px;font-weight:300;color:inherit;opacity:.75}
.choice i{grid-column:2;grid-row:1 / span 2;display:block;height:1px;width:28px;background:currentColor;transition:width .35s ease}
.choice:hover i{width:52px}
@media (min-width:700px){ .choices{grid-template-columns:1fr 1fr;border-inline-start:1px solid var(--line)} .choice{border-inline-end:1px solid var(--line);padding-inline:18px} }
.state{max-width:640px;padding:28px 0 6px}
.state h3{margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.15}
.state p{margin:0;font-size:17px;font-weight:300;line-height:1.6}
.gslot{grid-column:1 / -1;margin-top:14px;min-height:44px;cursor:default}
.gerr{font-size:14px;color:inherit;opacity:.8;margin-top:8px}
.gerr:empty{display:none}
.choice:focus-visible{outline:2px solid var(--black);outline-offset:2px}
.ev-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:500 13px 'Heebo','Inter',sans-serif;letter-spacing:.04em;color:var(--black);cursor:pointer}
.ev-btn i{display:block;height:1px;width:24px;background:currentColor;transition:width .35s ease}
.ev-btn:hover i{width:44px}
.ev-btn.going{background:var(--black);color:var(--white);padding:6px 12px}
.ev-btn[disabled]{opacity:.5;cursor:default}
.ro{color:var(--mid)}
.notes:empty{display:none}

.ev.blurred{filter:blur(5px);opacity:.55;pointer-events:none;user-select:none}
.ev-lock{margin:14px 0 0;font-size:14px;color:var(--mid)}