@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=DM+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;overflow-x:hidden;height:100%}body{background:#141414;color:#e8e8e8;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;height:100%;font-size:15px;line-height:1.5;overflow-x:hidden;max-width:100vw;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:none;user-select:none}input,button,select,textarea{font-family:Inter,sans-serif;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}:root{--bg:#141414;--s:#1c1c1c;--s2:#222222;--b:#2a2a2a;--b2:#333333;--b3:#404040;--mu:#666666;--tx:#e8e8e8;--tx2:#999999;--ac:#c8ff57;--ac2:#a8d940;--r:12px;--r2:16px;--r3:20px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px 20px;padding-top:calc(var(--safe-top) + 24px)}.login-card{background:var(--s);border:1px solid var(--b);border-radius:24px;padding:44px 32px;max-width:380px;width:100%;text-align:center}.login-logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2rem;color:var(--tx);letter-spacing:-1px;margin-bottom:8px}.login-logo span{color:var(--ac)}.login-tag{font-size:.95rem;color:var(--mu);margin-bottom:36px;line-height:1.7;font-weight:400}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#111;border:none;border-radius:14px;padding:18px 20px;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 16px #0000004d;min-height:56px}.google-btn:active{transform:scale(.97)}.google-btn svg{width:20px;height:20px;flex-shrink:0}.login-note{font-size:.82rem;color:var(--mu);margin-top:18px;line-height:1.7}.app{min-height:100vh;min-height:100dvh;background:var(--bg);overflow-x:hidden;width:100%;max-width:100vw}.nav{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 14px) 18px 12px;max-width:1160px;margin:0 auto;position:sticky;top:0;z-index:40;background:#141414eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b)}.logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.05rem;color:var(--tx);letter-spacing:-.4px}.logo em{color:var(--ac);font-style:normal}.nav-right{display:flex;align-items:center;gap:8px}.back-btn{background:var(--s);border:1px solid var(--b2);color:var(--tx2);border-radius:99px;padding:8px 16px;cursor:pointer;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;min-height:36px;display:flex;align-items:center}.back-btn:active{transform:scale(.95)}.signout-btn{background:none;border:none;color:var(--mu);cursor:pointer;font-size:.78rem;padding:8px 10px;border-radius:8px;font-family:Inter,sans-serif;min-height:36px}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--b2);object-fit:cover}.home-layout{display:grid;grid-template-columns:1fr;max-width:1160px;margin:0 auto;padding:16px 16px calc(80px + var(--safe-bottom))}.stats-col{display:flex;flex-direction:column;gap:12px}.stats-col{display:none!important}.stat-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:18px 20px}.stat-title{font-size:.7rem;color:var(--mu);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:12px}.stat-big{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:2.2rem;line-height:1;margin-bottom:4px;letter-spacing:-1.5px}.stat-desc{font-size:.82rem;color:var(--mu);line-height:1.5}.stat-div{height:1px;background:var(--b);margin:12px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.stat-row-l{font-size:.85rem;color:var(--tx2);font-weight:400}.stat-row-v{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem}.page{max-width:740px;margin:0 auto;padding:16px 16px calc(80px + var(--safe-bottom));-webkit-overflow-scrolling:touch}@media (min-width:600px){.page{padding:24px 20px calc(80px + var(--safe-bottom))}}.page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:800;letter-spacing:-.5px;color:var(--tx);margin-bottom:4px;line-height:1.1}.page-sub{font-size:.85rem;color:var(--mu);margin-bottom:20px;font-weight:400}.rings-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:20px 16px 48px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-around;position:relative;overflow:hidden}.ring-div{width:1px;height:50px;background:var(--b)}.ring-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.ring-stat-val{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.4rem;color:var(--tx);line-height:1;letter-spacing:-.5px}.ring-stat-lbl{font-size:.58rem;color:var(--mu);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.ring-stat-sub{font-size:.62rem;color:#3a3a3a}.overload{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:.65rem;padding:3px 12px;border-radius:99px;white-space:nowrap;font-weight:600}.hrs-bar-wrap{position:absolute;bottom:0;left:0;right:0;padding:0 16px 12px}.hrs-bar-lbl{display:flex;justify-content:space-between;font-size:.6rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.hrs-bar-bg{height:4px;background:#222;border-radius:99px;overflow:hidden}.hrs-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#fb923c,#fbbf24);transition:width .8s ease}.streak{display:flex;align-items:center;gap:12px;background:#c8ff570f;border:1px solid rgba(200,255,87,.15);border-radius:var(--r2);padding:14px 16px;margin-bottom:16px}.streak-num{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;color:var(--ac);line-height:1}.streak-lbl{font-size:.78rem;color:var(--mu);margin-top:2px;font-weight:400}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:24px}.day-card{background:var(--s);border:1px solid var(--b);border-radius:10px;padding:10px 4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .18s;min-height:60px}.day-card:active{transform:scale(.94);background:var(--s2)}.day-card.today{border-color:var(--ac)}.day-lbl{font-family:Plus Jakarta Sans,sans-serif;font-size:.58rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}.day-card.today .day-lbl{color:var(--ac)}.day-bar{width:100%;height:3px;background:var(--b2);border-radius:99px;overflow:hidden}.day-bar-f{height:100%;border-radius:99px;transition:width .4s}.day-cnt{font-size:.6rem;color:var(--tx2);font-weight:600;font-family:DM Mono,monospace}.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sec-title{font-size:.7rem;color:var(--mu);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.ghost-btn{background:none;border:1px solid var(--b2);color:var(--tx2);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;min-height:36px}.ghost-btn:active{background:var(--s);transform:scale(.96)}.folders-list{display:flex;flex-direction:column;gap:8px}.folder-row{background:var(--s);border:1px solid var(--b);border-left:3px solid var(--fc,#444);border-radius:var(--r2);padding:14px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s;min-height:64px}.folder-row:active{background:var(--s2);transform:scale(.99)}.folder-row.dimmed{opacity:.4;filter:grayscale(.8)}.folder-row-icon{font-size:1.3rem;flex-shrink:0;width:28px;text-align:center}.folder-row-main{flex:1;min-width:0}.folder-row-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.folder-row-bar{width:100%;height:3px;background:var(--b2);border-radius:99px;overflow:hidden}.folder-row-bar-f{height:100%;border-radius:99px;transition:width .5s}.folder-row-stats{display:flex;gap:10px;flex-shrink:0}.f-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:36px}.f-stat-val{font-family:DM Mono,monospace;font-weight:700;font-size:.78rem;line-height:1}.f-stat-lbl{font-size:.52rem;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:600}.folder-arr{color:var(--mu);font-size:.9rem;flex-shrink:0;opacity:.4}.no-tasks-divider{display:flex;align-items:center;gap:10px;margin:10px 0 6px}.no-tasks-divider:before,.no-tasks-divider:after{content:"";flex:1;height:1px;background:var(--b)}.no-tasks-lbl{font-size:.62rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.view-hdr{margin-bottom:18px}.view-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.4rem,5vw,2rem);font-weight:800;letter-spacing:-.3px;color:var(--tx);margin-bottom:4px}.view-sub{font-size:.85rem;color:var(--mu);font-weight:400}.momentum-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:16px 18px;margin-bottom:16px}.momentum-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.momentum-title{font-size:.72rem;color:var(--mu);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.momentum-status{font-size:.82rem;font-weight:700}.momentum-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.momentum-lbl{font-size:.65rem;color:var(--mu);width:72px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.momentum-bg{flex:1;height:7px;background:var(--b2);border-radius:99px;overflow:hidden}.momentum-fill{height:100%;border-radius:99px;transition:width .8s ease}.momentum-pct{font-family:DM Mono,monospace;font-size:.68rem;color:var(--tx2);width:32px;text-align:right;font-weight:600}.momentum-msg{font-size:.82rem;color:var(--mu);margin-top:4px;font-weight:400}.time-prog-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:16px 18px;margin-bottom:16px}.time-prog-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.time-prog-worked{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.4rem;color:var(--ac);line-height:1;letter-spacing:-.5px}.time-prog-goal{font-size:.78rem;color:var(--mu);text-align:right;font-weight:400}.time-win{font-size:.78rem;color:var(--ac);font-weight:600;margin-top:4px}.time-prog-bg{width:100%;height:8px;background:var(--b2);border-radius:99px;overflow:hidden;margin-bottom:10px}.time-prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c8ff57,#a8e040);transition:width .8s ease}.time-milestones{display:flex;justify-content:space-between}.time-ms{font-size:.62rem;color:var(--mu);font-weight:600;font-family:DM Mono,monospace;transition:color .3s}.time-ms.hit{color:var(--ac)}.big-prog{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:18px;margin-bottom:16px}.big-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.big-frac{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.8rem;color:var(--tx);letter-spacing:-.5px}.big-frac .d{color:var(--mu);font-size:1.1rem}.big-pct{font-size:.9rem;font-weight:700}.big-bar{height:8px;background:var(--b2);border-radius:99px;overflow:hidden}.big-fill{height:100%;border-radius:99px;transition:width .6s ease}.task-grp{margin-bottom:18px}.grp-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px}.grp-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.task-row{background:var(--s);border:1px solid var(--b);border-radius:var(--r);padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .12s;animation:fup .22s ease;margin-bottom:8px;position:relative;min-height:54px}@keyframes fup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.task-row:active{background:var(--s2);transform:scale(.99)}.task-row.done{opacity:.3}.task-row.done .task-txt{text-decoration:line-through;color:var(--mu)}.task-row.overdue{border-color:#ef444440;background:#ef44440a}.task-chk{width:22px;height:22px;border-radius:50%;border:2px solid var(--b2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.task-row.done .task-chk{background:var(--rc,var(--ac));border-color:var(--rc,var(--ac))}.task-chk-v{font-size:.55rem;color:#000;display:none;font-weight:900}.task-row.done .task-chk-v{display:block}.task-txt{flex:1;font-size:.92rem;color:var(--tx);line-height:1.4;font-weight:500}.due-badge{font-size:.62rem;padding:2px 8px;border-radius:6px;font-weight:600;flex-shrink:0;white-space:nowrap}.task-timer-badge{font-family:DM Mono,monospace;font-weight:700;font-size:.72rem;color:var(--ac);background:#c8ff5714;border:1px solid rgba(200,255,87,.2);padding:3px 8px;border-radius:99px;flex-shrink:0;white-space:nowrap}.task-running-dot{width:7px;height:7px;border-radius:50%;background:var(--ac);flex-shrink:0;animation:dotpulse 1.2s infinite}@keyframes dotpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.task-arr{color:var(--mu);font-size:.9rem;flex-shrink:0;opacity:.4}.del-btn{background:none;border:none;color:var(--b2);cursor:pointer;font-size:1.2rem;padding:6px 8px;border-radius:6px;flex-shrink:0;line-height:1;opacity:.5}.del-btn:active{color:#ef4444;opacity:1}.rec-dot{width:5px;height:5px;border-radius:50%;background:var(--rc,var(--ac));flex-shrink:0;opacity:.5}.task-detail{max-width:580px;margin:0 auto;padding:24px 16px calc(80px + var(--safe-bottom));text-align:center}.detail-folder{font-size:.75rem;color:var(--mu);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:7px}.detail-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.3rem,4vw,1.9rem);color:var(--tx);letter-spacing:-.3px;line-height:1.2;margin-bottom:16px}.detail-name.done{text-decoration:line-through;color:var(--mu)}.detail-date-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.date-pill{font-size:.75rem;padding:4px 12px;border-radius:99px;background:var(--s);border:1px solid var(--b2);color:var(--mu);font-weight:500}.detail-actions-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.detail-action-btn{background:none;border:1px solid var(--b2);color:var(--tx2);border-radius:99px;padding:10px 18px;cursor:pointer;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;min-height:40px}.detail-action-btn:active{background:var(--s2)}.detail-action-btn.warn{border-color:#fbbf2440;color:#fbbf2499}.detail-action-btn.danger{border-color:#ef444433;color:#ef444499}.timer-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r3);padding:32px 20px 24px;margin-bottom:18px;position:relative}.timer-card.running{border-color:#c8ff5740}.timer-digits{font-family:DM Mono,monospace;font-weight:700;font-size:clamp(3.5rem,14vw,6rem);color:var(--tx);line-height:1;margin-bottom:6px;letter-spacing:-3px;transition:color .3s}.timer-card.running .timer-digits{color:var(--ac)}.timer-status-lbl{font-size:.75rem;color:var(--mu);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:24px}.timer-card.running .timer-status-lbl{color:#c8ff5799}.timer-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.timer-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:99px;padding:18px 44px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .15s;letter-spacing:-.1px;min-height:56px}.timer-btn.start{background:var(--ac);color:#000;box-shadow:0 4px 20px #c8ff5740}.timer-btn.start:active{transform:scale(.96)}.timer-btn.pause{background:var(--s2);color:var(--tx);border:1px solid var(--b2)}.timer-btn.pause:active{transform:scale(.96)}.lock-btn{background:none;border:1px solid rgba(200,255,87,.3);color:var(--ac);border-radius:99px;padding:12px 32px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.85rem;min-height:46px}.lock-btn:active{background:#c8ff5714;transform:scale(.97)}.timer-stats{display:flex;gap:8px;margin-top:20px}.t-stat{flex:1;text-align:center;background:var(--bg);border:1px solid var(--b);border-radius:10px;padding:12px 8px}.t-stat-val{font-family:DM Mono,monospace;font-weight:700;font-size:.9rem;color:var(--tx);margin-bottom:4px}.t-stat-lbl{font-size:.6rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.done-badge{display:inline-flex;align-items:center;gap:7px;background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#34d399;border-radius:99px;padding:7px 18px;font-size:.8rem;font-weight:600;margin-bottom:20px}.complete-actions{display:flex;gap:10px;margin-bottom:14px}.action-btn{flex:1;border:none;border-radius:12px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s;min-height:52px}.action-btn.complete{background:#c8ff571a;color:var(--ac);border:1px solid rgba(200,255,87,.2)}.action-btn.complete:active{background:#c8ff572e}.action-btn.remind{background:var(--s);color:var(--tx2);border:1px solid var(--b2)}.action-btn.remind:active{background:var(--s2)}.remind-section{background:var(--s);border:1px solid var(--b);border-radius:14px;padding:16px}.remind-title{font-size:.7rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.remind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:10px}.remind-opt{background:var(--bg);border:1px solid var(--b2);border-radius:9px;padding:12px 6px;cursor:pointer;font-family:DM Mono,monospace;font-weight:600;font-size:.8rem;color:var(--tx2);text-align:center;min-height:44px}.remind-opt:active{border-color:var(--ac);color:var(--ac)}.add-area{margin-top:14px}.add-row{display:flex;gap:8px}.add-in{flex:1;background:var(--s);border:1px solid var(--b2);border-radius:12px;padding:14px 16px;color:var(--tx);font-size:16px;outline:none;transition:all .2s;font-family:Inter,sans-serif;min-height:50px}.add-in::placeholder{color:#444}.add-in:focus{border-color:var(--ac);box-shadow:0 0 0 3px #c8ff571a}.add-btn{background:var(--ac);color:#000;border:none;border-radius:12px;padding:14px 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;cursor:pointer;flex-shrink:0;line-height:1;min-width:50px;min-height:50px}.add-btn:active{transform:scale(.93)}.add-opts{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.opt-btn{background:none;border:1px solid var(--b2);color:var(--tx2);border-radius:8px;padding:9px 14px;cursor:pointer;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;min-height:38px}.opt-btn:active{background:var(--s)}.opt-btn.on{border-color:var(--ac);color:var(--ac);background:#c8ff5714}.day-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.dc{background:var(--s);border:1px solid var(--b2);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.75rem;font-family:Inter,sans-serif;font-weight:600;color:var(--tx2);min-height:36px}.dc.sel{background:var(--ac);border-color:var(--ac);color:#000}.date-picker-box{background:var(--s);border:1px solid var(--b2);border-radius:12px;padding:14px;margin-top:8px;display:flex;flex-direction:column;gap:14px}.date-picker-lbl{font-size:.65rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.date-chips{display:flex;gap:6px;flex-wrap:wrap}.date-chip{background:var(--bg);border:1px solid var(--b2);border-radius:8px;padding:8px 12px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:.78rem;color:var(--tx2);min-height:36px}.date-chip.sel{background:var(--ac);border-color:var(--ac);color:#000}.date-chip.due-sel{background:#ef4444;border-color:#ef4444;color:#fff}.date-summary{font-size:.75rem;color:var(--mu);padding:8px 10px;background:var(--bg);border-radius:8px;line-height:1.6}.empty{text-align:center;padding:30px 0;color:var(--mu);font-size:.88rem;font-weight:400}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fi .15s ease}@keyframes fi{0%{opacity:0}to{opacity:1}}@media (min-width:600px){.overlay{align-items:center;padding:20px}}.modal{background:#1e1e1e;border:1px solid var(--b2);border-radius:24px 24px 0 0;padding:28px 20px calc(20px + var(--safe-bottom));width:100%;max-width:100%;animation:slideup .25s cubic-bezier(.34,1.3,.64,1);box-shadow:0 -20px 60px #00000080;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.modal{border-radius:20px;padding:24px;max-width:440px;max-height:90vh;animation:su .2s cubic-bezier(.34,1.56,.64,1)}@keyframes su{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.modal-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.15rem;color:var(--tx);margin-bottom:20px;letter-spacing:-.2px}.modal-lbl{font-size:.7rem;color:var(--mu);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.modal-in{width:100%;background:var(--s);border:1px solid var(--b2);border-radius:12px;padding:14px 16px;color:var(--tx);font-size:16px;outline:none;margin-bottom:16px;transition:all .15s;font-family:Inter,sans-serif;min-height:50px}.modal-in:focus{border-color:var(--ac)}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.sw{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s}.sw.sel{border-color:#fff;transform:scale(1.2)}.modal-btns{display:flex;gap:9px;justify-content:flex-end}.btn-c{background:none;border:1px solid var(--b2);color:var(--tx2);border-radius:10px;padding:12px 20px;cursor:pointer;font-size:.88rem;font-weight:600;font-family:Inter,sans-serif;min-height:46px}.btn-c:active{background:var(--s)}.btn-ok{background:var(--ac);color:#000;border:none;border-radius:10px;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;min-height:46px}.btn-ok:active{transform:scale(.96)}.btn-ok:disabled{opacity:.4;cursor:not-allowed}.hr-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.hp{background:var(--s);border:1px solid var(--b2);border-radius:9px;padding:10px 18px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.9rem;color:var(--tx2);min-height:44px}.hp.sel{background:var(--ac);border-color:var(--ac);color:#000}.del-folder-btn{background:none;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:10px;padding:12px 18px;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:20px;font-family:Inter,sans-serif;min-height:46px}.del-folder-btn:active{background:#ef44440f}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:18px;max-height:150px;overflow-y:auto}.icon-opt{background:var(--s);border:2px solid transparent;border-radius:9px;padding:8px;cursor:pointer;font-size:1.1rem;text-align:center;line-height:1;min-height:40px;display:flex;align-items:center;justify-content:center}.icon-opt:active{border-color:var(--b2)}.icon-opt.sel{border-color:var(--ac);background:#c8ff571a}.folder-preview{border-radius:10px;padding:12px 16px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#111;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;padding-bottom:calc(40px + var(--safe-bottom))}.lock-icon-big{font-size:3rem;margin-bottom:16px;animation:lockbob 3s ease-in-out infinite}@keyframes lockbob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lock-eyebrow{font-size:.7rem;color:var(--mu);text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin-bottom:14px}.lock-task-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.3rem,4vw,2rem);color:var(--tx);margin-bottom:32px;max-width:500px;line-height:1.3;letter-spacing:-.3px}.lock-countdown{font-family:DM Mono,monospace;font-weight:700;font-size:clamp(4.5rem,18vw,8rem);color:var(--ac);line-height:1;letter-spacing:-4px;margin-bottom:6px;transition:color .3s}.lock-countdown.urgent{color:#ef4444;animation:urgflash .6s infinite}@keyframes urgflash{0%,to{opacity:1}50%{opacity:.5}}.lock-cdown-lbl{font-size:.72rem;color:var(--mu);text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin-bottom:20px}.lock-prog-wrap{width:100%;max-width:380px;margin-bottom:16px}.lock-prog-bg{width:100%;height:5px;background:#222;border-radius:99px;overflow:hidden}.lock-prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ac),#a8e040);transition:width 1s linear}.lock-prog-fill.urgent{background:linear-gradient(90deg,#ef4444,#fb923c)}.lock-working-lbl{font-size:.85rem;color:var(--mu);margin-bottom:40px;font-weight:400}.lock-working-lbl strong{color:var(--tx);font-weight:700}.lock-unlock-btn{background:none;border:1px solid rgba(239,68,68,.2);color:#ef444499;border-radius:12px;padding:14px 32px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.88rem;min-height:50px}.lock-unlock-btn:active{background:#ef44440f;border-color:#ef4444;color:#ef4444}.lock-done-card{background:var(--s);border:1px solid rgba(200,255,87,.3);border-radius:20px;padding:32px 28px;max-width:380px;width:100%}.lock-done-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.6rem;color:var(--ac);margin-bottom:8px;letter-spacing:-.5px}.lock-done-sub{font-size:.88rem;color:var(--mu);margin-bottom:24px;line-height:1.6;font-weight:400}.lock-done-btns{display:flex;flex-direction:column;gap:10px}.lock-more-btn{background:var(--ac);color:#000;border:none;border-radius:12px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;min-height:52px}.lock-more-btn:active{transform:scale(.97)}.lock-back-btn{background:var(--s);border:1px solid var(--b2);color:var(--tx2);border-radius:12px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;min-height:52px}.pin-dots{display:flex;gap:14px;justify-content:center;margin-bottom:28px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--b2);transition:all .2s}.pin-dot.filled{background:var(--ac);border-color:var(--ac)}.pin-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:0 auto 14px}.pin-key{background:var(--s);border:1px solid var(--b2);border-radius:14px;padding:20px 10px;font-family:DM Mono,monospace;font-weight:700;font-size:1.4rem;color:var(--tx);cursor:pointer;text-align:center;min-height:64px;display:flex;align-items:center;justify-content:center}.pin-key:active{transform:scale(.92);background:var(--s2)}.pin-key.del{font-size:.95rem;color:var(--mu)}.pin-error{color:#ef4444;font-size:.82rem;font-weight:600;text-align:center;margin-top:8px;animation:pshake .3s ease}@keyframes pshake{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}.lock-dur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.lock-dur-opt{background:var(--s);border:1px solid var(--b2);border-radius:12px;padding:16px 8px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;color:var(--tx2);text-align:center;min-height:56px}.lock-dur-opt:active{border-color:var(--b3);color:var(--tx)}.lock-dur-opt.sel{background:var(--ac);border-color:var(--ac);color:#000}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:#121212f5;border-top:1px solid var(--b);display:flex;z-index:50;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding-bottom:var(--safe-bottom)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 8px;cursor:pointer;background:none;border:none;gap:4px;min-height:54px;position:relative}.tab-btn:active{opacity:.6}.tab-icon{font-size:1.3rem;line-height:1}.tab-lbl{font-size:.6rem;font-weight:600;color:var(--mu);letter-spacing:.04em;font-family:Inter,sans-serif}.tab-btn.active .tab-lbl{color:var(--ac)}.tab-dot{width:4px;height:4px;border-radius:50%;background:var(--ac);margin-top:2px;opacity:0;transition:opacity .2s}.tab-btn.active .tab-dot{opacity:1}.all-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.sort-tabs{display:flex;gap:6px;flex-shrink:0}.sort-tab{background:var(--s);border:1px solid var(--b2);color:var(--tx2);border-radius:9px;padding:8px 14px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:Inter,sans-serif;min-height:38px}.sort-tab.active{background:var(--ac);border-color:var(--ac);color:#000}.sort-tab:active{transform:scale(.95)}.filter-tabs{display:flex;gap:7px;margin-bottom:18px}.filter-tab{background:var(--s);border:1px solid var(--b);color:var(--tx2);border-radius:99px;padding:8px 18px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:Inter,sans-serif;min-height:38px}.filter-tab.active{background:var(--b2);color:var(--tx)}.filter-tab:active{transform:scale(.95)}.day-section{margin-bottom:22px}.day-section-hdr{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--b)}.day-badge{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:7px}.day-badge.today{background:#c8ff571f;color:#c8ff57}.day-badge.past{background:#ef44441a;color:#ef4444}.day-badge.future{background:var(--s);color:var(--mu);border:1px solid var(--b)}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141414;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 20px) 24px calc(var(--safe-bottom) + 40px);text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.ob-steps{display:flex;gap:7px;justify-content:center;margin-bottom:40px}.ob-step-dot{width:8px;height:8px;border-radius:50%;background:var(--b2);transition:all .3s}.ob-step-dot.active{background:var(--ac);width:24px;border-radius:99px}.ob-step-dot.done{background:#c8ff5766}.ob-emoji{font-size:3.5rem;margin-bottom:20px;animation:obpop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes obpop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ob-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,2.2rem);color:var(--tx);letter-spacing:-.5px;line-height:1.15;margin-bottom:12px}.ob-sub{font-size:.95rem;color:var(--mu);line-height:1.75;max-width:400px;margin:0 auto 28px;font-weight:400}.ob-card{background:var(--s);border:1px solid var(--b2);border-radius:18px;padding:22px;width:100%;max-width:420px;margin-bottom:28px;text-align:left}.ob-card-label{font-size:.68rem;color:var(--mu);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:12px}.ob-input{width:100%;background:var(--bg);border:1px solid var(--b2);border-radius:12px;padding:15px 16px;color:var(--tx);font-size:16px;outline:none;transition:all .2s;margin-bottom:10px;font-family:Inter,sans-serif;min-height:52px}.ob-input:focus{border-color:var(--ac);box-shadow:0 0 0 3px #c8ff571a}.ob-color-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}.ob-color{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s;flex-shrink:0}.ob-color.sel{border-color:#fff;transform:scale(1.2)}.ob-icon-row{display:flex;gap:8px;flex-wrap:wrap}.ob-icon{background:var(--bg);border:2px solid transparent;border-radius:10px;padding:8px;cursor:pointer;font-size:1.2rem;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.ob-icon:active{border-color:var(--b2)}.ob-icon.sel{border-color:var(--ac);background:#c8ff571a}.ob-primary{background:var(--ac);color:#000;border:none;border-radius:14px;padding:18px 40px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:-.1px;width:100%;max-width:320px;min-height:56px}.ob-primary:active{transform:scale(.97)}.ob-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.ob-skip{background:none;border:none;color:var(--mu);cursor:pointer;font-size:.85rem;margin-top:16px;padding:12px;font-family:Inter,sans-serif;min-height:44px}.ob-task-row{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--b2);border-radius:12px;padding:14px;margin-bottom:8px}.ob-chk{width:20px;height:20px;border-radius:50%;border:2px solid var(--b2);flex-shrink:0}.ob-task-txt{font-size:.9rem;color:var(--tx);font-weight:500}.ob-badge{font-size:.68rem;padding:4px 10px;border-radius:6px;background:#c8ff571f;color:var(--ac);border:1px solid rgba(200,255,87,.25);font-weight:600;margin-left:auto}@media (max-width:580px){.nav{padding:calc(var(--safe-top) + 10px) 16px 10px}.signout-btn{font-size:.72rem;padding:8px}.avatar{width:30px;height:30px}.rings-card{padding:14px 8px 44px;justify-content:space-between}.ring-div{height:32px}.ring-stat-val{font-size:1.1rem}.ring-stat-lbl{font-size:.52rem}.ring-stat-sub{display:none}.hrs-bar-wrap{padding:0 10px 10px}.day-grid{gap:4px}.day-card{padding:8px 2px 6px;border-radius:8px;min-height:56px}.day-lbl{font-size:.52rem}.day-cnt{font-size:.55rem}.folder-row{padding:12px 10px;gap:8px;min-height:60px}.folder-row-icon{font-size:1.1rem;width:24px}.folder-row-name{font-size:.88rem}.folder-row-stats{gap:6px}.f-stat{min-width:30px}.f-stat-val{font-size:.72rem}.f-stat-lbl{font-size:.46rem}.task-row{padding:13px 12px;min-height:52px}.task-txt{font-size:.9rem}.timer-card{padding:24px 16px 20px}.timer-digits{font-size:clamp(3rem,14vw,5rem);letter-spacing:-2px}.t-stat{padding:10px 6px}.view-title{font-size:clamp(1.2rem,4vw,1.6rem)}.momentum-card{padding:14px}.ob-overlay{padding:calc(var(--safe-top) + 16px) 18px calc(var(--safe-bottom) + 32px)}.ob-title{font-size:clamp(1.4rem,5vw,1.9rem)}.ob-card{padding:18px}}@media (max-width:400px){.f-stat-week{display:none!important}.tab-lbl{font-size:.54rem;letter-spacing:0}}.app{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg)}.app-center{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.today-greeting{padding:4px 0 20px}.today-date{font-size:.68rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.today-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;color:var(--tx);letter-spacing:-.5px;line-height:1.1}.time-hero-card{background:var(--s);border:1px solid var(--b);border-radius:var(--r2);padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px;transition:border-color .3s}.time-hero-card.running{border-color:#c8ff5740}.time-hero-content{flex:1;min-width:0}.time-hero-label{font-size:.62rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.time-hero-timer{font-family:DM Mono,monospace;font-weight:700;font-size:clamp(2rem,8vw,2.8rem);line-height:1;letter-spacing:-2px;margin-bottom:6px;transition:color .3s}.time-hero-sub{font-size:.78rem;color:var(--tx2);margin-bottom:12px;font-weight:400}.time-hero-bar{height:4px;background:var(--b2);border-radius:99px;overflow:hidden}.time-hero-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c8ff57,#a8e040);transition:width .8s ease}.time-hero-running{display:flex;align-items:center;gap:6px;margin-top:10px}.time-hero-running span{font-size:.72rem;color:var(--ac);font-weight:600}.running-dot{width:6px;height:6px;border-radius:50%;background:var(--ac);animation:dotpulse 1.2s infinite}.time-hero-arc{position:relative;flex-shrink:0;width:90px;height:90px}@media (max-width:400px){.time-hero-arc{display:none}}.desktop-sidebar{display:none;width:210px;flex-shrink:0;flex-direction:column;background:#0d0d0d;border-right:1px solid #161616;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:none}.desktop-sidebar::-webkit-scrollbar{display:none}.ds-top{padding:0}.ds-nav{padding:8px 8px 0}.ds-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--mu);font-weight:600;font-size:.85rem;margin-bottom:1px;transition:background .12s,color .12s;position:relative}.ds-nav-item:hover{background:#141414;color:var(--tx2)}.ds-nav-item.active{background:#141414;color:var(--tx)}.ds-nav-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.ds-nav-dot{width:5px;height:5px;border-radius:50%;background:var(--ac);margin-left:auto}.ds-section-lbl{font-size:.62rem;font-weight:700;color:#2a2a2a;text-transform:uppercase;letter-spacing:.14em;padding:16px 18px 6px}.ds-client-list{padding:0 8px;flex:1}.ds-client-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--mu);transition:all .12s}.ds-client-item:hover{background:#141414;color:var(--tx2)}.ds-client-item.active{background:#141414;color:var(--tx)}.ds-cdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ds-cname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-cmrr{font-family:DM Mono,monospace;font-size:.7rem;font-weight:700;color:#2a2a2a;flex-shrink:0}.ds-add-client{opacity:.5}.ds-add-client:hover{opacity:1}.ds-bottom{padding:12px;border-top:1px solid #161616;display:flex;align-items:center;gap:9px;margin-top:auto}.desktop-right{display:none;width:240px;flex-shrink:0;flex-direction:column;background:#0d0d0d;border-left:1px solid #161616;position:sticky;top:0;height:100vh;overflow-y:auto}.dr-section{padding:16px;border-bottom:1px solid #161616}.dr-section:last-child{border-bottom:none}.dr-label{font-size:.62rem;font-weight:700;color:#2a2a2a;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.dr-timer{font-family:DM Mono,monospace;font-weight:700;font-size:1.9rem;letter-spacing:-2px;line-height:1;margin-bottom:4px;transition:color .3s}.dr-pbar{height:3px;background:#1a1a1a;border-radius:99px;overflow:hidden;margin-bottom:10px}.dr-pbar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c8ff57,#a8e040);transition:width .8s}.dr-btn-start{flex:1;background:var(--ac);color:#000;border:none;border-radius:8px;padding:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;min-height:34px}.dr-btn-pause{flex:1;background:#1c1c1c;color:var(--tx);border:1px solid var(--b2);border-radius:8px;padding:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;min-height:34px}.dr-focus-card{background:#fb923c0d;border:1px solid rgba(251,146,60,.15);border-left:2px solid #fb923c;border-radius:10px;padding:11px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s}.dr-focus-card:hover{background:#fb923c1a}.dr-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #161616}.dr-stat-row:last-child{border-bottom:none}.dr-stat-k{font-size:.78rem;color:var(--mu)}.dr-stat-v{font-family:DM Mono,monospace;font-weight:700;font-size:.82rem}@media (min-width:900px){.app{height:100vh;height:100dvh;overflow:hidden;display:flex}.app-center{flex:1;min-width:0;overflow-y:auto;height:100vh;height:100dvh;display:flex;flex-direction:column}.app-center::-webkit-scrollbar{width:3px}.app-center::-webkit-scrollbar-track{background:transparent}.app-center::-webkit-scrollbar-thumb{background:#252525;border-radius:99px}.app-center{scrollbar-width:thin;scrollbar-color:#252525 transparent}.desktop-sidebar,.desktop-right{display:flex}.nav,.tab-bar{display:none!important}.home-layout{display:block!important;max-width:none!important;padding:36px 48px 80px!important;margin:0!important}.home-main{display:block!important;max-width:none!important}.today-title{font-size:2rem!important}.today-greeting{margin-bottom:28px!important}.time-hero-card{padding:28px 36px!important;margin-bottom:24px!important}.time-hero-timer{font-size:3rem!important;letter-spacing:-3px!important}.time-hero-arc{width:110px!important;height:110px!important}.day-grid{gap:12px!important;margin-bottom:32px!important}.day-card{min-height:84px!important;padding:16px 8px 12px!important;border-radius:14px!important}.day-lbl{font-size:.7rem!important}.day-cnt{font-size:.8rem!important}.folder-row{padding:16px 18px!important;border-radius:16px!important;min-height:68px!important}.folder-row-name{font-size:1rem!important}.page{max-width:none!important;padding:36px 48px 80px!important}.task-detail{max-width:640px!important;margin:0 auto!important;padding:36px 48px 80px!important}}.week-section-hdr{margin:24px 0 12px}.week-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;letter-spacing:-.3px;color:var(--tx);margin-bottom:3px;line-height:1.1}.week-sub{font-size:.82rem;color:var(--mu);font-weight:400}.clients-search:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a}.clients-search::placeholder{color:#333}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin-bottom:20px}.client-grid>div:active{transform:scale(.94);opacity:.8}@media (max-width:360px){.client-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}@media (min-width:900px){.client-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}}.time-hero-card{height:100%;box-sizing:border-box}