*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--font: "Inter", system-ui, -apple-system, sans-serif;--bg: #ffffff;--bg-subtle: #f8f8f8;--border: #e8e8e8;--text: #111111;--text-2: #555555;--text-3: #999999;--pink: #f9c6cc;--pink-text: #8b1a2e;--lavender: #d6c6f9;--lavender-text: #3d1a8b;--mint: #c6f9d6;--mint-text: #1a6b3a;--sky: #c6e8f9;--sky-text: #1a4a6b;--yellow: #fef3c7;--yellow-text: #92400e;--green: #d1fae5;--green-text: #065f46;--accent: #3b5bdb;--accent-hover: #2f4bc8;--danger: #e53e3e;--danger-hover: #c53030;--nav-h: 64px;--offline-h: 36px}html,body{height:100%;font-family:var(--font);font-size:16px;color:var(--text);background:var(--bg);overscroll-behavior:none}#root{height:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative}.main{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + 16px)}.offline-banner{display:flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;font-size:13px;font-weight:500;padding:8px 16px;border-bottom:1px solid #f0d060;flex-shrink:0;height:var(--offline-h)}.bottom-nav{display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-h);background:var(--bg);border-top:1px solid var(--border);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-3);cursor:pointer;padding:8px 4px;transition:color .15s}.nav-item--active{color:var(--accent)}.nav-item__label{font-size:10px;font-weight:500;letter-spacing:.02em}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px}.loading__spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading__text{color:var(--text-3);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.tab-content{position:relative;min-height:calc(100dvh - var(--nav-h) - 32px)}.dashboard{padding:16px;display:flex;flex-direction:column;gap:20px}.event-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:16px}.event-card__title{font-size:17px;font-weight:700;margin-bottom:8px}.event-card__details{display:flex;flex-direction:column;gap:4px}.event-detail{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}.stat-card__icon{color:var(--text-3);display:flex;align-items:center;margin-bottom:4px}.stat-card__value{font-size:28px;font-weight:700;line-height:1}.stat-card__total{font-size:16px;font-weight:400;color:var(--text-3)}.stat-card__label{font-size:12px;color:var(--text-2);font-weight:500}.section{display:flex;flex-direction:column;gap:10px}.section__title{font-size:13px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.age-grid{display:flex;flex-wrap:wrap;gap:8px}.age-item{display:flex;align-items:center;gap:6px}.age-item__count{font-size:15px;font-weight:600}.rsvp-list{display:flex;flex-direction:column;gap:1px}.rsvp-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.rsvp-item:last-child{border-bottom:none}.rsvp-item--mine{background:#f8fffe}.rsvp-item__name{font-size:15px;flex:1}.rsvp-item__adults{font-size:12px;color:var(--text-3);margin-right:8px}.empty-inline{color:var(--text-3);font-size:14px;padding:12px 0}.list{padding:12px 16px;display:flex;flex-direction:column;gap:1px}.card{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;gap:12px;min-height:60px}.card:first-child{border-top:1px solid var(--border)}.card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card__title{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--text-2)}.card__note{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.card__chevron{color:var(--text-3)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge--pink{background:var(--pink);color:var(--pink-text);border-color:#f0b0b8}.badge--lavender{background:var(--lavender);color:var(--lavender-text);border-color:#c0b0f0}.badge--mint{background:var(--mint);color:var(--mint-text);border-color:#a8f0c0}.badge--sky{background:var(--sky);color:var(--sky-text);border-color:#a8d8f0}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.pill--clickable{cursor:pointer;border:none;font-family:inherit}.pill--yes{background:var(--green);color:var(--green-text)}.pill--no{background:#fde8e8;color:#9b1c1c}.pill--maybe{background:var(--yellow);color:var(--yellow-text)}.pill--rsvp-yes{background:var(--green);color:var(--green-text)}.pill--rsvp-no{background:#fde8e8;color:#9b1c1c}.pill--rsvp-maybe{background:var(--yellow);color:var(--yellow-text)}.pill--open{background:#f0f0f0;color:var(--text-2)}.pill--in-progress{background:var(--yellow);color:var(--yellow-text)}.pill--sorted{background:var(--green);color:var(--green-text)}.fab{position:fixed;bottom:calc(var(--nav-h) + 20px);right:max(20px,calc(50% - 220px));width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #3b5bdb59;transition:background .15s,transform .1s;z-index:50}.fab:active{background:var(--accent-hover);transform:scale(.96)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:199;pointer-events:none;transition:background .2s}.overlay--visible{background:#00000059;pointer-events:auto}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;background:var(--bg);border-radius:12px 12px 0 0;border-top:1px solid var(--border);z-index:200;transition:transform .25s cubic-bezier(.32,.72,0,1);max-height:92dvh;display:flex;flex-direction:column}.sheet--open{transform:translate(-50%) translateY(0)}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sheet__title{font-size:17px;font-weight:600}.sheet__body{overflow-y:auto;padding:20px;flex:1}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:500;color:var(--text-2)}.field__input,.field__select,.field__textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font);font-size:15px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--accent)}.field__textarea{resize:vertical;min-height:80px}.field__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.multi-select{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;max-height:180px;overflow-y:auto}.multi-select__item{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:4px 0}.multi-select__item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.form__actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:not(:disabled):active{background:var(--accent-hover)}.btn--ghost{background:var(--bg-subtle);color:var(--text-2);border:1px solid var(--border)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:active{background:var(--danger-hover)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;cursor:pointer;color:var(--text-3);transition:background .12s,color .12s}.icon-btn:active,.icon-btn:hover{background:var(--bg-subtle)}.icon-btn--danger:active,.icon-btn--danger:hover{background:#fde8e8;color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:8px;text-align:center}.empty-state__icon{font-size:40px;margin-bottom:4px}.empty-state__text{font-size:16px;font-weight:600;color:var(--text)}.empty-state__sub{font-size:14px;color:var(--text-3)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-dialog{background:var(--bg);border-radius:12px;padding:24px;max-width:320px;width:100%;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;gap:12px}.confirm-dialog__title{font-size:16px;font-weight:600}.confirm-dialog__text{font-size:14px;color:var(--text-2)}.confirm-dialog__actions{display:flex;gap:10px;justify-content:flex-end}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:440px;pointer-events:none}.toast{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;pointer-events:auto;cursor:pointer;animation:slideDown .2s ease}.toast--success{background:#111;color:#fff}.toast--error{background:var(--danger);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.radio-group{display:flex;gap:8px}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-2);transition:border-color .12s,background .12s,color .12s;-webkit-user-select:none;user-select:none}.radio-option input[type=radio]{display:none}.radio-option--selected{border-color:var(--accent);background:#eef1fd;color:var(--accent)}.radio-option--status-open.radio-option--selected{border-color:#bbb;background:#f0f0f0;color:var(--text-2)}.radio-option--status-in-progress.radio-option--selected{border-color:#f0c040;background:var(--yellow);color:var(--yellow-text)}.radio-option--status-sorted.radio-option--selected{border-color:#a8f0c0;background:var(--green);color:var(--green-text)}.grouped-list{padding:12px 0;display:flex;flex-direction:column;gap:0}.group__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.group__count{background:var(--border);color:var(--text-2);font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px}.list--no-padding{padding:0 16px}.card__emoji{font-size:22px;flex-shrink:0;width:32px;text-align:center;line-height:1}.section__subtitle{font-size:12px;font-weight:400;color:var(--text-3);text-transform:none;letter-spacing:0;margin-left:6px}.checklist{display:flex;flex-direction:column;gap:1px}.checklist__item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.checklist__item--readonly{cursor:default;pointer-events:none}.checklist__item:first-child{border-top:1px solid var(--border)}.checklist__box{flex-shrink:0;width:20px;height:20px;border:1.5px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--green-text);transition:background .12s,border-color .12s}.checklist__box--checked{background:var(--green);border-color:#a8f0c0}.checklist__emoji{font-size:18px;flex-shrink:0}.checklist__label{flex:1;font-size:14px;font-weight:500;transition:opacity .12s}.checklist__label--done{opacity:.4;text-decoration:line-through}.checklist__badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--yellow);color:var(--yellow-text);flex-shrink:0}.admin-page{max-width:960px;margin:0 auto;padding:16px;font-family:var(--font)}.admin-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.admin-header__title{font-size:18px;font-weight:600;color:var(--text);flex:1}.admin-header__count{font-size:13px;color:var(--text-3)}.admin-loading{padding:40px 0;text-align:center;color:var(--text-3);font-size:14px}.admin-error{background:#fde8e8;color:#9b1c1c;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.admin-success{background:var(--green);color:var(--green-text);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:var(--bg-subtle)}.admin-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text)}.admin-table tr:last-child td{border-bottom:none}.admin-table__ts{white-space:nowrap;font-size:12px;color:var(--text-2)}.admin-table__ip{font-family:monospace;font-size:12px;white-space:nowrap}.admin-table__id{font-family:monospace;font-size:11px;color:var(--text-3)}.admin-table__payload code{font-family:monospace;font-size:11px;color:var(--text-2);white-space:pre-wrap;word-break:break-all;max-width:320px;display:block}.admin-table__empty{text-align:center;color:var(--text-3);padding:48px 0;font-size:14px}.pill--method-create{background:var(--green);color:var(--green-text)}.pill--method-update{background:var(--yellow);color:var(--yellow-text)}.pill--method-delete{background:#fde8e8;color:#9b1c1c}.card--locked{cursor:default;opacity:.72}.card__you-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;background:var(--mint);color:var(--mint-text);margin-left:6px;vertical-align:middle}.card__lock{color:var(--text-3)}.group__you{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--mint);color:var(--mint-text);text-transform:none;letter-spacing:0;margin-left:4px;margin-right:auto}.multi-select__item--locked{opacity:.6;cursor:default}.multi-select__lock{font-size:11px;color:var(--text-3);font-style:italic;margin-left:auto}.identity-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;padding:24px}.identity-screen__inner{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.identity-screen__icon{font-size:52px;text-align:center}.identity-screen__title{font-size:24px;font-weight:700;text-align:center;color:var(--text)}.identity-screen__sub{font-size:15px;color:var(--text-2);text-align:center}.identity-screen__loading{text-align:center;color:var(--text-3);font-size:14px;padding:24px 0}.identity-screen__list{display:flex;flex-direction:column;gap:10px;margin-top:8px;max-height:60vh;overflow-y:auto}.identity-card{width:100%;padding:16px 20px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);font-family:var(--font);font-size:16px;font-weight:500;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s,background .15s}.identity-card:active:not(:disabled){border-color:var(--accent);background:#eef1fd}.identity-card--loading{opacity:.7}.identity-card__name{flex:1;text-align:left}.identity-card--add{border-style:dashed;color:var(--text-3);gap:8px;justify-content:center}.identity-card--add:active:not(:disabled){border-color:var(--accent);color:var(--accent);background:#eef1fd}.identity-add-form{display:flex;flex-direction:column;gap:10px;padding:16px;border:1.5px solid var(--accent);border-radius:10px;background:#eef1fd}.identity-add-form__input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font);font-size:15px;color:var(--text);background:var(--bg);outline:none}.identity-add-form__input:focus{border-color:var(--accent)}.identity-add-form__actions{display:flex;gap:8px;justify-content:flex-end}.identity-card__spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.assignee-field{display:flex;flex-direction:column;gap:8px}.assignee-field__tags{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.assignee-tag__remove{background:none;border:none;cursor:pointer;font-size:14px;color:inherit;padding:0 0 0 4px;line-height:1;opacity:.7}.assignee-tag__remove:hover{opacity:1}.assignee-add-me{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;font-family:var(--font);background:#eef1fd;color:var(--accent);border:1.5px dashed var(--accent);cursor:pointer;transition:background .12s;width:fit-content}.assignee-add-me:hover:not(:disabled),.assignee-add-me:active:not(:disabled){background:#d8dffa}.assignee-add-me:disabled{opacity:.6;cursor:not-allowed}.card__assignees{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.assignee-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg-subtle);color:var(--text-2);border:1px solid var(--border)}.assignee-tag--mine{background:var(--mint);color:var(--mint-text);border-color:#a8f0c0}.assignee-tag--none{color:var(--text-3);border-style:dashed}.assignee-join{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font);background:#eef1fd;color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:background .12s}.assignee-join:active{background:#d8dffa}.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;width:fit-content}.stepper__btn{width:44px;height:44px;border:none;background:var(--bg-subtle);font-size:20px;font-weight:500;cursor:pointer;color:var(--text-2);transition:background .12s,color .12s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__btn:not(:disabled):active{background:var(--border)}.stepper__value{min-width:48px;text-align:center;font-size:17px;font-weight:600;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 8px;height:44px;display:flex;align-items:center;justify-content:center}.rsvp-prompt__actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.rsvp-prompt__btn{width:100%;padding:16px 20px;border-radius:10px;font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.rsvp-prompt__btn:disabled{opacity:.6;cursor:not-allowed}.rsvp-prompt__btn--yes{background:var(--green);color:var(--green-text)}.rsvp-prompt__btn--yes:not(:disabled):active{background:#a8f0c0}.rsvp-prompt__btn--no{background:#fde8e8;color:#9b1c1c}.rsvp-prompt__btn--no:not(:disabled):active{background:#f9c6c6}@media (min-width: 481px){.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}