:root{--bg:#0b0c10;--panel:#111319;--panel-2:#171a22;--text:#f2f4f8;--muted:#a7afbf;--border:#ffffff14;--shadow:0 10px 30px #00000040;--primary:#6aa9ff;--danger:#ff6b6b;--success:#49d17c;--radius:14px;--radius-sm:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--panel:#fff;--panel-2:#fbfbfe;--text:#0f172a;--muted:#5a6477;--border:#0f172a1a;--shadow:0 10px 30px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=dark]{--bg:#0b0c10;--panel:#111319;--panel-2:#171a22;--text:#f2f4f8;--muted:#a7afbf;--border:#ffffff14;--shadow:0 10px 30px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7fb;--panel:#fff;--panel-2:#fbfbfe;--text:#0f172a;--muted:#5a6477;--border:#0f172a1a;--shadow:0 10px 30px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 70%, white);outline-offset:2px}html,body{height:100%}html{background:var(--bg)}body{color:var(--text);background:0 0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(1200px 500px at 30% -10%,#6aa9ff2e,#0000 60%),radial-gradient(900px 450px at 100% 0,#49d17c1f,#0000 55%);position:fixed;inset:0}.app-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;top:0}.app-header__meta{align-items:center;gap:10px;display:flex}.app-header h1{margin:0;font-size:18px}.app{width:min(980px,100% - 32px);margin:18px auto 48px;padding-bottom:28px}h2{margin:0 0 10px;font-size:16px}.muted{color:var(--muted)}.dot{opacity:.7}.meta-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:999px;padding:8px 10px;font-size:13px}.summary{margin-bottom:18px}.summary__grid{grid-template-columns:1fr;gap:12px;display:grid}.summary-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px}.summary-card__label{color:var(--muted);font-size:13px}.summary-card__value{font-variant-numeric:tabular-nums;letter-spacing:.3px;margin-top:6px;font-size:30px}.summary-card__hint{min-height:16px;margin-top:6px;font-size:12px}.add-task{margin:18px 0 12px}.add-task__form{grid-template-columns:1fr auto;gap:10px;display:grid}input[type=text],select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);font:inherit;outline:none;padding:12px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 16px center,right 10px center;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}input[type=text]:focus,select:focus{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.tasks{gap:12px;display:grid}.task{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:14px}.task__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task__name{margin:0;font-size:15px;line-height:1.2}.task__sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.task__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.task__controls{gap:8px;margin-top:12px;display:grid}.task__controlsRow{align-items:center;gap:10px;display:flex}.task__running{font-size:12.5px}.task__history{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.history__header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.history__list{gap:6px;display:grid}.history-row{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.history-row__date{font-size:12.5px}.history-row__time{font-variant-numeric:tabular-nums;font-size:12.5px}.history-row__actions{align-items:center;gap:12px;display:flex}.history-row__delete.btn--icon{min-width:34px;padding:8px}.btn{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, var(--panel-2) 85%, transparent);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;padding:10px 12px;font-size:13px;transition:background-color .12s}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:color-mix(in srgb, var(--panel-2) 85%, transparent)}.btn:disabled:active,.btn[disabled]:active{transform:none}.btn--icon{justify-content:center;align-items:center;gap:0;min-width:40px;padding:10px;display:inline-flex}.btn--icon .icon{opacity:.78}.btn--icon:hover .icon,.btn--icon:focus-visible .icon{opacity:.92}.icon{background-color:currentColor;width:18px;height:18px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon--plus{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%205h2v14h-2zM5%2011h14v2H5z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M11%205h2v14h-2zM5%2011h14v2H5z'%20fill='%23000'/%3e%3c/svg%3e")}.icon--trash{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9%203h6l1%202h4v2H4V5h4l1-2zm-3%204h12l-1%2014H7L6%207zm4%202h2v10h-2V9zm4%200h2v10h-2V9z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M9%203h6l1%202h4v2H4V5h4l1-2zm-3%204h12l-1%2014H7L6%207zm4%202h2v10h-2V9zm4%200h2v10h-2V9z'%20fill='%23000'/%3e%3c/svg%3e")}.icon--play{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8%205v14l12-7z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8%205v14l12-7z'%20fill='%23000'/%3e%3c/svg%3e")}.icon--stop{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M7%207h10v10H7z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M7%207h10v10H7z'%20fill='%23000'/%3e%3c/svg%3e")}.icon--edit{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2017.25V21h3.75L17.8%209.95l-3.75-3.75L3%2017.25zm2.92%202.83H5v-.92l8.79-8.79.92.92-8.79%208.79zM20.7%207.04a1%201%200%200%200%200-1.41l-2.34-2.34a1%201%200%200%200-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2017.25V21h3.75L17.8%209.95l-3.75-3.75L3%2017.25zm2.92%202.83H5v-.92l8.79-8.79.92.92-8.79%208.79zM20.7%207.04a1%201%200%200%200%200-1.41l-2.34-2.34a1%201%200%200%200-1.41%200l-1.83%201.83%203.75%203.75%201.83-1.83z'%20fill='%23000'/%3e%3c/svg%3e")}.icon--settings{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M4%206h8v2H4V6zm10%200h6v2h-6V6zM4%2011h4v2H4v-2zm6%200h10v2H10v-2zM4%2016h10v2H4v-2zm12%200h4v2h-4v-2z'%20fill='%23000'%20/%3e%3cpath%20d='M12%205a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3cpath%20d='M9%2010a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3cpath%20d='M14%2015a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M4%206h8v2H4V6zm10%200h6v2h-6V6zM4%2011h4v2H4v-2zm6%200h10v2H10v-2zM4%2016h10v2H4v-2zm12%200h4v2h-4v-2z'%20fill='%23000'%20/%3e%3cpath%20d='M12%205a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3cpath%20d='M9%2010a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3cpath%20d='M14%2015a2%202%200%201%201%200%204%202%202%200%200%201%200-4z'%20fill='%23000'%20/%3e%3c/svg%3e")}.icon--close{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18.3%205.71%2012%2012l6.3%206.29-1.41%201.42L10.59%2013.4%204.29%2019.71%202.88%2018.29%209.17%2012%202.88%205.71%204.29%204.29l6.3%206.31%206.3-6.31%201.41%201.42z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18.3%205.71%2012%2012l6.3%206.29-1.41%201.42L10.59%2013.4%204.29%2019.71%202.88%2018.29%209.17%2012%202.88%205.71%204.29%204.29l6.3%206.31%206.3-6.31%201.41%201.42z'%20fill='%23000'/%3e%3c/svg%3e")}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--panel-2) 84%, var(--text) 16%)}.btn:active:not(:disabled){transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.noscript{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);box-shadow:var(--shadow);margin:12px;padding:12px 14px}.toast-host{z-index:50;pointer-events:none;place-items:center;gap:10px;padding:0 14px;display:grid;position:fixed;bottom:14px;left:0;right:0}.toast{pointer-events:auto;--toast-border-color:color-mix(in srgb, var(--text) 18%, var(--border));border:1px solid var(--toast-border-color);background:var(--panel-2);width:min(560px,100%);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 18px 60px #00000073}.toast__text{color:inherit;font-size:13px}.toast__actions{align-items:center;gap:8px;display:flex}.btn--primary{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:color-mix(in srgb, var(--primary) 14%, var(--panel))}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 24%, var(--panel))}.btn--ghost{background:0 0}.toast .btn--ghost{border-color:var(--toast-border-color)}.toast .btn--ghost:hover:not(:disabled),.toast .btn--ghost:focus-visible{background:color-mix(in srgb, currentColor 14%, transparent);border-color:var(--toast-border-color)}.btn--danger{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--panel))}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, var(--panel))}.btn--start{border-color:color-mix(in srgb, var(--success) 60%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--panel))}.btn--start:hover:not(:disabled){background:color-mix(in srgb, var(--success) 18%, var(--panel))}.btn--stop{border-color:color-mix(in srgb, var(--danger) 60%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--panel))}.btn--stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, var(--panel))}.task__controlsRow .task__toggle{margin-left:auto}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 70%, transparent);padding:14px}.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}.toast--info,.toast--undo{--toast-border-color:#78aaff8c;color:#cde1fff5;background:#141928d6}.toast--error{--toast-border-color:#ff5050b8;color:#ffaaaafa;background:#4e1414eb}@media (width>=740px){.app-header h1{font-size:20px}}.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(640px,100% - 32px);color:var(--text);box-shadow:var(--shadow);max-height:min(80vh,720px);padding:0;overflow:auto}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.modal__header h2{margin:0;font-size:16px}.modal__body{padding:14px 14px 16px}.modal__section{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;padding:12px}.modal__section+.modal__section{margin-top:12px}.modal__sectionTitle{margin:0 0 8px;font-size:14px}.modal__row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.modal__label{margin-top:12px;margin-bottom:6px;font-size:13px;display:block}.modal__note{margin:12px 0 0;font-size:12px}.modal__section--danger{background:color-mix(in srgb, var(--danger) 7%, var(--panel-2));border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}#settingsDeleteConfirm{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));margin-bottom:2px}#settingsDeleteConfirm:focus{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}