:root{color-scheme:light;--page:#f6f6f8;--surface:#fff;--ink:#24262b;--muted:#676b73;--line:#e1e3e7;--accent:#2a5961;--control:#eaecef;--glass:rgba(249,249,251,.85);--error:#a33033;--shadow:0 2px 4px #20303c04,0 16px 36px #20303c09;font:100%/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
:root[data-theme=dark]{color-scheme:dark;--page:#18191c;--surface:#24262b;--ink:#f1f2f4;--muted:#adb2ba;--line:#3a3d43;--accent:#b3d6cb;--control:#32363c;--glass:rgba(28,29,33,.88);--error:#ffb1ae;--shadow:0 8px 30px #0002}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);min-width:280px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:active{transform:scale(.97)}[hidden]{display:none!important}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;z-index:10;top:-90px;left:20px;padding:12px 18px;background:var(--surface);border-radius:10px}.skip-link:focus{top:12px}
.topbar{background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);position:sticky;top:0;z-index:5}.topbar-inner{max-width:1220px;margin:auto;padding:20px 48px;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.5px}.brand img{display:block;border-radius:10px}.header-actions{display:flex;align-items:center;gap:14px}.theme-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:transparent}.theme-button:hover,.quiet-button:hover{background:var(--control)}.theme-button .sun{display:none}[data-theme=dark] .theme-button .sun{display:block}[data-theme=dark] .theme-button .moon{display:none}.quiet-button{min-height:44px;padding:10px 13px;font-size:13px;font-weight:500;background:transparent;border-radius:11px;color:var(--muted)}
main{max-width:1220px;margin:auto;padding:80px 48px 48px;outline:none}.eyebrow{color:var(--accent);font-size:11px;font-weight:650;letter-spacing:2.1px;margin:0 0 16px}h1{margin:0;font-size:clamp(2.6rem,4.6vw,3.8rem);line-height:1.08;font-weight:650;letter-spacing:-.045em;outline:none}.subtitle{font-size:18px;letter-spacing:-.25px;color:var(--muted);margin:17px 0 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:54px}.today{font-size:13px;color:var(--muted);margin:0 0 5px;text-transform:lowercase}.library-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.library-heading h2{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0}.app-count{font-size:11px;color:var(--muted);display:grid;place-items:center;background:var(--control);border-radius:7px;width:23px;height:23px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.app-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid #81869a1a;border-radius:25px;overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.app-card:hover{transform:translateY(-5px);box-shadow:0 5px 10px #20303c06,0 20px 40px #20303c14}.app-card:active{transform:scale(.985)}.app-card[aria-busy=true]{opacity:.7}.artwork{position:relative;aspect-ratio:1.15;display:flex;justify-content:center;align-items:center;padding-bottom:28px;overflow:hidden}.art-label{position:absolute;bottom:23px;text-align:center;width:100%;font-size:11px;font-weight:500;letter-spacing:.1px;color:#536768}.gtd-art{background:radial-gradient(ellipse at 40% 25%,#f2f8f2 0,#deebe3 65%,#d1e2d9 100%)}.gtd-sheet{width:58%;padding:27px 20px;border-radius:20px;background:linear-gradient(145deg,#fffefb,#f7faf6);box-shadow:9px 14px 25px #315f3d20,inset 0 0 0 1px #fff9;transform:rotate(-8deg)}.sheet-line{display:flex;gap:11px;align-items:center;margin:0 0 17px}.sheet-line:last-child{margin:0}.check-circle,.empty-circle{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;flex-shrink:0}.check-circle{background:#4c8067;color:white}.check-circle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.empty-circle{border:2px solid #bdcfc4}.task-line{height:7px;width:80%;border-radius:5px;background:#769787}.task-done{background:#c0d0c6}.task-line.short{width:60%}.time-art{background:radial-gradient(ellipse at 45% 20%,#edf2fc,#dce5f4 70%,#ced9ed)}.time-art .art-label{color:#556681}.clock-face{position:relative;width:55%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#fff,#f2f4fb);box-shadow:10px 12px 24px #344e7a20,inset 0 0 0 7px #fff8;color:#68809c;font-weight:500;font-size:12px}.clock-face>span{position:absolute}.clock-twelve{left:50%;top:13px;transform:translateX(-50%)}.clock-six{left:50%;bottom:12px;transform:translateX(-50%)}.clock-nine{left:17px;top:50%;transform:translateY(-50%)}.clock-three{right:17px;top:50%;transform:translateY(-50%)}.clock-center{position:absolute;z-index:2;left:50%;top:50%;width:9px;height:9px;background:#426289;border-radius:50%;transform:translate(-50%,-50%)}.clock-hour,.clock-minute{position:absolute;left:calc(50% - 2px);bottom:50%;width:4px;border-radius:3px;background:#426289;transform-origin:50% 100%}.clock-hour{height:25%;transform:rotate(-56deg)}.clock-minute{height:33%;transform:rotate(60deg);width:3px}.fitness-art{background:radial-gradient(ellipse at 40% 25%,#faf2e9,#f0e1d2 70%,#e9d7c5)}.fitness-art .art-label{color:#85674c}.fitness-rings{width:65%;overflow:visible;filter:drop-shadow(5px 10px 7px #926a3b18);transform:rotate(-90deg)}.fitness-rings circle{fill:none;stroke-width:15}.ring-track.outer{stroke:#b9514428}.ring-track.middle{stroke:#c59d402c}.ring-track.inner{stroke:#598e7c2e}.ring-value{stroke-linecap:round}.ring-value.outer{stroke:#c86857;stroke-dasharray:410 478}.ring-value.middle{stroke:#d0a74e;stroke-dasharray:273 346}.ring-value.inner{stroke:#629a86;stroke-dasharray:163 214}.card-body{padding:25px 27px 0}.category{font-size:11px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin:0 0 6px}.card-body h3{font-size:26px;line-height:1.2;letter-spacing:-.8px;font-weight:650;margin:0}.card-body>p:last-child{font-size:14px;color:var(--muted);line-height:1.6;margin:10px 0 0}.launch{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;color:var(--accent);padding:26px 27px 27px;margin-top:auto}.launch svg{width:26px;height:26px;padding:4px;background:var(--page);border-radius:50%;transition:transform .18s ease}.app-card:hover .launch svg{transform:translateX(3px)}.app-status{font-size:13px;color:var(--muted);min-height:20px;margin:18px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:20px;font-size:11px;color:var(--muted)}.footer-dot{padding:0 9px}
.login-section{max-width:382px;margin:3px auto 0;text-align:center}.login-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:21px;background:var(--control);color:var(--accent);margin:0 auto 28px}.login-symbol svg{width:35px;height:35px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.login-section .eyebrow{margin-bottom:15px}.login-section h1{font-size:46px}.login-copy{font-size:17px;line-height:1.6;color:var(--muted);margin:17px 0 32px;letter-spacing:-.2px}.login-form{text-align:left}.login-form label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.key-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 5px 0 15px;min-height:54px}.key-field:focus-within{box-shadow:0 0 0 2px var(--accent);border-color:transparent}.key-field input{background:transparent;color:var(--ink);border:0;width:100%;min-width:0;height:52px;outline:none;font-size:16px}.key-field input:focus-visible{outline:none}.show-key{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:transparent;border-radius:9px;color:var(--muted)}.show-key:hover{background:var(--control)}.field-hint{font-size:12px;color:var(--muted);margin:9px 0 23px}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:51px;width:100%;border-radius:14px;background:#2a5961;color:#fff;font-size:15px;font-weight:550;box-shadow:0 3px 7px #142f3610}.primary-button:hover{background:#214b52}.primary-button:disabled{opacity:.65}.primary-button svg{width:19px;height:19px}.login-status{font-size:13px;color:var(--muted);line-height:1.6;margin:17px 0 0;min-height:21px}.login-status.error{color:var(--error)}.remember-note{font-size:11px;color:var(--muted);margin:13px 0}.noscript{max-width:440px;margin:25px auto;padding:18px;background:var(--surface);border-radius:14px;font-size:14px;color:var(--error)}
@media(min-width:1400px){main{padding-top:96px}.login-section{margin-top:7px}}@media(max-width:1000px){.topbar-inner{padding-inline:32px}main{padding:60px 32px 40px}.app-grid{gap:18px}.card-body{padding:21px 21px 0}.card-body>p:last-child{font-size:13px}.launch{padding:22px 21px}.gtd-sheet{padding:24px 15px;width:64%}.sheet-line{gap:8px}.art-label{font-size:10px}.clock-face{width:60%}.intro{margin-bottom:42px}.artwork{aspect-ratio:1.05}.fitness-rings{width:72%}}
@media(max-width:720px){.topbar-inner{padding:15px 24px;min-height:74px}.brand{font-size:17px;gap:9px}.brand img{width:32px;height:32px}.header-actions{gap:4px}.quiet-button{font-size:11px;padding-inline:8px}.theme-button{width:40px;height:44px}main{padding:40px 24px 32px}.intro{display:block;margin-bottom:33px}.today{margin:18px 0 0;font-size:12px}.subtitle{font-size:16px;margin-top:13px}.app-grid{grid-template-columns:1fr;gap:17px}.app-card{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;border-radius:20px;min-height:132px;padding:10px}.artwork{width:120px;height:112px;aspect-ratio:auto;border-radius:13px;padding-bottom:0}.art-label{display:none}.gtd-sheet{padding:16px 10px;width:72%;border-radius:12px}.sheet-line{margin-bottom:9px;gap:7px}.check-circle,.empty-circle{width:17px;height:17px}.check-circle svg{width:13px;height:13px}.empty-circle{border-width:1.5px}.task-line{height:4px}.clock-face{width:75%;font-size:8px}.clock-twelve{top:8px}.clock-six{bottom:7px}.clock-three{right:10px}.clock-nine{left:10px}.clock-center{width:6px;height:6px}.clock-hour,.clock-minute{width:2px;left:calc(50% - 1px)}.fitness-rings{width:90%}.card-body{padding:0 16px}.category{font-size:10px;margin-bottom:5px}.card-body h3{font-size:23px}.card-body>p:last-child{font-size:12px;margin-top:6px;line-height:1.5}.launch{font-size:0;padding:0 7px 0 0;margin:0}.launch svg{width:26px;height:26px}.library-heading{margin-bottom:18px}.app-status{margin-top:16px}footer{font-size:10px;flex-direction:column;gap:7px;padding-top:21px;margin-top:14px}.login-section{max-width:360px;margin:14px auto}.login-section h1{font-size:43px}.login-symbol{margin-bottom:25px}.login-copy{font-size:16px}}
@media(max-width:390px){.topbar-inner{padding-inline:18px}.brand{font-size:16px}.header-actions{gap:0}.quiet-button{font-size:10px;padding-inline:4px}main{padding-inline:18px}.app-card{grid-template-columns:98px 1fr 28px;padding:9px;min-height:121px}.artwork{width:98px;height:101px}.card-body{padding:0 12px}.card-body h3{font-size:21px}.card-body>p:last-child{font-size:11px}.launch svg{width:23px;height:23px}.gtd-sheet{padding:14px 8px}.check-circle,.empty-circle{width:15px;height:15px}.theme-button{width:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.app-card:hover,.app-card:active,button:active,.app-card:hover .launch svg{transform:none}}
@media(prefers-reduced-transparency:reduce){.topbar{background:var(--page);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#454a52;--line:#898f9b}:root[data-theme=dark]{--muted:#d3d7df;--line:#9298a4}.topbar{background:var(--page);backdrop-filter:none;-webkit-backdrop-filter:none}.app-card{border:1px solid var(--line)}}