body.todo-route{background:#e8f2db}body.todo-route:before,body.todo-route:after,.todo-route>.theme-effects,.todo-route>.theme-curtain{display:none}.todo-app{--todo-bg:#e8f2db;--todo-panel:#fffbed;--todo-ink:#514f3d;--todo-muted:#727663;--todo-line:#dedfc6;--todo-indigo:#39765b;--todo-indigo-dark:#285b43;--todo-citron:#e9c875;--todo-coral:#ab5948;--todo-cyan:#437e87;--todo-rounded:ui-rounded, "Hiragino Maru Gothic ProN", "YouYuan", "PingFang SC", "Microsoft YaHei", sans-serif;z-index:2;min-height:100svh;color:var(--todo-ink);background:radial-gradient(circle, #cbdcbf 1px, transparent 1px) 0 0 / 22px 22px, var(--todo-bg);font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;position:relative}.todo-app *,.todo-app :before,.todo-app :after{box-sizing:border-box}.todo-app button,.todo-app input{font:inherit}.todo-app button{cursor:pointer}.todo-app button:disabled{cursor:not-allowed;opacity:.55}.todo-app :focus-visible{outline-offset:3px;outline:3px solid #a87627}.todo-app button{-webkit-tap-highlight-color:transparent}.todo-loading{place-items:center;font-size:14px;display:grid}.todo-topbar{background:var(--todo-panel);border-bottom:3px solid #d9dfc3;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:14px max(24px,50vw - 700px);display:flex}.todo-brand{color:var(--todo-ink);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.island-leaf{width:38px;height:38px;color:var(--todo-indigo);transform:rotate(-12deg)}.todo-brand strong{font:800 23px var(--todo-rounded)}.todo-brand>span{letter-spacing:.13em;color:var(--todo-muted);margin-left:6px;font-size:10px;font-weight:700}.todo-topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.todo-app .notification-settings-button{min-height:44px;color:var(--todo-indigo-dark);white-space:nowrap;background:#eaf1dc;border:2px solid #c6d7b5;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px #d4dfc3}.identity-chip{color:var(--todo-ink);text-align:left;background:#f5f0dc;border:1px solid #dfdfc8;border-radius:18px;grid-template-columns:auto auto;gap:0 10px;padding:7px 16px;display:grid}.identity-chip span{color:var(--todo-muted);font-size:10px}.identity-chip strong{letter-spacing:.04em;grid-row:2;font:700 11px ui-monospace,monospace}.identity-chip i{grid-area:1/2/3;align-self:center;font-size:12px;font-style:normal}.todo-shell{width:min(1400px,100% - 48px);margin:auto;padding:32px 0 24px}.todo-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.island-eyebrow{color:var(--todo-indigo);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:700}.todo-intro h1{font:800 clamp(26px, 3vw, 36px)/1.4 var(--todo-rounded);letter-spacing:.02em;margin:0}.planner-subtitle{color:var(--todo-muted);margin:8px 0 0;font-size:14px}.month-summary{text-align:center;background:#f9edbb;border:2px solid #e0cf96;border-radius:48% 42% 45% 36%;flex:none;min-width:120px;padding:15px 25px;transform:rotate(3deg)}.month-summary strong{font:800 30px var(--todo-rounded)}.month-summary strong span{font-size:16px;font-weight:500}.month-summary p{margin:0;font-size:11px}.todo-app .cloud-sync-status{flex-wrap:wrap;align-items:center;gap:6px 20px;margin:0 0 25px;font-size:12px;display:flex}.cloud-sync-status p{color:#5e715b;flex:220px;margin:0}.cloud-sync-status p:before{content:"";background:#679d74;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.cloud-sync-status button{min-height:40px;color:var(--todo-indigo-dark);background:#f4f8e9;border:1px solid #bccdb0;border-radius:999px;padding:0 14px}.planner-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;display:grid}.calendar-panel,.day-panel{background:var(--todo-panel);border:2px solid #d8dbc0;border-radius:26px;min-width:0;box-shadow:0 6px #d7dfc2}.calendar-panel{padding:0 12px 12px;position:relative}.calendar-panel:before,.calendar-panel:after{content:"";background:#9aaa81;border:3px solid #fbf7e4;border-radius:8px;width:12px;height:26px;position:absolute;top:-10px;box-shadow:0 2px #c2c7a9}.calendar-panel:before{left:28px}.calendar-panel:after{right:28px}.calendar-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:87px;padding:18px 12px 12px;display:flex}.calendar-toolbar>div:first-child{align-items:baseline;gap:10px;display:flex}.calendar-toolbar span{color:var(--todo-muted);font-size:13px}.calendar-toolbar h2{font:800 29px var(--todo-rounded);margin:0}.calendar-actions{gap:6px;display:flex}.calendar-actions button{min-width:38px;min-height:38px;color:var(--todo-ink);background:#f4eed7;border:1px solid #dfdbc0;border-radius:13px;padding:0 10px;font-size:13px}.calendar-actions button:hover{background:#e3ebcc}.week-row,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-row{background:#e7edd3;border-radius:12px;margin:0 0 6px}.week-row span{color:#64765a;text-align:center;padding:8px 0;font-size:12px;font-weight:700}.week-row span:nth-last-child(-n+2){color:#a66b45}.calendar-grid{gap:4px}.day-cell{background:#fffcf2;border:1px solid #e9e5d1;border-radius:13px;min-width:0;min-height:128px;position:relative;overflow:hidden}.day-cell.is-outside{color:#8c927c;background:#f3f1e2}.day-cell.is-selected{background:#edf3db;border-color:#6b9b71;box-shadow:inset 0 0 0 1px #6b9b71}.day-cell.is-today:not(.is-selected){background:#faf0c5;border-color:#dbc875}.day-cell-select{width:100%;color:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.day-cell-select:focus-visible{outline-offset:-4px}.day-number{width:27px;height:27px;font:750 14px var(--todo-rounded);place-items:center;display:grid;position:absolute;top:7px;left:7px}.is-selected .day-number{background:var(--todo-indigo);color:#fffbed;border-radius:50% 50% 45% 15%}.cell-tasks{z-index:1;pointer-events:none;gap:4px;padding:39px 5px 18px;display:grid;position:relative}.cell-task{color:#385634;text-align:left;pointer-events:auto;background:#e1edcc;border:1px solid #a9c695;border-left:3px solid #67915c;border-radius:7px;gap:2px;min-width:0;min-height:41px;padding:5px 6px;display:grid}.cell-task.category-life{color:#785324;background:#fbe8c6;border-color:#dfc48f #dfc48f #dfc48f #b68747}.cell-task.category-study{color:#38676b;background:#dbeded;border-color:#b3d0cc #b3d0cc #b3d0cc #589594}.cell-task:hover{filter:brightness(.96)}.cell-task-meta{justify-content:space-between;align-items:center;font:700 10px ui-monospace,monospace;display:flex}.cell-task-meta em{font-style:normal}.cell-task-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.cell-task.is-done{color:#69715b;background:#f0f0dd;border-color:#ced4bb}.cell-task.is-done .cell-task-title{text-decoration:line-through}.cell-more{color:var(--todo-muted);pointer-events:none;font-size:10px;position:absolute;bottom:2px;right:6px}.day-panel{min-height:280px;position:sticky;top:18px}.day-panel-header{border-bottom:1px dashed #d5d8b9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 18px;display:flex}.day-panel-header p{color:var(--todo-indigo);margin:0 0 2px;font-size:12px}.day-panel-header h2{font:800 24px var(--todo-rounded);margin:0}.add-task-button,.editor-save,.detail-edit{background:var(--todo-indigo);color:#fffbed;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 3px #24563f}.add-task-button:hover,.editor-save:hover,.detail-edit:hover{background:var(--todo-indigo-dark)}.agenda-list{gap:14px;margin:0;padding:18px 16px;list-style:none;display:grid}.agenda-item{background:#fffff7;border:1px solid #d6dfbf;border-radius:18px;grid-template-columns:34px minmax(0,1fr);gap:10px;min-width:0;padding:15px 13px 10px;display:grid}.task-check{color:#0000;background:#f4f8e7;border:2px solid #aabc92;border-radius:50%;align-self:start;place-items:center;width:34px;height:34px;padding:0;display:grid}.task-check span{font-size:17px;font-weight:800}.is-done .task-check{background:var(--todo-indigo);border-color:var(--todo-indigo);color:#fff}.task-copy{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.task-copy strong{overflow-wrap:anywhere;margin:4px 0;font-size:17px;line-height:1.5;display:block}.is-done .task-copy strong{color:#747961;text-decoration:line-through}.task-meta{color:var(--todo-muted);flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:11px;display:flex}.task-meta b{color:var(--todo-indigo);font:750 12px ui-monospace,monospace}.task-meta i{font-style:normal}.task-done-label{color:var(--todo-indigo)}.task-channel-tags{flex-wrap:wrap;gap:4px;min-width:0;margin-top:7px;display:flex}.task-channel-tags:empty{display:none}.task-channel-tags em{color:#73714e;overflow-wrap:anywhere;background:#f1efd9;border-radius:7px;max-width:100%;padding:2px 7px;font-size:10px;font-style:normal}.task-channel-tags .qq-state{color:#536e44;background:#e7efdc}.task-row-actions{border-top:1px dashed #e1e3ce;grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.task-row-actions button{color:#3b6249;white-space:nowrap;background:#eff4e1;border:1px solid #c9d7b5;border-radius:999px;flex:none;min-width:68px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700}.task-row-actions .task-delete,.detail-delete{color:#934531;background:#fbe9de;border:1px solid #dfbca4}.task-row-actions button:hover{filter:brightness(.94)}.agenda-empty{text-align:center;align-content:center;place-items:center;min-height:225px;padding:24px;display:grid}.agenda-empty svg{width:100px;height:76px}.agenda-empty p{color:var(--todo-muted);margin:12px 0 8px;font-size:13px}.agenda-empty button{min-height:42px;color:var(--todo-indigo);background:#eff4df;border:1px dashed #a7bd91;border-radius:999px;padding:0 16px;font-size:13px}.privacy-note{color:#657557;text-align:center;margin:26px 0 10px;font-size:12px}.mobile-add{display:none}.todo-toast{z-index:150;width:max-content;max-width:calc(100% - 28px);color:var(--todo-indigo-dark);background:#fffbed;border:2px solid #d0dab9;border-radius:999px;padding:12px 22px;font-size:13px;animation:3s both todo-toast;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #4a60352b}@keyframes todo-toast{0%,to{opacity:0}10%,90%{opacity:1}}.editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#334b3b66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.task-editor,.task-detail,.todo-app .notification-dialog{background:var(--todo-panel);width:min(100%,570px);max-height:calc(100dvh - 36px);color:var(--todo-ink);border:3px solid #e1dfbe;border-radius:28px;overflow:auto;box-shadow:0 12px #354b3926,0 24px 60px #243d3933}.task-editor>header,.task-detail>header,.notification-dialog-header{border-bottom:1px dashed #d4d8b8;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.task-editor h2{font:800 24px var(--todo-rounded);margin:0}.task-editor>header>button,.task-detail>header>button{color:#6b6b50;background:#ede8d0;border:0;border-radius:50%;flex:none;width:40px;height:40px;padding:0;font-size:24px}.task-editor form{gap:18px;padding:22px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span,.category-field legend{color:#5e684f;font-size:13px;font-weight:700}.field input,.todo-app .notification-panel input:not([type=checkbox]){width:100%;min-width:0;height:46px;color:var(--todo-ink);background:#fffff8;border:1px solid #d5d9bd;border-radius:13px;padding:10px 12px;font-size:16px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-help{color:var(--todo-muted);font-size:12px}.field-help.is-error{color:#934531}.category-field{border:0;min-width:0;margin:0;padding:0}.category-field>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.category-choice{position:relative}.category-choice input{opacity:0;width:1px;height:1px;position:absolute}.category-choice span{color:#677358;background:#fffef5;border:1px solid #d9ddc2;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.category-choice i{background:#739659;border-radius:50%;width:7px;height:7px}.category-choice.category-life i{background:#bc8b47}.category-choice.category-study i{background:#589594}.category-choice input:checked+span{color:#3e6542;background:#e8f0d6;border:2px solid #7b9e68;font-weight:700}.category-choice input:focus-visible+span{outline-offset:3px;outline:3px solid #a87627}.reminder-settings{background:#f3f2df;border:1px dashed #c5ccaa;border-radius:18px;min-width:0;padding:16px}.reminder-settings>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.reminder-settings strong{font-size:14px;display:block}.reminder-settings small{color:var(--todo-muted);font-size:12px;line-height:1.7}.reminder-settings>header small{display:block}.reminder-settings>header button{min-height:42px;color:var(--todo-indigo-dark);background:#e9efd8;border:1px solid #b8c9a4;border-radius:999px;flex:none;padding:0 12px;font-size:12px}.reminder-fields{margin-top:15px}.reminder-presets{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.reminder-presets button{color:#647354;background:#fffdf3;border:1px solid #d0d6b7;border-radius:999px;min-height:36px;padding:0 10px;font-size:11px}.reminder-presets .is-active{background:var(--todo-indigo);color:#fff;border-color:var(--todo-indigo)}.task-editor footer{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.editor-cancel,.detail-toggle{color:#656c50;background:#f2edd8;border:1px solid #d1d3b7;border-radius:999px;min-height:44px;padding:0 16px;font-size:13px}.task-detail>header span{color:var(--todo-indigo);font-size:13px;font-weight:700}.task-detail-body{grid-template-columns:96px minmax(0,1fr);gap:20px;padding:24px;display:grid}.task-detail-date{text-align:center;color:#72633c;background:#f6e8b1;border:1px dashed #c5bd84;border-radius:18px;align-content:center;align-self:start;min-height:120px;display:grid;transform:rotate(-3deg)}.task-detail-date strong{font:800 48px var(--todo-rounded)}.task-detail-date span{font-size:11px}.task-detail-copy{min-width:0}.task-detail-copy>p{color:var(--todo-muted);margin:0 0 8px;font-size:12px}.task-detail-copy h2{font:800 26px/1.4 var(--todo-rounded);overflow-wrap:anywhere;margin:0}.task-detail-copy dl{gap:8px;margin:18px 0 0;display:grid}.task-detail-copy dl>div{border-top:1px dashed #d9dbc0;grid-template-columns:60px minmax(0,1fr);gap:8px;padding-top:8px;font-size:12px;display:grid}.task-detail-copy dt{color:var(--todo-muted)}.task-detail-copy dd{overflow-wrap:anywhere;margin:0}.task-detail>footer{grid-template-columns:1.4fr 1fr 1fr;gap:10px;padding:0 24px 24px;display:grid}.task-detail>footer button{white-space:nowrap;border-radius:999px;min-width:0;min-height:44px;padding:0 10px;font-size:13px}.detail-login-note{color:var(--todo-muted);margin:0 24px 16px;font-size:12px}.todo-app .notification-dialog{width:min(550px,100vw - 28px);padding:0}.notification-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#334b3b66}.notification-panel{overflow-wrap:anywhere;min-width:0;padding:22px}.notification-dialog-header{padding:0 0 14px}.notification-dialog-header h3{font:800 24px var(--todo-rounded);margin:0}.notification-panel p{color:var(--todo-muted);margin:14px 0;font-size:13px}.notification-panel button{color:#4f6548;background:#f2f2df;border:1px solid #cbd5b6;border-radius:16px;min-height:44px;padding:8px 14px;font-size:13px}.notification-tabs,.notification-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.notification-tabs button{border-radius:999px;flex:1}.notification-tabs button[aria-pressed=true]{background:var(--todo-indigo);color:#fff;border-color:var(--todo-indigo)}.notification-config{border:0;gap:10px;min-width:0;margin:16px 0;padding:0;display:grid}.notification-config legend{margin-bottom:8px;font-weight:700}.notification-config a{color:var(--todo-indigo);font-size:13px;text-decoration:underline}.notification-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.notification-check input{width:18px;height:18px;accent-color:var(--todo-indigo);flex:none}.notification-panel small,.notification-channel-choice small{color:var(--todo-muted);font-size:12px;line-height:1.7;display:block}.notification-panel .notification-message{color:var(--todo-indigo-dark);background:#e9efcf;border-radius:12px;padding:12px}.notification-panel .notification-warning{color:#934531}.notification-panel details{margin:14px 0;font-size:12px}.notification-channel-choice{border:0;border-top:1px dashed #d2d8b7;min-width:0;margin:16px 0 0;padding:10px 0 0}.notification-channel-choice legend{font-size:12px}@media (max-width:1079px){.planner-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.todo-shell{width:calc(100% - 32px)}.day-cell{min-height:115px}.day-panel-header{padding:18px 16px}.day-panel-header h2{font-size:22px}.add-task-button{padding:0 12px}}@media (max-width:799px){.planner-layout{grid-template-columns:minmax(0,1fr);gap:24px}.day-panel{min-height:0;position:static}.agenda-empty{min-height:180px}.todo-topbar{gap:12px;min-height:72px;padding:12px 16px}.todo-brand>span{display:none}.month-summary{min-width:92px;padding:13px 16px}.calendar-panel{border-radius:22px;padding:0 6px 6px}.calendar-toolbar{min-height:76px;padding:16px 10px 10px}.day-cell{border-radius:8px;min-height:105px}.calendar-grid{gap:3px}.cell-tasks{padding:36px 3px 16px}.cell-task{border-left-width:2px;border-radius:5px;min-height:39px;padding:4px 3px}.cell-task-title{font-size:10px}.cell-task-meta{font-size:9px}.day-number{width:25px;height:25px;top:5px;left:4px}}@media (max-width:480px){.todo-topbar{gap:8px;padding:10px 12px}.todo-brand{gap:5px}.island-leaf{width:28px;height:28px}.todo-brand strong{font-size:19px}.todo-topbar-actions{gap:7px}.todo-app .notification-settings-button{min-height:42px;padding:0 12px;font-size:12px}.identity-chip{border-radius:15px;padding:7px 10px}.identity-chip i,.identity-chip>span{display:none}.identity-chip strong{font-size:9px}.identity-chip:before{content:"我的空间";font-size:10px}.todo-shell{width:calc(100% - 24px);padding-top:24px}.todo-intro{gap:10px;margin-bottom:14px}.island-eyebrow{letter-spacing:.07em;font-size:11px}.todo-intro h1{max-width:220px;font-size:22px}.planner-subtitle{max-width:215px;font-size:12px}.month-summary{min-width:70px;padding:12px}.month-summary strong{font-size:24px}.month-summary strong span{font-size:12px}.month-summary p{font-size:10px}.cloud-sync-status p{flex-basis:190px;font-size:10px}.cloud-sync-status button{padding:0 10px;font-size:11px}.todo-app .cloud-sync-status{gap:4px;margin-bottom:20px}.calendar-toolbar h2{font-size:24px}.calendar-toolbar span{font-size:11px}.calendar-actions{gap:4px}.calendar-actions button{min-width:34px;min-height:36px;padding:0 8px;font-size:12px}.week-row span{font-size:10px}.task-detail-body{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px}.task-detail-date{border-radius:13px;min-height:92px}.task-detail-date strong{font-size:36px}.task-detail-date span{font-size:9px}.task-detail-copy h2{font-size:23px}.task-detail>footer{gap:7px;padding:0 18px 18px}.task-editor form,.notification-panel{padding:18px}.task-editor>header,.task-detail>header{padding:16px 18px}.editor-backdrop{padding:10px}.task-editor,.task-detail{border-radius:23px;max-height:calc(100dvh - 20px)}.field-row{grid-template-columns:minmax(0,1fr)}.reminder-settings{padding:12px}}@media (prefers-reduced-motion:reduce){.todo-app *,.todo-app :before,.todo-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:is(.todo-app,.skin-option)[data-todo-skin=island]{--todo-bg:#e8f2db;--todo-panel:#fffbed;--todo-ink:#514f3d;--todo-muted:#727663;--todo-line:#dedfc6;--todo-indigo:#39765b;--todo-indigo-dark:#285b43;--skin-soft:#eaf1dc;--skin-gold:#e9c875;--skin-edge:#c6d7b5;--skin-pattern:radial-gradient(circle, #cbdcbf 1px, transparent 1px);--skin-pattern-size:22px 22px;--skin-radius:26px;--skin-onaccent:#fffbed}:is(.todo-app,.skin-option)[data-todo-skin=wonder]{--todo-bg:#e0f5ff;--todo-panel:#fffef6;--todo-ink:#293c70;--todo-muted:#516984;--todo-line:#97cbe2;--todo-indigo:#bd304a;--todo-indigo-dark:#92283f;--skin-soft:#d9f2e3;--skin-gold:#ffcf42;--skin-edge:#659caf;--skin-onaccent:#fff;--skin-radius:18px;--skin-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath d='M22 52c-8-14 9-26 21-16 1-21 35-22 36 0 19-9 31 16 12 21H30Z' fill='%23fff' opacity='.8'/%3E%3Cpath d='m177 100 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1Z' fill='%23ffcf42' opacity='.6'/%3E%3C/svg%3E");--skin-pattern-size:240px 150px}:is(.todo-app,.skin-option)[data-todo-skin=pokemon]{--todo-bg:#e9eef4;--todo-panel:#fff;--todo-ink:#263c50;--todo-muted:#5a6c7c;--todo-line:#bbc9d4;--todo-indigo:#be3540;--todo-indigo-dark:#97242d;--skin-soft:#e8f0f7;--skin-gold:#f4ca42;--skin-edge:#54738c;--skin-onaccent:#fff;--skin-radius:12px;--skin-pattern:linear-gradient(#cbd7e355 1px, transparent 1px), linear-gradient(90deg, #cbd7e355 1px, transparent 1px);--skin-pattern-size:32px 32px}:is(.todo-app,.skin-option)[data-todo-skin=kirby]{--todo-bg:#fae6f1;--todo-panel:#fff8fc;--todo-ink:#674764;--todo-muted:#86677e;--todo-line:#e0bfd5;--todo-indigo:#ab4178;--todo-indigo-dark:#873160;--skin-soft:#f3def0;--skin-gold:#ffe18a;--skin-edge:#c894b8;--skin-onaccent:#fff;--skin-radius:32px;--skin-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='130'%3E%3Cpath d='m26 15 4 10 11 1-8 7 3 11-10-6-9 6 2-11-8-7 11-1Z' fill='%23fff6d6'/%3E%3Cpath d='m116 82 3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1Z' fill='%23d4bfe8'/%3E%3Ccircle cx='77' cy='58' r='3' fill='%23fff'/%3E%3C/svg%3E");--skin-pattern-size:160px 130px}:is(.todo-app,.skin-option)[data-todo-skin=frozen]{--todo-bg:#e0edf8;--todo-panel:#f7fcff;--todo-ink:#24445e;--todo-muted:#54708a;--todo-line:#b6d2e3;--todo-indigo:#246e93;--todo-indigo-dark:#1b506f;--skin-soft:#e0eef9;--skin-gold:#d9c5ef;--skin-edge:#87b3cd;--skin-onaccent:#fff;--skin-radius:18px;--skin-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='150'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' opacity='.85'%3E%3Cpath d='M35 14v42M17 25l36 20M17 45l36-20m-24-5 6 6 6-6m-12 30 6-6 6 6'/%3E%3Cpath d='m116 98 7-12 7 12-7 12Z'/%3E%3C/g%3E%3Ccircle cx='85' cy='70' r='2' fill='%239bbbd4'/%3E%3C/svg%3E");--skin-pattern-size:170px 150px}:is(.todo-app,.skin-option)[data-todo-skin=zelda]{--todo-bg:#162f2b;--todo-panel:#243f36;--todo-ink:#f2e9cf;--todo-muted:#bdc9b3;--todo-line:#647b60;--todo-indigo:#c3d991;--todo-indigo-dark:#d6e8ac;--skin-soft:#314e40;--skin-gold:#d6bc74;--skin-edge:#8d9565;--skin-onaccent:#203a2c;--skin-radius:5px;--skin-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='140'%3E%3Cpath d='m60 15 20 35H40Zm0 80 20 35H40Z' fill='none' stroke='%238c9b6a' opacity='.14'/%3E%3Cpath d='M0 70h120' stroke='%238c9b6a' opacity='.07'/%3E%3C/svg%3E");--skin-pattern-size:120px 140px}.skin-emblem{width:38px;height:38px;color:var(--todo-indigo);flex:none}.skin-picker-trigger{border:1px solid var(--skin-edge);background:var(--skin-soft);min-height:44px;color:var(--todo-ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.skin-picker-trigger .skin-emblem{width:24px;height:24px}.skin-picker-dialog{border:2px solid var(--skin-edge);background:var(--todo-panel);width:min(720px,100vw - 28px);max-height:calc(100dvh - 32px);color:var(--todo-ink);border-radius:26px;padding:24px;overflow:auto}.skin-picker-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d293866}.skin-picker-dialog>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.skin-picker-dialog h2{font:800 25px var(--todo-rounded);margin:0}.skin-picker-dialog header p{color:var(--todo-muted);margin:6px 0 0;font-size:13px}.skin-picker-dialog header button{border:1px solid var(--todo-line);background:var(--skin-soft);width:42px;height:42px;color:var(--todo-ink);border-radius:50%;flex:none;font-size:24px}.skin-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.skin-option{border:2px solid var(--todo-line,#dedfc6);background:var(--todo-panel,#fffbed);min-width:0;color:var(--todo-ink,#514f3d);text-align:left;border-radius:16px;padding:0 0 12px;overflow:hidden}.skin-option[aria-pressed=true]{outline:3px solid var(--todo-indigo,#39765b);outline-offset:2px}.skin-preview{background-color:var(--todo-bg,#e8f2db);background-image:var(--skin-pattern);background-size:var(--skin-pattern-size);justify-content:space-around;align-items:center;gap:8px;min-height:94px;padding:18px 12px;display:flex;position:relative}.skin-preview>.skin-emblem{width:44px;height:44px}.skin-preview-calendar{border:1px solid var(--skin-edge);background:var(--todo-panel,#fffbed);border-radius:7px;grid-template-columns:repeat(4,12px);gap:3px;padding:7px;display:grid}.skin-preview-calendar i{background:var(--skin-soft);border-radius:3px;place-items:center;height:13px;font-size:8px;font-style:normal;display:grid}.skin-preview-calendar i:nth-child(3){color:var(--skin-onaccent);background:var(--todo-indigo,#39765b)}.skin-selected{color:var(--todo-indigo,#39765b);font-weight:800;position:absolute;top:6px;right:6px}.skin-option strong{overflow-wrap:anywhere;margin:10px 10px 4px;font-size:12px;display:block}.skin-option small{color:var(--todo-muted,#727663);margin:0 10px;font-size:10px;display:block}.skin-picker-dialog footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.skin-picker-dialog footer p{color:var(--todo-muted);margin:0;font-size:12px}.skin-picker-dialog footer button{background:var(--todo-indigo);min-height:44px;color:var(--skin-onaccent);border:0;border-radius:999px;flex:none;padding:0 18px;font-size:13px;font-weight:700}.todo-app:not([data-todo-skin=island]){background-color:var(--todo-bg);background-image:var(--skin-pattern);background-size:var(--skin-pattern-size);background-position:0 0}.todo-app:not([data-todo-skin=island]) :is(.todo-topbar,.calendar-panel,.day-panel,.task-editor,.task-detail,.notification-dialog){border-color:var(--todo-line);background:var(--todo-panel)}.todo-app:not([data-todo-skin=island]) :is(.calendar-panel,.day-panel,.task-editor,.task-detail,.notification-dialog){border-radius:var(--skin-radius);box-shadow:0 5px 0 color-mix(in srgb, var(--skin-edge) 45%, transparent)}.todo-app:not([data-todo-skin=island]) .calendar-panel:before,.todo-app:not([data-todo-skin=island]) .calendar-panel:after{background:var(--skin-edge);border-color:var(--todo-panel);box-shadow:none}.todo-app:not([data-todo-skin=island]) :is(.island-eyebrow,.day-panel-header p,.task-meta b,.task-detail>header span,.agenda-empty button,.notification-config a){color:var(--todo-indigo)}.todo-app:not([data-todo-skin=island]) :is(.cloud-sync-status p,.privacy-note,.week-row span,.task-meta,.task-detail-copy dt,.field>span,.category-field legend,.reminder-settings small){color:var(--todo-muted)}.todo-app:not([data-todo-skin=island]) .cloud-sync-status p:before{background:var(--todo-indigo)}.todo-app:not([data-todo-skin=island]) :is(.notification-settings-button,.identity-chip,.cloud-sync-status button,.calendar-actions button,.week-row,.task-row-actions button,.editor-cancel,.detail-toggle,.notification-panel button,.reminder-settings>header button,.reminder-presets button,.category-choice span,.task-editor>header>button,.task-detail>header>button,.agenda-empty button){border-color:var(--todo-line);background:var(--skin-soft);color:var(--todo-ink);box-shadow:none}.todo-app:not([data-todo-skin=island]) .month-summary{border-color:var(--skin-edge);background:var(--skin-gold);color:#3b3545}.todo-app:not([data-todo-skin=island]) :is(.day-cell,.agenda-item,.field input,.notification-panel input:not([type=checkbox])){border-color:var(--todo-line);background:var(--todo-panel);color:var(--todo-ink)}.todo-app:not([data-todo-skin=island]) input::placeholder{color:var(--todo-muted);opacity:1}.todo-app:not([data-todo-skin=island]) .day-cell.is-outside{background:color-mix(in srgb, var(--todo-bg) 65%, var(--todo-panel));color:var(--todo-muted)}.todo-app:not([data-todo-skin=island]) .day-cell.is-today:not(.is-selected){border-color:var(--skin-gold);background:color-mix(in srgb, var(--skin-gold) 20%, var(--todo-panel))}.todo-app:not([data-todo-skin=island]) .day-cell.is-selected{border-color:var(--todo-indigo);box-shadow:inset 0 0 0 1px var(--todo-indigo);background:var(--skin-soft)}.todo-app:not([data-todo-skin=island]) :is(.is-selected .day-number,.is-done .task-check,.add-task-button,.editor-save,.detail-edit,.notification-tabs button[aria-pressed=true],.reminder-presets .is-active){border-color:var(--todo-indigo);background:var(--todo-indigo);color:var(--skin-onaccent);box-shadow:none}.todo-app:not([data-todo-skin=island]) :is(.task-check,.reminder-settings,.task-detail-date,.notification-panel .notification-message,.todo-toast){border-color:var(--todo-line);background:var(--skin-soft);color:var(--todo-ink)}.todo-app:not([data-todo-skin=island]) .task-check:not(.is-done .task-check){color:#0000}.todo-app:not([data-todo-skin=island]) .is-done .task-check{background:var(--todo-indigo);color:var(--skin-onaccent);border-color:var(--todo-indigo)}.todo-app:not([data-todo-skin=island]) .is-done .task-copy strong{color:var(--todo-muted)}.todo-app:not([data-todo-skin=island]) .task-done-label{color:var(--todo-indigo)}.todo-app:not([data-todo-skin=island]) :is(.task-row-actions,.day-panel-header,.notification-channel-choice,.task-editor>header,.task-detail>header,.notification-dialog-header,.task-detail-copy dl>div){border-color:var(--todo-line)}.todo-app:not([data-todo-skin=island]) :is(.task-row-actions .task-delete,.detail-delete){color:#873e2b;background:#fbe9de;border-color:#d8a48f}.todo-app:not([data-todo-skin=island]) .cell-task{border-color:color-mix(in srgb, var(--todo-indigo) 55%, var(--todo-panel));border-left-color:var(--todo-indigo);background:color-mix(in srgb, var(--todo-indigo) 12%, var(--todo-panel));color:var(--todo-ink)}.todo-app:not([data-todo-skin=island]) .cell-task.category-life{background:color-mix(in srgb, var(--skin-gold) 30%, var(--todo-panel));border-color:#bc954f}.todo-app:not([data-todo-skin=island]) .cell-task.category-study{background:color-mix(in srgb, #81bcdd 20%, var(--todo-panel));border-color:#6699af}.todo-app:not([data-todo-skin=island]) .cell-task.is-done{border-color:var(--todo-line);background:var(--skin-soft);color:var(--todo-muted)}.todo-app:not([data-todo-skin=island]) :is(.task-channel-tags em,.task-channel-tags .qq-state){background:var(--skin-soft);color:var(--todo-muted)}.todo-app:not([data-todo-skin=island]) .category-choice input:checked+span{border-color:var(--todo-indigo);background:var(--skin-soft);color:var(--todo-indigo)}.todo-app:not([data-todo-skin=island]) .agenda-empty>.skin-emblem{width:86px;height:86px}.todo-app[data-todo-skin=wonder] .calendar-panel{border:3px solid #477ca9;box-shadow:0 7px #347b67}.todo-app[data-todo-skin=wonder] .day-panel{border:3px solid #4a9771;box-shadow:0 7px #2b7855}.todo-app[data-todo-skin=wonder] .calendar-toolbar{border-bottom:5px solid #62b570;margin-bottom:9px}.todo-app[data-todo-skin=wonder] .day-cell{border-bottom-width:3px;border-radius:9px}.todo-app[data-todo-skin=wonder] .month-summary{border:4px double #a07812;border-radius:50%;transform:rotate(-6deg)}.todo-app[data-todo-skin=wonder] .is-selected .day-number{border-radius:7px;box-shadow:2px 2px #942838}.todo-app[data-todo-skin=wonder] :is(.add-task-button,.editor-save){border-radius:14px;box-shadow:0 4px #7e2434}.todo-app[data-todo-skin=wonder] .todo-intro h1{text-shadow:2px 3px #fff}.todo-app[data-todo-skin=pokemon] .todo-topbar{border-bottom:6px solid #be3540}.todo-app[data-todo-skin=pokemon] .calendar-panel{border:3px solid #54738c}.todo-app[data-todo-skin=pokemon] .calendar-panel:before,.todo-app[data-todo-skin=pokemon] .calendar-panel:after{background:#38a5cb;border:0;border-radius:50%;width:8px;height:8px;top:12px}.todo-app[data-todo-skin=pokemon] .calendar-toolbar{border-bottom:4px solid #be3540;margin-bottom:10px}.todo-app[data-todo-skin=pokemon] :is(.day-cell,.agenda-item){border-radius:7px}.todo-app[data-todo-skin=pokemon] .month-summary{color:#fff;background:linear-gradient(#be3540 0 45%,#263c50 45% 51%,#fff 51%);border:4px solid #263c50;border-radius:50%;padding-top:12px;transform:none}.todo-app[data-todo-skin=pokemon] .month-summary p{color:#263c50;background:#fff;border-radius:99px;margin-top:6px}.todo-app[data-todo-skin=pokemon] .is-selected .day-number{border:2px solid #263c50;border-radius:50%}.todo-app[data-todo-skin=pokemon] .island-eyebrow{letter-spacing:.2em;font-family:ui-monospace,monospace}.todo-app[data-todo-skin=kirby] :is(.calendar-panel,.day-panel){border:3px solid #e4b9d7;box-shadow:0 7px #e5c9e8}.todo-app[data-todo-skin=kirby] .day-cell{border-radius:17px}.todo-app[data-todo-skin=kirby] .month-summary{border:2px dashed #bf93bf;border-radius:45% 55% 40% 60%;transform:rotate(7deg)}.todo-app[data-todo-skin=kirby] .is-selected .day-number{clip-path:polygon(50% 0,65% 30%,100% 35%,75% 60%,82% 100%,50% 80%,18% 100%,25% 60%,0 35%,35% 30%);border-radius:0;width:30px;height:30px}.todo-app[data-todo-skin=kirby] .todo-intro h1{text-shadow:2px 3px #fff}.todo-app[data-todo-skin=kirby] .week-row{border-radius:999px}.todo-app[data-todo-skin=kirby] .calendar-panel:before,.todo-app[data-todo-skin=kirby] .calendar-panel:after{background:#de96bd}.todo-app[data-todo-skin=frozen] :is(.calendar-panel,.day-panel){background:linear-gradient(130deg,#ffffffea,#edf7ffe8);border:2px solid #fff;box-shadow:0 0 0 1px #a4c3d9,0 10px 30px #91b8d333}.todo-app[data-todo-skin=frozen] .calendar-toolbar{border-bottom:1px solid #bad5e8;margin-bottom:8px}.todo-app[data-todo-skin=frozen] :is(.day-cell,.agenda-item){border-radius:4px 16px}.todo-app[data-todo-skin=frozen] .month-summary{color:#285774;background:linear-gradient(130deg,#fff,#c7e0f6);border:2px solid #fff;border-radius:12px 32px;transform:none}.todo-app[data-todo-skin=frozen] .is-selected .day-number{border-radius:4px 12px}.todo-app[data-todo-skin=frozen] .todo-intro h1{letter-spacing:.08em;font-family:Songti SC,Noto Serif SC,serif;font-weight:700}.todo-app[data-todo-skin=frozen] .calendar-panel:before,.todo-app[data-todo-skin=frozen] .calendar-panel:after{background:#8ab4d4;border-radius:2px 8px}.todo-app[data-todo-skin=zelda]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.todo-app[data-todo-skin=zelda] :is(.calendar-panel,.day-panel){outline-offset:4px;border:1px solid #8d9565;outline:1px solid #526d55;box-shadow:0 8px 28px #081f2355}.todo-app[data-todo-skin=zelda] .calendar-panel:before,.todo-app[data-todo-skin=zelda] .calendar-panel:after{background:#d6bc74;border-radius:0;width:13px;height:13px;top:-7px;transform:rotate(45deg)}.todo-app[data-todo-skin=zelda] .calendar-toolbar{border-bottom:1px solid #8d9565;margin-bottom:10px}.todo-app[data-todo-skin=zelda] :is(.day-cell,.agenda-item){border-radius:3px}.todo-app[data-todo-skin=zelda] .month-summary{color:#e5ce8d;outline-offset:4px;background:#243f36;border:1px solid #b8a96d;border-radius:3px;outline:1px solid #77895f;transform:none}.todo-app[data-todo-skin=zelda] .island-eyebrow{color:#d6bc74;letter-spacing:.2em}.todo-app[data-todo-skin=zelda] .todo-intro h1{letter-spacing:.08em;font-family:Songti SC,Noto Serif SC,serif}.todo-app[data-todo-skin=zelda] :is(.add-task-button,.editor-save,.detail-edit,.calendar-actions button,.skin-picker-trigger,.notification-settings-button){border-radius:4px}.todo-app[data-todo-skin=zelda] :is(.task-row-actions .task-delete,.detail-delete){color:#ffd4b9;background:#543b33;border-color:#a17d62}.todo-app[data-todo-skin=zelda] .is-selected .day-number{border-radius:3px}@media (max-width:600px){.todo-topbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;display:grid}.todo-topbar-actions{display:contents}.todo-brand{grid-area:1/1}.identity-chip{grid-area:1/2;justify-self:end}.skin-picker-trigger{grid-area:2/1;min-width:0}.todo-topbar .notification-settings-button{grid-area:2/2;min-width:0}.skin-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-picker-dialog{padding:18px}.skin-picker-dialog h2{font-size:21px}.skin-preview{gap:5px;min-height:80px;padding:14px 8px}.skin-preview>.skin-emblem{width:34px;height:34px}.skin-preview-calendar{grid-template-columns:repeat(4,9px);gap:2px;padding:5px}.skin-picker-dialog footer{flex-direction:column;align-items:stretch}.skin-option strong{font-size:11px}}
