:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7fafc;--surface:#fff;--surface-strong:#fff8e8;--text:#1f2937;--muted:#64748b;--border:#dbe5ef;--shadow:0 20px 55px #1f29371f;--blue:#2f80ed;--green:#116244;--yellow:#f2b705;--coral:#ef6f6c;--violet:#7c5cff;--focus:#111827;--label:#116244;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(135deg,#fff9e8c7,#fff9e89e),linear-gradient(315deg,#fff0f77a,#eaf8ff2e),url(/background.webp) 50%/cover no-repeat fixed;margin:0}body,#root,.app-shell,.app-main,.feature-view,.view-grid,.feature-form,.item-list,.member-list,.side-panel,.member-editor,.profile-card,.list-item{min-width:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #1118272e}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel,.status-panel{border:1px solid var(--border);background:var(--surface);width:min(100%,380px);box-shadow:var(--shadow);border-radius:8px}.login-panel{gap:18px;padding:28px;display:grid}.status-panel{min-height:132px;color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.app-kicker,.section-label{color:var(--label);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.15}h2{margin-bottom:0;font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.1}p{line-height:1.6}label{color:var(--text);gap:8px;font-size:.92rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);min-height:48px;color:var(--text);background:#fff;border-radius:8px;padding:0 14px}textarea{resize:vertical;min-height:120px;padding:12px 14px}input[type=color]{width:100%;padding:5px}input[type=checkbox]{width:22px;height:22px;min-height:auto;accent-color:var(--blue)}.primary-button,.nav-button,.secondary-button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px}.primary-button{background:var(--blue);color:#fff;gap:10px;padding:0 18px;font-weight:800;display:inline-flex}.secondary-button,.icon-button{border-color:var(--border);background:var(--surface);color:var(--text);gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.square-icon-button{width:48px;padding:0}.secondary-button{color:#1757a6}.primary-button svg,.nav-button svg,.secondary-button svg,.icon-button svg{flex:none;width:20px;height:20px}.form-error{border-left:4px solid var(--coral);color:#9b2c2c;background:#ef6f6c1f;border-radius:8px;margin:0;padding:10px 12px}.form-success{border-left:4px solid var(--green);color:#116244;background:#1162441a;border-radius:8px;margin:0;padding:10px 12px}.compact-form,.import-dialog{gap:14px;display:grid}.import-source-list .list-item>div{gap:4px;min-width:0;display:grid}.pagination-controls{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.done-toggle{color:#1757a6;background:#2f80ed12;border:1px dashed #2f80ed73;border-radius:8px;min-height:44px;font-weight:900}.done-list{gap:12px;display:grid}.item-action-menu{flex:none;position:relative}.item-action-panel{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:150px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 30px #1f29372e}.item-action-panel button{min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:flex}.item-action-panel button:hover{background:#2f80ed14}.item-action-panel svg{width:18px;height:18px}.spin{animation:.9s linear infinite spin}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;gap:10px;padding:10px clamp(12px,3vw,28px);display:grid}.header-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.header-actions,.calendar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.calendar-actions svg{width:20px;height:20px}.top-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.nav-button{border-color:var(--border);background:var(--surface);color:var(--text);gap:8px;padding:0 12px;font-size:.92rem;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.nav-button:hover{transform:translateY(-1px)}.nav-button.active{color:#1757a6;background:#2f80ed1f;border-color:#2f80ed59}.nav-button:nth-child(2).active{color:#116244;background:#1f9d681f;border-color:#1f9d6859}.nav-button:nth-child(3).active{color:#765700;background:#f2b70529;border-color:#f2b70573}.nav-button:nth-child(4).active{color:#9b2c2c;background:#ef6f6c24;border-color:#ef6f6c59}.nav-button:nth-child(5).active{color:#4c35bd;background:#7c5cff1f;border-color:#7c5cff59}.settings-menu{justify-content:flex-end;display:flex;position:relative}.header-tools{justify-content:flex-end;align-items:center;gap:8px;display:flex}.menu-button{min-width:112px}.settings-menu-panel{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;width:min(240px,100vw - 24px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #1f293729}.settings-menu-item{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:flex}.settings-menu-item:hover,.settings-menu-item:focus-visible{background:#2f80ed1a}.settings-menu-item svg{width:19px;height:19px}.app-main{width:min(100%,1180px);margin:0 auto;padding:clamp(10px,2.5vw,24px)}.content-panel,.feature-view{min-height:min(500px,100vh - 120px)}.content-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px}.feature-view{gap:12px;padding:clamp(12px,2vw,20px);display:grid}.view-header{border-bottom:1px solid #1f293714;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.view-header svg{width:28px;height:28px;color:var(--coral)}.view-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.shopping-grid{grid-template-columns:minmax(320px,1fr) minmax(230px,.32fr)}.shopping-tabs{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.shopping-tab{color:#334155;background:#ffffffdb;border:1px solid #1f29371f;border-radius:999px;flex:none;padding:9px 14px;font-weight:700}.shopping-tab.active{color:#0f4c81;background:#e8f4ff;border-color:#9ccdf2}.shopping-tab-add{border-radius:50%;justify-content:center;align-items:center;width:40px;padding:9px;display:inline-flex}.shopping-tab-add svg{width:18px;height:18px}.shopping-entry-row.editing{grid-template-columns:minmax(220px,1fr) minmax(180px,.45fr) minmax(150px,.32fr) auto}.tasks-grid{grid-template-columns:minmax(0,1fr)}.household-panel{border-top:1px solid #1f293714;grid-column:1/-1;gap:12px;padding-top:12px;display:grid}.stacked-input-grid .top-entry-form{grid-column:1/-1}.entry-form-row{grid-template-columns:minmax(220px,1fr) minmax(180px,.45fr) auto;align-items:end;gap:12px;display:grid}.task-entry-row{grid-template-columns:minmax(220px,1fr) minmax(130px,.3fr) minmax(140px,.3fr) minmax(180px,.42fr) minmax(120px,.25fr) auto}.task-submit-button{flex:none;width:48px;min-width:48px;padding:0}.household-grid{grid-template-columns:minmax(240px,.3fr) minmax(0,1fr)}.household-entry-row{grid-template-columns:minmax(220px,1fr) minmax(150px,.28fr) minmax(140px,.28fr) minmax(170px,.34fr) minmax(90px,.18fr) auto}.packing-grid,.family-grid{grid-template-columns:minmax(280px,.4fr) minmax(0,1fr)}.packing-grid.stacked-input-grid .item-list{grid-column:1/-1}.feature-form,.side-panel,.member-editor,.profile-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;padding:12px;display:grid}.feature-form>*,.side-panel>*,.member-editor>*,.profile-card>*,.list-item>*,.check-control,.check-control span,.event-item div:first-child,.autocomplete-option span,.autocomplete-option small,.basic-option span,.basic-option small,.person-pill span,.category-section h3{overflow-wrap:anywhere;min-width:0}.feature-form h3,.side-panel h3,.category-section h3{margin:0;font-size:1.05rem}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-card{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.member-picker,.pill-row,.item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.weekday-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.weekday-button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;font-weight:900}.weekday-button.selected{color:#1757a6;background:#2f80ed1f;border-color:#2f80ed73}.picker-pill{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:44px;padding:5px}.picker-pill.selected{border-color:var(--blue);background:#2f80ed1a}.person-pill{border:1px solid color-mix(in srgb, var(--person-color) 38%, var(--border));background:color-mix(in srgb, var(--person-color) 12%, white);max-width:100%;min-height:34px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.person-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-pill.compact{justify-content:center;min-width:34px;padding:5px}.person-pill.compact svg{width:16px;height:16px}.person-dot{background:var(--person-color);border-radius:999px;width:12px;height:12px}.item-list,.member-list{gap:12px;display:grid}.list-item{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.list-item strong,.list-item span{overflow-wrap:anywhere}.event-item{border-left:6px solid var(--yellow)}.event-item div:first-child{gap:4px;display:grid}.event-item span,.muted-line,.empty-state,.profile-card p,.profile-card span{color:var(--muted)}.calendar-toolbar{align-items:flex-start}.calendar-view{grid-template-rows:auto minmax(0,1fr);min-height:min(720px,100vh - 120px)}.month-title{min-width:170px;min-height:48px;color:var(--text);text-transform:capitalize;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.month-calendar{grid-template-rows:auto repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:0;display:grid}.weekday-cell{color:#1757a6;text-align:center;background:#2f80ed1a;border-radius:8px;min-height:34px;padding:8px;font-size:.82rem;font-weight:900}.month-day{border:1px solid var(--border);min-height:0;color:var(--text);text-align:left;background:#fffffff5;border-radius:8px;align-content:start;gap:8px;padding:10px;display:grid;overflow:hidden}.month-day:hover{background:#2f80ed0f;border-color:#2f80ed6b}.month-day.outside-month{color:var(--muted);background:#ffffff94}.month-day.today{border-color:#ef6f6c8c;box-shadow:inset 0 0 0 2px #ef6f6c1f}.day-number{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:inline-flex}.month-day.today .day-number{background:var(--coral);color:#fff}.day-events{gap:5px;min-width:0;display:grid}.month-event{border-left:4px solid var(--event-color);background:color-mix(in srgb, var(--event-color) 12%, white);min-height:26px;color:var(--text);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;font-size:.76rem;font-weight:800;display:grid}.event-time{color:var(--muted);white-space:nowrap}.event-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.more-events{color:var(--muted);font-size:.76rem;font-weight:800}.dialog-backdrop{z-index:50;background:#1f293757;place-items:start center;padding:clamp(18px,5vw,54px);display:grid;position:fixed;inset:0;overflow:auto}.dialog-panel{border:1px solid var(--border);background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:clamp(18px,3vw,26px);display:grid}.dialog-header{border-bottom:1px solid #1f293714;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.dialog-header h2{margin-bottom:0}.check-item.done{background:#11624414}.check-item.done .check-control span{text-decoration:line-through}.check-control{flex:1;align-items:center;gap:12px;min-height:44px;font-size:1rem;display:flex}.check-control span{flex:1}.points-badge,.recurrence-badge{color:#1757a6;background:#2f80ed1a;border-radius:999px;align-items:center;min-height:28px;padding:2px 9px;font-weight:800;display:inline-flex}.points-badge{color:#8a5b00;background:#f7b5002e}.category-section{gap:10px;display:grid}.basics-list{gap:8px;max-height:390px;padding-right:2px;display:grid;overflow:auto}.panel-title-row,.category-admin-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title-row h3,.category-admin-list h4{margin:0}.category-admin-list{border-top:1px solid #1f293714;gap:8px;padding-top:10px;display:grid}.category-admin-row{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;min-height:42px;padding:6px 8px}.event-detail-item{align-items:start}.event-detail-item>div:first-child{gap:4px;display:grid}.compact-member-list{justify-content:flex-start}.household-template-list{grid-column:2}.household-template{gap:10px;display:grid}.household-template.inactive{opacity:.62}.household-template-main{align-items:center;gap:10px;display:flex}.household-template-main>div{gap:3px;display:grid}.household-template-main span:last-child{color:var(--muted);font-size:.9rem}.area-dot{background:var(--area-color);border-radius:999px;flex:0 0 16px;width:16px;height:16px;box-shadow:0 0 0 4px #2f80ed14}.template-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.compact-checkbox{width:auto;min-height:44px}.basic-option{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:10px;display:grid}.basic-option small{color:var(--muted);grid-column:2}.inline-create{grid-template-columns:minmax(170px,1fr) minmax(130px,.7fr) auto;align-items:end;gap:10px;display:grid}.autocomplete-field{position:relative}.autocomplete-menu{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 36px #1f293724}.autocomplete-option{text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.autocomplete-option:hover,.autocomplete-option:focus-visible,.autocomplete-option.active{background:#2f80ed1a}.autocomplete-option small{color:var(--muted)}.member-card-header{justify-content:space-between;display:flex}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.profile-card{align-content:start}.profile-card p,.profile-card span{margin:0}.calendar-panel{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:clamp(18px,4vw,40px);padding:clamp(22px,4vw,42px);display:grid}.panel-copy{align-self:center}.panel-copy p:last-child,.placeholder-panel p:last-child{color:var(--muted);max-width:56ch;margin-bottom:0}.calendar-preview{background:linear-gradient(135deg, #fffffff2, #fff8e8d1), var(--surface-strong);border:1px solid #2f80ed2e;border-radius:8px;grid-template-rows:auto 1fr;gap:18px;min-height:320px;padding:18px;display:grid}.calendar-preview-header{border-bottom:1px solid #1f293714;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding-bottom:14px;display:flex}.calendar-preview-header span{color:var(--muted);font-weight:700}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-grid span{background:var(--surface);min-height:88px;color:var(--muted);border-radius:8px;place-items:start;padding:10px;font-size:.82rem;font-weight:800;display:grid}.calendar-grid span:nth-child(2n){border-top:4px solid var(--green)}.calendar-grid span:nth-child(3n){border-top:4px solid var(--yellow)}.calendar-grid span:nth-child(4n){border-top:4px solid var(--coral)}.calendar-grid span:nth-child(5n){border-top:4px solid var(--violet)}.placeholder-panel{align-content:center;padding:clamp(22px,4vw,42px);display:grid}@keyframes spin{to{transform:rotate(360deg)}}.crown-button{color:#765700}.score-grid,.member-choice-grid{gap:12px;display:grid}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.score-column,.score-row{gap:8px;display:grid}.score-column{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px}.score-row{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}.score-rank,.score-color{border-radius:999px;width:24px;height:24px}.score-rank{background:#f2b7052e;place-items:center;font-weight:900;display:inline-grid}@media (width<=900px){.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-header{position:static}.top-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav .nav-button:first-child{grid-column:1/-1}.calendar-panel,.view-grid,.shopping-grid,.tasks-grid,.household-grid,.packing-grid,.family-grid,.inline-create,.entry-form-row,.task-entry-row,.household-entry-row{grid-template-columns:1fr}.household-template-list{grid-column:1}.calendar-preview{min-height:260px}.calendar-grid span{min-height:64px}.weekday-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-actions{justify-content:flex-start}.month-calendar{gap:5px}.weekday-cell{min-height:30px;padding:6px 4px}.month-day{padding:7px}.month-event{grid-template-columns:minmax(0,1fr);gap:2px}.event-time{white-space:normal}}@media (width<=520px){.auth-page{padding:14px}.login-panel{padding:22px}.app-main{padding:16px}.header-row{grid-template-columns:1fr;align-items:stretch}.header-tools,.settings-menu,.calendar-actions{justify-content:stretch}.header-tools>*,.settings-menu>*,.calendar-actions>*{flex:140px}.top-nav{grid-template-columns:1fr}.nav-button{justify-content:flex-start}}