:root{--bg: #0b1220;--bg-elev: #111a2e;--bg-card: #16223a;--bg-input: #0e1626;--line: #25324d;--text: #e8eefb;--text-dim: #8fa0bd;--text-faint: #5d6d8c;--brand: #4f8cff;--brand-strong: #2f6fe0;--green: #2fbf71;--green-bg: #10321f;--yellow: #f5b544;--yellow-bg: #33290f;--red: #f0564f;--red-bg: #3a1613;--orange: #ff9a3d;--orange-bg: #38200c;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:15px;line-height:1.55}#root{min-height:100vh}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:15px;color:var(--text);background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand)}::placeholder{color:var(--text-faint)}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:76px}.page{padding:14px 16px 24px}.topbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#0b1220fa,#0b1220eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar .title{font-size:17px;font-weight:700}.topbar .sub{font-size:12px;color:var(--text-dim)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#0d1424f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;z-index:50}.tabbar button{flex:1;padding:9px 0 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-faint)}.tabbar button.active{color:var(--brand);font-weight:600}.tabbar button .icon{font-size:20px;line-height:1}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card.clickable{cursor:pointer;transition:border-color .15s}.card.clickable:hover{border-color:var(--brand)}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);padding:11px 18px;font-size:15px;font-weight:600;background:var(--bg-elev);border:1px solid var(--line);color:var(--text);transition:filter .15s,opacity .15s;min-height:44px}.btn:active{filter:brightness(1.15)}.btn.primary{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.btn.danger{background:var(--red-bg);border-color:var(--red);color:#ffb0ac}.btn.ghost{background:transparent}.btn.small{padding:6px 12px;min-height:34px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);background:var(--bg-elev)}.tag.blue{color:#9cc3ff;border-color:#2b4c86;background:#12233f}.tag.orange{color:#ffb066;border-color:#6b4218;background:var(--orange-bg)}.tag.green{color:#7ce0a8;border-color:#1e5c3c;background:var(--green-bg)}.tag.red{color:#ff9d98;border-color:#6e2622;background:var(--red-bg)}.tag.yellow{color:#ffd88a;border-color:#6b5420;background:var(--yellow-bg)}.tag.dim{color:var(--text-faint)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 8px #2fbf7199}.dot.yellow{background:var(--yellow);box-shadow:0 0 8px #f5b54499}.dot.red{background:var(--red);box-shadow:0 0 8px #f0564f99}.dot.gray{background:var(--text-faint)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field>label{font-size:13px;color:var(--text-dim)}.field .hint{font-size:12px;color:var(--text-faint)}.section-title{font-size:13px;font-weight:700;color:var(--text-dim);letter-spacing:.5px;margin:18px 0 10px;display:flex;align-items:center;justify-content:space-between}.empty{text-align:center;color:var(--text-faint);padding:36px 20px;font-size:13px;border:1px dashed var(--line);border-radius:var(--radius)}.rsvp-actions{display:flex;gap:10px;margin-top:12px}.rsvp-actions .btn{flex:1;flex-direction:column;gap:2px;min-height:64px}.rsvp-actions .btn .big{font-size:19px;font-weight:800}.rsvp-actions .btn .small{font-size:11px;font-weight:400;opacity:.85}.rsvp-actions .btn.yes.on{background:var(--green-bg);border-color:var(--green);color:#7ce0a8}.rsvp-actions .btn.maybe.on{background:var(--yellow-bg);border-color:var(--yellow);color:#ffd88a}.rsvp-actions .btn.no.on{background:var(--red-bg);border-color:var(--red);color:#ff9d98}.indicator{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700}.indicator.green{background:var(--green-bg);color:#7ce0a8;border:1px solid #1e5c3c}.indicator.yellow{background:var(--yellow-bg);color:#ffd88a;border:1px solid #6b5420}.indicator.red{background:var(--red-bg);color:#ff9d98;border:1px solid #6e2622}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040810a8;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:480px;background:var(--bg-elev);border-top-left-radius:18px;border-top-right-radius:18px;border-top:1px solid var(--line);padding:18px 18px 26px;max-height:86vh;overflow-y:auto}.modal-sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 14px}.modal-sheet h3{font-size:16px;margin-bottom:12px}.share-text{background:var(--bg-input);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:12px;font-size:14px;white-space:pre-wrap;color:var(--text);margin:10px 0}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:#1d2a45;border:1px solid var(--line);color:var(--text);font-size:13px;padding:10px 18px;border-radius:999px;z-index:200;box-shadow:0 6px 24px #0006;max-width:86vw;text-align:center}.event-row{display:flex;gap:8px;align-items:baseline;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(37,50,77,.5);font-family:ui-monospace,Consolas,monospace}.event-row .name{color:#9cc3ff;font-weight:600;white-space:nowrap}.event-row .time{color:var(--text-faint);white-space:nowrap}.event-row .props{color:var(--text-dim);word-break:break-all}.mono{font-family:ui-monospace,Consolas,monospace}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(37,50,77,.5)}.member-row:last-child{border-bottom:none}.avatar{width:38px;height:38px;border-radius:50%;background:#1d2a45;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;color:#9cc3ff;flex-shrink:0}.avatar.orange{color:#ffb066;border-color:#6b4218;background:var(--orange-bg)}.avatar.admin{color:#ffd88a;border-color:#6b5420}.fade-in{animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}