.pt-hero[data-pt-mode=work]{--pt:var(--pt-work);--pt-on:var(--pt-on-work)}.pt-hero[data-pt-mode=short]{--pt:var(--pt-short);--pt-on:var(--pt-on-short)}.pt-hero[data-pt-mode=long]{--pt:var(--pt-long);--pt-on:var(--pt-on-long)}.pt-hero[data-pt-theme=harbor]{--pt-work:#0d5c62;--pt-on-work:#f3f8f7;--pt-short:#2a8f7c;--pt-on-short:#f3f8f7;--pt-long:#243a66;--pt-on-long:#eef1f8}.pt-hero[data-pt-theme=armory]{--pt-work:#9a4a1e;--pt-on-work:#fff6ef;--pt-short:#4a6570;--pt-on-short:#f3f6f7;--pt-long:#5c3d58;--pt-on-long:#f7f1f6}.pt-hero[data-pt-theme=deck]{--pt-work:#6b4a2b;--pt-on-work:#fbf6ef;--pt-short:#3d6d8c;--pt-on-short:#f2f7fb;--pt-long:#4a3d6b;--pt-on-long:#f4f1f8}.pt-hero[data-pt-theme=vespers]{--pt-work:#8a5a12;--pt-on-work:#fff8ec;--pt-short:#7a5348;--pt-on-short:#faf4f2;--pt-long:#4e3a6b;--pt-on-long:#f5f1fa}.pt-hero[data-pt-theme=paper]{--pt-work:var(--accent);--pt-on-work:var(--on-accent);--pt-short:var(--accent);--pt-on-short:var(--on-accent);--pt-long:var(--accent);--pt-on-long:var(--on-accent)}@media (prefers-color-scheme:dark){.pt-hero[data-pt-theme=harbor]{--pt-work:#3ec9c0;--pt-on-work:#102022;--pt-short:#7dcec0;--pt-on-short:#13201d;--pt-long:#8aa0e6;--pt-on-long:#161822}.pt-hero[data-pt-theme=armory]{--pt-work:#e08a4f;--pt-on-work:#22140c;--pt-short:#8eafb8;--pt-on-short:#141a1c;--pt-long:#c492b8;--pt-on-long:#1c141b}.pt-hero[data-pt-theme=deck]{--pt-work:#d4a574;--pt-on-work:#1e160e;--pt-short:#7eb3d4;--pt-on-short:#101820;--pt-long:#b5a3e0;--pt-on-long:#16141f}.pt-hero[data-pt-theme=vespers]{--pt-work:#e0b15a;--pt-on-work:#1f170c;--pt-short:#d4a39a;--pt-on-short:#1c1513;--pt-long:#b39ad9;--pt-on-long:#17141f}}.pt-hero .tool{isolation:isolate;background:color-mix(in srgb, var(--pt) 14%, var(--surface));border-color:color-mix(in srgb, var(--pt) 32%, var(--line));transition:background-color .22s,border-color .22s;position:relative;overflow:hidden}.pt-hero .digits{color:var(--pt);transition:color .22s}.pt-hero .mode-label{color:var(--pt)}.pt-hero .pt-modes button[aria-pressed=true],.pt-hero .tool .btn--primary{border-color:var(--pt);background:var(--pt);color:var(--pt-on)}.pt-hero .tool .btn--primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--pt) 80%, var(--ink));background:color-mix(in srgb, var(--pt) 80%, var(--ink));color:var(--pt-on)}.pt-hero .pt-task.is-active{background:color-mix(in srgb, var(--pt) 12%, transparent)}.pt-hero .pt-task input{accent-color:var(--pt)}.pt-motif{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pt-motif:before,.pt-motif:after{content:"";pointer-events:none;position:absolute}.pt-hero .tool>:not(.pt-motif){z-index:1;position:relative}.pt-hero[data-pt-theme=paper] .pt-motif{display:none}.pt-hero[data-pt-theme=harbor] .pt-motif:before,.pt-hero[data-pt-theme=harbor] .pt-motif:after{background:color-mix(in srgb, var(--pt) 28%, transparent);border-radius:50% 45% 0 0;width:140%;height:4.5rem;bottom:-1.75rem;left:-20%}.pt-hero[data-pt-theme=harbor] .pt-motif:after{opacity:.65;height:3.5rem;animation:9s ease-in-out infinite pt-wave;bottom:-2.4rem}.pt-hero[data-pt-theme=harbor] .pt-motif:before{animation:11s ease-in-out infinite reverse pt-wave}.pt-hero[data-pt-theme=armory] .pt-motif:before{background:repeating-linear-gradient(-22deg, color-mix(in srgb, var(--pt) 16%, transparent) 0 10px, transparent 10px 22px);inset:0;mask-image:linear-gradient(0deg,#000 0,#0000 55%)}.pt-hero[data-pt-theme=armory] .pt-motif:after{border:2px solid color-mix(in srgb, var(--pt) 45%, transparent);opacity:.5;border-radius:.2rem .2rem .15rem .7rem;width:2.75rem;height:2.75rem;bottom:12%;right:8%;transform:rotate(-12deg)}.pt-hero[data-pt-theme=deck] .pt-motif:before{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--pt) 14%, transparent) 0 1px, transparent 1px 14px);height:42%;inset:auto 0 0}.pt-hero[data-pt-theme=deck] .pt-motif:after{border-style:solid;border-width:0 0 4.5rem 2.4rem;border-color:transparent transparent color-mix(in srgb, var(--pt) 22%, transparent);opacity:.9;width:0;height:0;top:18%;right:12%}.pt-hero[data-pt-theme=vespers] .pt-motif:before{background:radial-gradient(ellipse at 50% 0, color-mix(in srgb, var(--pt) 32%, transparent), transparent 68%);height:70%;inset:-20% -10% auto}.pt-hero[data-pt-theme=vespers] .pt-motif:after{border:1px solid color-mix(in srgb, var(--pt) 28%, transparent);opacity:.45;border-radius:50% 50% 4px 4px;width:5rem;height:5rem;top:.5rem;left:50%;translate:-50%}@keyframes pt-wave{50%{translate:6%}}@media (prefers-reduced-motion:reduce){.pt-hero[data-pt-theme=harbor] .pt-motif:before,.pt-hero[data-pt-theme=harbor] .pt-motif:after{animation:none}}.site-main:has(.pt-hero){padding-top:var(--space-4)}.pt-hero{min-height:calc(100svh - 3.5rem - var(--space-4));flex-direction:column;display:flex}.pt-hero .lede{margin-bottom:var(--space-5)}.pt-page{min-height:calc(100svh - 3.5rem);padding-top:var(--space-10)}.pt-modes{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.pt-modes button{min-height:var(--tap);padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);cursor:pointer}.pt-modes button:hover{border-color:var(--muted)}.pt-modes button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pt-tasks{margin-top:var(--space-8)}.pt-tasks h2{margin:0 0 var(--space-4);font-size:1.125rem}.pt-add{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pt-add input[name=title]{min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);flex:12rem}.pt-add input[name=note]{min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);flex:10rem}.pt-add input[name=est]{width:5.5rem;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:var(--font-digits);font-variant-numeric:tabular-nums;text-align:center}.pt-task-list{margin:0;padding:0;list-style:none}.pt-task{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr auto auto;align-items:center;display:grid}.pt-task.is-active{background:color-mix(in srgb, var(--accent) 8%, transparent);margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3);border-radius:var(--radius)}.pt-task.is-checked .pt-task__title{color:var(--muted);text-decoration:line-through}.pt-task__title{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.pt-task__count{color:var(--muted);font-family:var(--font-digits);font-variant-numeric:tabular-nums;font-size:.875rem}.pt-task input[type=checkbox],.pt-task input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.pt-task__remove{min-width:auto;min-height:var(--tap);padding-inline:var(--space-3)}.pt-empty{color:var(--muted);margin:0}.pt-summary{margin:var(--space-4) 0 0;color:var(--muted);text-align:center}.pt-dialog{width:min(28rem,100vw - 2rem);padding:var(--space-6);border:1px solid var(--line);border-radius:calc(var(--radius) + .25rem);background:var(--surface);color:var(--ink)}.pt-dialog::backdrop{background:#00000052}.pt-dialog h2{margin:0 0 var(--space-4);font-size:1.125rem}.pt-dialog fieldset{gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);display:grid}.pt-dialog legend{padding-inline:var(--space-2);font-weight:600}.pt-dialog .fields{margin-bottom:0}.pt-dialog .field{min-width:4.5rem}.pt-dialog .field--check{align-items:center;gap:var(--space-3);flex-direction:row;min-width:0;display:flex}.pt-dialog .field--check span{color:var(--ink);font-size:1rem}.pt-dialog .field--check input{width:1.25rem;min-width:1.25rem;min-height:1.25rem;accent-color:var(--accent);padding:0}.pt-dialog .field--grow{min-width:100%}.pt-dialog select,.pt-dialog input[type=range]{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink)}.pt-dialog input[type=range]{padding-inline:0}.pt-dialog .controls{margin-top:var(--space-2)}.pt-theme-hint{color:var(--muted);margin:0;font-size:.8125rem}
