:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f3ee;--card:#fff;--border:#e3e1d8;--text:#1c1c1a;--text-2:#6b6a63;--text-3:#9d9c93;--accent:#185fa5;--accent-bg:#e6f1fb;--accent-text:#0c447c;--danger:#993c1d;--danger-bg:#faece7;--cat-trabajo:#378add;--cat-coding:#1d9e75;--cat-otros:#b4b2a9;--cat-interrupcion:#d85a30;--cat-hueco:#e7e5dc}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#17171a;--card:#202024;--border:#33333a;--text:#ececea;--text-2:#a5a49c;--text-3:#7a7972;--accent:#85b7eb;--accent-bg:#12273f;--accent-text:#b5d4f4;--danger:#f0997b;--danger-bg:#35180c;--cat-hueco:#2b2b31}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17171a;--card:#202024;--border:#33333a;--text:#ececea;--text-2:#a5a49c;--text-3:#7a7972;--accent:#85b7eb;--accent-bg:#12273f;--accent-text:#b5d4f4;--danger:#f0997b;--danger-bg:#35180c;--cat-hueco:#2b2b31}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}button,input,textarea{-webkit-tap-highlight-color:transparent}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}main{max-width:460px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));flex-direction:column;gap:22px;margin:0 auto;display:flex}h2{letter-spacing:.02em;color:var(--text-2);margin:0 0 8px;font-size:13px;font-weight:600}.app-header{justify-content:space-between;align-items:center;display:flex}.app-header-right{align-items:center;gap:10px;display:flex}.btn-theme{color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.btn-theme:active{transform:scale(.92)}.app-date{text-transform:capitalize;font-weight:600}.app-total{color:var(--text-3);font-size:13px}.now-note{color:var(--text-2);margin:2px 0 0;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.now-empty{color:var(--text-3);text-align:center;border-style:dashed;padding:22px 16px;font-size:14px}.now-card.working{background:var(--accent-bg);border-color:#0000}.now-card.interruption{background:var(--danger-bg);border-color:#0000}.now-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.now-label{color:var(--accent-text);opacity:.75;margin:0;font-size:12px}.now-title{color:var(--accent-text);margin:2px 0 0;font-weight:600}.now-clock{font-variant-numeric:tabular-nums;color:var(--accent-text);white-space:nowrap;font-size:26px;font-weight:600}.interruption .now-label,.interruption .now-title,.interruption .now-clock{color:var(--danger)}.hint{color:var(--text-3);margin:8px 0 0;font-size:12px}.btn{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:14px}.btn:active{opacity:.7}.btn-big{width:100%;margin-top:14px;padding:12px;font-weight:600;display:block}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.chip-add{color:var(--text-3);padding:4px 10px;font-weight:600}.chip-add:active{opacity:.7}.chip-input{cursor:text;width:130px;color:var(--text);font-size:16px}.chip-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.chip-on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.done-list{opacity:.75;margin-top:8px}.task-row{text-align:left;width:100%;font:inherit;background:var(--card);border:1px solid var(--border);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.task-row.running{background:var(--accent-bg);border-color:var(--accent)}.task-row.done .task-title{color:var(--text-3);text-decoration:line-through}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.task-main{flex-direction:column;flex:1;min-width:0;display:flex}.task-title{font-size:15px}.task-meta{color:var(--text-3);font-size:12px}.notes-mark{color:var(--text-3);margin-left:6px;font-size:12px}.due{color:var(--text-3);white-space:nowrap}.due-today{color:var(--accent);font-weight:600}.due-over{color:var(--danger);font-weight:600}.task-check{border:1px solid var(--border);width:28px;height:28px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.task-check:hover{border-color:var(--cat-coding);color:var(--cat-coding)}.quick-add input{width:100%;font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 14px}.quick-add input:focus{outline:2px solid var(--accent);outline-offset:-1px}.carry-row{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.timeline{border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.timeline span{min-width:2px;display:block}.legend{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.legend span{color:var(--text-3);align-items:center;gap:5px;font-size:12px;display:inline-flex}.legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.metric-label{color:var(--text-3);margin:0;font-size:11.5px}.metric-value{margin:4px 0 0;font-size:22px;font-weight:600}.metric-sub{color:var(--text-3);font-size:12px;font-weight:400}@property --hold-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.holdable{--hold-trace:var(--accent);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .25s;position:relative}.holdable:active{transform:scale(.97)}.holdable.holding:after,.holdable.sparked:after{content:"";border-radius:inherit;background:conic-gradient(from 180deg, var(--hold-trace) 0deg, var(--hold-trace) var(--hold-sweep), transparent var(--hold-sweep), transparent calc(360deg - var(--hold-sweep)), var(--hold-trace) calc(360deg - var(--hold-sweep)));filter:drop-shadow(0 0 3px var(--hold-trace));pointer-events:none;animation:hold-trace var(--hold-ms,.5s) linear forwards;padding:2px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hold-trace{0%,12%{--hold-sweep:0deg;opacity:0}22%{opacity:1}to{--hold-sweep:180deg;opacity:1}}.holdable.sparked:after{--hold-sweep:180deg;animation:.4s ease-out forwards hold-ring-fade}@keyframes hold-ring-fade{to{opacity:0}}.holdable.sparked:before{content:"";background:conic-gradient(from -41deg at 50% 100%, var(--hold-trace) 0deg 6deg, transparent 6deg 38deg, var(--hold-trace) 38deg 44deg, transparent 44deg 76deg, var(--hold-trace) 76deg 82deg, transparent 82deg);transform-origin:50% 100%;opacity:0;pointer-events:none;z-index:1;width:26px;height:15px;animation:.35s ease-out forwards hold-burst;position:absolute;top:-19px;left:50%;-webkit-mask:radial-gradient(16px at 50% 100%,#0000 28%,#fff 45% 82%,#0000 100%);mask:radial-gradient(16px at 50% 100%,#0000 28%,#fff 45% 82%,#0000 100%)}@keyframes hold-burst{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.4)}25%{opacity:.8}to{opacity:0;transform:translate(-50%)translateY(-4px)scale(1.15)}}.now-top.holdable{cursor:pointer;border-radius:12px;margin:-8px;padding:8px}.interruption .holdable{--hold-trace:var(--danger)}.sheet-overlay{z-index:50;background:#0006;justify-content:center;align-items:flex-end;animation:.25s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{background:0 0}}.sheet{background:var(--card);border:1px solid var(--border);width:100%;max-width:460px;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;animation:.32s cubic-bezier(.16,1,.3,1) sheet-up}.sheet:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:-4px auto 12px;display:block}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-title{align-items:center;gap:8px;margin:0 0 10px;font-weight:600;display:flex}.sheet-btn{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 10px;font-size:15px;display:flex}.sheet-btn:active{background:var(--bg)}.sheet-btn.danger{color:var(--danger)}.sheet-btn.danger.confirm{background:var(--danger-bg);font-weight:600}.sheet-divider{background:var(--border);height:1px;margin:10px 0 6px}.field{flex-direction:column;flex:1;gap:4px;min-width:0;margin-bottom:10px;display:flex}.field label{color:var(--text-3);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.field-clear{font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.field input,.field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;color:var(--text);resize:vertical;appearance:none;border-radius:10px;padding:8px 10px;font-size:16px}.field input[type=date]{text-align:left;min-height:42px}.field input[type=date]::-webkit-date-and-time-value{text-align:left}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-row{gap:10px;display:flex}.field-row .field{flex:1 1 0;min-width:0}.reorder-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.reorder-head .hint{margin:0}.reorder-row{cursor:grab;touch-action:none}.reorder-row.dragging{cursor:grabbing;z-index:10;background:var(--accent-bg);border-color:var(--accent);position:relative;box-shadow:0 6px 18px #0000002e}.drag-handle{color:var(--text-3);flex-shrink:0;font-size:15px}.app-footer{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.btn-export{color:var(--text-2);font-size:13px}.footer-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge-pro{vertical-align:2px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent-bg);color:var(--accent-text);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.hourmap-note{margin:0 0 10px}.hourmap{align-items:flex-end;gap:2px;display:flex}.hourcol{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.hourcol-stack{flex-direction:column;justify-content:flex-end;height:90px;display:flex}.hourcol-stack i{display:block}.hourcol-rest{background:var(--border);border-radius:3px 3px 0 0}.hourcol-focus{background:var(--accent)}.hourcol-focus:last-child,.hourcol-rest:only-child{border-radius:3px 3px 0 0}.hourcol-best .hourcol-stack{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.btn-support{color:var(--text-2);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.bottom-nav{z-index:40;border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);padding:6px 0 calc(6px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 130px;align-items:center;gap:3px;padding:4px 0;font-size:11px;display:flex}.bottom-nav .nav-on{color:var(--accent);font-weight:600}.seg{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 0;font-size:13px}.seg .seg-on{background:var(--accent-bg);color:var(--accent-text);font-weight:600}.period-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.period-btn{width:38px;padding:4px 0;font-size:17px;line-height:1.3}.period-btn:disabled{opacity:.35;cursor:default}.period-label{font-size:14px;font-weight:600}.cols{align-items:flex-end;gap:3px;padding-top:18px;display:flex}.col{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;gap:4px;min-width:0;max-width:34px;padding:0;display:flex;position:relative}.col-stack{flex-direction:column;justify-content:flex-end;gap:2px;height:110px;display:flex}.col-stack i{min-height:2px;display:block}.col-stack i:first-child{border-radius:4px 4px 0 0}.col-sel .col-stack{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.col-val{color:var(--text-2);white-space:nowrap;font-size:10px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.col-tick{color:var(--text-3);text-align:center;height:14px;font-size:10px;overflow:hidden}.col-detail{color:var(--text-2);margin:10px 0 0;font-size:12.5px}.cat-row{margin-bottom:10px}.cat-head{justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;display:flex}.cat-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.cat-val{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}.cat-track{background:var(--cat-hueco);border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.cat-track i{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.data-tasks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.data-task{align-items:center;gap:8px;font-size:14px;display:flex}.data-task-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.data-task-ms{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.data-focus-note{margin:-2px 0 8px}.metric-reasons{color:var(--text-2);margin:6px 0 0;font-size:13px;line-height:1.5}.insights{color:var(--text-2);flex-direction:column;gap:6px;margin:12px 0 0;padding:0 0 0 18px;font-size:13px;display:flex}