:root{--bg: #0f172a;--surface: #1e293b;--surface-soft: #172136;--surface-elevated: #24324a;--text: #f8fafc;--muted: #94a3b8;--accent: #38bdf8;--border: #334155;--danger: #f87171;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;min-height:100dvh}a{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;background:var(--accent);color:var(--bg);font-weight:600;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button.danger{background:var(--danger);color:#0f172a}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.65rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.app-header-title{font-weight:700;flex:1;min-width:0}.app-header-user{font-size:.85rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burger-btn{padding:.45rem .55rem;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem}.burger-icon{display:block;width:1.25rem;height:2px;background:var(--text);border-radius:1px;box-shadow:0 -6px 0 var(--text),0 6px 0 var(--text)}.nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a8c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.nav-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-drawer{position:fixed;top:0;left:0;bottom:0;z-index:100;width:min(18rem,88vw);display:flex;flex-direction:column;padding:1rem;background:var(--surface);border-right:1px solid var(--border);box-shadow:8px 0 24px #00000059;transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.nav-drawer.is-open{transform:translate(0);visibility:visible}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.nav-drawer-close{padding:.25rem .55rem;font-size:1.35rem;line-height:1}.nav-drawer-user{font-size:.85rem;margin-bottom:.85rem;display:block}.nav-drawer-links{background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:.35rem}.nav a{text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius);color:var(--muted)}.nav a.active{background:#0f172a;color:var(--text)}.app-main{flex:1;padding:1.25rem;max-width:1120px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem;margin-bottom:1.1rem;box-shadow:0 6px 18px #0206172e}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text);margin-bottom:.75rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:640px){.grid2{grid-template-columns:1fr}}.muted{color:var(--muted);font-size:.9rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.5rem .35rem;border-bottom:1px solid var(--border)}.error{color:var(--danger);margin:.5rem 0}code{font-size:.85em;word-break:break-all}.calendar-upcoming-list{margin:0;padding-left:1.25rem}.calendar-upcoming-list li{margin-bottom:.5rem}.calendar-toolbar{display:flex;align-items:center;gap:.5rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekday{text-align:center;font-size:.75rem;color:var(--muted);padding:.25rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{position:relative;aspect-ratio:1;min-height:2.75rem;max-height:4rem;padding:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0f172a;border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:500}.calendar-day:hover{border-color:var(--accent);background:#1e293b}.calendar-day-other{opacity:.45}.calendar-day-today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.calendar-day-has-events .calendar-day-num{margin-bottom:2px}.calendar-day-num{font-size:.9rem;line-height:1.2}.calendar-day-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}@media(max-width:480px){.calendar-day{min-height:2.25rem;padding:.15rem}.calendar-day-num{font-size:.8rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172abf;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;overflow-y:auto}.modal-panel{width:100%;max-width:28rem;margin:auto 0;max-height:calc(100dvh - 3rem);overflow-y:auto;margin-bottom:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.home-dashboard{display:flex;flex-direction:column;gap:.72rem}.home-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(145deg,var(--surface) 0%,var(--surface-elevated) 100%);border-color:#94a3b857;padding:.82rem .95rem;margin-bottom:0}.home-hero>div:first-child{min-width:0}.home-hero h1{margin:0;font-size:1.56rem;line-height:1.1}.home-greeting{margin:.25rem 0 .16rem;color:#dbeafe;font-size:.96rem;line-height:1.3}.home-quick-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.home-action-btn{padding:.38rem .7rem;font-size:.82rem;border-radius:999px;line-height:1.15;border:1px solid rgba(56,189,248,.45);box-shadow:inset 0 1px #ffffff12}.home-action-btn.secondary{border-color:#94a3b857}.home-member-strip{margin-top:.42rem;display:flex;flex-wrap:wrap;gap:.36rem;align-items:center}.home-member-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);background:#0f172a99;border-radius:999px;padding:.16rem .45rem .16rem .2rem;font-size:.8rem}.member-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;flex-shrink:0}.member-avatar-sm{width:1.5rem;height:1.5rem;font-size:.67rem}.member-avatar-md{width:1.85rem;height:1.85rem;font-size:.76rem}.member-tone-cyan{background:#22d3ee29;border-color:#22d3ee73;color:#67e8f9}.member-tone-blue{background:#38bdf829;border-color:#38bdf86b;color:#7dd3fc}.member-tone-violet{background:#a78bfa29;border-color:#a78bfa6b;color:#c4b5fd}.member-tone-green{background:#34d39929;border-color:#34d3996b;color:#6ee7b7}.member-tone-amber{background:#fbbf2429;border-color:#fbbf2466;color:#fcd34d}.member-tone-rose{background:#fb718529;border-color:#fb718566;color:#fda4af}.home-summary-grid{display:grid;gap:.72rem;grid-template-columns:repeat(4,minmax(0,1fr))}.home-summary-card{background:linear-gradient(180deg,#1e293bbf,#172136f2);border:1px solid rgba(148,163,184,.26);border-radius:12px;padding:.74rem .8rem;min-height:6.25rem;display:flex;flex-direction:column;gap:.1rem}.home-summary-card .muted{margin:0;font-size:.82rem;line-height:1.3}.home-summary-label{margin:0;color:var(--muted);font-size:.79rem;letter-spacing:.01em}.home-summary-value{margin:.18rem 0 .2rem;font-size:1.03rem;line-height:1.25;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-summary-highlight{border-color:#38bdf86b;background:linear-gradient(170deg,#2563eb38,#1e293bd1 75%);box-shadow:0 6px 18px #0206172e}.home-summary-quiet{background:#0f172a6b;border-color:#64748b52}.home-summary-quiet .home-summary-value{color:#d5deeb}.home-summary-good{border-color:#34d3995c}.home-summary-warn{border-color:#fb718566}.home-main-grid{display:grid;gap:.72rem;grid-template-columns:repeat(12,minmax(0,1fr))}.home-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);border:1px solid rgba(148,163,184,.26);border-radius:14px;padding:.92rem;min-width:0;box-shadow:0 5px 15px #02061729}.home-grid-span-7{grid-column:span 7}.home-grid-span-6{grid-column:span 6}.home-grid-span-5{grid-column:span 5}.home-grid-span-4{grid-column:span 4}.home-card-header{margin-bottom:.76rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.home-card-header h2{margin:0;font-size:.98rem}.home-card-header .muted{margin:.18rem 0 0;font-size:.84rem;line-height:1.35}.home-next-event-body{display:flex;flex-direction:column;gap:.28rem}.home-next-event-title{margin:0;font-size:1.2rem;font-weight:680;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-next-event-time{margin:.06rem 0 0;color:#dbeafe;font-size:.9rem}.home-next-event-relative{margin:0;color:var(--accent);font-weight:620;font-size:.84rem}.home-inline-meta{margin-top:.34rem;display:flex;flex-wrap:wrap;gap:.32rem}.home-meta-chip{display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172a70;padding:.16rem .5rem;font-size:.76rem;color:#dbe7f8;max-width:100%}.home-meta-chip-truncate{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-task-list,.home-list,.home-activity-list,.home-files-list{margin:0;padding:0;list-style:none}.home-task-list{display:flex;flex-direction:column;gap:.54rem}.home-task-row{display:grid;grid-template-columns:auto 1fr auto;gap:.68rem;align-items:center;border:1px solid rgba(148,163,184,.26);border-radius:10px;padding:.58rem .62rem;background:#0f172a6b;min-width:0}.home-task-content p,.home-list-row p,.home-file-row p,.home-activity-row p{margin:0}.home-task-content,.home-row-main,.home-activity-main{min-width:0}.home-row-title{margin:0;font-weight:610;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-row-detail{margin-top:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-task-meta{margin-top:.24rem;display:flex;flex-wrap:wrap;gap:.3rem}.home-task-checkbox input{width:1rem;height:1rem;margin:0}.home-status-pill{padding:.14rem .42rem;border-radius:999px;border:1px solid rgba(148,163,184,.32);color:#c8d2e2;font-size:.7rem;font-weight:580;background:#0f172a66;white-space:nowrap}.home-status-pill.is-done{color:#6ee7b7;border-color:#34d3995c;background:#10b9811a}.home-list{display:flex;flex-direction:column;gap:.56rem}.home-list-row{border:1px solid rgba(148,163,184,.26);border-radius:10px;padding:.6rem .66rem;display:flex;justify-content:space-between;align-items:center;gap:.72rem;background:#0f172a61;min-width:0}.home-activity-list{display:flex;flex-direction:column;gap:.54rem}.home-activity-row{border:1px solid rgba(148,163,184,.26);border-radius:10px;background:#0f172a61;padding:.58rem .66rem;display:grid;grid-template-columns:auto 1fr auto;gap:.64rem;align-items:center;min-width:0}.home-activity-sentence{margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-activity-detail{margin-top:.14rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-activity-tone{font-size:.67rem;text-transform:none;letter-spacing:.015em;border:1px solid rgba(148,163,184,.28);border-radius:999px;padding:.12rem .38rem;white-space:nowrap;color:#cfd8e8;background:#0f172a5c}.tone-task{color:#93c5fd;border-color:#38bdf859;background:#38bdf81f}.tone-event{color:#c4b5fd;border-color:#a78bfa59;background:#a78bfa1f}.tone-file{color:#86efac;border-color:#34d39959;background:#34d3991f}.tone-vault{color:#fcd34d;border-color:#fbbf2459;background:#fbbf241f}.home-files-list{display:flex;flex-direction:column;gap:.56rem}.home-file-row{border:1px solid rgba(148,163,184,.26);border-radius:10px;padding:.58rem .64rem;display:grid;grid-template-columns:auto 1fr;gap:.64rem;background:#0f172a61;min-width:0}.home-file-type{width:2.16rem;height:1.85rem;border:1px solid rgba(148,163,184,.34);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.69rem;font-weight:620;color:#dbeafe;background:#0f172a8c}.home-empty-state{border:1px dashed rgba(148,163,184,.3);border-radius:12px;padding:.74rem .78rem;background:linear-gradient(180deg,#0f172a75,#0f172a47);display:flex;flex-direction:column;gap:.24rem}.home-empty-title{margin:0;font-weight:620;color:#dbeafe}.home-empty-state .muted{margin:0;font-size:.84rem;line-height:1.35}.home-empty-actions{margin-top:.2rem;display:flex;gap:.42rem;flex-wrap:wrap}.home-empty-action-btn{border-radius:999px;font-size:.76rem;padding:.28rem .62rem;border:1px solid rgba(56,189,248,.42);background:#38bdf824;color:#bae6fd}.home-empty-action-btn:hover{background:#38bdf838}.home-card-action-btn{border-radius:999px;font-size:.76rem;padding:.3rem .66rem;border:1px solid rgba(56,189,248,.46);background:#38bdf82e;color:#dff3ff}.home-card-action-btn:hover{background:#38bdf842}.home-task-row:hover,.home-list-row:hover,.home-activity-row:hover,.home-file-row:hover{border-color:#94a3b866;background:#0f172a85}@media(max-width:1000px){.home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid-span-7,.home-grid-span-6,.home-grid-span-5,.home-grid-span-4{grid-column:span 12}.home-hero{flex-direction:column;align-items:stretch;gap:.74rem}.home-quick-actions{justify-content:flex-start}}@media(max-width:640px){.home-summary-grid{grid-template-columns:1fr}.home-card{padding:.8rem}.home-task-row,.home-activity-row{grid-template-columns:1fr;align-items:flex-start}.home-list-row{flex-direction:column;align-items:flex-start}.home-status-pill,.home-activity-tone{margin-top:.18rem;align-self:flex-start}.home-row-detail,.home-activity-sentence,.home-activity-detail{white-space:normal;overflow:visible;text-overflow:clip}}.shopping-page{display:flex;flex-direction:column;gap:.85rem}.shopping-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.shopping-page-header h1{margin:0}.shopping-page-header .muted{margin:.2rem 0 0}.shopping-page-stats{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.shopping-page-stat-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.34);background:#0f172a80;padding:.2rem .58rem;font-size:.79rem;color:#dbe7f8;white-space:nowrap}.shopping-page-stat-chip.is-active{border-color:#38bdf870;background:#38bdf824;color:#bae6fd}.shopping-quick-add-card,.shopping-filter-card,.shopping-empty-overview,.shopping-category-card{margin-bottom:0}.shopping-quick-add-head h2,.shopping-category-head h2,.shopping-empty-overview h2{margin:0}.shopping-quick-add-head .muted,.shopping-category-head .muted,.shopping-empty-overview .muted{margin:.2rem 0 0}.shopping-quick-add-form{display:flex;flex-direction:column;gap:.5rem}.shopping-quick-add-grid{display:grid;grid-template-columns:minmax(14rem,2fr) minmax(9rem,1fr) minmax(9rem,1fr) auto;gap:.62rem;align-items:end}.shopping-quick-field-name{min-width:0}.shopping-quick-add-submit-wrap{display:flex;align-items:end}.shopping-quick-add-submit-wrap button{height:calc(2.35rem + 2px);white-space:nowrap}.shopping-quick-add-notes input{margin-bottom:0}.shopping-quick-add-form.is-compact{gap:0}.shopping-quick-add-compact-row{display:flex;align-items:center;gap:.45rem}.shopping-quick-add-compact-row input{margin-bottom:0}.shopping-quick-add-compact-row button{white-space:nowrap;padding-inline:.75rem}.shopping-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem}.shopping-filter-group{display:inline-flex;gap:.38rem;flex-wrap:wrap}.shopping-filter-btn{border-radius:999px;padding:.3rem .7rem;font-size:.82rem}.shopping-filter-btn.is-active{border-color:#38bdf875;background:#38bdf829;color:#bae6fd}.shopping-filter-controls{display:flex;align-items:center;gap:.62rem;flex-wrap:wrap}.shopping-inline-control{margin:0;display:inline-flex;align-items:center;gap:.42rem;font-size:.82rem;color:var(--muted)}.shopping-inline-control span{white-space:nowrap}.shopping-inline-control select{width:auto;min-width:10.5rem;margin-bottom:0;padding:.35rem .5rem}.shopping-inline-toggle{margin:0;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted)}.shopping-inline-toggle input{width:auto;margin:0}.shopping-empty-overview{border-style:dashed;border-color:#94a3b861;background:linear-gradient(180deg,#0f172a8a,#0f172a47)}.shopping-empty-actions{margin-top:.45rem}.shopping-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.82rem}.shopping-category-card{border-color:#94a3b84d;background:linear-gradient(180deg,#1e293bdb,#172136eb);padding:.9rem}.shopping-category-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.62rem}.shopping-category-badge{border-radius:999px;border:1px solid rgba(148,163,184,.33);background:#0f172a70;padding:.16rem .54rem;font-size:.75rem;color:#dbe7f8;white-space:nowrap}.shopping-category-groceries{border-color:#22d3ee66;color:#67e8f9}.shopping-category-pets{border-color:#a78bfa66;color:#c4b5fd}.shopping-category-hardware{border-color:#fbbf2466;color:#fcd34d}.shopping-category-pharmacy{border-color:#fb718566;color:#fda4af}.shopping-category-household{border-color:#34d39966;color:#6ee7b7}.shopping-category-school{border-color:#38bdf86b;color:#7dd3fc}.shopping-item-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.shopping-item-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.64rem;border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:.58rem .6rem;background:#0f172a6b;transition:border-color .15s ease,background-color .15s ease}.shopping-item-row:hover{border-color:#94a3b870;background:#0f172a8f}.shopping-item-row.is-completed{border-color:#64748b47;background:#0f172a4d}.shopping-item-checkbox input{width:1rem;height:1rem;margin:0}.shopping-item-main{min-width:0}.shopping-item-name{margin:0;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-item-row.is-completed .shopping-item-name{text-decoration:line-through;color:#94a3b8}.shopping-item-meta{margin-top:.24rem;display:flex;flex-wrap:wrap;gap:.28rem}.shopping-meta-chip{display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;border:1px solid rgba(148,163,184,.33);background:#0f172a73;color:#dbe7f8;font-size:.74rem;padding:.14rem .48rem;max-width:100%}.shopping-item-note{margin:.24rem 0 0;color:var(--muted);font-size:.83rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-item-delete-btn{border-radius:999px;padding:.26rem .6rem;font-size:.74rem;white-space:nowrap}.shopping-widget-active-count{margin:0 0 .52rem;font-size:.84rem;color:#e0ecff}.shopping-widget-card{border-color:#38bdf85c;background:linear-gradient(180deg,#1b273ef5,#142034eb)}.shopping-widget-card .home-card-header h2{color:#eaf3ff}.shopping-widget-empty-state{padding:.58rem .62rem;gap:.14rem}.shopping-widget-empty-state .muted{font-size:.8rem}.shopping-widget-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.42rem}.shopping-widget-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:.46rem .52rem;background:#0f172a66}.shopping-widget-checkbox input{width:.92rem;height:.92rem;margin:0}.shopping-widget-main{min-width:0}.shopping-widget-name{margin:0;font-weight:610;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-widget-detail{margin:.12rem 0 0;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-widget-footer{margin-top:.52rem}@media(max-width:1000px){.shopping-category-grid{grid-template-columns:1fr}}@media(max-width:760px){.shopping-page-header{flex-direction:column;align-items:flex-start}.shopping-page-stats{justify-content:flex-start}.shopping-quick-add-grid{grid-template-columns:1fr}.shopping-quick-add-submit-wrap button{width:100%;height:auto}.shopping-filter-controls,.shopping-inline-control{width:100%}.shopping-inline-control select{min-width:0;width:100%}.shopping-item-row{grid-template-columns:1fr;align-items:flex-start}.shopping-item-note,.shopping-widget-detail{white-space:normal;overflow:visible;text-overflow:clip}.shopping-quick-add-compact-row{flex-direction:column;align-items:stretch}}