:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible{outline:3px solid #65558f;outline-offset:3px}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top right,#eee8f6,transparent 65%),#f7f6f2}.auth-card{width:100%;max-width:440px;padding:32px 24px;border:1px solid #e9e7e3}.brand-mark{background:#65558f;color:#fffaf2;border-radius:15px;width:52px;height:52px;display:grid;place-items:center}.brand-mark.small{width:34px;height:34px;border-radius:10px}.brand{display:flex;align-items:center;gap:10px}.app-shell{max-width:760px;min-height:100dvh;margin:auto}.app-header{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0;z-index:10;border-bottom:1px solid #e9e7e3;background:#f7f6f2f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-content{padding:24px 16px calc(160px + env(safe-area-inset-bottom))}.task-card{display:flex;align-items:stretch;gap:2px;background:#fff;border:1px solid #e9e7e3;border-radius:14px;margin-bottom:10px;padding:8px 6px}.task-body{border:0;background:transparent;text-align:left;flex:1;min-width:0;padding:6px 10px 8px 0;color:inherit;cursor:pointer}.task-title{font-weight:550!important;overflow-wrap:anywhere;line-height:1.45!important}.task-completed .task-title{color:#657080;text-decoration:line-through;text-decoration-color:#b5bbc4}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#657080}.task-meta span{display:inline-flex;align-items:center;gap:4px}.task-card.task-overdue{background:#fff6f2;border-color:#e8c9bd}.overdue{color:#a24932;font-weight:600}.section-heading{display:flex;align-items:center;gap:8px;font-size:14px!important;font-weight:650!important;margin:24px 0 12px!important}.section-heading span{color:#657080;background:#eae8e4;padding:0 7px;border-radius:6px;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:760px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e9e7e3;border-radius:0!important;z-index:20}.bottom-nav .MuiBottomNavigation-root{height:68px}.bottom-nav .MuiBottomNavigationAction-root{min-width:80px}.add-task{position:fixed!important;bottom:calc(88px + env(safe-area-inset-bottom));right:max(20px,calc((100vw - 720px)/2));z-index:15}.empty-state{text-align:center;padding:40px 24px;border:1px dashed #dcd7e3;border-radius:16px;margin:20px 0}.label-card{display:flex;align-items:center;min-height:72px;padding:6px;border:1px solid #e9e7e3}.list-open{justify-content:flex-start!important;flex:1;min-width:0!important;gap:12px;overflow-wrap:anywhere}.list-icon{font-size:24px;flex-shrink:0}.loading-screen{min-height:50dvh;display:grid;place-items:center}.MuiDialogActions-root{padding:16px 24px calc(16px + env(safe-area-inset-bottom))!important}.MuiDialogTitle-root{padding-top:calc(20px + env(safe-area-inset-top))!important}.MuiIconButton-root{min-width:44px;min-height:44px}@media(max-width:380px){.brand .MuiTypography-root{font-size:18px}.app-header{padding-left:12px;padding-right:8px}.main-content{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.drag-handle{touch-action:none;cursor:grab!important;align-self:center;color:#8a8395!important}.dragging-task .drag-handle{cursor:grabbing!important}.dragging-task .task-card{box-shadow:0 8px 28px #25314326;border-color:#65558f}.app-header.app-header-tasks{display:block;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px}.task-toolbar-row{display:flex;align-items:center;gap:4px;min-width:0}.task-toolbar-actions{display:flex;flex-shrink:0}.list-switcher{flex:1;min-width:0!important;justify-content:flex-start!important;gap:8px;padding-left:0!important}.list-switcher-icon{flex-shrink:0;font-size:21px}.list-switcher .MuiButton-endIcon{margin-left:0;flex-shrink:0}.task-search{flex:1;min-width:0!important}.task-search .MuiInputBase-root{height:44px;background:#fff}.active-filters{display:flex;align-items:center;gap:8px;min-width:0}.active-filters .MuiTypography-root{flex:1;color:#657080}.active-filters .MuiButton-root{flex-shrink:0}.task-content{padding-top:12px}.filter-sheet{border-radius:20px 20px 0 0!important;max-height:80dvh;width:100%;max-width:760px;margin:auto}.filter-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-shrink:0}.filter-sheet-content{padding:4px 20px 20px;overflow-y:auto}.filter-sheet-content .MuiFormControlLabel-root{display:flex;margin-left:-8px}.filter-labels{display:flex;flex-wrap:wrap;gap:8px}.filter-labels .MuiChip-root{min-height:44px;max-width:100%}.filter-sheet-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e9e7e3;padding:12px 20px calc(12px + env(safe-area-inset-bottom));flex-shrink:0}.quick-add{margin-bottom:12px}.quick-add .MuiInputBase-root{background:#fff;padding-right:4px}.task-view-tabs{min-height:44px!important}.task-view-tabs .MuiTab-root{min-height:44px;min-width:0;padding:10px 12px;text-transform:none;font-weight:600}.task-body-draggable{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dragging-task .task-body{cursor:grabbing}.task-open-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
