:root{--bg:#faf7f2;--surface:#fff;--text:#2b2420;--muted:#7a6e66;--border:#e8e0d6;--accent:#8a4b2a;--accent-text:#fff;--accent-soft:#f3e4d9;--danger:#b3261e;--glow:#d68c5a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1b1714;--surface:#25201c;--text:#efe8e1;--muted:#a89c92;--border:#3a322c;--accent:#d9956a;--accent-text:#1b1714;--accent-soft:#3d2c21;--danger:#f2877f;--glow:#d9956a24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:560px;margin:0 auto;padding:24px 16px 48px}h1,h2{letter-spacing:-.01em;margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15}h1{font-size:2rem}h2{font-size:1.2rem}a{color:var(--accent)}.hero{margin-bottom:24px}.hero.small h1{font-size:1.6rem}.lede{color:var(--muted);margin:0;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0;font-size:.8rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.card>p{margin:0}label,.field-label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}label input{font-weight:400}input{width:100%;min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;text-align:center;white-space:nowrap;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none}.secondary,button.secondary{color:var(--accent);background:0 0}.danger,button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;gap:8px;display:flex}.copy-field{flex-direction:column;gap:4px;display:flex}.copy-row{gap:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:400}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.tag-picker{flex-direction:column;gap:8px;display:flex}.tag-picker>.field-label{flex-direction:row;gap:6px}.session-bar{flex-flow:wrap;justify-content:space-between;align-items:center}.guest-list{margin:0;padding:0;list-style:none}.guest{gap:8px}.guest.me{border-color:var(--accent)}.find-me{align-items:flex-start;gap:6px;margin:0;font-size:.9rem;display:flex}.find-me svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:3px}.find-me-prompt{border-top:1px dashed var(--border);flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;display:flex}.find-me-prompt label .muted,label .muted{font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button.small{padding:4px 12px;font-size:.85rem}.guest-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.stat{flex-direction:row;align-items:baseline;gap:12px}.stat-value{color:var(--accent);font-size:2.5rem;font-weight:700}.qr-card{text-align:center;align-items:center}.qr-card svg{background:#fff;border-radius:8px}@media print{.no-print{display:none!important}body{color:#000;background:#fff}.qr-card{border:none;margin-top:20vh}}.nav-wrap{padding-bottom:0}.site-nav{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 24px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:22px;height:22px;color:var(--accent)}.button.small{padding:6px 12px;font-size:.9rem}.marketing{background:radial-gradient(ellipse 70% 45% at 70% 0%, var(--glow), transparent 70%) no-repeat;padding:24px 0 32px}.wide{max-width:1040px;margin:0 auto;padding:0 16px}.marketing section{margin-bottom:72px}.marketing h2{margin-bottom:20px;font-size:1.6rem}.marketing h3{margin:0 0 4px;font-size:1.02rem;font-weight:600}.display{letter-spacing:-.025em;margin:8px 0 20px;font-size:clamp(2.4rem,5.5vw,3.8rem)}.display em{color:var(--accent);font-style:italic}.marketing .lede{max-width:38em;margin-bottom:24px}.hero-split{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid;padding-top:24px!important}.phone{border:1px solid var(--border);background:var(--surface);border-radius:32px;justify-self:center;width:100%;max-width:300px;padding:12px;box-shadow:0 20px 50px -20px #00000040}.phone-screen{background:var(--bg);border-radius:22px;flex-direction:column;gap:10px;padding:20px 14px;display:flex}.phone-title{margin:-6px 0 0;font-size:1.2rem;font-weight:700}.phone-meta{color:var(--muted);margin:0;font-size:.85rem}.phone-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.phone-card .chip{padding:2px 8px;font-size:.75rem}.band{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 32px!important}.two-col{grid-template-columns:1fr 1fr;gap:48px;display:grid}.steps{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.steps li{grid-template-columns:36px 1fr;column-gap:12px;display:grid}.steps li>:not(.step-num){grid-column:2}.steps p{color:var(--muted);margin:0}.step-num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;grid-row:span 2;place-items:center;font-weight:700;display:grid}.promise-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.promise-grid .card{gap:4px;margin:0}.promise-grid p{margin:0}.cta-band{text-align:center;flex-direction:column;align-items:center;display:flex}.cta-band h2{margin-bottom:8px}.site-footer{border-top:1px solid var(--border);font-size:.85rem;padding-top:24px!important}@media (width<=860px){.hero-split,.two-col{grid-template-columns:1fr;gap:32px}.promise-grid{grid-template-columns:1fr 1fr}.band{padding:28px 20px!important}.marketing section{margin-bottom:48px}}@media (width<=520px){.promise-grid{grid-template-columns:1fr}}.container .card{box-shadow:0 3px 0 var(--border);border-width:1.5px;border-radius:18px}.container .hero h1{font-size:2.1rem}.cafe-name{--hl:color-mix(in srgb, var(--accent) 38%, transparent);background:linear-gradient(transparent 58%, var(--hl) 58%, var(--hl) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 3px}.room-hero .lede{margin-top:6px}.scribble,.you-tag{color:var(--accent);font-family:Caveat,cursive;font-weight:700}.you-tag{margin-left:4px;font-size:1.2rem;display:inline-block;transform:rotate(-3deg)}.container button,.container .button{border-radius:999px;transition:transform .12s,box-shadow .12s}.container button:hover:not(:disabled),.container .button:hover{box-shadow:0 3px 0 var(--border);transform:translateY(-1px)}.container button:active:not(:disabled),.container .button:active{box-shadow:none;transform:translateY(1px)}.container input{border-radius:12px}.session-bar{background:var(--accent-soft);border-style:dashed!important}.guest-list{flex-direction:column;gap:16px;display:flex}.guest-list .guest{margin:0;transition:transform .15s}.guest-list .guest:nth-child(odd){transform:rotate(-.6deg)}.guest-list .guest:nth-child(2n){transform:rotate(.6deg)}.guest-list .guest:hover{transform:rotate(0)translateY(-2px)}.container .guest-head strong{font-family:Fraunces,Georgia,serif;font-size:1.12rem}.container .badge{border:1.5px dashed var(--accent);display:inline-block;transform:rotate(3deg)}.container .chip.on:before{content:"★ "}.room-count{margin:8px 0 14px;font-weight:600}.empty-state{text-align:center;align-items:center;padding:28px 20px}.empty-state h2{margin:4px 0 0}.big-emoji{font-size:2.6rem;line-height:1;animation:2.4s ease-in-out infinite bob;display:inline-block}.wave{transform-origin:70% 70%;animation:2.2s ease-in-out infinite wave;display:inline-block}.loading{animation:1.4s ease-in-out infinite pulse}.stat .stat-value{font-family:Fraunces,Georgia,serif}.qr-card .scribble{margin:-6px 0 -8px;font-size:1.7rem;transform:rotate(-4deg)}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.big-emoji,.wave,.loading{animation:none}.guest-list .guest,.container button,.container .button{transition:none}}.fomo{background:var(--accent-soft);border:1.5px dashed var(--accent);border-radius:14px;align-items:flex-start;gap:10px;margin:0;padding:10px 14px;font-size:.95rem;display:flex}.fomo strong{color:var(--accent)}.live-dot{background:#2fb96b;border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px;animation:1.8s ease-out infinite live;box-shadow:0 0 #2fb96b99}@keyframes live{0%{box-shadow:0 0 #2fb96b8c}80%,to{box-shadow:0 0 0 9px #2fb96b00}}.join-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.info-tip{font-family:Inter,system-ui,sans-serif;display:inline-flex;position:relative}.container .info-tip-button{border:1.5px solid var(--muted);width:26px;height:26px;color:var(--muted);box-shadow:none;background:0 0;border-radius:50%;padding:0;font:italic 700 .85rem/1 Georgia,serif;transform:none}.container .info-tip-button:hover,.info-tip.open .info-tip-button{border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}.info-tip-body{z-index:10;background:var(--text);width:min(280px,80vw);color:var(--bg);letter-spacing:0;opacity:0;visibility:hidden;border-radius:12px;padding:12px 14px;font-size:.85rem;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 8px);right:-6px;transform:translateY(-4px);box-shadow:0 8px 24px -8px #00000059}.info-tip-body:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:var(--text);position:absolute;top:-6px;right:14px}.info-tip:hover .info-tip-body,.info-tip:focus-within .info-tip-body,.info-tip.open .info-tip-body{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.hint{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.room-footer{margin-top:24px}.save-spot{border-style:dashed}.save-spot .guest-head strong{font-family:Fraunces,Georgia,serif;font-size:1.08rem}.rejoin-banner{background:var(--accent-soft);border:1.5px dashed var(--accent);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 20px;padding:12px 16px;display:flex}.rejoin-banner p{margin:0}.rejoin-banner .button{border-radius:999px}.rejoin-stack{flex-direction:column;display:flex}.wifi-finder .switch-row{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.wifi-finder .switch-row>span{flex-direction:column;gap:2px;display:flex}.wifi-finder .switch-row small{font-weight:400}.wifi-status{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.wifi-status p{margin:0;font-size:.9rem}.switch{appearance:none;border:1.5px solid var(--border);background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:46px;height:26px;margin:0;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:19px;height:19px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.linkedin-field{flex-direction:column;gap:6px;display:flex}.linkedin-field small{font-size:.8rem;line-height:1.45}.linkedin-field small a{font-weight:600}.field-hint{color:var(--accent);font-weight:600}
