*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Yu Gothic UI,Yu Gothic,Hiragino Sans,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.splash{text-align:center;min-height:100dvh;color:var(--muted);place-content:center;gap:16px;display:grid}.splash svg{color:var(--brand);width:38px;height:38px;margin:auto;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.65;transform:scale(1.12)}}.app-shell{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.sidebar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-right:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;font-size:21px;display:flex}.brand span{background:linear-gradient(145deg,var(--brand),#7b61e8);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px #2868de47}.brand svg{width:20px}.sidebar nav{gap:6px;display:grid}.nav{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;padding:0 14px;display:flex}.nav svg{width:20px}.nav:hover{background:var(--surface-2);color:var(--text)}.nav.active{color:var(--brand);background:#2868de1a;font-weight:700}.sync-state{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:12px;display:flex}.content{grid-column:2;width:100%;min-width:0}.page{width:min(1050px,100%);margin:auto;padding:54px 48px 90px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-head p{color:var(--muted);margin:0 0 5px;font-size:14px}.page-head h1{letter-spacing:-.035em;margin:0;font-size:clamp(27px,4vw,38px)}.primary,.secondary{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 25px #2868de3b}.primary svg{width:18px}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.6}.secondary{background:var(--surface-2);border:1px solid var(--line)}.wide{width:100%}.hero{color:#fff;background:radial-gradient(circle at 80% 25%,#ffffff45,#0000 24%),linear-gradient(125deg,#245fce,#7358db);border-radius:28px;justify-content:space-between;align-items:center;min-height:170px;margin-bottom:20px;padding:30px 34px;display:flex;overflow:hidden;box-shadow:0 22px 50px #3655b83b}.hero span{opacity:.8;font-size:13px}.hero strong{margin-top:9px;font-size:56px;font-weight:700;line-height:1;display:block}.hero p{opacity:.84;margin:3px 0 0}.hero>svg{opacity:.65;width:82px;height:82px;transform:rotate(8deg)}.hero strong small{opacity:.8;font-size:25px;font-weight:650}.active-focus{background:var(--surface);border:1px solid color-mix(in srgb,#2474d2 22%,var(--line));border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 8px 30px #1e2e500a}.active-focus>header{color:#2474d2;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:750;display:flex}.active-focus>header span{align-items:center;gap:7px;display:flex}.active-focus>header svg{width:17px}.active-focus>header b{font-size:12px}.active-focus>button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;width:100%;padding:12px 4px;display:flex}.active-focus>button:first-of-type{border-top:0}.active-focus>button>i{background:#2474d2;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #2474d21f}.active-focus>button>span{flex:1;gap:3px;display:grid}.active-focus>button strong{font-size:15px}.active-focus>button small{color:var(--muted);font-size:12px}.active-focus>button>svg{width:16px;color:var(--muted)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.filter-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:21px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:13px;min-height:94px;padding:16px;transition:all .2s;display:grid;box-shadow:0 8px 30px #1e2e5009}.filter-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.filter-card>span:nth-child(2){gap:3px;display:grid}.filter-card strong{font-size:15px}.filter-card small{color:var(--muted);font-size:12px}.filter-card>b{font-size:17px;font-weight:700}.filter-card>svg{width:16px;color:var(--muted)}.filter-icon{background:color-mix(in srgb,currentColor 12%,transparent);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.filter-icon svg{width:21px}.amber{color:#e69a25}.mint{color:#18a886}.violet{color:#7762db}.cyan{color:#16a3b9}.blue{color:#2f75df}.red{color:#df5264}.gray{color:#7b8798}.filter-card strong,.filter-card small{color:var(--text)}.search{background:var(--surface);border:1px solid var(--line);border-radius:15px;align-items:center;gap:10px;max-width:520px;height:49px;margin-bottom:16px;padding:0 15px;display:flex}.search svg{width:18px;color:var(--muted)}.search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:16px}.task-stack{gap:10px;display:grid}.task{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:flex-start;gap:14px;padding:17px;display:flex}.task.completed{opacity:.72;background:color-mix(in srgb,var(--surface) 88%,#22a06b 12%)}.task.completed .task-body>strong{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb,#18835e 70%,var(--text));text-decoration-color:color-mix(in srgb,#18835e 70%,var(--text))}.check{cursor:pointer;background:0 0;border:2px solid #c4cbd8;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;margin-top:2px;display:grid}.check svg{opacity:0;width:15px}.check.done{color:#fff;background:#26ad7c;border-color:#26ad7c}.check.done svg{opacity:1}.task-body{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex:1;gap:9px;display:grid}.task-body>strong{letter-spacing:.005em;font-size:17px;line-height:1.45}.task-meta{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.task-meta>span{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.task-meta svg{width:15px;height:15px}.task-meta .task-duration{color:color-mix(in srgb,#6b7280 72%,var(--text))}.task-meta .task-tracked{color:color-mix(in srgb,#18835e 80%,var(--text))}.task-meta .start{color:color-mix(in srgb,#2875cf 78%,var(--text))}.task-meta .due{color:color-mix(in srgb,#d45765 78%,var(--text))}.task-badges{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.task-badge{--badge:#64748b;border:1px solid color-mix(in srgb,var(--badge) 28%,transparent);width:max-content;color:color-mix(in srgb,var(--badge) 78%,var(--text));background:color-mix(in srgb,var(--badge) 11%,var(--surface));border-radius:20px;padding:5px 10px;font-size:12px;font-weight:750;line-height:1}.status-unstarted{--badge:#718096}.status-active{--badge:#2474d2}.status-paused{--badge:#d06c22}.status-waiting{--badge:#178898}.status-review{--badge:#7a5bd2}.status-complete{--badge:#18835e}.priority-0{--badge:#718096}.priority-1{--badge:#b77208}.priority-2{--badge:#d33f55}.task-timer{cursor:pointer;border-radius:12px;flex:none;align-self:center;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.task-timer svg{width:15px}.task-timer.start{border:1px solid color-mix(in srgb,#2474d2 35%,var(--line));background:color-mix(in srgb,#2474d2 9%,var(--surface));color:#2474d2}.task-timer.pause{border:1px solid color-mix(in srgb,#d06c22 35%,var(--line));background:color-mix(in srgb,#d06c22 9%,var(--surface));color:#c45e16}.task-timer:disabled{opacity:.45;cursor:not-allowed}.task-actions{justify-content:flex-end;align-self:center;align-items:center;gap:7px;margin-left:auto;display:flex}.task-timer.complete-action{border:1px solid color-mix(in srgb,#18835e 35%,var(--line));color:#fff;background:#18835e}.task-timer.details{border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.task-timer.details svg{transition:transform .2s}.task-timer.details[aria-expanded=true]{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.task-timer.details[aria-expanded=true] svg{transform:rotate(180deg)}.task-detail{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;flex:1 0 100%;margin-top:2px;padding:14px 16px}.task-detail strong{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.task-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.icon-button{background:var(--surface-2);cursor:pointer;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{width:18px}.icon-button.danger{color:var(--danger)}.empty{text-align:center;min-height:260px;color:var(--muted);place-content:center;justify-items:center;gap:7px;display:grid}.empty>svg{opacity:.55;width:40px;height:40px}.empty strong{color:var(--text)}.empty p{margin:0;font-size:13px}.calendar-page{width:min(1180px,100%)}.month-calendar,.day-calendar,.settings-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.month-calendar{margin-bottom:22px;overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:14px 18px;display:grid}.calendar-toolbar>div{gap:6px;display:flex}.calendar-toolbar h2{margin:0;font-size:20px}.today-button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:11px;justify-self:end;padding:8px 13px;font-weight:700}.weekday-row,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday-row{background:var(--surface-2);border-bottom:1px solid var(--line)}.weekday-row span{text-align:center;color:var(--muted);padding:9px 4px;font-size:12px;font-weight:700}.weekday-row span:first-child{color:#d34d60}.weekday-row span:last-child{color:#3673ce}.month-day{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);text-align:left;vertical-align:top;cursor:pointer;min-width:0;height:124px;padding:8px;position:relative;overflow:hidden}.month-day:nth-child(7n){border-right:0}.month-day:nth-last-child(-n+7){border-bottom:0}.month-day:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.month-day.outside{background:color-mix(in srgb,var(--surface-2) 68%,var(--surface));color:var(--muted)}.month-day.selected{box-shadow:inset 0 0 0 2px var(--brand);z-index:1}.day-number{border-radius:50%;place-items:center;width:27px;height:27px;margin-bottom:4px;font-size:13px;font-weight:750;display:grid}.month-day.today{background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.month-day.today .day-number{background:var(--brand);color:#fff}.month-task-list{gap:3px;display:grid}.month-task{--event:#718096;border-left:3px solid var(--event);background:color-mix(in srgb,var(--event) 10%,var(--surface));width:100%;min-width:0;color:color-mix(in srgb,var(--event) 68%,var(--text));white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:3px 4px;font-size:10px;font-weight:700;line-height:1.15;display:block;overflow:hidden}.month-task b{margin-right:3px;font-size:9px}.more-tasks{color:var(--muted);margin:3px 0 0 4px;font-size:9px;display:block}.priority-event-0{--event:#718096}.priority-event-1{--event:#c27b08}.priority-event-2{--event:#d33f55}.day-view-head{justify-content:flex-start;align-items:center}.calendar-back{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--brand);cursor:pointer;border-radius:13px;align-items:center;gap:4px;padding:0 13px 0 9px;font-weight:750;display:inline-flex;box-shadow:0 6px 20px #1e2e500d}.calendar-back svg{width:20px}.day-view-head h1{font-size:clamp(24px,3.5vw,34px)}.day-calendar{overflow:hidden}.day-calendar>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;padding:18px 22px;display:flex}.day-calendar>header small{color:var(--brand);font-weight:750}.day-calendar>header h2{margin:4px 0 0;font-size:21px}.day-calendar>header>strong{color:var(--muted);background:var(--surface-2);border-radius:20px;padding:7px 11px;font-size:14px}.all-day-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;min-height:55px;display:grid}.all-day-row>span{text-align:center;color:var(--muted);padding:17px 8px;font-size:11px}.all-day-row>div{border-left:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.all-day-task{--event:#718096;border:1px solid color-mix(in srgb,var(--event) 28%,transparent);border-left:4px solid var(--event);background:color-mix(in srgb,var(--event) 10%,var(--surface));color:color-mix(in srgb,var(--event) 70%,var(--text));cursor:pointer;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700}.timeline{grid-template-columns:64px minmax(0,1fr);display:grid}.timeline-labels{background:var(--surface);height:1440px;position:relative}.timeline-labels span{color:var(--muted);font-size:10px;position:absolute;right:9px;transform:translateY(-50%)}.timeline-labels span:first-child{transform:none}.timeline-labels span:last-child{transform:translateY(-100%)}.timeline-body{border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,var(--line) 59px,var(--line) 60px);height:1440px;position:relative}.timeline-task{--event:#718096;z-index:2;border:1px solid color-mix(in srgb,var(--event) 35%,transparent);border-left:5px solid var(--event);background:color-mix(in srgb,var(--event) 14%,var(--surface));color:color-mix(in srgb,var(--event) 70%,var(--text));text-align:left;cursor:pointer;border-radius:8px;padding:6px 9px;position:absolute;right:8px;overflow:hidden;box-shadow:0 4px 12px #16203712}.timeline-task strong,.timeline-task small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.timeline-task strong{font-size:12px}.timeline-task small{opacity:.8;margin-top:2px;font-size:10px}.timeline-task.completed strong{text-decoration:line-through}.now-line{z-index:3;pointer-events:none;background:#e64b5f;height:2px;position:absolute;left:0;right:0}.now-line i{background:#e64b5f;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:-5px}.timeline-empty{color:var(--muted);font-size:13px;position:absolute;top:24px;left:24px}.day-totals{border-bottom:1px solid var(--line);background:var(--surface-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 18px;display:grid}.day-totals>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:13px 15px;display:flex}.day-totals span{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.day-totals span svg{width:17px;height:17px}.day-totals>div:first-child span svg{color:#2875cf}.day-totals>div:last-child span svg{color:#18835e}.day-totals strong{white-space:nowrap;font-size:20px}.day-totals>div:last-child strong{color:#18835e}.settings-card{padding:8px 20px}.settings-card>label,.settings-card>button,.setting-static{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:76px;display:flex}.settings-card span{gap:3px;font-weight:600;display:grid}.settings-card small{color:var(--muted);font-weight:400}.settings-card select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:8px}.settings-card svg{width:19px;color:var(--muted)}.settings-card .logout{color:var(--danger);border-bottom:0}.setting-message{background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);border-radius:11px;margin:10px 0;padding:11px 13px;font-size:12px;font-weight:700}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a101e75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:27px;width:min(650px,100%);max-height:92dvh;padding:25px;overflow:auto;box-shadow:0 30px 100px #00000040}.modal header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal h2{margin:3px 0 0}.modal header small{color:var(--muted)}.modal>label,.form-grid label,.auth-card label{gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}.modal input,.modal textarea,.modal select,.auth-card input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;outline:0;padding:12px}.modal textarea{resize:vertical;min-height:88px}.modal input:focus,.modal textarea:focus,.auth-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2868de1c}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.modal footer{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.auth-page{background:linear-gradient(135deg,#edf3ff,var(--bg) 55%);grid-template-columns:1.15fr .85fr;min-height:100dvh;display:grid}.auth-intro{background:radial-gradient(circle at 20% 20%,#755ede33,#0000 27%),radial-gradient(circle at 80% 80%,#2868de33,#0000 25%);flex-direction:column;justify-content:center;padding:8vw;display:flex}.auth-intro>span{background:linear-gradient(145deg,var(--brand),#795cdf);color:#fff;border-radius:18px;place-items:center;width:55px;height:55px;display:grid;box-shadow:0 13px 30px #2868de45}.auth-intro h1{letter-spacing:-.055em;margin:35px 0 20px;font-size:clamp(37px,5vw,66px);line-height:1.25}.auth-intro p{color:var(--muted);font-size:16px}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(430px,100% - 40px);box-shadow:var(--shadow);border-radius:28px;align-self:center;margin:auto;padding:34px}.brand.compact{padding:0 0 26px}.auth-card h2{margin:0 0 7px}.auth-card>p{color:var(--muted);margin:0 0 25px;font-size:13px}.error{color:var(--danger);background:#df4d631a;border-radius:10px;margin-bottom:14px;padding:11px;font-size:12px}.text-button{width:100%;color:var(--brand);cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:12px;font-weight:700}.mobile-nav{display:none}@media (max-width:760px){.app-shell{display:block}.sidebar{display:none}.content{padding-bottom:82px}.page{padding:28px 16px 70px}.page-head{align-items:center}.page-head .primary{display:none}.hero{border-radius:24px;min-height:150px;padding:24px}.hero>svg{width:60px}.card-grid{grid-template-columns:1fr}.filter-card{min-height:82px}.mobile-nav{background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;inset:auto 0 0}.mobile-nav .nav{flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:2px;font-size:10px;display:flex}.mobile-nav .nav svg{width:19px}.mobile-add{background:linear-gradient(135deg,var(--brand),#7358db);color:#fff;border:0;border-radius:50%;justify-self:center;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 9px 24px #2868de59}.mobile-add svg{width:23px}.auth-page{padding:24px 0;display:block}.auth-intro{display:none}.auth-card{margin:5vh auto;padding:27px}.form-grid{grid-template-columns:1fr}.modal{border-radius:23px;padding:21px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:25px 25px 0 0;width:100%;max-height:94dvh}.task{padding:13px}.icon-button.danger{display:none}.calendar-page{padding-left:8px;padding-right:8px}.calendar-page>.page-head{padding:0 8px}.month-calendar,.day-calendar{border-radius:18px}.calendar-toolbar{grid-template-columns:auto 1fr auto;min-height:64px;padding:9px}.calendar-toolbar h2{text-align:center;font-size:16px}.calendar-toolbar .icon-button{width:32px;height:32px}.today-button{padding:7px 9px;font-size:12px}.weekday-row span{padding:7px 2px;font-size:10px}.month-day{height:94px;padding:4px 3px}.day-number{width:22px;height:22px;margin-bottom:2px;font-size:11px}.month-task-list{gap:2px}.month-task{border-left-width:2px;padding:2px;font-size:8px}.month-task b{display:none}.more-tasks{margin-left:2px;font-size:8px}.day-calendar>header{min-height:76px;padding:14px}.day-calendar>header h2{font-size:18px}.all-day-row,.timeline{grid-template-columns:52px minmax(0,1fr)}.all-day-row>span{padding:17px 4px}.timeline-labels span{font-size:9px;right:6px}.timeline-task{padding:5px 7px;right:5px}.timeline-task strong{font-size:11px}}.timeline-task,.all-day-task{border-color:color-mix(in srgb,var(--event) 72%,#000);background:var(--event);color:#fff}.timeline-task{border-left-color:color-mix(in srgb,var(--event) 65%,#000);box-shadow:0 4px 12px #16203724}.modal input,.modal textarea,.modal select,.auth-card input{font-size:16px}.save-complete{text-align:center;justify-items:center;gap:10px;padding:38px 25px;display:grid}.save-complete-icon{background:color-mix(in srgb,#1c9a6d 14%,var(--surface));color:#18835e;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.save-complete-icon svg{width:28px}.save-complete h2,.save-complete p{margin:0}.save-complete p{color:var(--muted)}.save-complete>div{gap:10px;margin-top:12px;display:flex}.reminder-settings{border-bottom:1px solid var(--line);gap:13px;padding:18px 0;display:grid}.reminder-settings>div:first-child{gap:3px;display:grid}.reminder-settings small{font-size:12px}.reminder-chips{flex-wrap:wrap;gap:7px;display:flex}.reminder-chips button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:20px;padding:8px 11px;font-size:12px;font-weight:700}.reminder-chips button.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.custom-reminder{gap:7px;display:flex}.custom-reminder input{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--text);border-radius:11px;flex:1;padding:10px;font-size:16px}.custom-reminder button{background:var(--surface-2);color:var(--brand);cursor:pointer;border:0;border-radius:11px;padding:0 15px;font-weight:700}.selected-reminders{color:var(--muted);font-size:12px}.selected-reminders{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.selected-reminders>button{background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);cursor:pointer;border:0;border-radius:15px;align-items:center;gap:3px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.selected-reminders svg{width:12px;height:12px}.reminder-settings>.primary{justify-self:start}.choice-field{border:0;margin:0 0 18px;padding:0}.choice-field legend{margin-bottom:9px;padding:0;font-size:12px;font-weight:750}.choice-grid{gap:8px;display:grid}.status-choices,.priority-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{--badge:#64748b;border:1px solid color-mix(in srgb,var(--badge) 38%,var(--line));background:color-mix(in srgb,var(--badge) 15%,var(--surface));min-height:42px;color:color-mix(in srgb,var(--badge) 68%,var(--text));cursor:pointer;border-radius:12px;font-size:13px;font-weight:750}.choice.selected{border-color:var(--badge);background:var(--badge);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--badge) 22%,transparent)}.choice i{background:var(--badge);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.choice.selected i{background:#fff}.input-guide{height:48px;min-height:48px;max-height:48px;display:block;position:relative;overflow:hidden}.input-guide>input{height:48px;min-height:48px;max-height:48px;margin:0}.input-guide:has(.field-reset)>input{padding-right:67px}.input-guide.empty:before{content:attr(data-placeholder);z-index:1;color:var(--muted);opacity:.72;letter-spacing:.02em;pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-guide.empty:focus-within:before{opacity:0}.input-guide.empty input:not(:focus){color:#0000}.input-guide.empty input:not(:focus)::-webkit-datetime-edit{color:#0000}.input-guide input:disabled{opacity:.55}.textarea-guide{display:block;position:relative}.textarea-guide textarea{padding-right:70px}.field-reset{z-index:3;background:color-mix(in srgb,var(--muted) 12%,var(--surface));color:var(--muted);cursor:pointer;border:0;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:750;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.textarea-guide .field-reset{top:9px;transform:none}.task-reminders{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border-radius:16px;gap:11px;padding:16px;display:grid}.task-reminders legend{margin:0;padding:0 7px}.task-reminders .custom-reminder input{background:var(--surface)}.choice:not(.selected){border-color:color-mix(in srgb,var(--badge) 34%,var(--line));background:color-mix(in srgb,var(--badge) 12%,var(--surface));color:color-mix(in srgb,var(--badge) 58%,var(--text))}.choice:not(.selected) i{opacity:.55}.choice.status-unstarted{--badge:#718096}.choice.status-active{--badge:#2474d2}.choice.status-paused{--badge:#d06c22}.choice.status-waiting{--badge:#178898}.choice.status-review{--badge:#7a5bd2}.choice.status-complete{--badge:#18835e}.choice.priority-0{--badge:#718096}.choice.priority-1{--badge:#b77208}.choice.priority-2{--badge:#d33f55}.choice:not(.selected){background:color-mix(in srgb,var(--badge) 14%,var(--surface));border-color:color-mix(in srgb,var(--badge) 42%,var(--line));color:color-mix(in srgb,var(--badge) 72%,var(--text))}.choice.selected{background:var(--badge);border-color:var(--badge);color:#fff}.active-focus-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 4px;display:flex}.active-focus-row:first-of-type{border-top:0}.active-focus-main{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:3px 0;display:flex}.active-focus-main>i{background:#2474d2;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #2474d21f}.active-focus-main>span{gap:3px;min-width:0;display:grid}.active-focus-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.active-focus-main small{color:var(--muted);font-size:12px}.active-focus-actions{gap:6px;display:flex}.active-focus-actions button{cursor:pointer;border:1px solid;border-radius:10px;align-items:center;gap:5px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:750;display:flex}.active-focus-actions svg{width:15px;height:15px}.active-focus-actions .pause{border-color:color-mix(in srgb,#d06c22 32%,var(--line));background:color-mix(in srgb,#d06c22 10%,var(--surface));color:#b75b18}.active-focus-actions .complete{border-color:color-mix(in srgb,#18835e 32%,var(--line));color:#fff;background:#18835e}.schedule-column-heads{border-bottom:1px solid var(--line);background:var(--surface-2);grid-template-columns:64px repeat(2,minmax(0,1fr));display:grid}.schedule-column-heads strong{text-align:center;color:var(--muted);border-left:1px solid var(--line);padding:10px;font-size:12px}.split-timeline{grid-template-columns:64px repeat(2,minmax(0,1fr))}.split-timeline .timeline-body{min-width:0}.actual-track{background-color:color-mix(in srgb,#18835e 2.5%,var(--surface))}.timeline-task.actual-task{--event:#18835e}.timeline-task.actual-task.legacy{opacity:.72;border-style:dashed}@media (max-width:760px){.active-focus-row{flex-wrap:wrap;align-items:flex-end}.active-focus-main{flex-basis:100%}.active-focus-actions{justify-content:flex-end;width:100%}.schedule-column-heads,.split-timeline{grid-template-columns:52px repeat(2,minmax(0,1fr))}.split-timeline .timeline-task{padding:4px;right:4px;left:4px!important}.split-timeline .timeline-task strong{font-size:10px}.split-timeline .timeline-task small{font-size:8px}}.task-reminders .reminder-chips button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:20px;padding:8px 11px;font-size:12px;font-weight:700}.task-reminders .reminder-chips button.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}@media (max-width:900px){.task{flex-wrap:wrap}.task-body{flex-basis:calc(100% - 54px)}.task-actions{margin-left:auto}.task .icon-button.danger{margin-left:0}}@media (max-width:520px){.task-timer{min-height:38px}.task-timer.start,.task-timer.pause{padding:0 10px;font-size:11px}.day-totals{gap:7px;padding:10px}.day-totals>div{gap:5px;padding:11px;display:grid}.day-totals span{font-size:10px}.day-totals strong{font-size:17px}.task-actions{flex-wrap:wrap}.task-timer.details{padding:0 10px;font-size:11px}}.portal-page{width:min(1120px,100%)}.portal-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#fff3,#0000 25%),linear-gradient(130deg,#183d82,#5d4ec9 72%,#8a5ed5);border-radius:30px;align-items:center;gap:25px;min-height:235px;margin-bottom:22px;padding:38px;display:flex;box-shadow:0 24px 60px #2939823d}.portal-hero>span{background:#ffffff24;border:1px solid #fff3;border-radius:23px;flex:none;place-items:center;width:72px;height:72px;display:grid}.portal-hero svg{width:34px}.portal-hero p{letter-spacing:.18em;opacity:.72;margin:0 0 8px;font-size:11px;font-weight:800}.portal-hero h1{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(29px,5vw,48px)}.portal-hero small{opacity:.76}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:24px;grid-template-columns:58px 1fr auto 18px;align-items:center;gap:16px;min-height:145px;padding:22px;transition:all .2s;display:grid;box-shadow:0 10px 34px #1e2e500b}.module-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.module-icon{background:color-mix(in srgb,currentColor 12%,var(--surface));border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.module-icon svg{width:27px}.module-card h2{color:var(--text);margin:0 0 5px;font-size:20px}.module-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.module-card>b{font-size:24px}.module-card>b small{margin-left:2px;font-size:11px}.module-card>svg{width:18px;color:var(--muted)}.content-page{width:min(1120px,100%)}.content-page-head>span{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:750}.content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.content-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;min-width:0;overflow:hidden;box-shadow:0 8px 30px #1e2e5009}.content-card-main{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:185px;padding:20px;display:block}.content-card-main>span{background:color-mix(in srgb,var(--brand) 11%,var(--surface));width:42px;height:42px;color:var(--brand);border-radius:13px;place-items:center;margin-bottom:16px;display:grid}.content-card-main>span svg{width:21px}.recipe-card .content-card-main>span{color:#c27816;background:color-mix(in srgb,#d58a24 13%,var(--surface))}.personal-card .content-card-main>span{color:#c85172;background:color-mix(in srgb,#dc5d80 12%,var(--surface))}.content-card h2{margin:0 0 8px;font-size:18px}.content-card p{-webkit-line-clamp:3;color:var(--muted);white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.content-card small{color:var(--muted);margin-top:15px;font-size:10px;display:block}.content-card-main>i{background:color-mix(in srgb,#d45b7d 10%,var(--surface));color:#be4969;border-radius:15px;margin:0 0 10px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:750;display:inline-block}.content-card>footer{border-top:1px solid var(--line);min-height:51px;color:var(--muted);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.content-card>footer button{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:750;display:inline-flex}.content-card>footer button svg{width:15px}.content-card>footer .content-delete{width:34px;height:34px;color:var(--danger);border-radius:10px;place-items:center;display:grid}.content-empty{border:1px dashed color-mix(in srgb,var(--muted) 35%,var(--line));text-align:center;min-height:360px;color:var(--muted);border-radius:24px;place-content:center;justify-items:center;gap:8px;display:grid}.content-empty svg{opacity:.55;width:45px;height:45px}.content-empty strong{color:var(--text)}.content-empty p{margin:0;font-size:12px}.floating-add{z-index:15;background:linear-gradient(135deg,var(--brand),#7358db);color:#fff;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:8px;min-height:52px;padding:0 19px;font-weight:750;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 14px 34px #2868de57}.floating-add svg{width:19px}.floating-add.recipe-add{background:linear-gradient(135deg,#b86b12,#e5a238);box-shadow:0 14px 34px #be70194d}.content-modal .large-textarea{min-height:145px}.page-head-actions{align-items:center;gap:8px;display:flex}.delete-mode,.delete-selected{cursor:pointer;border-radius:13px;align-items:center;gap:7px;min-height:43px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.delete-mode{border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line));background:var(--surface);color:var(--danger)}.delete-selected{background:var(--danger);color:#fff;border:0}.delete-selected:disabled{opacity:.45;cursor:not-allowed}.delete-mode svg,.delete-selected svg{width:16px}.delete-check.selected{border-color:var(--danger);background:var(--danger);color:#fff}.delete-check.selected svg{opacity:1}.task-order-actions{grid-template-columns:repeat(2,30px);align-self:center;gap:3px;display:grid}.task-order-actions button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;place-items:center;width:30px;height:32px;display:grid}.task-order-actions button:first-child{border-radius:9px 3px 3px 9px}.task-order-actions button:last-child{border-radius:3px 9px 9px 3px}.task-order-actions button:disabled{opacity:.3;cursor:not-allowed}.task-order-actions svg{width:14px}.timeline-task.actual-task.priority-event-0{--event:#718096}.timeline-task.actual-task.priority-event-1{--event:#c27b08}.timeline-task.actual-task.priority-event-2{--event:#d33f55}@media (max-width:760px){.portal-page,.content-page{padding-top:22px}.portal-hero{border-radius:24px;align-items:flex-start;min-height:190px;padding:25px 21px}.portal-hero>span{border-radius:17px;width:52px;height:52px}.portal-hero>span svg{width:25px}.portal-hero h1{font-size:30px}.module-grid,.content-card-grid{grid-template-columns:1fr}.module-card{grid-template-columns:48px 1fr auto 16px;min-height:115px;padding:17px}.module-icon{border-radius:15px;width:48px;height:48px}.module-card h2{font-size:17px}.floating-add{bottom:88px;right:16px}.task-add{display:flex}.content-card-main{min-height:160px}.page-head-actions .secondary{min-height:40px;padding:0 11px}.delete-selected{max-width:170px}.task-order-actions{margin-left:auto}.task-order-actions button{height:36px}.content-modal{padding-bottom:calc(22px + env(safe-area-inset-bottom))}}@media (max-width:420px){.portal-hero{gap:16px;display:grid}.module-card p{display:none}.task{gap:10px}.task-body{flex-basis:calc(100% - 42px)}.task-order-actions{order:4}.task-actions{order:5}.task-detail{order:6}.page-head-actions{align-self:flex-end}.delete-mode{font-size:0}.delete-mode svg{width:18px}}.floating-add{background:#2868de;border-radius:16px;place-items:center;gap:0;width:56px;height:56px;min-height:0;padding:0;transition:transform .18s,filter .18s;display:grid;box-shadow:0 14px 34px #2868de57}.floating-add:hover{filter:brightness(1.05);transform:translateY(-2px)}.floating-add:active{transform:scale(.96)}.floating-add svg{stroke-width:2.4px;width:25px;height:25px}.floating-add.knowledge-add{background:#7657d6;box-shadow:0 14px 34px #7657d64d}.floating-add.recipe-add{color:#49340b;background:#f2bd37;box-shadow:0 14px 34px #d197144d}.floating-add.personal-add{background:#2eaa72;box-shadow:0 14px 34px #2eaa724d}.task-add{display:grid}.sort-control{position:relative}.sort-button{border:1px solid var(--line);background:var(--surface);min-height:43px;color:var(--text);cursor:pointer;border-radius:13px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.sort-button svg{width:16px}.sort-popover{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:11px;width:240px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #1926462e}.sort-popover label{color:var(--muted);gap:6px;font-size:11px;font-weight:750;display:grid}.sort-popover select{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:41px;color:var(--text);font:inherit;border-radius:11px;padding:0 35px 0 11px}.task.is-dragging{z-index:20;border-color:var(--brand);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grabbing;transform:scale(1.015);box-shadow:0 18px 45px #2868de3d}.task:not(.is-dragging){transition:transform .16s,box-shadow .16s}@media (max-width:420px){.sort-button{padding:0 12px;font-size:0}.sort-button svg{width:18px}.sort-popover{width:min(240px,100vw - 32px);right:-52px}}.portal-date{letter-spacing:-.025em;font-size:clamp(25px,4vw,38px);font-weight:750;line-height:1.25;display:block}.theme-setting{border-bottom:1px solid var(--line);padding:18px 0 20px}.theme-setting>header{margin-bottom:13px}.theme-setting>header span{font-weight:700}.theme-setting>header small{margin-top:3px}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-choice{border:1px solid var(--line);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:48px 1fr 18px;align-items:center;gap:11px;min-width:0;min-height:84px;padding:13px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.theme-choice:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));transform:translateY(-1px)}.theme-choice.selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand),0 8px 22px color-mix(in srgb,var(--brand) 13%,transparent)}.theme-choice>i{background:var(--surface);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;align-items:stretch;gap:3px;padding:6px;display:flex}.theme-choice>i b{border-radius:5px;flex:1}.theme-choice>span{min-width:0}.theme-choice strong{font-size:13px}.theme-choice small{margin-top:3px;font-size:10px;line-height:1.35}.theme-choice>svg{width:17px;color:var(--brand)}.app-back{z-index:26;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);min-height:42px;color:var(--brand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:21px;align-items:center;gap:2px;padding:0 12px 0 8px;font-size:13px;font-weight:750;display:inline-flex;position:fixed;top:10px;left:252px;box-shadow:0 6px 20px #19264621}.app-back svg{width:20px;height:20px}.app-shell.has-app-back .content>.page{padding-top:78px}.app-mark{background-color:#06195f!important;background-image:url(/app-icon-192.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:0 10px 28px #005cff4d!important}.portal-hero>.app-mark{border:1px solid #64f4ff94;box-shadow:0 14px 38px #00efff40!important}.auth-intro>.app-mark{background-image:url(/app-icon-192.png)!important;background-size:cover!important}.weekday-row .sunday,.month-day.sunday .day-number,.month-day.holiday .day-number{color:#d64058}.weekday-row .saturday,.month-day.saturday .day-number{color:#2871d4}.holiday-name{color:#d64058;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:750;position:absolute;top:12px;left:38px;right:3px;overflow:hidden}.month-day.holiday{background:color-mix(in srgb,#ef5269 3%,var(--surface))}.task-workspace,.task-workspace-detail{display:contents}.tablet-task-rail{display:none}.rail-section-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.rail-section-icon svg{width:19px;height:19px}@media (min-width:761px) and (max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{align-items:stretch;width:88px;padding:24px 12px}.sidebar .brand{justify-content:center;padding:0 0 26px}.sidebar .brand strong,.sidebar .nav span,.sidebar .sync-state{display:none}.sidebar .nav{justify-content:center;gap:0;padding:0}.sidebar .nav svg{flex:none;width:23px;height:23px}.content{grid-column:2}.page{padding:42px 30px 90px}.module-card{grid-template-columns:52px minmax(0,1fr) auto 18px;gap:13px;padding:18px}.module-icon{width:52px;height:52px}.module-card h2,.filter-card strong{word-break:keep-all;overflow-wrap:normal}.module-card p{font-size:11px}.calendar-page{padding-left:20px;padding-right:20px}.app-back{left:100px}.app-shell.workspace-mode{display:block}.app-shell.workspace-mode>.sidebar{display:none}.app-shell.workspace-mode>.content{display:block}.task-workspace{grid-template-columns:224px minmax(0,1fr);min-height:100dvh;display:grid}.tablet-task-rail{box-sizing:border-box;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:5px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0;overflow:auto}.tablet-task-title{white-space:nowrap;align-items:center;gap:10px;padding:0 7px 18px;font-size:15px;display:flex}.tablet-task-title .app-mark{border-radius:10px;flex:0 0 34px;width:34px;height:34px}.rail-link{width:100%;min-height:43px;color:var(--muted);text-align:left;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:700;display:grid}.rail-link svg{width:19px;height:19px}.rail-link b{color:var(--muted);font-size:11px;font-weight:750}.rail-link:hover,.rail-link.active{background:var(--brand-soft);color:var(--brand)}.rail-link.active b{color:var(--brand)}.task-workspace-detail{min-width:0;display:block}.task-workspace-detail>.page{box-sizing:border-box;width:100%;padding:78px 26px 90px}.workspace-mode .app-back{left:236px}}@media (min-width:761px){.app-shell.workspace-mode{display:block}.app-shell.workspace-mode>.sidebar{display:none}.app-shell.workspace-mode>.content{display:block}.task-workspace{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.tablet-task-rail{box-sizing:border-box;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:5px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0;overflow:auto}.task-workspace-detail{min-width:0;display:block}.task-workspace-detail>.page{box-sizing:border-box;width:100%;padding-top:78px}.workspace-mode .app-back{left:252px}}@media (min-width:480px){.app-shell.workspace-mode{display:block}.app-shell.workspace-mode>.sidebar{display:none}.app-shell.workspace-mode>.content{padding-bottom:0;display:block}.app-shell.workspace-mode>.mobile-nav{display:none}.task-workspace{grid-template-columns:clamp(184px,34vw,224px) minmax(0,1fr);min-height:100dvh;display:grid}.tablet-task-rail{box-sizing:border-box;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:5px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0;overflow:auto}.tablet-task-title{white-space:nowrap;align-items:center;gap:10px;padding:0 7px 18px;font-size:15px;display:flex}.tablet-task-title .app-mark{border-radius:10px;flex:0 0 34px;width:34px;height:34px}.rail-link{width:100%;min-height:43px;color:var(--muted);text-align:left;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:700;display:grid}.rail-link svg{width:19px;height:19px}.rail-link b{color:var(--muted);font-size:11px;font-weight:750}.rail-link:hover,.rail-link.active{background:var(--brand-soft);color:var(--brand)}.rail-link.active b{color:var(--brand)}.task-workspace-detail{min-width:0;display:block}.task-workspace-detail>.page{box-sizing:border-box;width:100%;padding:78px 22px 90px}.workspace-mode:not(.has-app-back) .task-workspace-detail>.page{padding-top:42px}.workspace-mode .app-back{left:calc(clamp(184px,34vw,224px) + 12px)}.rail-home{border-bottom:1px solid var(--line);border-radius:12px 12px 5px 5px;margin-bottom:9px;padding-bottom:12px}.rail-home svg:last-child{width:15px;height:15px}.rail-add{color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,transparent);margin-top:4px}}@media (min-width:761px) and (max-width:860px){.module-grid,.content-card-grid,.card-grid{grid-template-columns:1fr}.page-head{align-items:center}.hero{padding:26px}}@media (max-width:760px){.app-back{left:12px}.app-shell.has-app-back .content>.page,.app-shell.has-app-back .task-workspace-detail>.page{padding-top:72px}.holiday-name{font-size:6px;top:7px;left:27px}}.rail-link-group,.dashboard-filter-group{display:contents}.task-create-control{display:inline-flex;position:relative}.task-create-control>.primary{touch-action:none}.task-create-control.floating{z-index:24;width:56px;height:56px;position:fixed;bottom:28px;right:28px}.task-create-control.floating>.floating-add{width:56px;height:56px;position:static}.routine-peek{z-index:40;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));background:var(--surface);width:max-content;min-width:210px;min-height:52px;color:var(--brand);text-align:left;border-radius:15px;grid-template-columns:24px 1fr;align-items:center;gap:1px 8px;padding:9px 13px;font-size:13px;font-weight:800;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 46px #19264638}.routine-peek svg{grid-row:1/3;width:21px}.routine-peek span{color:var(--muted);font-size:9px;font-weight:650}.task-create-control.floating .routine-peek{top:auto;bottom:calc(100% + 11px);right:0}.task-create-control.floating>.floating-add{touch-action:none}.switch-row{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border-radius:15px;justify-content:space-between;align-items:center;gap:18px;min-height:62px;margin:0 0 16px;padding:10px 13px;display:flex}.switch-row>span{gap:2px;display:grid}.switch-row strong{font-size:13px}.switch-row small{color:var(--muted);font-size:10px}.switch{cursor:pointer;background:#a8b0bf;border:0;border-radius:20px;flex:0 0 48px;width:48px;height:28px;padding:0;transition:background .18s;position:relative}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #0003}.switch.on{background:var(--brand)}.switch.on i{transform:translate(20px)}.date-range-field{gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}.date-range-field>small{color:var(--muted);font-size:10px;font-weight:550}.date-range-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;display:grid}.date-range-inputs>span{color:var(--muted);font-weight:800}.date-range-inputs input{min-width:0}.compact-fields{margin-bottom:2px}.routine-page{width:min(1080px,100%)}.routine-lead{color:var(--muted);margin:-12px 0 24px;font-size:12px}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.routine-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #1e2e500a}.routine-card-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:43px minmax(0,1fr) 18px;align-items:start;gap:13px;width:100%;min-height:132px;padding:18px;display:grid}.routine-card-main>span{background:var(--brand-soft);width:43px;height:43px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.routine-card-main svg{width:20px}.routine-card-main h2{margin:2px 0 8px;font-size:17px}.routine-card-main p{color:var(--brand);margin:0 0 9px;font-size:12px;font-weight:750}.routine-card-main small{color:var(--muted);font-size:10px}.routine-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;padding:8px 12px;display:flex}.routine-card .content-delete{width:34px;height:34px;color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.routine-card .content-delete svg{width:17px}.routine-modal{width:min(680px,100%)}.repeat-row{grid-template-columns:90px minmax(0,1fr);gap:9px;display:grid}.weekday-choices{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekday-choices button{border:1px solid var(--line);background:var(--surface-2);height:40px;color:var(--muted);cursor:pointer;border-radius:12px;font-weight:800}.weekday-choices button:first-child{color:#d64058}.weekday-choices button:last-child{color:#2871d4}.weekday-choices button.selected{border-color:var(--brand);background:var(--brand);color:#fff}.routine-end-choices{grid-template-columns:repeat(3,1fr)}.multi-sort{gap:8px;width:min(440px,100vw - 32px)}.multi-sort>strong{font-size:12px}.sort-rule{grid-template-columns:20px minmax(110px,1fr) 82px 30px;align-items:center;gap:6px;display:grid}.sort-rule>b{background:var(--brand-soft);width:20px;height:20px;color:var(--brand);border-radius:7px;place-items:center;font-size:10px;display:grid}.sort-rule select{min-width:0}.sort-rule>button{width:30px;height:35px;color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.sort-rule>button svg{width:15px}.add-sort-rule,.reset-sort{background:var(--brand-soft);min-height:35px;color:var(--brand);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:750;display:flex}.add-sort-rule svg{width:14px}.reset-sort{background:var(--surface-2);color:var(--muted)}.multi-sort>small{color:var(--muted);font-size:9px;line-height:1.45}.overdue-reminder-setting{border-top:1px solid var(--line);padding-top:13px}.overdue-reminder-setting .switch-row{margin-bottom:10px}.overdue-reminder-setting>label{grid-template-columns:auto minmax(150px,220px);align-items:center;gap:12px;font-size:12px;font-weight:750;display:grid}.overdue-reminder-setting select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);font:inherit;border-radius:11px;padding:0 11px}@media (max-width:760px){.task-create-control.floating{bottom:88px;right:16px}.routine-grid{grid-template-columns:1fr}.routine-page>.page-head .primary{display:none}.date-range-inputs{gap:5px}.sort-rule{grid-template-columns:18px minmax(90px,1fr) 72px 28px}.multi-sort{right:-54px}.task-create-control:not(.floating){display:none}}.period-week{border-bottom:1px solid #dbe3ef;position:relative}.period-dates{grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:absolute;inset:0}.period-dates button{color:inherit;background:0 0;border:0;border-right:1px solid #dbe3ef;flex-direction:column;align-items:center;padding:5px;display:flex}.period-dates small{font-size:9px}.period-dates .outside{opacity:.4}.period-dates .today span{color:#fff;background:#176fe5;border-radius:20px;padding:0 6px}.period-events{pointer-events:none;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:22px;gap:3px 2px;display:grid;position:relative;top:35px}.period-events button{pointer-events:auto;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#fff;border:0;padding:2px 5px;font-size:12px;overflow:hidden}.period-event{background:#327eb8}.period-task{background:#7768b4}.attachments button{overflow-wrap:anywhere;color:#176fe5;max-width:100%;margin:4px;padding:6px}.task-create-control.floating>.task-add{display:grid}.task-editor{flex-direction:column;max-height:92dvh;padding:0;display:flex;overflow:hidden}.task-editor>header{border-bottom:1px solid var(--line);flex:none;align-items:center;margin:0;padding:18px 22px}.task-kind-switch{gap:8px;margin-top:8px;display:flex}.task-kind-switch .choice{min-width:100px;min-height:42px}.task-editor-body{overscroll-behavior:contain;min-height:0;padding:18px 22px;overflow-y:auto}.task-editor-body>label{gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}.task-editor>footer{padding:12px 22px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex:none;justify-content:flex-end;gap:10px;margin:0;display:flex}.task-editor .compact-fields,.task-editor .datetime-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.task-editor .form-grid label,.task-editor .form-grid input{min-width:0}.deadline-fields{border:0;margin:0;padding:0}.deadline-fields legend{margin-bottom:7px;font-size:12px;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attachment-picker{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.attachment-picker small{color:var(--muted)}@media (max-width:760px){.task-editor{max-height:calc(100dvh - 24px)}.task-editor-body{padding:16px}.task-editor>header{padding:12px 16px}.task-editor>footer{padding-left:16px;padding-right:16px}}.page.month-view,.page.day-view,.page.portal-page{padding-top:12px}.period-events button{text-overflow:clip;padding:2px 3px}.period-band{background:var(--event)}.period-band.calendar-event{background:#718096}.period-dates .sunday{color:#d34d60}.period-dates .saturday{color:#3673ce}.period-dates .today.sunday span{background:#d34d60}.period-dates .today.saturday span{background:#3673ce}.dashboard-summary{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.dashboard-summary strong{white-space:nowrap;font-size:22px}.list-kind-switch{gap:8px;margin-bottom:16px;display:flex}.list-kind-switch .choice{padding:0 18px}.task-kind-switch{margin-top:0}.task-editor>header{padding-top:10px;padding-bottom:10px}.start-fields,.important-fields{border:0;margin:0 0 18px;padding:0}.start-fields legend,.important-fields legend{margin-bottom:7px;font-size:12px;font-weight:700}.important-inputs{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;display:grid}.important-inputs input[type=checkbox]{width:22px;height:22px;margin:0;padding:0}.task-editor .deadline-fields .input-guide input{width:100%;min-width:0;padding:10px 6px;font-size:14px}.task-editor .deadline-fields .input-guide{overflow:visible}.task-editor .datetime-fields input{min-width:0;font-size:14px}.day-calendar>.day-totals{border-top:1px solid var(--line);border-bottom:0}.calendar-page .priority-event-1{--event:#b77208}.calendar-page .timeline-task strong,.calendar-page .all-day-task,.calendar-page .month-task{text-overflow:clip}.attachment-picker .secondary{min-height:28px;margin:3px;padding:4px;font-size:11px}.fullscreen-help{padding:16px}.fullscreen-help summary{cursor:pointer}.reorder-handle{color:var(--muted);touch-action:none;background:0 0;border:0;padding:4px}.reorder-handle svg{width:16px;height:16px}
:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c2130;--surface:#292f40;--surface-2:#343b4e;--text:#f3f5fa;--secondary:#b7becd;--muted:#a2acbf;--subtle:#7f889b;--line:#d2dcf02e;--brand:#8fb7ff;--brand-2:var(--brand);--on-accent:#173765;--success:#5ab7a8;--warning:#d7a75a;--danger:#d66a75;--radius-lg:32px;--radius:24px;--radius-sm:18px;--radius-chip:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow:none;--brand-soft:color-mix(in srgb,var(--brand) 12%,var(--surface));--state-surface:color-mix(in srgb,var(--badge,var(--brand)) 12%,var(--surface));--status-unstarted:#718096;--status-active:#2474d2;--status-paused:#d06c22;--status-waiting:#178898;--status-review:#7a5bd2;--status-complete:#18835e;--priority-low:#718096;--priority-medium:#b77208;--priority-high:#d33f55;--completed-fill:#22a06b;--completed-border:#26ad7c;--icon-amber:#e69a25;--icon-mint:#18a886;--icon-violet:#7762db;--icon-cyan:#16a3b9;--icon-blue:#2f75df;--icon-red:#df5264;--icon-gray:#7b8798}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf3;--surface:#f4f6fa;--surface-2:#e3e8f0;--text:#273247;--secondary:#526076;--muted:#5d6a80;--subtle:#728098;--line:#30415d2e;--brand:#315f9b;--on-accent:#f4f7fc;--success:#28796d;--warning:#886223;--danger:#a43d4d}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf3;--surface:#f4f6fa;--surface-2:#e3e8f0;--text:#273247;--secondary:#526076;--muted:#5d6a80;--subtle:#728098;--line:#30415d2e;--brand:#315f9b;--on-accent:#f4f7fc;--success:#28796d;--warning:#886223;--danger:#a43d4d}}:root[data-theme=retro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#22221f;--surface:#30312c;--surface-2:#3d3e36;--text:#f0ecdf;--secondary:#cac5b6;--muted:#b0ad9f;--line:#e4dcbf33;--brand:#d0bb88;--on-accent:#363020;--success:#95b3a0;--warning:#cfb27b;--danger:#d68b85}
html{scroll-padding-block:80px;font-size:1rem}:root body{background:var(--bg);background-image:none;line-height:1.5}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){filter:brightness(.94)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand);box-shadow:none}button,input,select,summary{min-height:44px}.page{max-width:1120px;padding:var(--space-8) var(--space-6) 112px}.page-head{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.page-head h1{letter-spacing:0;font-size:clamp(24px,3vw,32px);font-weight:650}.page-head p,.page-head small{color:var(--secondary)}:root .sidebar,:root .tablet-task-rail{background:var(--bg);box-shadow:none;border-color:var(--line)}:root .nav,:root .rail-link{border-radius:var(--radius-sm);min-height:48px;font-size:.875rem}:root .nav.active,:root .rail-link.active{background:var(--brand-soft);color:var(--brand);box-shadow:none}:root .brand span,:root .module-icon,:root .filter-icon{background:var(--surface-2);color:var(--brand);box-shadow:none;border-radius:var(--radius-sm);border:0}:root .brand{font-size:1.125rem}:root .primary,:root .floating-add,:root .mobile-add{background:var(--brand);color:var(--on-accent);box-shadow:none;border-radius:var(--radius-sm);border:0}:root .secondary,:root .today-button,:root .sort-button,:root .task-timer{background:var(--surface-2);color:var(--secondary);border:1px solid var(--line);box-shadow:none;border-radius:var(--radius-sm);min-height:44px}:root .icon-button{border-radius:var(--radius-sm);background:var(--surface-2);width:44px;height:44px;color:var(--secondary)}:root .ui-card,:root .task,:root .module-card,:root .filter-card,:root .content-card,:root .routine-card,:root .settings-card,:root .month-calendar,:root .day-calendar,:root .active-focus,:root .auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;background-image:none}:root .month-calendar,:root .day-calendar{border-radius:var(--radius-lg)}:root .module-card:hover,:root .filter-card:hover,:root .theme-choice:hover{box-shadow:none;border-color:var(--brand);transform:none}.module-grid,.card-grid,.content-card-grid,.routine-grid{gap:var(--space-4)}.module-card{padding:var(--space-6);min-height:132px}.module-card h2,.filter-card strong{color:var(--text)}.module-card p,.module-card small,.filter-card small{color:var(--secondary);font-size:.875rem}.module-card b,.filter-card b{color:var(--secondary)}.filter-card{padding:var(--space-4);min-height:104px}.filter-icon,.module-icon{color:var(--brand)}.dashboard-summary{margin-bottom:var(--space-6)}.dashboard-summary h1{font-size:1.5rem}.dashboard-summary>strong{color:var(--secondary);background:var(--surface);border-radius:var(--radius-sm);padding:8px 16px}.task-stack{gap:var(--space-4)}.task{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.task-body{gap:var(--space-3);flex:calc(100% - 64px);padding:0}.task-body>strong{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:650}:root .task.completed{opacity:1;background:var(--surface)}:root .task.completed .task-body>strong{color:var(--secondary);text-decoration-color:currentColor}.task-meta{gap:var(--space-2) var(--space-4)}:root .task-meta>span{color:var(--secondary);white-space:normal;overflow-wrap:anywhere;font-size:.875rem}.task .check{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;margin:0}.check.done{background:var(--success);border-color:var(--success);color:var(--bg)}.check svg{width:20px}.task-badge,.ui-chip{border-radius:var(--radius-chip);background:var(--state-surface);color:var(--secondary);border:1px solid var(--line);padding:4px 8px;font-size:.875rem;line-height:1.5}:root .status-unstarted,:root .status-paused,:root .status-waiting,:root .status-review,:root .priority-0{--badge:var(--secondary)}.task-badge.priority-2,.ui-chip.overdue{color:var(--danger)}.task-actions{flex-wrap:wrap}.task-timer{font-size:.875rem}.reorder-handle{width:44px;min-height:44px;color:var(--secondary);margin-left:56px}.task-detail{padding:var(--space-4);border-radius:var(--radius-sm)}.task-detail strong,.task-detail p{font-size:.875rem}.search{border-radius:var(--radius-sm);max-width:none;min-height:52px}.search:focus-within{outline:2px solid var(--brand);outline-offset:2px}.list-kind-switch{margin-bottom:var(--space-4)}.choice{border-radius:var(--radius-sm);min-height:44px}:root .choice.selected{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);box-shadow:none}.sort-button,.delete-mode{font-size:.875rem}.sort-popover,.routine-peek{background:var(--surface);box-shadow:none;border:1px solid var(--line)}.multi-sort>small,.routine-peek span{font-size:.875rem}.calendar-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap;min-height:80px;display:flex}.calendar-toolbar h2{white-space:nowrap;flex:1;order:-1;font-size:1.25rem;font-weight:650}.calendar-toolbar>div{gap:0}.calendar-toolbar .icon-button{background:0 0}.calendar-toolbar .today-button{padding:8px 12px}.weekday-row{background:var(--surface)}.weekday-row span{padding:var(--space-2) 0;font-size:.875rem;font-weight:500}:root .weekday-row .sunday,:root .period-dates button.sunday{color:var(--danger)}:root .weekday-row .saturday,:root .period-dates button.saturday{color:var(--brand)}.period-week{border-color:var(--line)}.period-dates button{border-color:var(--line);color:var(--text);min-width:0;padding:8px 2px}.period-dates button>span{border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:.875rem;display:grid}.period-dates button small{white-space:nowrap;max-width:100%;font-size:.625rem;overflow:hidden}.period-dates button.outside{opacity:1;color:var(--subtle)}:root .period-dates button.today>span{border:1px solid var(--brand);color:var(--brand);background:0 0}:root .period-dates button.selected>span{background:var(--brand);color:var(--on-accent);border:1px solid var(--brand)}.period-events{grid-auto-rows:44px;gap:4px 2px;padding:0 2px 8px;top:58px}.week-more{border-radius:var(--radius-chip);color:var(--secondary);background:0 0;border:0;padding:4px 8px;font-size:.875rem;position:absolute;bottom:0;right:8px}.calendar-toolbar .task-create-control{display:inline-flex}.calendar-toolbar .task-create-control>.primary{width:44px;min-height:44px;padding:0;font-size:0}.calendar-toolbar .task-create-control>.primary svg{width:22px}:root .calendar-page .priority-event-0{--event:var(--secondary)}:root .calendar-page .priority-event-1{--event:var(--warning)}:root .calendar-page .priority-event-2{--event:var(--danger)}:root .calendar-page .calendar-event{--event:var(--secondary)}:root .period-events button{background:color-mix(in srgb,var(--event) 22%,var(--surface));min-height:24px;color:var(--text);border:0;border-inline-start:2px solid var(--event);text-overflow:ellipsis;white-space:nowrap;min-height:44px;padding:2px 4px;font-size:.875rem;line-height:20px;overflow:hidden}.selected-agenda{padding:var(--space-6)}.selected-agenda>header{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.selected-agenda h2{margin:0;font-size:1.25rem}.selected-agenda small{color:var(--secondary);font-size:.875rem}.agenda-list{gap:var(--space-3);display:grid}.agenda-entry{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;display:flex}.agenda-entry>button{gap:var(--space-2);text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:grid}.agenda-entry strong{overflow-wrap:anywhere;font-size:1rem}.agenda-entry.completed strong{text-decoration:line-through}.agenda-meta{gap:var(--space-2);color:var(--secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.agenda-state{width:24px;height:24px;color:var(--secondary);flex-shrink:0}.agenda-empty{color:var(--secondary);padding:var(--space-8) var(--space-4);text-align:center}.day-calendar>header h2{font-size:1.25rem}:root .timeline-task,:root .all-day-task{background:color-mix(in srgb,var(--event) 15%,var(--surface));color:var(--text);border-color:var(--event)}.timeline-task small{color:var(--secondary);font-size:.875rem}.day-totals{flex-wrap:wrap}.modal-backdrop{padding:var(--space-4);background:#0a0f19a6}:root .modal{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:none;background:var(--surface);padding:var(--space-6)}.task-editor{max-height:calc(100dvh - 32px)}.task-editor header{padding-bottom:var(--space-4)}.task-editor-body{padding-inline:2px}.modal label,.modal legend,.modal fieldset legend,.switch-row strong{color:var(--secondary);font-size:.875rem}.modal input,.modal textarea,.modal select{border-radius:var(--radius-sm);min-width:0;min-height:48px;color:var(--text);background:var(--surface-2);box-shadow:none;font-size:1rem}.modal input::placeholder,.modal textarea::placeholder{color:var(--secondary);opacity:1}.modal input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--brand)}.modal input[aria-label=タスク名]{font-size:1.25rem;font-weight:600}.modal textarea{min-height:104px}.modal footer{padding-top:var(--space-4);gap:var(--space-3)}.modal footer button{min-height:48px}.attachment-picker .secondary{min-height:44px;padding:8px 12px;font-size:.875rem}.attachment-picker small{font-size:.875rem}.switch-row{border-radius:var(--radius-sm);min-height:64px}.switch{background:var(--surface-2);border:1px solid var(--line);height:44px;min-height:44px}.switch i{background:var(--secondary);box-shadow:none;top:10px}.switch.on i{background:var(--on-accent)}.choice-grid button,.task-kind-switch button{font-size:.875rem}.choice i{background:var(--badge)}.settings-card{padding:var(--space-6)}.settings-card small,.theme-choice small,.setting-message,.routine-card-main small,.content-card small{color:var(--secondary);font-size:.875rem}.theme-picker{gap:var(--space-3)}.theme-choice{padding:var(--space-4);border-radius:var(--radius-sm)}.theme-choice.selected{box-shadow:none}.theme-choice i b:first-child{background:var(--bg)}.theme-choice i b:nth-child(2){background:var(--brand)}.theme-choice i b:nth-child(3){background:var(--surface-2)}.content-card h2,.routine-card h2{overflow-wrap:anywhere}.content-delete,.routine-card .content-delete{min-width:44px;min-height:44px}.empty:not(.input-guide),.content-empty{color:var(--secondary);min-height:200px;padding:var(--space-6)}.input-guide{text-align:start;padding:0}.empty p,.content-empty p{font-size:.875rem}:root .auth-page,:root .auth-intro{background:var(--bg)}:root .auth-intro>span{background:var(--brand);color:var(--on-accent);box-shadow:none}.app-back{background:var(--surface);color:var(--secondary);border:1px solid var(--line);box-shadow:none;min-height:44px}.task-create-control.floating,.floating-add{right:24px;bottom:calc(24px + env(safe-area-inset-bottom))}@media (max-width:900px){.app-shell.workspace-mode .task-workspace{display:block}.app-shell.workspace-mode .tablet-task-rail{display:none}.app-shell.workspace-mode>.content{padding-bottom:88px}.app-shell.workspace-mode>.mobile-nav{display:grid}.app-shell.workspace-mode .app-back{left:16px}.app-shell.workspace-mode .task-workspace-detail>.page{padding:76px 16px 112px}.app-shell.workspace-mode:not(.has-app-back) .task-workspace-detail>.page{padding-top:24px}.mobile-nav{background:var(--bg);border-top:1px solid var(--line);z-index:30;padding:8px 4px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav .nav{flex-direction:column;justify-content:center;gap:4px;min-height:48px;padding:0;font-size:.6875rem;display:flex}.mobile-nav .nav svg{width:20px}.task-create-control.floating,.floating-add{bottom:calc(96px + env(safe-area-inset-bottom));right:16px}}@media (min-width:901px){.task-workspace{grid-template-columns:224px minmax(0,1fr)}.task-workspace-detail>.page{max-width:1120px;padding-inline:32px}}@media (max-width:600px){.page{padding:24px 16px 112px}.page-head{gap:16px}.page-head-actions{justify-content:flex-end;width:100%}.calendar-toolbar{flex-wrap:wrap;gap:0;padding:8px}.calendar-toolbar h2{text-align:left;white-space:normal;overflow-wrap:anywhere;flex:90px;min-width:0;font-size:1rem}.calendar-toolbar .today-button{padding-inline:8px}.calendar-toolbar .calendar-add{margin-left:auto}.calendar-toolbar .calendar-add span{display:none}.calendar-toolbar .calendar-add{width:44px;padding:0}.selected-agenda{padding:16px}.module-grid,.content-card-grid,.routine-grid,.theme-picker{grid-template-columns:1fr}.modal-backdrop{padding:0}:root .modal{max-height:calc(100dvh - env(safe-area-inset-top) - 8px);border-radius:24px 24px 0 0;padding:16px}.modal footer{padding-bottom:env(safe-area-inset-bottom)}.form-grid{gap:12px}.deadline-fields .form-grid,.start-fields .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deadline-fields input,.start-fields input{padding:8px 4px;font-size:.875rem}.settings-card{padding:16px}.sort-button{font-size:.875rem}.sort-rule{grid-template-columns:18px minmax(0,1fr) 72px 32px}.multi-sort{width:min(340px,100vw - 32px);right:0}.day-calendar>header{gap:8px;padding:16px}.day-calendar>header h2{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root .period-events button,:root .calendar-page .timeline-task strong,:root .calendar-page .all-day-task{text-overflow:clip}.app-shell .task-workspace-detail>.page.month-view,.app-shell .content>.page.month-view{width:100%;max-width:none;padding-left:4px;padding-right:4px}:root .status-unstarted{--badge:var(--status-unstarted)}:root .status-active{--badge:var(--status-active)}:root .status-paused{--badge:var(--status-paused)}:root .status-waiting{--badge:var(--status-waiting)}:root .status-review{--badge:var(--status-review)}:root .status-complete{--badge:var(--status-complete)}:root .priority-0{--badge:var(--priority-low)}:root .priority-1{--badge:var(--priority-medium)}:root .priority-2{--badge:var(--priority-high)}:root .task-editor .status-choices .choice,:root .task-editor .priority-choices .choice{background:color-mix(in srgb,var(--badge) 14%,var(--surface));border-color:color-mix(in srgb,var(--badge) 42%,var(--line));color:color-mix(in srgb,var(--badge) 72%,var(--text))}:root .task-editor .status-choices .choice.selected,:root .task-editor .priority-choices .choice.selected{background:var(--badge);border-color:var(--badge);color:#fff}:root .task-list-page .task-badge{background:color-mix(in srgb,var(--badge) 11%,var(--surface));border-color:color-mix(in srgb,var(--badge) 28%,transparent);color:color-mix(in srgb,var(--badge) 78%,var(--text))}:root .task-list-page .task.completed{background:color-mix(in srgb,var(--surface) 88%,var(--completed-fill) 12%);border-color:var(--completed-border)}.amber{--icon-tone:var(--icon-amber)}.mint{--icon-tone:var(--icon-mint)}.violet{--icon-tone:var(--icon-violet)}.cyan{--icon-tone:var(--icon-cyan)}.blue{--icon-tone:var(--icon-blue)}.red{--icon-tone:var(--icon-red)}.gray{--icon-tone:var(--icon-gray)}:root .dashboard .filter-icon,:root .portal-page .module-icon{color:var(--icon-tone);background:color-mix(in srgb,var(--icon-tone) 12%,var(--surface))}.dashboard .filter-card{min-height:64px;padding:8px 16px}.task-list-toolbar{grid-template-columns:1fr 1fr .8fr .8fr;align-items:center;gap:6px;margin-bottom:16px;display:grid;position:relative}.task-list-toolbar .list-kind-switch,.task-list-toolbar .page-head-actions{display:contents}.task-list-toolbar .sort-control{min-width:0;position:static}.task-list-toolbar .choice,.task-list-toolbar .sort-button,.task-list-toolbar .delete-mode,.task-list-toolbar .secondary,.task-list-toolbar .delete-selected{white-space:nowrap;justify-content:center;width:100%;min-height:44px;padding:0 6px;font-size:14px}.task-list-toolbar .sort-button svg,.task-list-toolbar .delete-mode svg{display:none}.task-list-toolbar .sort-popover{right:0}.task-list-page .task-body{flex-basis:100%}.task-list-page .task:has(.delete-check) .task-body{flex-basis:calc(100% - 64px)}.task-list-page .task-summary-line{flex-wrap:nowrap;gap:8px;max-width:100%;padding-bottom:4px;overflow-x:auto}:root .task-list-page .task-summary-line>span{white-space:nowrap;flex-shrink:0;font-size:13px}.task-list-page .task-summary-line .task-badge{padding:2px 6px}.task-detail-facts{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.detail-reorder{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;color:var(--secondary);background:var(--surface-2);touch-action:none;margin-top:12px}@media (max-width:420px){.task-list-toolbar{gap:4px}.task-list-toolbar .choice,.task-list-toolbar .sort-button,.task-list-toolbar .delete-mode{padding:0 4px;font-size:13px}}.calendar-toolbar{min-height:40px;padding:2px 8px}:root .calendar-toolbar .icon-button,.calendar-toolbar .today-button,.calendar-toolbar .task-create-control>.primary{width:36px;height:32px;min-height:32px;padding:0 4px}.calendar-toolbar h2{font-size:1rem}.period-events{grid-auto-rows:20px;gap:2px;padding-bottom:0;top:54px}:root .period-events button{height:20px;min-height:20px;padding:1px 3px;font-size:14px;line-height:18px}.week-more{height:28px;min-height:28px;padding:0 8px}.datetime-chip{border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--surface-2);padding:2px 6px}:root .task-list-page .task-timer{border-radius:12px;height:30px;min-height:30px;padding:0 9px;font-size:13px}.task-list-page .task-timer.details{width:32px;padding:0}.task-list-page .task-timer svg{width:15px;height:15px}.task-list-toolbar .sort-button svg{width:20px;height:20px;display:block}.task-list-toolbar .multi-sort{width:min(400px,100vw - 32px)}.task-list-toolbar .sort-rule{grid-template-columns:16px minmax(0,1fr) 100px 24px;gap:4px}.task-list-toolbar .sort-rule select{padding:6px 22px 6px 6px;font-size:14px}:root .task-editor .status-choices .choice,:root .task-editor .priority-choices .choice{border-radius:12px;min-height:32px;padding:3px 6px;font-size:13px}.task-editor .switch-row{min-height:44px;margin-bottom:12px;padding:4px 10px}.task-editor .switch{height:30px;min-height:30px}.task-editor .switch i{top:3px}.time-field{min-width:0;display:block;position:relative}.time-field>input{width:100%}.time-field[data-empty=true]:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;z-index:1;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.time-field[data-empty=true]:not(:focus-within) input{color:#0000}.time-field[data-empty=true]:not(:focus-within) input::-webkit-datetime-edit{color:#0000}.time-field:focus-within:before{visibility:hidden}.task-list-page{--task-title-size:1.0625rem}.task-list-page .task{position:relative}.task-list-page .task-body>strong{font-size:var(--task-title-size)}.task-list-page .task:has(>.rank-complete) .task-body>strong{align-items:center;min-height:30px;padding-left:40px;display:flex}.rank-complete{border:1px solid var(--secondary);background:var(--surface-2);width:30px;height:30px;min-height:30px;color:var(--text);font-size:var(--task-title-size);border-radius:50%;place-items:center;padding:0;font-weight:650;line-height:1;display:grid;position:absolute;top:16px;left:16px}.rank-complete[aria-pressed=true]{border-color:var(--completed-border);color:var(--text);background:color-mix(in srgb,var(--completed-fill) 16%,var(--surface))}.schedule-item{align-items:flex-start;gap:4px;display:flex}.schedule-complete{width:18px;height:18px;min-height:18px;accent-color:var(--brand);flex:0 0 18px;margin:0}.schedule-item>button{min-width:0;min-height:0;color:inherit;text-align:left;font:inherit;background:0 0;border:0;flex:1;padding:0}.schedule-item.completed>button{text-decoration:line-through}.event-completion{align-items:center;gap:8px;display:flex}.event-completion input{width:20px;height:20px}:root .day-view .priority-event-0{--event:var(--priority-low)}:root .day-view .priority-event-1{--event:var(--priority-medium)}:root .day-view .priority-event-2{--event:var(--priority-high)}:root .day-view .calendar-event{--event:var(--priority-low)}:root .day-view .timeline-task,:root .day-view .all-day-task{background:var(--event);color:#fff;border-color:var(--event)}:root .day-view .timeline-task small{color:inherit}.all-day-task.schedule-item{position:relative}.schedule-item>.schedule-complete{z-index:4;position:relative}.task-editor footer .editor-delete{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);background:0 0;margin-right:auto;padding:8px 12px}.calendar-toolbar .calendar-month-heading{flex:1;order:-1;align-items:center;gap:4px;display:flex}.calendar-toolbar .calendar-month-heading h2{flex:0 auto;margin:0}.calendar-toolbar .completed-visibility{color:var(--muted);flex-shrink:0}.calendar-toolbar .completed-visibility[aria-pressed=true]{color:var(--brand);background:var(--surface-2)}.period-band.completed{text-decoration:line-through}
