#snack-room{width:min(100% - 80px,940px);margin:40px auto 70px}.room-shell{--room-paper:#fbf4e8;--room-ink:#493742;--room-accent:#925e6b;color:var(--room-ink)}.room-shell [hidden]{display:none!important}.room-shell>.text-button{margin-bottom:18px}.room-page{background:var(--room-paper);border:1px solid #dfd1c1}.room-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#efddd3}.room-copy{padding:36px clamp(20px,6vw,64px) 54px}.room-heading>.eyebrow,.room-results>.eyebrow{color:var(--room-accent);font-size:11px;letter-spacing:.14em}.room-heading h1{font:400 clamp(27px,4vw,39px)/1.6 var(--serif);margin:18px 0;overflow-wrap:anywhere;word-break:keep-all}.room-intro{font:400 clamp(17px,2vw,21px)/1.9 var(--serif);word-break:keep-all;overflow-wrap:anywhere}.room-landing{display:grid;gap:20px;justify-items:center;margin-top:32px}.room-landing>.primary-button{width:100%;min-height:62px}.room-landing>.text-button{font-size:13px;color:var(--muted)}.room-status,.room-form-status{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.room-status:empty,.room-form-status:empty{display:none}.room-status:not(:empty){padding:16px 0}.room-form-status{color:#874b54;margin-top:14px}.room-controls{padding:22px 0;border-bottom:1px solid #dcc9bc}.room-controls>.secondary-button{width:100%;min-height:48px}.room-controls>.field-note{margin:12px 0 0}.room-seats-section,.room-join,.room-invite,.room-results{margin-top:34px}.room-copy h2{font:400 clamp(21px,2.4vw,28px)/1.7 var(--serif);word-break:keep-all;overflow-wrap:anywhere}.room-seats{padding:0;margin:20px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room-seat{position:relative;min-width:0;min-height:190px;padding:19px 14px;background:#fffaf1;border:1px solid #decbbb;border-radius:80px 80px 8px 8px;text-align:center}.room-seat-number{display:block;font-size:10px;letter-spacing:.15em;color:#9a8476;margin-bottom:13px}.room-seat h3{font:400 19px/1.7 var(--serif);overflow-wrap:anywhere}.room-seat p{font-size:11px;line-height:1.9;overflow-wrap:anywhere;margin-top:8px}.room-seat-role{color:var(--room-accent);font-weight:600}.room-seat.is-empty{border-style:dashed;background:transparent;color:#948476}.room-seat.is-empty h3{font-size:15px}.room-seat.is-mine{border:2px solid var(--room-accent);padding:18px 13px;background:#f8e9e4}.room-my-seat{display:inline-block;margin-top:10px;padding:3px 9px;border-radius:12px;background:var(--room-accent);color:#fff9ef;font-size:10px}.room-form{margin-top:20px}.room-form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.room-form fieldset>label:first-of-type{grid-column:1/-1}.room-form label,.room-invite>label{display:block;font-size:13px;line-height:1.8}.room-form input,.room-form select,.room-url{display:block;width:100%;min-width:0;min-height:49px;padding:11px 12px;margin-top:8px;border:1px solid #d7c2b3;border-radius:3px;background:#fffaf2;color:var(--room-ink);font:inherit}.room-form input[type=date]{max-width:100%}.room-form .field-note{margin:18px 0}.room-form>.primary-button{width:100%;min-height:54px}.room-shell[data-motion=on] .room-form[aria-busy=true]>.primary-button:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:room-wait 1s linear infinite;margin-right:10px}@keyframes room-wait{to{transform:rotate(360deg)}}.room-invite{border-block:1px solid #ddcbbc;padding:27px 0}.room-invite h2{margin-bottom:16px}.room-url{font-size:12px;text-overflow:ellipsis}.room-invite-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.room-invite-actions>button{flex:1 1 160px;min-height:46px}.room-basis{font-size:12px;line-height:1.8;color:#877061;margin:10px 0 26px}.room-highlight{padding:24px 0;border-top:1px solid #decdbe}.room-highlight h3{font-size:12px;line-height:1.8;color:var(--room-accent)}.room-pair-names{font:400 24px/1.8 var(--serif);margin:12px 0}.room-highlight p:last-child,.room-pair p{font-size:15px;line-height:2;word-break:keep-all;overflow-wrap:anywhere}.room-pairs{border-block:1px solid #decdbe;margin-top:16px}.room-pairs summary{cursor:pointer;font-size:14px;padding:20px 0;line-height:1.8}.room-pair{padding:20px 0;border-top:1px dashed #decdbe}.room-pair h3{font:400 20px/1.8 var(--serif);margin-bottom:10px;overflow-wrap:anywhere}.room-next{display:block;text-align:center;margin-top:30px;padding:18px 5px;color:var(--room-accent);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.room-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-shell :focus-visible{outline:2px solid var(--room-accent);outline-offset:4px}.room-shell button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){#snack-room{width:calc(100% - 24px);margin:24px auto 44px}.room-copy{padding:27px 18px 36px}.room-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-seat{padding:17px 10px;min-height:180px}.room-seat.is-mine{padding:16px 9px}.room-seat h3{font-size:18px}.room-form fieldset{grid-template-columns:minmax(0,1fr)}.room-form fieldset>label:first-of-type{grid-column:auto}.room-invite-actions>button{flex-basis:100%}.room-copy h2{font-size:23px}}