/* Seirea · national waitlist additions (loads after style.css) */

.qlabel{font-weight:500;font-size:16px;line-height:1.35}

/* invite banner */
.invited{align-self:flex-start;background:var(--a-900);box-shadow:inset 0 0 0 1px var(--a-700);border-radius:10px;padding:10px 14px;font-size:15.5px;line-height:1.45;color:var(--a-100)}
.invited b{font-weight:600;color:var(--a-200)}

/* hero city picker */
.pick{display:flex;flex-direction:column;gap:10px;max-width:560px}
.pick .label{color:var(--n-400)}
.pick-row{display:flex;flex-direction:column;gap:10px}
.pick-row select{flex:1;min-width:0;background-color:var(--surface)}
.pick-row .btn{flex:none}
.pick .err{display:none}
.pick.bad .err{display:block}
.pick.bad select{border-color:var(--coral)}
.spots .t{line-height:1.4}
.spots{align-items:center}
.back-line{font-size:16px;background:var(--surface);border-radius:12px;padding:14px 16px;max-width:560px;color:var(--n-200)}
.back-line a{font-weight:500}

/* city board */
.board{background:var(--surface);border-radius:20px;padding:6px 18px 16px;max-width:760px}
.board-list{list-style:none;margin:0;padding:0}
.brow{position:relative;display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"rk nm ct" "rk bar bar";gap:8px 12px;align-items:center;padding:14px 0}
.brow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule)}
.brow:last-child::after{display:none}
.brow.empty{display:block;color:var(--n-400);font-size:15px}
.brow .rk{grid-area:rk;align-self:start;font:400 13px var(--font);color:var(--n-500);padding-top:3px;font-variant-numeric:tabular-nums}
.brow .nm{grid-area:nm;font-weight:500;font-size:17px;letter-spacing:-.01em;line-height:1.25}
.brow .ct{grid-area:ct;font:400 13.5px var(--font);color:var(--n-300);white-space:nowrap;font-variant-numeric:tabular-nums}
.brow .bar{grid-area:bar;height:4px;border-radius:2px;background:var(--n-800);overflow:hidden}
.brow .bar b{display:block;height:100%;width:0;background:var(--a-500);box-shadow:0 0 10px var(--a-500);transition:width .6s ease}
.brow.lead .rk{color:var(--a-300)}
.brow.open .ct{background:var(--green-soft);color:var(--green);border-radius:6px;padding:3px 8px}
.brow.open .bar b{background:var(--green);box-shadow:0 0 10px rgba(111,211,154,.6)}
.brow .wk{display:block;font:400 12px var(--font);color:var(--n-500);margin-top:2px;letter-spacing:0}
.brow.dated .ct{background:var(--a-900);box-shadow:inset 0 0 0 1px var(--a-600),var(--glow-sm);color:var(--a-200);border-radius:6px;padding:4px 10px}
.brow.dated .wk{color:var(--a-300)}
.board-note{margin-top:10px;font-size:14.5px;color:var(--n-400)}
.board-cta{margin-top:22px}

.sci-sec{padding-top:64px}

/* join form */
.form-fine{margin-top:14px;display:block}
.form-fine a{color:var(--n-300)}
#other-q{margin-top:-8px}

/* after joining */
.done h3{font-size:clamp(32px,7vw,42px)}
.done h4,.match h4{font-size:19px;letter-spacing:-.015em;font-weight:500;margin:0;line-height:1.25;color:var(--text)}
#done-place{font-size:18px;color:var(--n-100);font-weight:500}
.meter{display:flex;flex-direction:column;gap:8px}
.meter .bar{display:block;height:6px;border-radius:3px;background:var(--n-800);overflow:hidden}
.meter .bar b{display:block;height:100%;width:0;background:var(--a-500);box-shadow:0 0 10px var(--a-500);transition:width .8s ease}
.meter.open .bar b{background:var(--green);box-shadow:0 0 10px rgba(111,211,154,.6)}
.meter-t{font:400 14px var(--font);color:var(--n-300)}
.invite{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;background:var(--section);box-shadow:inset 0 0 0 1px var(--section-ghost);border-radius:16px;padding:18px}
.invite::before{content:"";position:absolute;width:240px;height:240px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--section-ghost),transparent 68%);pointer-events:none}
.invite>*{position:relative}
.invite p{font-size:15.5px;color:var(--n-200)}
.invite-box{display:flex;gap:8px}
.invite-box input{flex:1;min-width:0;min-height:42px;border:1px solid var(--section-ghost);border-radius:10px;background:rgba(22,24,38,.45);padding:8px 12px;font:400 14px var(--font);color:var(--n-100)}
.invite .btn{border-color:rgba(233,233,237,.25)}
.invite .btn-primary{border-color:var(--a-300);color:var(--a-200)}
.invite .cta-row .btn-primary{max-width:none}
.invites{font:400 14px var(--font);color:var(--n-200)}
.invite .fine{color:var(--n-300)}
.invite .fine:empty{display:none}
.match{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:20px}
.match::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--rule)}
#match-ask{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
#match-ask p{font-size:15.5px;color:var(--n-300)}
.match-saved{font-size:15.5px;color:var(--green);font-weight:500}
#details{margin-top:6px}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:500;color:var(--a-500);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn:hover{color:var(--a-300)}
.restart{margin-top:4px;font-size:14px}
.restart .linkbtn{color:var(--n-500);font-weight:400}

@media (min-width:720px){
.pick-row{flex-direction:row}
.board{padding:10px 28px 22px}
.brow{grid-template-columns:36px 1.1fr 2fr auto;grid-template-areas:"rk nm bar ct";gap:16px}
.brow.dated{grid-template-columns:36px 1fr auto;grid-template-areas:"rk nm ct"}
.brow .rk{align-self:center;padding-top:0}
.sci-sec{padding-top:88px}
}