@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";:root{--brand-blue:#02142b;--brand-beige-dark:#a48d6d;--brand-beige-light:#cfccb9;--brand-white:#fff;--text:var(--brand-blue);--text-heading:var(--brand-blue);--text-muted:color-mix(in oklab, var(--brand-blue) 50%, white);--text-on-tint:var(--brand-blue);--bg:var(--brand-white);--bg-wash:radial-gradient(1100px 620px at 50% 0%, var(--brand-white) 0%, color-mix(in oklab, var(--brand-beige-light) 22%, var(--brand-white)) 55%, color-mix(in oklab, var(--brand-beige-light) 38%, var(--brand-white)) 100%);--surface:var(--brand-white);--surface-2:color-mix(in oklab, var(--brand-beige-light) 35%, var(--brand-white));--border:color-mix(in oklab, var(--brand-beige-dark) 28%, var(--brand-beige-light));--accent-soft:color-mix(in oklab, var(--brand-beige-light) 40%, var(--brand-white));--accent-border:var(--brand-beige-dark);--accent-ink:var(--brand-blue);--focus:var(--brand-blue);--pointer:var(--brand-blue);--btn-bg:var(--brand-beige-dark);--btn-text:var(--brand-white);--wheel-stroke:#fff9;--danger:#8b3f3f;--danger-text:#6f2323;--sans:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--sans-ui:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font-family:var(--sans-ui);color:var(--text);background-color:var(--bg);background-image:var(--bg-wash);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:16px;line-height:1.45}h1,h2,.header h1{font-family:var(--sans);letter-spacing:.02em;font-weight:700}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#app{min-height:100svh}a{color:var(--brand-blue)}a:hover{color:var(--brand-beige-dark)}.todo-input[data-v-d1a71921]{text-align:start}h2[data-v-d1a71921]{color:var(--text-heading);margin:0 0 .65rem;font-size:1.05rem;font-weight:600}.form[data-v-d1a71921]{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.field[data-v-d1a71921]{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:4.5rem;color:var(--text);font:inherit;resize:vertical;border-radius:10px;flex:12rem;padding:.55rem .75rem;line-height:1.35}.field[data-v-d1a71921]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn[data-v-d1a71921]{font:inherit;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border-radius:50px;padding:.55rem 1rem}.btn.primary[data-v-d1a71921]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text)}.btn[data-v-d1a71921]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hint[data-v-d1a71921]{color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}.sr-only[data-v-d1a71921]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wheel-wrap[data-v-28ed7806]{flex-direction:column;align-items:center;gap:1rem;width:min(100%,500px);margin-inline:auto;display:flex;position:relative}.pointer[data-v-28ed7806]{border-left:14px solid #0000;border-right:14px solid #0000;border-top:22px solid var(--pointer);filter:drop-shadow(0 1px 1px #0000001f);z-index:2;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.wheel-stage[data-v-28ed7806]{z-index:1;aspect-ratio:1;transform-origin:50%;isolation:isolate;width:100%;position:relative;overflow:hidden}.wheel-stage.hop[data-v-28ed7806]{animation:.55s wheel-hop-28ed7806}@keyframes wheel-hop-28ed7806{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-10px)scale(1.04)}55%{transform:translateY(2px)scale(.98)}to{transform:translateY(0)scale(1)}}.wheel-svg[data-v-28ed7806]{width:100%;height:100%;display:block;overflow:hidden}.wheel-rotator[data-v-28ed7806]{transform-origin:50%;will-change:transform;width:100%;height:100%}.slice-label[data-v-28ed7806]{pointer-events:none;text-shadow:0 0 8px #fff9;font-size:10px;font-weight:600}.slice[data-v-28ed7806]{transition:filter .13s,stroke-width .13s}.slice[data-v-28ed7806]:hover{filter:brightness(1.08)saturate(1.12);stroke-width:1.8px}.placeholder[data-v-28ed7806]{text-align:center;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;margin:0;padding:1.5rem;font-size:.95rem;display:flex;position:absolute;inset:0}.spin-btn[data-v-28ed7806]{z-index:5;font:inherit;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border-radius:50px;flex-shrink:0;margin-top:.25rem;padding:.6rem 1.35rem;font-weight:600;position:relative;box-shadow:0 4px 14px #02142b1f}.spin-btn[data-v-28ed7806]:disabled{opacity:.45;cursor:not-allowed}.spin-btn[data-v-28ed7806]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.card[data-v-6d00758f]{text-align:start;border:1px solid var(--border);background:var(--surface);min-height:12rem;color:var(--text);border-radius:16px;padding:1.15rem 1.25rem}.card[data-v-6d00758f]:not(.dim){background:color-mix(in oklab, var(--tint) 38%, var(--surface));border-color:color-mix(in oklab, var(--tint) 45%, var(--border));box-shadow:0 8px 28px color-mix(in oklab, var(--tint) 18%, transparent)}.card.expired[data-v-6d00758f]:not(.dim){box-shadow:0 0 0 2px color-mix(in oklab, var(--danger) 55%, transparent), 0 8px 28px color-mix(in oklab, var(--tint) 14%, transparent)}.card.dim[data-v-6d00758f]{color:var(--text-muted)}.label[data-v-6d00758f]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center;margin:0 0 .35rem;font-size:.75rem}.task[data-v-6d00758f]{color:var(--text-on-tint);text-align:center;margin:0 0 1rem;font-size:1.1rem;font-weight:600;line-height:1.35}.timer-block[data-v-6d00758f]{background:color-mix(in oklab, var(--surface) 70%, transparent);border:1px solid color-mix(in oklab, var(--border) 55%, transparent);border-radius:12px;margin-bottom:1rem;padding:.75rem .85rem}.timer-block.shake[data-v-6d00758f]{animation:.45s shake-6d00758f}@keyframes shake-6d00758f{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.timer-heading[data-v-6d00758f]{color:var(--text-heading);margin:0 0 .5rem;font-size:.85rem;font-weight:600}.presets[data-v-6d00758f]{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.chip[data-v-6d00758f]{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:.35rem .65rem;font-size:.8rem}.chip.active[data-v-6d00758f]{border-color:var(--accent-border);background:var(--accent-soft)}.chip[data-v-6d00758f]:disabled{opacity:.55;cursor:not-allowed}.chip[data-v-6d00758f]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.custom[data-v-6d00758f]{margin-bottom:.5rem}.mini-label[data-v-6d00758f]{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.custom-row[data-v-6d00758f]{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.num[data-v-6d00758f]{border:1px solid var(--border);background:var(--surface);width:3.5rem;color:inherit;font:inherit;border-radius:8px;padding:.35rem .4rem}.unit[data-v-6d00758f]{color:var(--text-muted);font-size:.8rem}.count[data-v-6d00758f]{font-family:var(--mono,ui-monospace, monospace);color:color-mix(in oklab, var(--accent-ink) 65%, var(--text-heading));margin:.35rem 0 .5rem;font-size:1.35rem;font-weight:600}.muted[data-v-6d00758f]{opacity:.55}.warn[data-v-6d00758f]{color:var(--danger-text);margin:0 0 .5rem;font-size:.85rem}.timer-actions[data-v-6d00758f]{flex-wrap:wrap;gap:.5rem;display:flex}.btn[data-v-6d00758f]{font:inherit;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);color:var(--text-heading);border-radius:10px;padding:.45rem .85rem}.btn.secondary[data-v-6d00758f]:disabled{opacity:.45;cursor:not-allowed}.btn.done[data-v-6d00758f]{background:color-mix(in oklab, var(--tint) 22%, var(--surface-2));border-color:color-mix(in oklab, var(--tint) 40%, var(--border));width:100%;padding:.6rem;font-weight:600}.btn[data-v-6d00758f]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.empty[data-v-6d00758f]{margin:0;padding:.5rem 0;font-size:.95rem}.stack[data-v-bf205daa]{text-align:start}.stack-head[data-v-bf205daa]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}h2[data-v-bf205daa]{color:var(--text-heading);margin:0;font-size:1.05rem;font-weight:600}.empty[data-v-bf205daa]{color:var(--text-muted);margin:0;font-size:.9rem}.cards[data-v-bf205daa]{flex-direction:column;gap:.35rem;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.card[data-v-bf205daa]{padding:.55rem .75rem;font-size:.92rem;position:relative;transform:rotate(-.4deg)}.card[data-v-bf205daa]:nth-child(2n){transform:rotate(.35deg)}.text[data-v-bf205daa]{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:line-through;display:-webkit-box;overflow:hidden}.btn[data-v-bf205daa]{font:inherit;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border-radius:50px;flex-shrink:0;margin:0;padding:.5rem 1.15rem;font-weight:600}.btn[data-v-bf205daa]:disabled{opacity:.52;cursor:not-allowed}.btn[data-v-bf205daa]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app[data-v-e7fb4d75]{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 2rem;position:relative}.brand-logo[data-v-e7fb4d75]{z-index:2;opacity:.88;line-height:0;text-decoration:none;transition:opacity .14s;position:absolute;top:1.5rem;left:1.25rem}.brand-logo[data-v-e7fb4d75]:hover{opacity:1}.brand-logo[data-v-e7fb4d75]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;opacity:1;border-radius:4px}.brand-logo img[data-v-e7fb4d75]{width:min(96px,22vw);height:auto;display:block}.abc-banner[data-v-e7fb4d75]{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:0 1.25rem 1.25rem}.abc-banner__link[data-v-e7fb4d75]{line-height:0;transition:box-shadow .16s,transform .16s;display:block;overflow:hidden;box-shadow:0 2px 12px #02142b14}.abc-banner__link[data-v-e7fb4d75]:hover{transform:translateY(-1px);box-shadow:0 4px 18px #02142b1f}.abc-banner__link[data-v-e7fb4d75]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.abc-banner__img[data-v-e7fb4d75]{width:100%;height:auto;display:block}.site-footer[data-v-e7fb4d75]{background:var(--brand-beige-light);border-top:1px solid color-mix(in oklab, var(--brand-beige-dark) 25%, var(--brand-beige-light));margin-top:0}.site-footer__inner[data-v-e7fb4d75]{text-align:center;flex-direction:column;align-items:center;gap:.85rem;max-width:1080px;margin:0 auto;padding:1.25rem 1.25rem 1.5rem;display:flex}.site-footer__links[data-v-e7fb4d75]{flex-direction:column;align-items:center;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a[data-v-e7fb4d75]{color:var(--brand-blue);font-size:.9rem;font-weight:500;text-decoration:none}.site-footer__links a[data-v-e7fb4d75]:hover{text-underline-offset:.15em;text-decoration:underline}.site-footer__credit[data-v-e7fb4d75]{color:color-mix(in oklab, var(--brand-blue) 72%, white);margin:0;font-size:.85rem;line-height:1.5}.site-footer__credit a[data-v-e7fb4d75]{font-weight:500}@media (width>=640px){.site-footer__inner[data-v-e7fb4d75]{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.site-footer__links[data-v-e7fb4d75]{flex-flow:wrap;justify-content:flex-start}.site-footer__credit[data-v-e7fb4d75]{text-align:right;flex:1;min-width:0}}.header[data-v-e7fb4d75]{text-align:center;margin-bottom:1.75rem;padding-top:.25rem}.header h1[data-v-e7fb4d75]{letter-spacing:-.02em;color:var(--text-heading);margin:0 0 .35rem;font-size:clamp(1.65rem,4vw,2.1rem);font-weight:600}.tagline[data-v-e7fb4d75]{color:var(--text-muted);margin:0;font-size:.95rem}.tagline+.tagline[data-v-e7fb4d75]{margin-top:.35rem}.tagline--sub[data-v-e7fb4d75]{font-size:.85rem}@media (width<=480px){.brand-logo[data-v-e7fb4d75]{top:1rem;left:1rem}.brand-logo img[data-v-e7fb4d75]{width:min(80px,20vw)}.header[data-v-e7fb4d75]{padding-top:1.75rem}}.main[data-v-e7fb4d75]{grid-template-columns:minmax(280px,400px) minmax(0,1fr);justify-content:center;align-items:start;gap:1.5rem;display:grid}@media (width<=880px){.main[data-v-e7fb4d75]{grid-template-columns:1fr}}@media (width>=881px){.full[data-v-e7fb4d75]{grid-column:1/-1}}.column[data-v-e7fb4d75]{flex-direction:column;gap:1.35rem;display:flex}.full[data-v-e7fb4d75]{width:100%}.empty[data-v-e7fb4d75]{text-align:center;color:var(--text-muted);margin:0;padding:.75rem 0;font-size:.95rem}.active-title[data-v-e7fb4d75]{color:var(--text-heading);margin:0;font-size:1.05rem;font-weight:600}.list-head[data-v-e7fb4d75]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.clear-btn[data-v-e7fb4d75]{font:inherit;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border-radius:50px;flex-shrink:0;padding:.5rem 1.15rem;font-weight:600}.clear-btn[data-v-e7fb4d75]:disabled{opacity:.52;cursor:not-allowed}.clear-btn[data-v-e7fb4d75]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.todo-list[data-v-e7fb4d75]{flex-direction:column;gap:.45rem;max-height:44vh;margin:auto 0 0;padding:0;list-style:none;display:flex;overflow:auto}.todo-item[data-v-e7fb4d75]{background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem .5rem .5rem .72rem;transition:background-color .12s,border-color .12s;display:flex}.todo-item[data-v-e7fb4d75]:hover{border-color:color-mix(in oklab, var(--todo-color) 40%, var(--border));background:color-mix(in oklab, var(--todo-color) 10%, var(--surface))}.todo-title[data-v-e7fb4d75]{min-width:0;color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.trash-btn[data-v-e7fb4d75]{block-size:2.25rem;inline-size:2.25rem;color:color-mix(in oklab, var(--text-heading) 70%, var(--todo-color));cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:.05rem;transition:opacity .14s,transform .14s,background-color .14s;display:inline-flex;transform:scale(.94)}.todo-item:hover .trash-btn[data-v-e7fb4d75],.todo-item:focus-within .trash-btn[data-v-e7fb4d75]{opacity:1;pointer-events:auto;transform:scale(1)}@media (hover:none),(pointer:coarse){.trash-btn[data-v-e7fb4d75]{opacity:.82;pointer-events:auto;border-color:color-mix(in oklab, var(--todo-color) 22%, var(--border));background:color-mix(in oklab, var(--todo-color) 8%, var(--surface));transform:scale(1)}.todo-item:active .trash-btn[data-v-e7fb4d75]{opacity:1}}.trash-btn[data-v-e7fb4d75]:hover{background:color-mix(in oklab, var(--todo-color) 30%, var(--surface));border-color:color-mix(in oklab, var(--todo-color) 45%, var(--border))}.trash-btn[data-v-e7fb4d75]:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--focus);outline-offset:2px}.trash-btn svg[data-v-e7fb4d75]{fill:currentColor;width:1rem;height:1rem}.wheel-column[data-v-e7fb4d75]{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.wheel-column[data-v-e7fb4d75] .card{width:min(100%,420px)}.sr-only[data-v-e7fb4d75]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
