:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#000;--panel:#0e0e0e;--card-top:#282828;--card-bottom:#212121;--line:#ffffff1a;--muted:#ffffff75;--soft:#ffffff14;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--page);width:100%;min-height:100%;margin:0;overflow:hidden}body,button,input{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}button,input{color:inherit}button{cursor:pointer;border:0}.app-shell{color:#fff;isolation:isolate;background:#000;grid-template-rows:auto 1fr auto;width:100%;height:100dvh;min-height:520px;display:grid;position:relative;overflow:hidden}.app-header{z-index:5;min-height:74px;padding:calc(18px + var(--safe-top)) max(28px, calc(24px + var(--safe-right))) 10px max(28px, calc(24px + var(--safe-left)));grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.today-focus{letter-spacing:.01em;justify-self:start;font-size:clamp(15px,1.55vw,20px);font-weight:650}.today-focus strong{font-weight:850}.glass-button,.install-chip,.secondary-control,.round-control{color:#fff;-webkit-backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;justify-content:center;align-items:center;gap:9px;font-weight:750;display:inline-flex}.glass-button{border-radius:999px;justify-self:end;min-height:46px;padding:0 19px;font-size:16px}.install-chip{color:#ffffffd6;border-radius:999px;justify-self:center;min-height:40px;padding:0 16px;font-size:14px}.clock-stage{min-height:0;padding:10px max(34px, calc(26px + var(--safe-right))) 18px max(34px, calc(26px + var(--safe-left)));flex-direction:column;justify-content:center;align-items:center;display:flex;transform:translateY(-1.2vh)}.date-line{color:#ffffff8f;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:clamp(28px,5.5vh,56px);font-size:clamp(14px,1.35vw,18px);font-weight:560}.clock-row{justify-content:center;align-items:flex-start;gap:clamp(8px,1.55vw,24px);width:min(1180px,94vw);display:flex}.time-unit{justify-items:center;min-width:0;display:grid}.digit-viewport{contain:layout paint;min-width:clamp(152px,21vw,296px);position:relative;overflow:hidden}.time-value{color:#f7f7f5;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "zero" 1;letter-spacing:-.075em;white-space:nowrap;backface-visibility:hidden;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;will-change:opacity, transform;justify-content:center;align-items:center;min-width:100%;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,sans-serif;font-size:clamp(104px,19.5vw,286px);font-weight:620;line-height:.92;display:flex;transform:translate(0,0)}.flow-sizer{visibility:hidden;pointer-events:none;position:relative}.steady-value{position:absolute;inset:0}.flow-track{z-index:1;will-change:transform;grid-template-rows:repeat(2,50%);width:100%;height:200%;animation:.52s cubic-bezier(.4,0,.2,1) both number-flow;display:grid;position:absolute;inset:0;transform:translate(0,0)}.flow-track .time-value{width:100%;height:100%}.digit-viewport.is-flowing:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#000000b8 0%,#0000 7% 93%,#000000b8 100%);position:absolute;inset:0}@keyframes number-flow{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.time-separator{color:#ffffff85;padding-top:clamp(3px,1vw,16px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(82px,13vw,188px);font-weight:280;line-height:.92}.controls{z-index:5;min-height:86px;padding:8px 24px max(22px, calc(14px + var(--safe-bottom)));justify-content:center;align-items:center;gap:12px;display:flex}.chrome{transition:opacity .32s,transform .32s}.chrome.hidden{pointer-events:none;opacity:0}.app-header.hidden{transform:translateY(-10px)}.controls.hidden{transform:translateY(10px)}.primary-control,.secondary-control{border-radius:999px;min-height:52px;padding:0 24px;font-size:17px}.primary-control{color:#000;background:#fff;justify-content:center;align-items:center;gap:10px;min-width:154px;font-weight:820;display:inline-flex}.primary-control.running{color:#fff;background:#ffffff14;border:1px solid #ffffff3b}.round-control{border-radius:50%;flex:none;width:50px;height:50px}.round-control.small{width:40px;height:40px}.drawer-scrim,.modal-scrim{z-index:20;background:#000000a8;width:100%;height:100%;position:fixed;inset:0}.plan-drawer{z-index:21;top:max(10px, var(--safe-top));right:max(10px, var(--safe-right));bottom:max(10px, var(--safe-bottom));background:var(--panel);border:1px solid #ffffff1f;border-radius:29px;flex-direction:column;width:min(500px,100vw - 20px);animation:.36s cubic-bezier(.22,.76,.28,1) drawer-in;display:flex;position:fixed;overflow:hidden;box-shadow:-18px 0 60px #0000009e}@keyframes drawer-in{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid #ffffff14;align-items:center;gap:18px;padding:25px 24px 19px;display:flex}.drawer-header>div{flex:1;min-width:0}.drawer-header h1,.drawer-header p,.panel-section h2,.backup-section h2,.backup-section p{margin:0}.drawer-header h1{letter-spacing:-.03em;font-size:27px;font-weight:900}.drawer-header p{color:var(--muted);margin-top:4px;font-size:13px;font-weight:550}.drawer-scroll{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding:23px;overflow:auto}.drawer-scroll::-webkit-scrollbar{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#fff1;border:1px solid #ffffff12;border-radius:19px;min-width:0;padding:17px}.metric-icon{height:24px;color:var(--muted);font-size:16px}.metric-card strong,.metric-card span{display:block}.metric-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:21px;font-weight:900;overflow:hidden}.metric-card span{color:var(--muted);margin-top:5px;font-size:12px;font-weight:600}.panel-section{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.section-heading h2,.backup-section h2{font-size:18px;font-weight:850}.section-heading span{color:var(--muted);font-size:12px;font-weight:650}.chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:clamp(6px,1.5vw,13px);height:144px;display:grid}.bar-column{text-align:center;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex}.bar-value{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;min-height:13px;font-size:8px;font-weight:750;overflow:hidden}.bar{background:#fff;border-radius:5px;width:min(32px,72%);margin:5px auto 8px}.bar.empty{background:#ffffff17}.bar-label{color:#ffffff5c;white-space:nowrap;font-size:9px;font-weight:650}.segmented{background:#ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#ffffff75;background:0 0;border-radius:11px;height:40px;font-size:14px;font-weight:720}.segmented button.active{color:#000;background:#fff}.task-form{background:#fff1;border:1px solid #ffffff14;border-radius:15px;align-items:center;gap:8px;height:54px;margin-top:12px;padding:0 8px 0 16px;display:flex}.task-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.task-form input::placeholder{color:#ffffff52}.task-form button{color:#000;background:#fff;border-radius:50%;flex:none;width:36px;height:36px;font-size:18px;font-weight:900}.task-form button:disabled{opacity:.22}.task-list{gap:8px;margin-top:10px;display:grid}.task-row{background:#ffffff0b;border-radius:14px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:54px;padding:8px 9px 8px 13px;display:grid}.task-check{color:#000;background:0 0;border:2px solid #ffffff57;border-radius:50%;place-items:center;width:21px;height:21px;font-size:13px;font-weight:900;display:grid}.task-row.completed .task-check{background:#fff;border-color:#fff}.task-row>span{overflow-wrap:anywhere;font-size:15px;font-weight:570;line-height:1.35}.task-row.completed>span{color:#ffffff4d;text-decoration:line-through}.task-delete{color:#ffffff47;background:0 0;place-items:center;width:34px;height:34px;display:grid}.empty-tasks{color:#ffffff4d;place-items:center;gap:8px;padding:28px;font-size:14px;font-weight:600;display:grid}.empty-tasks span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.backup-section{border-top:1px solid #ffffff14;align-items:center;gap:16px;margin-top:28px;padding-top:22px;display:flex}.backup-section>div:first-child{flex:1;min-width:0}.backup-section p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4}.backup-actions{gap:7px;display:flex}.backup-actions button{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.modal-layer{z-index:40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{z-index:41;background:#121212;border:1px solid #ffffff21;border-radius:28px;width:min(440px,100%);position:relative;box-shadow:0 30px 80px #000000c7}.install-modal{text-align:center;padding:30px}.modal-close{background:#ffffff14;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.install-icon{color:#000;background:#fff;border-radius:18px;place-items:center;width:62px;height:62px;margin:2px auto 18px;display:grid}.install-modal h2{margin:0;font-size:25px;font-weight:900}.install-modal ol{color:#ffffffd1;text-align:left;gap:10px;margin:24px 0;padding:0 0 0 24px;font-size:15px;line-height:1.45;display:grid}.install-modal p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.modal-confirm{color:#000;background:#fff;border-radius:999px;width:100%;height:50px;margin-top:24px;font-size:16px;font-weight:820}.toast{z-index:60;left:50%;bottom:max(28px, calc(18px + var(--safe-bottom)));-webkit-backdrop-filter:blur(18px);background:#1e1e1eeb;border:1px solid #ffffff24;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000073}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (orientation:portrait){.clock-stage{justify-content:center}.clock-row{gap:clamp(5px,1.2vw,14px);width:min(96vw,880px)}.digit-viewport{min-width:clamp(92px,25vw,226px)}.time-value{font-size:clamp(76px,22vw,200px)}.time-separator{font-size:clamp(60px,15vw,140px)}.date-line{margin-bottom:30px}}@media (width<=700px){.app-header{padding-left:max(18px, calc(14px + var(--safe-left)));padding-right:max(18px, calc(14px + var(--safe-right)));grid-template-columns:1fr auto}.install-chip{display:none}.clock-stage{padding-inline:12px}.clock-row{gap:3px;width:98vw}.digit-viewport{min-width:27vw}.time-value{font-size:clamp(68px,22vw,150px)}.time-separator{font-size:clamp(52px,14vw,104px)}.backup-section{flex-direction:column;align-items:flex-start}}@media (height<=650px) and (orientation:landscape){.app-header{min-height:58px;padding-top:calc(10px + var(--safe-top))}.clock-stage{padding-top:0;padding-bottom:4px}.date-line{margin-bottom:18px}.clock-row{width:min(990px,90vw)}.time-value{font-size:clamp(90px,17vw,206px)}.time-separator{font-size:clamp(68px,11vw,132px)}.controls{min-height:70px;padding-bottom:max(10px, var(--safe-bottom))}.primary-control,.secondary-control{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}