*{box-sizing:border-box;margin:0;padding:0}:root{--w10:#ffffff1a;--w20:#fff3;--red:#ba4949}html[data-mode=focus]{--bg:#456990}html[data-mode=short]{--bg:#56876d}html[data-mode=long]{--bg:#6b5e8e}body{background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .5s}button{font-family:inherit}.shell{max-width:620px;margin:0 auto;padding:0 14px}.top{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.hbtns{align-items:center;gap:8px;display:flex}.hbtn{background:var(--w20);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.hbtn:hover{background:#ffffff4d}.avatar{width:32px;height:32px;color:var(--bg);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.card{background:var(--w10);text-align:center;border-radius:8px;margin-top:32px;padding:22px 16px 30px;position:relative}.fv-open{color:#fff;opacity:.6;cursor:pointer;background:0 0;border:none;padding:6px;display:flex;position:absolute;top:10px;right:10px}.fv-open:hover{opacity:1}.tabs{justify-content:center;gap:4px;display:flex}.tab{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:15px}.tab.on{background:#00000026;font-weight:700}.clock{font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:12px 0 18px;font-size:clamp(70px,21vw,120px);font-weight:800;line-height:1.15}.controls{justify-content:center;align-items:center;gap:16px;display:flex}.ctl-spacer{width:42px}.start{color:var(--bg);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:6px;width:190px;padding:14px 0;font-size:21px;font-weight:800;transition:transform 50ms,box-shadow 50ms,color .5s;box-shadow:0 6px #0000002e}.start.running{box-shadow:none;transform:translateY(6px)}.skip{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.skip:hover{opacity:1}.counter{text-align:center;margin-top:20px}.counter .num{opacity:.75;font-size:15px}.counter .msg{margin-top:4px;font-size:16px}.dots{justify-content:center;gap:7px;margin-top:10px;display:flex}.dot{background:#ffffff59;border-radius:50%;width:9px;height:9px}.dot.fill{background:#fff}.panel{background:var(--w10);border-radius:8px;margin-top:18px;padding:12px}.note-ta{color:#fff;resize:vertical;background:#0000001f;border:none;border-radius:6px;width:100%;min-height:54px;padding:10px 12px;font-family:inherit;font-size:14px}.note-ta::placeholder{color:#fff9}.note-ta:focus{outline:2px solid #fff6}.tasks{margin-top:26px}.sect-h{border-bottom:2px solid #ffffff80;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;font-size:17px;font-weight:700;display:flex}.ghost{background:var(--w20);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-size:12px}.task{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffffff0;border-left:6px solid #0000;border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px 12px 8px;display:flex}.task.dragging{opacity:.45}.grip{color:#ccc;cursor:grab;flex:none;display:flex}.task:hover .grip{color:#aaa}.task.active{border-left-color:#222}.task.done .txt{opacity:.5;text-decoration:line-through}.check{color:#fff;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.check:hover{border-color:var(--red);color:#eee}.task.done .check{background:var(--red);border-color:var(--red)}.txt{text-align:left;overflow-wrap:anywhere;flex:1;font-size:15px;font-weight:600}.badge{color:#999;white-space:nowrap;font-size:12px;font-weight:700}.x{color:#bbb;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.x:hover{color:#777}.addtask{gap:8px;margin:2px 0 14px;display:flex}.done-sep{border-top:1px dashed #ffffff59;margin:14px 2px 12px}.addtask input{color:#fff;background:#0000001a;border:2px dashed #ffffff73;border-radius:6px;flex:1;padding:12px;font-size:15px}.addtask input::placeholder{color:#ffffffa6}.addtask button{color:#fff;cursor:pointer;background:#00000040;border:none;border-radius:6px;padding:0 18px;font-weight:700}.addtask button:disabled{opacity:.5;cursor:default}.task-hint{opacity:.6;text-align:center;margin-top:10px;font-size:12px}.foot{text-align:center;opacity:.65;margin:42px 0 24px;font-size:12.5px}.overlay{z-index:50;background:#00000073;justify-content:center;align-items:flex-start;padding:48px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:#3d3d3d;background:#fff;border-radius:10px;width:100%;max-width:460px;padding-bottom:20px;animation:.15s ease-out pop}.modal.wide{max-width:780px}@keyframes pop{0%{opacity:.5;transform:scale(.97)}}.m-head{color:#999;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;font-weight:700;display:flex}.m-x{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.m-body{padding:18px 20px 0}.m-foot{justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.btn-dark{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:700}.btn-line{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600}.set-group{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.durs{gap:10px;margin-bottom:8px;display:flex}.durs>div{flex:1}.durs .lab{color:#999;margin-bottom:4px;font-size:12px;font-weight:700}.set-num{color:#444;background:#efefef;border:none;border-radius:6px;width:100%;max-width:90px;padding:9px 10px;font-size:15px}.set-row{border-top:1px solid #f4f4f4;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.set-row label{color:#555;font-size:14px;font-weight:600}.set-row .sub{color:#aaa;font-size:12px;font-weight:400;display:block}.set-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--red);cursor:pointer;flex:none}.set-row .set-num{width:64px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat{text-align:center;background:#f8f5f5;border-radius:8px;padding:12px 8px}.stat .v{color:var(--red);font-size:24px;font-weight:800}.stat .l{color:#999;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.rtabs{align-items:center;gap:6px;margin-bottom:14px;display:flex}.rtabs-gap{flex:1}.rtab{color:#777;cursor:pointer;background:#f1eded;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:700}.rtab.on{background:var(--red);color:#fff}.empty-msg{color:#999;text-align:center;padding:20px 0 30px;font-size:14px}.backfill{background:#f8f5f5;border-radius:8px;margin-bottom:14px;padding:12px 14px}.bf-head{color:#555;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.bf-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.bf-row label{color:#999;text-transform:uppercase;flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.bf-row input{color:#444;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.bf-row input[type=number]{width:76px}.bf-note{flex:1;min-width:180px}.bf-ok{color:#2c7a39;margin-top:8px;font-size:12.5px}.hwrap{padding-bottom:8px;display:flex;overflow-x:auto}.hcol{flex:none;grid-template-rows:16px repeat(7,21px) 21px 21px;row-gap:2px;display:grid}.hlabels{z-index:1;background:#fff;padding-right:6px;position:sticky;left:0}.hrow-l,.hd,.htot{color:#999;align-items:center;font-size:10.5px;font-weight:700;display:flex}.hd{white-space:nowrap;justify-content:flex-start;overflow:visible}.hcell{border-radius:3px;justify-content:center;align-items:center;width:24px;height:21px;margin-right:2px;font-size:10px;font-weight:600;display:flex}.hcell.today{outline:2px solid var(--red);outline-offset:-2px}.hcell.clickable{cursor:pointer}.hcell.clickable:hover{outline-offset:-2px;outline:2px solid #bbb}.hcell.future{background:0 0}.htot{color:#555;justify-content:center;width:24px}.htot.avg{color:#999;font-weight:600}.hkey{color:#aaa;margin:6px 0 14px;font-size:11.5px}.log{max-height:460px;padding-bottom:8px;overflow-y:auto}.lday{margin-bottom:18px}.lday h4{color:#555;border-bottom:1px solid #eee;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:6px;font-size:14px;display:flex}.dsum{color:#aaa;font-size:12px;font-weight:600}.lrow{color:#555;border-bottom:1px dashed #f3eded;grid-template-columns:64px 110px 1fr 52px 22px;align-items:center;gap:8px;padding:7px 0;font-size:13.5px;display:grid}.lrow .tm{color:#999;font-variant-numeric:tabular-nums}.ev{font-weight:700}.evf{color:var(--red)}.evb{color:#38858a}.evd{color:#2c7a39}.done-ctx{color:#2c7a39;white-space:nowrap;font-size:11.5px;font-weight:700}.lnote{cursor:text;overflow-wrap:anywhere}.lnote.empty{color:#ccc;font-style:italic}.lnote-in{border:1px solid #ddd;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:13.5px}.tchip{color:#888;background:#f3eded;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.ldur{text-align:right;color:#999;font-variant-numeric:tabular-nums}.gbtn{color:#444;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px;font-size:15px;font-weight:600;display:flex}.gbtn+.gbtn{margin-top:8px}.pk-row{margin-top:14px}.pk-list{margin:0 0 10px;padding:0;list-style:none}.pk-list li{color:#555;background:#f8f6f6;border-radius:6px;align-items:center;gap:9px;margin-bottom:6px;padding:9px 12px;font-size:13.5px;display:flex}.pk-list li svg{color:#999;flex:none}.pk-name{font-weight:600}.pk-date{color:#aaa;margin-left:auto;font-size:12px}.gbtn:hover{background:#fafafa}.or{color:#bbb;align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:#eee;flex:1;height:1px}.email-form input{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:11px;font-family:inherit;font-size:15px}.btn-red{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:700}.btn-red:disabled{opacity:.6;cursor:default}.hint{color:#999;margin-top:12px;font-size:12.5px;line-height:1.5}.otp-in{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;color:#333;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:28px;font-weight:800}.otp-in:focus{outline:2px solid var(--red);border-color:#0000}.otp-links{gap:18px;margin-top:12px;display:flex}.linkish{color:#456990;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.linkish:disabled{color:#aaa;cursor:default}.err{color:#c33;margin-top:8px;font-size:13px}.sent{color:#444;padding:6px 0 10px;font-size:14.5px;line-height:1.55}.acct-email{margin-bottom:8px;font-size:16px;font-weight:700}.sync-line{color:#666;align-items:center;gap:7px;font-size:13px;display:flex}.sync-dot{background:#ccc;border-radius:50%;width:9px;height:9px}.sync-dot.synced{background:#34a853}.sync-dot.syncing{background:#fbbc05}.sync-dot.error{background:#ea4335}.prompt-q{color:#444;margin-bottom:8px;font-size:16px;font-weight:700}.prompt-ta{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:14.5px}.mk-task{color:#666;cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;display:flex}.mk-task input{width:17px;height:17px;accent-color:var(--red);cursor:pointer}.focus-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.fv-exit{position:fixed;top:16px;right:16px}.fv-clock{font-variant-numeric:tabular-nums;letter-spacing:-2px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(90px,26vw,200px);font-weight:800;line-height:1.05}.fv-num{opacity:.85;margin-top:6px;font-size:18px}.fv-task{background:var(--w10);overflow-wrap:anywhere;border-radius:999px;max-width:min(82vw,560px);margin-top:18px;padding:10px 24px;font-size:19px;font-weight:600}.fv-hint{opacity:.55;margin-top:20px;font-size:13px}.undo-toast{color:#fff;z-index:80;white-space:nowrap;background:#16181eed;border-radius:999px;align-items:center;gap:14px;padding:11px 16px 11px 20px;font-size:14px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0000004d}.undo-btn{color:#9cc8f0;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:800}.undo-btn:hover{color:#c4e0fa}.undo-x{color:#888;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}@media (width<=540px){.stats{grid-template-columns:repeat(2,1fr)}.lrow{grid-template-columns:52px 86px 1fr 44px 20px;font-size:12.5px}.hbtn-t{display:none}.hbtn{padding:9px}}