:root{--navy: #1e2d4d;--navy-2: #22365f;--navy-3: #2b3d63;--deep: #14213b;--black: #0e182e;--blue: #4b78bc;--ink: #464745;--grey: #bdbfc4;--orange: #e84621;--orange-card: #d6522f;--orange-hi: #ff5a33;--yellow: #fbba33;--pad: 24px;--rail: 0px;--col: 640px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:#fff;font-family:Poppins,system-ui,sans-serif;font-weight:300;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.light :focus-visible{outline-color:var(--blue)}.splash{min-height:100%;background:var(--deep)}.light{--bg: #ffffff;--fg: #0e182e;--muted: #7b8191;--band: #e7e9ee;--line: #e3e5ea;--chip-line: #b4bac8;--chip-fg: #5b6275;--field: #f1f2f5;--link: #3d68a8;--warn: #d63d18}.dark{--bg: #1e2d4d;--fg: #eef0f4;--muted: #bdbfc4;--band: transparent;--line: #2b3d63;--chip-line: #4b78bc;--chip-fg: #bdbfc4;--field: #22365f;--link: #8fb0e6;--warn: #ff8a70}.app{min-height:100%;background:var(--bg);color:var(--fg);position:relative}.main{min-height:100vh}.topbar{background:var(--band);padding:calc(env(safe-area-inset-top,0px) + 26px) 0 22px}.topbar-in{max-width:var(--col);margin:0 auto;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-day{font-weight:400}.topbar-date{position:relative;color:var(--muted);cursor:pointer}.topbar-date:hover{color:var(--fg)}.topbar-date input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.screen{padding:22px 0 calc(160px + env(safe-area-inset-bottom,0px))}.screen-in{max-width:var(--col);margin:0 auto;padding:0 var(--pad)}.notice{background:#e846211f;border-left:3px solid var(--orange);padding:10px 14px;border-radius:6px;font-size:.85rem;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}.chip{border:1px solid var(--chip-line);color:var(--chip-fg);padding:4px 16px;border-radius:999px;font-size:.95rem}.chip:hover{border-color:var(--blue)}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.back-today{display:block;margin:0 auto 14px;color:var(--warn);font-size:.85rem;font-weight:400}.tasks{list-style:none;padding:0}.task{display:flex;align-items:center;gap:16px;padding:11px 0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.box{flex:none;width:24px;height:24px;border:2px solid var(--navy);border-radius:6px;display:grid;place-items:center;color:#fff;transition:background .15s}.box svg{width:16px;height:16px}.task.done .box,.box.on{background:var(--navy)}.task-title{flex:1;font-size:1.35rem;min-width:0;overflow-wrap:anywhere}.task.done .task-title{color:var(--muted)}.task-time{font-size:.78rem;color:var(--muted);flex:none}.run-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--orange);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.empty{color:var(--muted);font-size:.95rem;margin:6px 0 12px}.add{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.add-plus{color:var(--muted);font-size:1.4rem;line-height:1;width:24px;text-align:center}.add input{flex:1;min-width:0;background:none;border:0;font-size:1.2rem;padding:6px 0}.add input::placeholder{color:var(--muted);opacity:.7}.add input:focus{outline:none}.add select{background:var(--field);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.8rem;max-width:110px}.add select:disabled{opacity:.5}.mic{color:var(--muted);opacity:.55;width:22px;height:22px;display:grid;place-items:center}.mic svg{width:22px;height:22px}@media (max-width: 520px){.add{display:grid;grid-template-columns:24px 1fr 22px;column-gap:12px;row-gap:4px}.add select{grid-column:2;grid-row:2;justify-self:start}}.late{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.late-toggle{color:var(--warn);font-size:.9rem;font-weight:400}.late ul{list-style:none;padding:0;margin-top:8px}.late li{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}.late-title{font-size:1.05rem}.late-meta{font-size:.78rem;color:var(--muted)}.late-actions{display:flex;gap:18px;margin-top:6px}.late-actions button{font-size:.85rem;color:var(--link);font-weight:400}.late-actions button:hover{text-decoration:underline}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.menu{position:fixed;z-index:41;width:220px;background:var(--black);border-radius:18px;padding:6px 16px;box-shadow:0 14px 40px #0e182e59}.menu button,.menu-date{display:block;width:100%;text-align:left;padding:11px 0;font-size:.95rem;color:var(--grey);border-bottom:1px solid var(--navy-3)}.menu>:last-child{border-bottom:0}.menu button:hover{color:#fff}.menu button.danger{color:#ff6a4d}.menu button.current{color:var(--yellow)}.menu-date input{display:block;margin-top:6px;width:100%;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:8px;padding:6px 8px;color-scheme:dark}.lists-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 26px}.lists-head h2{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:300;line-height:1.1}.plus{font-size:2.4rem;font-weight:200;color:var(--muted);line-height:1;width:44px;height:44px}.plus:hover{color:#fff}.stack{display:flex;flex-direction:column}.card{position:relative;text-align:left;width:100%;min-height:170px;padding:28px 30px 64px;border-radius:28px;margin-top:-40px;display:flex;flex-direction:column;gap:18px;border:1px solid transparent;transition:transform .2s}.card:first-child{margin-top:0}.card:hover{transform:translateY(-3px)}.card.grey{background:var(--grey);color:var(--ink)}.card.dark{background:#101a2e;color:#fff;border-color:#2d4f86}.card.orange{background:var(--orange-card);color:#fff}.card.blue{background:var(--blue);color:#fff}.card.yellow{background:var(--yellow);color:var(--black)}.card-top{display:flex;justify-content:space-between;align-items:baseline}.card-name{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:300;line-height:1.1}.card-pct{font-size:1rem;font-weight:400}.card-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{border:1px solid currentColor;padding:3px 16px;border-radius:999px;font-size:.95rem}.card-left{font-size:.85rem;opacity:.8}.card-arrow{margin-left:auto;width:56px;height:24px}.card-arrow svg{width:100%;height:100%}.logout{display:block;margin:40px auto 0}.link{color:var(--muted);font-size:.9rem;text-decoration:underline;text-underline-offset:4px}.link:hover{color:var(--fg)}.stats-soon{text-align:center;padding-top:24px}.stats-soon .chip{opacity:.5}.stats-soon h2{font-size:1.5rem;font-weight:400;margin-bottom:10px}.stats-soon p{color:var(--muted);max-width:34ch;margin:0 auto}.nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:14px;padding:44px 0 calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg) 55%,transparent);pointer-events:none}.nav button{pointer-events:auto;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;transition:width .2s,height .2s,background .2s}.nav button svg{width:30px;height:30px}.light .nav button{background:#8b92a1;color:#fff}.light .nav button.on{background:var(--navy)}.light .nav button:not(.on):hover{background:var(--blue)}.dark .nav button{background:var(--navy-3);color:var(--grey)}.dark .nav button.on{background:var(--grey);color:var(--navy)}.dark .nav button:not(.on):hover{background:var(--blue);color:#fff}.nav button.on{width:76px;height:76px}.focus-screen{display:flex;flex-direction:column;min-height:100vh}.focus-top{position:relative}.back{width:40px;height:40px;font-size:1.6rem;line-height:1;border-radius:12px;color:var(--fg)}.back:hover{background:#0e182e14}.back-spacer{width:40px}.focus-title{font-weight:400}.focus-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px var(--pad) calc(60px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.focus-task{display:flex;align-items:center;gap:18px;margin-bottom:26px;text-align:left}.focus-task h1{font-size:clamp(1.9rem,6vw,3rem);font-weight:300;line-height:1.15;overflow-wrap:anywhere}.box.big{width:34px;height:34px;border-radius:8px}.box.big svg{width:22px;height:22px}.focus-label{color:var(--muted);font-size:.9rem}.focus-time{font-size:clamp(3.4rem,14vw,6rem);font-weight:200;line-height:1.05;font-variant-numeric:tabular-nums}.focus-time.live{color:var(--navy)}.focus-time.over,.focus-left.over{color:var(--orange)}.focus-left{color:var(--muted);font-size:1.05rem;font-variant-numeric:tabular-nums;margin-top:2px}.focus-done{color:var(--muted);margin-top:18px}.btn.big-btn{margin-top:28px;min-width:190px;font-size:1.1rem}.est{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px}.est-label{color:var(--muted);font-size:.85rem;margin-right:4px}.est .chip{padding:3px 14px;font-size:.85rem}.auth{min-height:100vh;background:radial-gradient(120% 90% at 50% 100%,#14213b,#04070f 70%);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 22px) var(--pad) 40px;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem;color:#fff}.auth-brand img{display:block}.auth-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:760px;width:100%;margin:0 auto;padding-bottom:6vh}.auth h1{font-size:clamp(2.6rem,9vw,5.2rem);font-weight:300;line-height:1.05;letter-spacing:-.01em}.auth h1 strong{color:var(--blue);font-weight:600}.auth-sub{color:var(--grey);max-width:38ch;margin:18px auto 30px;font-size:1rem}.auth form{display:grid;gap:12px;width:100%;max-width:340px;margin-bottom:20px}.auth input{background:#ffffff0d;border:1px solid #2d4f86;border-radius:999px;padding:13px 20px;font-size:1rem;color:#fff;text-align:center}.auth input::placeholder{color:var(--grey);opacity:.7}.auth input:focus{outline:2px solid var(--yellow);border-color:transparent}.auth-msg{font-size:.88rem;color:var(--grey)}.auth-msg.error{color:#ff8a70}.auth .link{color:var(--grey)}.auth .link:hover{color:#fff}.btn{background:var(--orange-card);color:#fff;font-weight:600;padding:.9em 1.8em;border-radius:999px;transition:background .2s}.btn:hover{background:var(--orange)}.btn:disabled{opacity:.6;cursor:default}@media (min-width: 900px){:root{--col: 780px;--rail: 104px}.wide{--col: 1040px}.main{margin-left:var(--rail)}.nav{right:auto;top:0;width:var(--rail);flex-direction:column;justify-content:center;align-items:center;padding:0;background:none}.screen{padding-bottom:80px}.card{padding:34px 38px 72px;min-height:190px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}