:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff7e8;--surface:#fff;--surface-soft:#fff1d7;--text:#263238;--muted:#66736f;--primary:#2e7d6b;--primary-strong:#1f5c4f;--primary-soft:#dff3ec;--sky:#5aa9e6;--sky-soft:#e5f3fc;--sun:#f6c85f;--coral:#f47c6b;--danger:#b85c5c;--success:#2e7d6b;--border:#2632381f;--shadow:0 20px 50px #2632381a;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--bottom-nav-height:86px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121816;--surface:#1c2421;--surface-soft:#26302c;--text:#f3f0e8;--muted:#aab5af;--primary:#7bc7b7;--primary-strong:#b8e4da;--primary-soft:#213b35;--sky:#85c7f2;--sky-soft:#183040;--sun:#f6c85f;--coral:#ff9b8d;--danger:#e08a8a;--border:#f3f0e81f;--shadow:0 20px 50px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #5aa9e638, transparent 30%), radial-gradient(circle at 90% 10%, #f6c85f33, transparent 28%), var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,8vw,3.7rem);line-height:.95}h2{letter-spacing:-.03em;font-size:1.35rem}h3{letter-spacing:-.02em;font-size:1rem}p{color:var(--muted);line-height:1.45}input,textarea,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:.95rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.app-shell{width:min(100%,520px);min-height:100vh;padding:env(safe-area-inset-top) 1rem calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 1rem);margin:0 auto}.app-shell.centered{place-items:center;padding-bottom:1rem;display:grid}.screen{padding:1rem 0 0;animation:.18s ease-out enter}.stack,.form-stack{gap:1rem;display:grid}.two-cols{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.muted{color:var(--muted)}.success-text{color:var(--success);font-weight:700}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), var(--sky));width:48px;height:48px;box-shadow:var(--shadow);border-radius:16px;place-items:center;font-weight:900;display:grid}.brand-lockup{align-items:center;gap:.75rem;font-size:1.2rem;font-weight:900;display:flex}.loader-card,.hero-card,.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow)}.loader-card{place-items:center;gap:1rem;padding:2rem;display:grid}.auth-shell{width:min(100%,520px);padding:1rem}.auth-card{gap:1rem;display:grid}.auth-card h1{margin-bottom:0}.auth-form{gap:.75rem;display:grid}.auth-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.auth-error{color:var(--danger);margin:0;font-weight:800}.team-access-card{gap:.85rem;display:grid}.team-list{gap:.55rem;margin-top:.5rem;display:grid}.team-user-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.team-user-row p{color:var(--muted);margin:.15rem 0 0;font-size:.9rem}.team-admin-block{gap:.9rem;display:grid}.invite-link{background:var(--surface-soft);word-break:break-all;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:.55rem;padding:.7rem;font-size:.85rem;display:grid}@media (width<=420px){.auth-actions,.team-user-row,.invite-link{grid-template-columns:1fr}}.hero-card{flex-direction:column;justify-content:center;gap:1.1rem;min-height:calc(100vh - 2rem);padding:1.35rem;display:flex}.hero-card p{font-size:1.08rem}.card{text-align:left;color:inherit;padding:1rem}button.card{width:100%}.btn{border:0;border-radius:17px;min-height:52px;padding:.85rem 1.1rem;font-weight:800;transition:transform .12s,filter .12s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--sky));color:#fff}.btn-secondary{background:var(--primary-soft);color:var(--primary-strong)}.install-button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.btn-ghost{color:var(--primary-strong);background:0 0}.btn-danger{background:color-mix(in srgb, var(--danger) 15%, var(--surface));color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin:.8rem 0 1rem;display:flex}.section-header small,.trip-kicker{color:var(--primary-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.section-header h1{margin-bottom:0;font-size:2rem}.header-actions{align-items:center;gap:.45rem;display:flex}.header-actions .btn{border-radius:14px;min-height:42px;padding:.55rem .75rem}.bottom-nav{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);width:min(100% - 1.5rem,500px);height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:.3rem;padding:.45rem;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:18px;place-items:center;gap:.15rem;display:grid}.bottom-nav button.active{background:var(--primary-soft);color:var(--primary-strong);font-weight:900}.bottom-nav span{font-size:1.25rem}.bottom-nav small{font-size:.72rem}.route-illustration{background:var(--sky-soft);border-radius:24px;align-items:center;gap:.55rem;padding:.9rem;font-size:2.4rem;display:flex}.route-illustration i{border-top:4px dashed color-mix(in srgb, var(--primary) 55%, transparent);flex:1}.promise-grid{gap:.7rem;display:grid}.promise-grid article{background:var(--surface-soft);border-radius:18px;gap:.15rem;padding:.9rem;display:grid}.promise-grid span{color:var(--muted)}.trip-hero{background:linear-gradient(160deg, var(--surface), var(--sky-soft))}.accent-card{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 35%, var(--surface)), var(--surface))}.progress-wrap{gap:.45rem;margin:.7rem 0;display:grid}.progress-meta{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.progress-track{background:var(--primary-soft);border-radius:99px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--sky));border-radius:inherit;height:100%}.empty-state{text-align:center;flex-direction:column;justify-content:center;gap:.85rem;min-height:65vh;display:flex}.empty-icon{font-size:4rem}.field{gap:.35rem;font-weight:800;display:grid}.field span,.switch-row span{color:var(--muted);font-size:.85rem}.switch-row{justify-content:space-between;align-items:center;gap:1rem;min-height:54px;font-weight:800;display:flex}.switch-row input{width:24px;height:24px;accent-color:var(--primary)}.chip-grid{flex-wrap:wrap;gap:.55rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.7rem .9rem;font-weight:800}.chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.sticky-actions{bottom:calc(var(--bottom-nav-height) + .8rem);grid-template-columns:1fr 1fr;gap:.7rem;display:grid;position:sticky}.segmented{background:var(--surface-soft);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.35rem;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:14px;padding:.75rem .4rem;font-weight:800}.segmented .active{background:var(--surface);color:var(--primary-strong);box-shadow:0 8px 22px #00000014}.task-row{border-top:1px solid var(--border);grid-template-columns:42px 1fr;align-items:start;gap:.75rem;padding:.65rem 0;display:grid}.task-check{border:2px solid var(--primary);background:var(--surface);width:42px;height:42px;color:var(--primary);border-radius:15px;font-size:1.2rem;font-weight:900}.task-row.done .task-check{background:var(--primary);color:#fff}.task-body{gap:.45rem;min-width:0;display:grid}.task-content{text-align:left;color:inherit;background:0 0;border:0;gap:.2rem;padding:0;display:grid}.task-content span{font-weight:800}.task-content small{color:var(--muted)}.task-row.done .task-content span{color:var(--muted);text-decoration:line-through}.task-inline-actions{flex-wrap:wrap;gap:.45rem;display:flex}.task-inline-actions button{background:var(--primary-soft);color:var(--primary-strong);border:0;border-radius:999px;padding:.4rem .65rem;font-size:.78rem;font-weight:900}.task-inline-actions button.danger{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.category-title,.inline-form{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.category-title button{color:inherit;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-size:1rem;display:flex}.category-title span,.category-icon{font-size:1.8rem}.category-title em{color:var(--primary-strong);font-style:normal;font-weight:900}.inline-form input{flex:1}.card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.tag,.tag-row span{background:var(--primary-soft);width:fit-content;color:var(--primary-strong);border-radius:999px;padding:.3rem .6rem;font-size:.78rem;font-weight:900;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.category-card{border:1px solid var(--border);grid-template-columns:56px 1fr;align-items:center;gap:.85rem;display:grid}.category-card-expanded{align-items:start}.category-card-body{gap:.65rem;min-width:0;display:grid}.category-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.category-card-head strong{color:var(--primary-strong);font-size:1.2rem}.category-icon{background:var(--sky-soft);border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.category-add-form{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(118px,.55fr) auto;align-items:center;gap:.55rem;margin-top:.75rem;padding-top:.75rem;display:grid}.category-add-form input,.category-add-form select{min-width:0;padding:.75rem .8rem}.category-add-form .btn{min-height:44px;padding:.55rem .8rem}.mini-task{color:var(--text);margin:.25rem 0}@media (width<=520px){.category-add-form{grid-template-columns:1fr}}@media (width<=380px){.two-cols,.sticky-actions{grid-template-columns:1fr}.section-header{flex-direction:column}.category-card{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.85rem 0;display:grid}.stats-grid.wide{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;align-content:center;gap:.2rem;min-height:78px;padding:.75rem;display:grid}.stat-card strong{letter-spacing:-.04em;font-size:1.55rem;line-height:1}.stat-card span{color:var(--muted);font-size:.75rem;font-weight:800}.stat-green{background:var(--primary-soft)}.stat-sky{background:var(--sky-soft)}.stat-sun{background:color-mix(in srgb, var(--sun) 28%, var(--surface))}.stat-coral{background:color-mix(in srgb, var(--coral) 22%, var(--surface))}.next-reminder{background:var(--sky-soft);border-radius:16px;align-items:center;gap:.65rem;margin:.7rem 0;padding:.7rem .8rem;display:flex}.next-reminder p{color:var(--text);margin:0;font-weight:700}.quick-task-grid{gap:.65rem;display:grid}.export-card{background:linear-gradient(135deg, color-mix(in srgb, var(--sky) 18%, var(--surface)), var(--surface))}.export-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.75rem;display:grid}.compact-hero{min-height:auto}.detail-list{gap:.55rem;margin:0;display:grid}.detail-list div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.detail-list dt{color:var(--muted);font-weight:800}.detail-list dd{text-align:right;margin:0;font-weight:900}.category-pills{flex-wrap:wrap;gap:.5rem;display:flex}.category-pills button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.6rem .75rem;font-weight:800}.category-pills span{margin-right:.3rem}.reminder-row{border-top:1px solid var(--border);grid-template-columns:34px 1fr;gap:.65rem;padding:.65rem 0;display:grid}.reminder-row p{margin:.15rem 0 0}.action-grid{gap:.6rem;display:grid}.inline-actions{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}@media (width<=420px){.stats-grid,.stats-grid.wide{grid-template-columns:repeat(2,1fr)}.export-actions{grid-template-columns:1fr}}.template-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tag.soft{background:var(--sky-soft);color:var(--text)}.template-count{color:var(--primary-strong);margin-bottom:.65rem;font-weight:900}.template-actions{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem;display:grid}.template-task-list{gap:.8rem;margin-top:.8rem;display:grid}.template-task-row{border-top:1px solid var(--border);gap:.65rem;padding:.75rem 0;display:grid}.template-task-row .btn-danger{justify-self:start;min-height:42px;padding:.55rem .75rem}.list-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:1.2rem 0 .7rem;font-size:.78rem}@media (width<=380px){.template-actions{grid-template-columns:1fr}}.memory-card{background:linear-gradient(135deg, color-mix(in srgb, var(--sky) 18%, var(--surface)), var(--surface))}.suggestion-list{gap:.65rem;display:grid}.suggestion-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.65rem 0;display:grid}.suggestion-row p{margin:.2rem 0 0;font-size:.9rem}.suggestion-row .btn{min-height:42px;padding:.55rem .8rem}@media (width<=380px){.suggestion-row{grid-template-columns:1fr}}.wrap-list{gap:.7rem;display:grid}.wrap-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.wrap-row p{margin:.2rem 0 0;font-size:.9rem}.wrap-row.forgotten strong{color:var(--danger)}.wrap-row .btn{min-height:42px;padding:.55rem .8rem}@media (width<=420px){.wrap-row{grid-template-columns:1fr}}.history-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.6rem;margin-top:.8rem;display:grid}.forgotten-note{color:var(--danger);margin-bottom:0;font-weight:800}.reminder-settings{gap:.2rem;margin-top:.5rem;display:grid}.reminder-settings .switch-row{border-top:1px solid var(--border)}.switch-row input:disabled{opacity:.35}.reminder-row{grid-template-columns:34px 1fr auto;align-items:center}.reminder-row.disabled{opacity:.58}.reminder-row .btn{border-radius:13px;min-height:38px;padding:.45rem .7rem}@media (width<=420px){.reminder-row{grid-template-columns:34px 1fr}.reminder-row .btn{grid-column:2}}.garage-list{gap:.55rem;margin:.7rem 0 1rem;display:grid}.garage-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.65rem 0;display:grid}.garage-row p{margin:.15rem 0 0}.garage-form{gap:.75rem;display:grid}.three-cols{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.switch-grid{gap:.2rem;display:grid}@media (width<=420px){.three-cols,.garage-row{grid-template-columns:1fr}}.error-box{white-space:pre-wrap;background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger);border-radius:14px;padding:.8rem;font-size:.85rem;overflow:auto}.startup-error .card{gap:.8rem;margin-top:10vh;display:grid}.member-list{gap:.55rem;margin:.7rem 0 1rem;display:grid}.member-row{border-top:1px solid var(--border);grid-template-columns:24px 1fr auto;align-items:center;gap:.65rem;padding:.55rem 0;display:grid}.member-dot{border-radius:999px;width:20px;height:20px;display:inline-block}.rutika-logo-wrap{align-items:center;gap:.75rem;display:inline-flex}.rutika-logo{width:var(--logo-size);height:var(--logo-size);filter:drop-shadow(0 14px 24px #2e7d6b2e);border-radius:28%}.rutika-wordmark{letter-spacing:-.05em;color:var(--text);font-size:1.4rem;font-weight:950}.loader-card{background:radial-gradient(circle at 80% 12%, color-mix(in srgb, var(--sun) 24%, transparent), transparent 32%), color-mix(in srgb, var(--surface) 94%, transparent);min-width:260px;min-height:180px}.hero-card{background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--sun) 28%, transparent), transparent 30%), radial-gradient(circle at 6% 18%, color-mix(in srgb, var(--sky) 18%, transparent), transparent 34%), color-mix(in srgb, var(--surface) 92%, transparent)}.card:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}.screen:after{content:"";height:.1rem;display:block}.trip-hero h2,.template-card h2,.trip-card h2{margin-bottom:.35rem}.empty-state .btn,.hero-card .btn{width:100%}.category-section{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), var(--surface)), radial-gradient(circle at top right, color-mix(in srgb, var(--sky) 12%, transparent), transparent 36%)}.full-width{width:100%;margin:.4rem 0}.shopping-form{gap:.7rem;display:grid}.shopping-row{border-top:1px solid var(--border);padding-top:.45rem}.shopping-row .task-row{border-top:0}.shopping-meta{grid-template-columns:1fr 1fr auto;gap:.55rem;padding-bottom:.45rem;padding-left:54px;display:grid}.shopping-meta input{padding:.7rem .8rem}@media (width<=380px){.shopping-meta{grid-template-columns:1fr;padding-left:0}}.shopping-meta .btn{min-height:42px;padding:.55rem .75rem}.file-button{background:var(--primary-soft);min-height:52px;color:var(--primary-strong);cursor:pointer;border-radius:17px;place-items:center;padding:.85rem 1.1rem;font-weight:800;display:grid}.file-button input{display:none}.backup-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin:.8rem 0;display:grid}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.small-note{font-size:.85rem}@media (width<=420px){.backup-actions{grid-template-columns:1fr}}