@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--accent: #e11d48;--accent-hover: #be123c;--accent-soft: #fff1f3;--accent-ring: rgba(225, 29, 72, .18);--on-accent: #ffffff;--bg: #f4f5f7;--bg-tint: radial-gradient(120% 80% at 100% 0%, rgba(225, 29, 72, .05), transparent 55%), radial-gradient(90% 70% at 0% 0%, rgba(37, 99, 235, .04), transparent 50%);--surface: #ffffff;--surface-2: #f1f3f5;--surface-3: #e9edf1;--border: #e3e6ea;--border-strong: #d2d8df;--text: #161a1f;--text-muted: #5b6470;--text-faint: #8b95a1;--danger: #dc2626;--success: #059669;--radius-lg: 20px;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .07);--shadow-lg: 0 18px 50px rgba(16, 24, 40, .14);--content: 1120px;--tap: 44px}:root[data-theme-color=green]{--accent: #059669;--accent-hover: #047857;--accent-soft: #ecfdf5;--accent-ring: rgba(5, 150, 105, .18)}:root[data-theme-color=blue]{--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--accent-ring: rgba(37, 99, 235, .18)}:root.dark{--bg: #0c0f14;--bg-tint: radial-gradient(120% 80% at 100% 0%, rgba(251, 113, 133, .08), transparent 55%), radial-gradient(90% 70% at 0% 0%, rgba(96, 165, 250, .06), transparent 50%);--surface: #151a21;--surface-2: #1c222b;--surface-3: #232b35;--border: #29313b;--border-strong: #38414d;--text: #eef1f5;--text-muted: #98a2b3;--text-faint: #6b7280;--accent-soft: #1b2331;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55);--on-accent: #0c0f14}:root.dark[data-theme-color=red]{--accent: #fb7185;--accent-hover: #f43f5e;--accent-ring: rgba(251, 113, 133, .22)}:root.dark[data-theme-color=green]{--accent: #34d399;--accent-hover: #10b981;--accent-ring: rgba(52, 211, 153, .22)}:root.dark[data-theme-color=blue]{--accent: #60a5fa;--accent-hover: #3b82f6;--accent-ring: rgba(96, 165, 250, .22)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:var(--bg-tint);background-attachment:fixed;color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.boot-hint{color:var(--text-muted);margin:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:12px clamp(16px,4vw,32px);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;flex-shrink:0}.brand-name{font-size:1.12rem}.brand-mark{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 220deg,var(--accent),color-mix(in srgb,var(--accent) 30%,var(--text)));box-shadow:inset 0 0 0 4px var(--surface),0 0 0 1px var(--accent)}.brand-boot .brand-name{font-size:1.5rem}.brand-boot .brand-mark{width:38px;height:38px}.nav{display:flex;gap:2px;margin:0 auto 0 8px;padding:4px;background:var(--surface-2);border-radius:999px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-link{border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.9rem;min-height:36px;padding:7px 15px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .18s,background .18s}.nav-link:hover{color:var(--text)}.nav-link[aria-current=page]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.account-menu{position:relative;flex-shrink:0}.account-trigger{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;max-width:220px}.account-trigger:hover{border-color:var(--border-strong)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text);font-size:.85rem;font-weight:700;flex-shrink:0}.avatar[data-plan=premium]{background:var(--accent);color:var(--on-accent)}.account-label{font-size:.88rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-pill{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:999px}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41}.popover{position:absolute;top:calc(100% + 10px);right:0;z-index:42;width:min(340px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;animation:pop .16s ease}.popover section[aria-label=Account]{border:none;box-shadow:none;background:transparent;padding:12px}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.content{width:100%;max-width:var(--content);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,32px) 80px;flex:1}.view{animation:rise .22s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start}.view-timer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px;align-items:start}.timer-side{display:flex;flex-direction:column;gap:18px}@media (max-width: 860px){.view-timer{grid-template-columns:1fr}}section[aria-label]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,3vw,26px);display:flex;flex-direction:column;gap:14px}section h2{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);margin:0}.clock-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px;display:flex;flex-direction:column;gap:2px}.clock-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}[data-testid=wall-clock]{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.6rem;letter-spacing:-.01em}section[aria-label=Timer]{align-items:center;text-align:center;gap:18px;padding:clamp(28px,5vw,48px);background:radial-gradient(130% 130% at 50% -10%,var(--accent-soft),var(--surface) 62%);position:relative;overflow:hidden}section[aria-label=Timer]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% 0%,var(--accent-ring),transparent 70%);opacity:.5;pointer-events:none}section[aria-label=Timer]>*{position:relative}[role=timer]{font-size:clamp(4rem,17vw,7.5rem);font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:.95;margin:4px 0;color:var(--text);transition:color .25s}[role=timer][data-status=running]{color:var(--accent)}[role=timer][data-status=paused]{color:var(--text-muted)}[role=timer][data-status=completed]{color:var(--success)}.timer-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.timer-controls button{min-width:150px;min-height:52px;font-size:1.02rem}.timer-controls>button:first-child:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 8px 22px var(--accent-ring)}.timer-controls>button:first-child:not(:disabled):hover{background:var(--accent-hover)}.timer-autostart{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;padding-top:4px;border-top:1px solid var(--border);width:100%}[role=tablist]{display:inline-flex;gap:3px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}[role=tab]{border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.9rem;min-height:38px;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}[role=tab]:hover:not([aria-selected=true]){color:var(--text)}[role=tab][aria-selected=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 12px var(--accent-ring)}button{font:inherit;font-weight:600;min-height:var(--tap);padding:10px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .12s ease,background .2s,border-color .2s,opacity .2s,box-shadow .2s}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button[type=submit]:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted)}label:has(>input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;color:var(--text);font-weight:500}input,select,textarea{font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;min-height:var(--tap);transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-faint)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6470' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 13px center}:root.dark select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}input[type=checkbox]{min-height:0;width:19px;height:19px;accent-color:var(--accent);cursor:pointer}input[type=range]{min-height:0;padding:0;accent-color:var(--accent);cursor:pointer}input[type=number]{max-width:180px;font-variant-numeric:tabular-nums;font-weight:600}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;-moz-appearance:auto;appearance:auto;opacity:1}textarea{min-height:76px;resize:vertical;line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}ul[aria-label],section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}section li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;transition:border-color .2s,box-shadow .2s}section li:hover{border-color:var(--border-strong)}section li>span:first-child{font-weight:600;flex:1 1 auto}section li>span:nth-child(2){font-variant-numeric:tabular-nums;font-weight:700;font-size:.82rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 10px}li[data-active=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}li[data-active=true]>span:nth-child(2){color:var(--accent);border-color:var(--accent)}li[data-completed=true]>span:first-child{color:var(--text-muted);text-decoration:line-through}li[data-completed=true] [data-testid=completed-badge]{color:var(--success);font-weight:700}li button{min-height:36px;padding:6px 14px;font-size:.85rem}li button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:baseline}dt{color:var(--text-muted);font-weight:500}dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}[role=alertdialog]{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px}[role=alertdialog] p{margin:0;font-weight:500}[role=alert]{color:var(--danger);font-size:.85rem;margin:0}ul[role=alert]{background:none;border:none;padding:0}ul[role=alert] li{background:none;border:none;padding:0;color:var(--danger)}[role=status]{color:var(--success);font-size:.85rem;margin:0}[data-testid$=-gated]{position:relative;margin:0;color:var(--text-muted);font-style:normal;background:linear-gradient(180deg,var(--accent-soft),var(--surface));border:1px dashed var(--accent);border-radius:var(--radius-sm);padding:18px 18px 18px 50px;font-weight:500}[data-testid$=-gated]:before{content:"🔒";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem}[data-testid=empty-tasks],[data-testid=empty-templates]{color:var(--text-faint);font-style:normal;margin:0;padding:18px;text-align:center;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-small-window=true] .content{max-width:480px}:root[data-small-window=true] .view-timer,:root[data-small-window=true] .view-grid{grid-template-columns:1fr}:root[data-small-window=true] .nav{font-size:.85rem}@media (max-width: 680px){.topbar{flex-wrap:wrap}.nav{order:3;width:100%;margin:0}.account-label{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}