:root{--pool:#0891b2;--pool-dk:#0e7490;--pool-lt:#22d3ee;--sun:#f59e0b;--ink:#0f172a;--ink-2:#475569;--ink-3:#94a3b8;--line:#e2e8f0;--bg:#f1f5f9;--card:#fff;--good:#059669;--bad:#e11d48;--shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--pool-dk)}.wrap{max-width:820px;margin:0 auto;padding:0 16px 60px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-weight:700;letter-spacing:-.02em}.brand .mark{width:28px;height:28px;border-radius:9px;color:#fff;font-size:14px;background:linear-gradient(140deg,var(--pool-lt),var(--pool-dk));display:grid;place-items:center}.brand small{display:block;font-weight:500;font-size:11px}.brand small,.who{color:var(--ink-3)}.who{margin-left:auto;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-top:16px}.card-h{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card-h h2{margin:0;font-size:15px;font-weight:700}.card-h .sub{font-size:12.5px;color:var(--ink-3);margin-left:auto}.card-b{padding:16px}.hero{position:relative;overflow:hidden;border-radius:14px;color:#fff;margin-top:16px;background:linear-gradient(165deg,#0e7490,#0891b2 45%,#22d3ee);box-shadow:var(--shadow)}.hero.down{background:linear-gradient(165deg,#334155,#475569 60%,#64748b)}.hero-in{display:flex;align-items:center;gap:18px;padding:22px}.hero h1{margin:0 0 4px;font-size:23px;letter-spacing:-.03em}.hero p{margin:0;opacity:.92;font-size:14px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.25);padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600}.pole{width:78px;flex:0 0 78px;height:104px}.flag-shape{transform-origin:8px 18px;animation:wave 2.6s ease-in-out infinite}@keyframes wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-2.5deg) scaleX(.96)}}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:650;font-size:14px;background:var(--pool);color:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45}.btn.big{padding:14px 20px;font-size:15px;width:100%}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.outline-w{background:hsla(0,0%,100%,.16);color:#fff;border:1px solid hsla(0,0%,100%,.45)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.field{margin-bottom:15px}.field>label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:7px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1;min-width:110px}input[type=date],input[type=text],input[type=time],select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--pool-lt);box-shadow:0 0 0 3px rgba(34,211,238,.18)}textarea{resize:vertical;min-height:62px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--ink-2)}.pill.on{background:var(--pool);border-color:var(--pool);color:#fff}.pill.g.on{background:var(--sun);border-color:var(--sun);color:#fff}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.person{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.person.on{border-color:var(--pool);background:#ecfeff}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#e0f2fe;flex:0 0 28px}.person .nm{font-size:13.5px;font-weight:650;line-height:1.2;display:block}.person .mt{font-size:11px;color:var(--ink-3)}.bring-row{display:flex;gap:8px;margin-bottom:7px}.bring-row input{flex:1 1}.x{border:1px solid var(--line);background:#fff;color:var(--ink-3);border-radius:8px;width:38px;flex:0 0 38px}.stat{display:flex;gap:8px;margin-bottom:14px}.stat div{flex:1 1;background:var(--bg);border-radius:11px;padding:10px 12px}.stat b{display:block;font-size:21px;letter-spacing:-.02em}.stat span{font-size:11px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.rl{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.rl:first-child{border-top:0}.rl .nm{font-weight:650;font-size:14px}.rl .br{font-size:12.5px;color:var(--ink-2)}.tag{margin-left:auto;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}.tag.in{background:#d1fae5;color:#065f46}.tag.out{background:#ffe4e6;color:#9f1239}.tag.wait{background:#f1f5f9;color:#64748b}.empty{color:var(--ink-3);font-size:13.5px;text-align:center;padding:22px 10px}.sched{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed var(--line);border-radius:11px;margin-bottom:8px;background:#fffbeb}.sched .d{font-weight:700;font-size:14px}.sched .m{font-size:12.5px;color:var(--ink-2)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:0 6px 8px}td{padding:9px 6px;border-top:1px solid var(--line);font-size:13.5px}.badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:var(--ink-2)}.badge.ok{background:#d1fae5;color:#065f46}.badge.pend{background:#fef3c7;color:#92400e}.note{background:#ecfeff;border-left:3px solid var(--pool-lt);padding:10px 12px;border-radius:0 8px 8px 0;font-size:14px;margin-bottom:14px;color:var(--ink-2)}.rsvp-btns{display:flex;gap:8px}.rsvp-btns button{flex:1 1;padding:13px 8px;border-radius:11px;border:1px solid var(--line);background:#fff;font-weight:650;font-size:14px}.rsvp-btns button.in.on{background:var(--good);border-color:var(--good);color:#fff}.rsvp-btns button.out.on{background:var(--bad);border-color:var(--bad);color:#fff}.rsvp-btns button.maybe.on{background:var(--sun);border-color:var(--sun);color:#fff}.guests{gap:10px;margin-top:14px;font-size:14px}.guests,.stepper{display:flex;align-items:center}.stepper{margin-left:auto;border:1px solid var(--line);border-radius:9px;overflow:hidden}.stepper button{border:0;background:#fff;width:38px;height:36px;font-size:17px;color:var(--ink-2)}.stepper span{width:36px;text-align:center;font-weight:700;font-size:14px}.bring-item{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.bring-item .whoclaim{margin-left:auto;font-size:12px;color:var(--ink-3)}.claim{border:1px solid var(--pool);color:var(--pool);background:#fff;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:700;margin-left:auto}.claim.mine{background:var(--pool);color:#fff}.banner{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px;margin-top:16px}.banner h3{margin:0 0 6px;font-size:14.5px}.banner p{margin:0 0 10px}.banner ol,.banner p{font-size:13.5px;color:var(--ink-2)}.banner ol{margin:0 0 12px;padding-left:20px}.banner li{margin-bottom:4px}.toastbar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:11px;font-size:13.5px;font-weight:600;z-index:100;box-shadow:0 10px 30px rgba(15,23,42,.3)}.center{max-width:420px;margin:12vh auto;padding:0 20px;text-align:center}.center .mark-lg{width:64px;height:64px;border-radius:20px;margin:0 auto 18px;color:#fff;font-size:30px;background:linear-gradient(140deg,var(--pool-lt),var(--pool-dk));display:grid;place-items:center}