:root{--bg-top:#e8cfc880;--bg-start:#fffaf7;--bg-end:#f6efe8;--text:#3d3333;--text-strong:#2f2a2a;--text-muted:#746565;--surface:#fffcf9e6;--surface-soft:#f8f4ef;--surface-strong:#f0ebe4;--surface-accent:#f7efe7;--border:#41343414;--border-strong:#4134341f;--shadow:0 18px 50px #533f3f14;--accent-soft:#f0dfd9;--accent-text:#7c5b52;--accent-strong:#2f2a2a;--accent-strong-text:#fff;--success-bg:#dce9dc;--success-text:#4d6b4f;--danger-bg:#a96262;--danger-text:#fff;color:var(--text);background:radial-gradient(circle at top, var(--bg-top), transparent 32%), linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg-top:#68566f59;--bg-start:#18161d;--bg-end:#111016;--text:#ece5e8;--text-strong:#fff8fb;--text-muted:#b9acb1;--surface:#1c1821eb;--surface-soft:#211d28;--surface-strong:#2a2531;--surface-accent:#251f2d;--border:#ffffff14;--border-strong:#ffffff1f;--shadow:0 18px 50px #00000047;--accent-soft:#342b3d;--accent-text:#f1d6df;--accent-strong:#f0d7de;--accent-strong-text:#211923;--success-bg:#243528;--success-text:#cbebd0;--danger-bg:#6f3e48;--danger-text:#fff4f6}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:0 0;margin:0;transition:background-color .2s,color .2s}#root{min-height:100vh}h1,h2,p{margin:0}h1{color:var(--text-strong);margin-bottom:10px;font-size:clamp(2.4rem,7vw,4rem);line-height:1}h2{color:var(--text-strong);margin-bottom:6px;font-size:1.2rem;line-height:1.2}small,span{display:block}.app-shell{max-width:1120px;margin:0 auto;padding:24px 16px 48px}.hero-card,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px}.hero-card{flex-direction:column;gap:8px;margin-bottom:20px;padding:24px;display:flex}.hero-top-row{justify-content:space-between;align-items:center;display:flex}.eyebrow{background:var(--accent-soft);color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.lead{max-width:560px;color:var(--text-muted)}.profile-chip{background:var(--surface-accent);border-radius:18px;flex-direction:column;min-width:120px;padding:12px 14px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.panel{padding:20px}.error-panel{color:#ffb9c1;margin-bottom:16px}.room-strip,.tab-strip,.filter-row{flex-wrap:wrap;gap:10px;display:flex}.room-strip{margin-bottom:16px}.tab-strip{margin:18px 0 16px}.filter-row{gap:8px;margin-top:14px}.quick-preset-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.room-pill,.tab-pill,.filter-pill{background:var(--surface-strong);color:var(--text);border:0;border-radius:999px;margin-top:0}.room-pill,.tab-pill{padding:10px 14px;font-weight:600}.room-pill.active,.filter-pill.active{background:var(--success-bg);color:var(--success-text)}.tab-pill.active{background:var(--accent-strong);color:var(--accent-strong-text)}.filter-pill{color:var(--text-muted);padding:8px 12px;font-size:13px}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px;display:grid}.stat-card,.budget-card{gap:8px;display:grid}.stat-card,.list-card,code{background:var(--surface-soft)}.stat-card,.list-card{border-radius:18px;padding:14px}.budget-card{margin-top:16px}label{color:var(--text);gap:8px;margin-top:16px;font-weight:600;display:grid}input,select{border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--text);font:inherit;border-radius:14px;padding:12px 14px}button{background:var(--accent-strong);color:var(--accent-strong-text);font:inherit;cursor:pointer;border:0;border-radius:14px;margin-top:16px;padding:12px 16px;font-weight:600;transition:transform .15s,opacity .15s,background-color .15s}button:hover{transform:translateY(-1px)}button.secondary{background:var(--success-bg);color:var(--success-text)}button.ghost{background:var(--surface-strong);color:var(--text)}button.danger{background:var(--danger-bg);color:var(--danger-text)}button.small{margin-top:0;padding:10px 12px;font-size:14px}button:disabled{cursor:not-allowed;opacity:.7}code{color:var(--text);overflow-wrap:anywhere;border-radius:14px;margin-top:10px;padding:12px 14px;display:inline-flex}.feature-grid{align-items:start}.list-stack{gap:12px;margin-top:16px;display:grid}.list-card{gap:8px;display:grid}.list-card.compact{gap:4px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{background:var(--surface-strong);color:var(--text-muted);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.success{background:var(--success-bg);color:var(--success-text)}.action-row{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--text-muted)}.theme-icon{background:var(--surface-strong);border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:0;height:40px;margin-top:0;padding:8px;font-size:20px;line-height:1;display:flex}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dash-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:6px;margin-top:0;padding:20px 12px;transition:transform .15s,box-shadow .15s;display:flex}.dash-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f}.dash-card:active{transform:scale(.97)}.dash-card.wide{grid-column:1/-1}.dash-icon{font-size:28px;line-height:1}.dash-label{color:var(--text-muted);font-size:13px;font-weight:600}.dash-value{color:var(--text);font-size:22px;font-weight:700}.dash-meta{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.info-card{flex-direction:column;grid-column:1/-1;gap:12px;display:flex}.info-row{justify-content:space-between;align-items:center;display:flex}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-actions button{margin-top:0}.back-button{background:var(--surface-strong);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:14px;margin-top:0;margin-bottom:12px;padding:10px 16px;font-weight:600}.dt-picker{margin-top:8px}.dt-preview{background:var(--accent-soft);color:var(--accent-text);border-radius:12px;margin-bottom:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.dt-row{gap:8px;display:flex}.dt-field{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:14px;flex:1;align-items:center;gap:6px;min-width:0;margin-top:0;padding:0 10px;display:flex;position:relative;overflow:hidden}.dt-field.solo{max-width:260px;margin-top:8px}.dt-field-icon{flex-shrink:0;font-size:16px}.dt-field input[type=date],.dt-field input[type=time]{appearance:none;width:100%;min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:12px 2px;font-size:14px}.dt-field input[type=date]::-webkit-calendar-picker-indicator{filter:var(--picker-icon-filter,none);cursor:pointer;opacity:.6;padding:4px}.dt-field input[type=time]::-webkit-calendar-picker-indicator{filter:var(--picker-icon-filter,none);cursor:pointer;opacity:.6;padding:4px}[data-theme=dark]{--picker-icon-filter:invert(1)}.shopping-group{margin-top:16px}.group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px;font-size:14px;font-weight:700}.shopping-item .card-head{gap:8px}.check-label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;margin-top:0;font-weight:400;display:flex}.check-label input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.custom-check{border:2px solid var(--border-strong);background:var(--surface-soft);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex}.custom-check svg{opacity:0;width:14px;height:14px;transition:opacity .15s}.check-label input:checked+.custom-check{background:var(--accent-strong);border-color:var(--accent-strong)}.check-label input:checked+.custom-check svg{opacity:1}.strikethrough{opacity:.5;text-decoration:line-through}.shopping-item.done{opacity:.6}.item-actions{flex-shrink:0;gap:4px;display:flex}.icon-btn{background:0 0;border-radius:10px;min-width:0;margin-top:0;padding:6px 8px;font-size:16px}.icon-btn:hover{background:var(--surface-strong)}.icon-btn.danger-icon:hover{background:var(--danger-bg)}.money-input-wrap{align-items:center;display:flex;position:relative}.money-input-wrap input{width:100%;padding-right:36px}.money-suffix{color:var(--text-muted);pointer-events:none;font-size:15px;font-weight:600;position:absolute;right:14px}@media (width<=640px){.grid{grid-template-columns:1fr}}