body{margin:0}button,input,select,textarea{font:inherit}:root{--color-bg:#f7f5f2;--color-surface:#fff;--color-surface-warm:#ede5d8;--color-primary:#a9bca8;--color-secondary:#6d8f8a;--color-tertiary:#6b7280;--color-neutral:#d6d2c9;--color-text:#2b2f33;--color-accent:#c77e66;--shadow-soft:0 12px 34px #2b2f3312;--shadow-card:0 8px 22px #2b2f330e;--radius-xl:24px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #a9bca82e, transparent 32rem), var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--color-text);background:#fbfaf7;border:1px solid #d6d2c9fa;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:#6b7280b8}input:focus,select:focus{background:#fff;border-color:#6d8f8ab8;box-shadow:0 0 0 3px #a9bca838}.appShell{width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0 44px}.visuallyHidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topBar{z-index:20;border-radius:var(--radius-xl);min-height:76px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5f2f0;border:1px solid #d6d2c9e6;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:18px;padding:14px 18px;display:grid;position:sticky;top:10px}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brandLogo{object-fit:contain;width:min(360px,100%);max-width:100%;height:auto;display:block}.brandText p{color:var(--color-tertiary);white-space:nowrap;margin:2px 0 0;font-size:.88rem}.mainNav{background:#ede5d899;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;overflow-x:auto}.navItem{color:var(--color-text);white-space:nowrap;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .16s,color .16s}.navItem:hover,.navItem.active{color:var(--color-secondary);background:#a9bca842}.headerActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.iconButton{width:42px;height:42px;color:var(--color-text);background:#ffffffbd;border:1px solid #d6d2c9f2;border-radius:999px;place-items:center;display:grid}.iconButton svg{width:22px;height:22px}.iconButton path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.profileBadge{width:42px;height:42px;color:var(--color-secondary);background:#a9bca847;border-radius:999px;place-items:center;font-weight:750;display:grid}.mainLayout{gap:18px;margin-top:18px;display:grid}.summaryStrip{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summaryCard,.createCard,.panel,.taskPanel,.filterPanel{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffc2;border:1px solid #d6d2c9d1}.summaryCard{min-height:110px;padding:18px}.summaryCard span{color:var(--color-tertiary);font-size:.84rem;font-weight:800;display:block}.summaryCard strong{letter-spacing:-.04em;margin-top:14px;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1;display:block}.focusCard{background:linear-gradient(135deg,#a9bca82e,#fbfaf7fa),#f9f7f3;grid-column:span 1}.focusTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.focusTop button{color:var(--color-secondary);white-space:nowrap;background:#ffffffa8;border:1px solid #6d8f8a61;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:850}.focusTop button:hover{background:#ffffffeb}.progressTrack{background:#d6d2c9ad;border-radius:999px;height:10px;margin-top:16px;overflow:hidden}.progressFill{border-radius:inherit;background:var(--color-secondary);height:100%;transition:width .22s}.todayFocusMeta{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.todayFocusMeta span{min-height:26px;color:var(--color-tertiary);background:#ffffffa6;border-radius:999px;align-items:center;padding:5px 9px;font-size:.79rem;font-weight:780;display:inline-flex}.focusCard p{color:var(--color-text);margin:14px 0 0;font-size:.94rem;font-weight:720;line-height:1.45}.quickFilters{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filterPanel,.createCard,.panel,.taskPanel{padding:20px}.bottomGrid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.sectionTitle{align-items:center;gap:14px;margin-bottom:18px;display:flex}.sectionTitle.compact{margin-bottom:14px}.sectionIcon{width:46px;height:46px;color:var(--color-secondary);background:#a9bca83d;border-radius:999px;flex:none;place-items:center;display:grid}.sectionIcon.small{width:38px;height:38px}.sectionIcon svg{width:24px;height:24px}.sectionIcon.small svg{width:20px;height:20px}.sectionIcon path,.sectionIcon rect,.sectionIcon circle{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sectionTitle h2{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.2rem}.sectionTitle p{color:var(--color-tertiary);margin:3px 0 0;font-size:.9rem;line-height:1.4}.compactFilterRow{gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.compactFilterChip{min-height:56px;color:var(--color-text);white-space:nowrap;background:#fbfaf7;border:1px solid #d6d2c9f2;border-radius:16px;flex:none;align-items:center;gap:10px;padding:10px 12px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.compactFilterChip:hover{border-color:#6d8f8a6b;transform:translateY(-1px);box-shadow:0 8px 16px #2b2f330a}.compactFilterChip.active{background:#a9bca838;border-color:#6d8f8a9e}.weekdayRow .compactFilterChip{justify-content:center;min-width:84px}.roomChip{justify-content:flex-start;min-width:150px}.chipIcon{width:34px;height:34px;color:var(--color-secondary);background:#ffffffc7;border:1px solid #d6d2c9b8;border-radius:12px;flex:none;place-items:center;display:grid}.chipIcon svg{width:20px;height:20px}.chipIcon path,.chipIcon rect,.chipIcon circle{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.chipLabel{font-size:.92rem;font-weight:800}.chipText{text-align:left;display:grid}.chipText strong{font-size:.92rem}.chipText small{color:var(--color-tertiary);margin-top:2px;font-size:.76rem;font-weight:700}.taskComposer{grid-template-columns:minmax(240px,1.35fr) minmax(145px,.75fr) 100px minmax(240px,.9fr) auto;align-items:end;gap:12px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--color-tertiary);font-size:.83rem;font-weight:780}.effortOptions{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.effortChip{border-radius:var(--radius-md);min-height:48px;color:var(--color-tertiary);background:#fbfaf7;border:1px solid #d6d2c9fa;font-weight:780;transition:transform .15s,background .15s,color .15s,border-color .15s}.effortChip:hover{border-color:#6d8f8a6b;transform:translateY(-1px)}.effortChip.active{color:var(--color-secondary);background:#a9bca847;border-color:#6d8f8a9e}.primaryButton,.secondaryButton{border-radius:var(--radius-md);border:none;min-height:48px;padding:0 20px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s}.primaryButton{background:var(--color-secondary);color:#fff;box-shadow:0 10px 20px #6d8f8a38}.primaryButton:hover{background:#607f7a;transform:translateY(-1px);box-shadow:0 12px 24px #6d8f8a42}.secondaryButton{color:var(--color-secondary);background:#a9bca83b;border:1px solid #6d8f8a6b}.secondaryButton:hover{background:#a9bca852;transform:translateY(-1px)}.roomCreator{grid-template-columns:1fr auto;gap:10px;margin-top:6px;display:grid}.roomCreator.enhanced{grid-template-columns:1fr minmax(135px,.45fr) auto}.roomList{gap:9px;margin-top:15px;display:grid}.roomRow{border-radius:var(--radius-md);background:#fbfaf7;border:1px solid #d6d2c9db;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:9px 11px 9px 14px;display:flex}.roomRow.upgraded{min-height:64px;padding:10px 11px}.roomRowMain{align-items:center;gap:11px;min-width:0;display:flex}.roomMiniIcon{width:38px;height:38px;color:var(--color-secondary);background:#a9bca82e;border-radius:13px;flex:none;place-items:center;display:grid}.roomMiniIcon svg{width:22px;height:22px}.roomMiniIcon path,.roomMiniIcon rect,.roomMiniIcon circle{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.roomRow span{color:var(--color-text);font-weight:800;display:block}.roomRow small{color:var(--color-tertiary);margin-top:2px;font-size:.78rem;font-weight:700;display:block}.roomRow button{color:var(--color-accent);background:#c77e661c;border:none;border-radius:999px;padding:8px 11px;font-size:.83rem;font-weight:850}.roomRow button:hover:not(:disabled){background:#c77e6629}.taskList{gap:11px;display:grid}.taskItem{border-radius:var(--radius-lg);background:#fbfaf7;border:1px solid #d6d2c9db;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:82px;padding:15px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.taskItem:hover{border-color:#6d8f8a6b;transform:translateY(-1px);box-shadow:0 10px 20px #2b2f330b}.taskItem.done{opacity:.68}.taskItem.done h3{text-decoration:line-through}.taskItem.today{background:linear-gradient(90deg,#a9bca82e,#fbfaf7),#fbfaf7;border-color:#6d8f8a94}.taskItem.today .checkButton{background:#a9bca842}.checkButton{width:40px;height:40px;color:var(--color-secondary);background:#a9bca829;border:1.5px solid #6d8f8ab3;border-radius:999px;place-items:center;font-size:1.05rem;font-weight:900;display:grid}.checkButton:hover{background:#a9bca842}.taskContent h3{color:var(--color-text);margin:0;font-size:1.02rem}.taskMeta{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.taskMeta span{min-height:27px;color:var(--color-tertiary);background:#ede5d8bd;border-radius:999px;align-items:center;padding:5px 9px;font-size:.82rem;font-weight:780;display:inline-flex}.taskActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editButton,.saveButton{color:var(--color-secondary);background:#a9bca82e;border:1px solid #6d8f8a57;border-radius:999px;padding:9px 12px;font-weight:850}.editButton:hover,.saveButton:hover{background:#a9bca847}.saveButton{background:var(--color-secondary);color:#fff;border-color:#6d8f8a8f}.saveButton:hover{background:#607f7a}.ghostButton{color:var(--color-accent);background:#c77e6613;border:1px solid #c77e663d;border-radius:999px;padding:9px 12px;font-weight:850}.ghostButton:hover{background:#c77e6621}.ghostButton.neutral{color:var(--color-tertiary);background:#6b728013;border-color:#6b72802e}.ghostButton.neutral:hover{background:#6b72801f}.emptyState{border-radius:var(--radius-lg);text-align:center;background:#fbfaf7;border:1px dashed #6d8f8a5c;place-items:center;min-height:220px;padding:30px;display:grid}.emptyState svg{width:48px;height:48px;color:var(--color-secondary)}.emptyState path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.emptyState h3{margin:13px 0 4px;font-size:1.3rem}.emptyState p{color:var(--color-tertiary);margin:0}.groupedTaskList{gap:20px;display:grid}.taskGroup{gap:11px;display:grid}.taskGroupHeader{justify-content:space-between;align-items:center;gap:14px;padding:2px 2px 0;display:flex}.taskGroupHeader span{color:var(--color-secondary);letter-spacing:.075em;text-transform:uppercase;margin-bottom:3px;font-size:.78rem;font-weight:850;display:block}.taskGroupHeader strong{color:var(--color-text);font-size:1rem;display:block}.taskGroupHeader em{color:var(--color-secondary);background:#a9bca83d;border-radius:999px;flex:none;padding:7px 10px;font-size:.8rem;font-style:normal;font-weight:850}.taskGroupHeader.muted span,.taskGroupHeader.muted strong{color:var(--color-tertiary)}.completedGroup{border-top:1px solid #d6d2c9d1;margin-top:4px;padding-top:18px}.smallEmptyState{border-radius:var(--radius-lg);text-align:center;background:#fbfaf7;border:1px dashed #6d8f8a57;padding:22px}.smallEmptyState strong{color:var(--color-text);margin-bottom:5px;font-size:1rem;display:block}.smallEmptyState p{color:var(--color-tertiary);margin:0;line-height:1.45}.taskItem.editing{background:linear-gradient(90deg,#a9bca829,#fbfaf7),#fbfaf7;border-color:#6d8f8a9e;align-items:start}.taskEditForm{grid-template-columns:minmax(220px,1.2fr) minmax(140px,.65fr) 90px minmax(220px,.8fr);gap:11px;width:100%;display:grid}.taskEditForm input,.taskEditForm select{min-height:43px}.editEffortOptions{grid-template-columns:repeat(5,minmax(42px,1fr))}.editEffortOptions .effortChip{min-height:43px}.focusInfoCard{gap:10px;display:grid}.focusInfoRow{border-radius:var(--radius-md);background:#fbfaf7;border:1px solid #d6d2c9db;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:14px 16px;display:flex}.focusInfoRow span{color:var(--color-tertiary);font-size:.9rem;font-weight:700}.focusInfoRow strong{text-align:right;font-size:.98rem}@media (width<=1180px){.topBar{grid-template-columns:1fr}.mainNav,.headerActions{justify-content:flex-start}.summaryStrip{grid-template-columns:repeat(2,1fr)}.quickFilters,.bottomGrid{grid-template-columns:1fr}.taskComposer{grid-template-columns:1fr 1fr}.titleField,.effortField,.primaryButton{grid-column:1/-1}.taskItem.editing{grid-template-columns:auto 1fr}.taskItem.editing .taskActions{grid-column:2;justify-content:flex-start}.taskEditForm{grid-template-columns:1fr 1fr}.editTitleField,.editEffortField{grid-column:1/-1}}@media (width<=760px){.appShell{width:min(100% - 20px,1240px);padding-top:10px}.topBar{border-radius:22px;padding:14px;top:6px}.brand{flex-direction:column;align-items:flex-start;gap:8px}.brandLogo{width:min(280px,100%)}.brandText p{white-space:normal;font-size:.84rem}.navItem{padding:9px 11px;font-size:.88rem}.summaryStrip{grid-template-columns:1fr}.focusTop{flex-direction:column}.filterPanel,.createCard,.panel,.taskPanel{border-radius:22px;padding:18px}.taskComposer{grid-template-columns:1fr}.titleField,.effortField,.primaryButton{grid-column:auto}.roomCreator,.roomCreator.enhanced{grid-template-columns:1fr}.taskItem{grid-template-columns:auto 1fr;align-items:start}.taskActions{grid-column:2;justify-content:flex-start}.taskEditForm{grid-template-columns:1fr}.editTitleField,.editEffortField{grid-column:auto}.focusInfoRow{flex-direction:column;align-items:flex-start}.focusInfoRow strong{text-align:left}}@media (width<=430px){.summaryCard{padding:16px}.compactFilterChip{min-height:52px;padding:9px 10px}.weekdayRow .compactFilterChip{min-width:78px}.roomChip{min-width:138px}.effortOptions,.editEffortOptions{grid-template-columns:repeat(3,1fr)}.taskMeta{gap:6px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.appShell{width:100%;max-width:1320px;margin-inline:auto;padding:22px clamp(12px,2.5vw,24px) 52px}.appShell *,.topBar>*,.mainLayout>*,.heroCard>*,.contentGrid>*,.taskComposer>*,.taskItem>*,.taskEditForm>*{min-width:0}img,svg,input,select,button{max-width:100%}.mainLayout,.heroCard,.createCard,.panel,.taskPanel,.contentGrid,.taskComposer,.taskList,.groupedTaskList,.taskItem,.taskEditForm{width:100%;max-width:100%}.mainNav{flex-wrap:wrap;max-width:100%}.brandClaim,.taskContent,.taskContent h3,.roomRowMain,.roomOverviewCard,.sectionTitle,.todayFocusHeader{min-width:0}.taskContent h3,.roomOverviewCard strong,.roomOverviewCard span,.sectionTitle h2,.sectionTitle p{overflow-wrap:anywhere}.weekdayGrid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.roomOverview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.taskComposer{grid-template-columns:minmax(200px,1.4fr) minmax(130px,.75fr) minmax(90px,.45fr) minmax(210px,1fr) auto}@media (width<=1100px){.topBar{grid-template-columns:1fr}.mainNav,.headerActions{justify-content:flex-start}.taskComposer{grid-template-columns:repeat(2,minmax(0,1fr))}.titleField,.effortField,.primaryButton{grid-column:1/-1}.heroCard,.contentGrid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.appShell{padding:12px 12px 40px}.topBar{width:100%;top:8px}.brand{grid-template-columns:minmax(0,1fr);justify-items:start}.brandLogo{width:min(100%,280px)}.brandClaim{white-space:normal}.mainNav{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.navItem{flex:none}.heroCard,.createCard,.panel,.taskPanel{width:100%;padding:18px}.heroStats,.taskComposer,.taskEditForm{grid-template-columns:minmax(0,1fr)}.titleField,.effortField,.primaryButton,.editTitleField,.editEffortField{grid-column:auto}.weekdayGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.roomOverview{grid-template-columns:minmax(0,1fr)}.taskItem,.taskItem.editing{grid-template-columns:auto minmax(0,1fr)}.taskActions,.taskItem.editing .taskActions{grid-column:2;justify-content:flex-start}.roomCreator,.roomCreator.enhanced{grid-template-columns:minmax(0,1fr)}}@media (width<=430px){.appShell{padding-inline:8px}.heroCard,.createCard,.panel,.taskPanel{border-radius:18px;padding:15px}.weekdayGrid{grid-template-columns:minmax(0,1fr)}.effortOptions,.editEffortOptions{grid-template-columns:repeat(3,minmax(0,1fr))}.taskItem{padding:12px}.taskActions button{padding-inline:10px}}