:root{--page:#f6f6f6;--surface:#fcfcfc;--ink:#1f1f1f;--muted:#6a6a6a;--edge:#e3e3e3;--icon:#707070;--hover:#ececec;--pressed:#e2e2e2;--red:#b83f3a;--yellow:#b68719;--green:#31825b;--light-red:#ff5f57;--light-yellow:#febc2e;--light-green:#28c840;--shadow:0 30px 60px -30px #0003;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter Variable,system-ui,sans-serif}:root[data-mode=dark]{--page:#161617;--surface:#202021;--ink:#f5f5f5;--muted:#9c9c9c;--edge:#343436;--icon:#b0b0b0;--hover:#2c2c2e;--pressed:#3a3a3c;--red:#ef7973;--yellow:#d6b34e;--green:#73b68f;--shadow:0 30px 60px -30px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-size:17px;line-height:28px;overflow-x:hidden}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit}button,input{font:inherit}img,svg{display:block}::selection{background:var(--ink);color:var(--page)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}section[id]{scroll-margin-top:72px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1128px;margin:0 auto;padding-inline:24px}.section{padding-top:136px}.eyebrow{color:var(--muted);font-size:13px;font-weight:600;line-height:20px}.section-title{letter-spacing:-.03em;text-wrap:balance;max-width:760px;margin-top:8px;font-size:clamp(30px,4.4vw,48px);font-weight:650;line-height:1.08}.section-lead{max-width:560px;color:var(--muted);text-wrap:pretty;margin-top:16px;font-size:19px;line-height:30px}.btn{white-space:nowrap;cursor:pointer;height:46px;transition:transform .2s var(--ease), background-color .2s, box-shadow .2s;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary,.btn-small{background:var(--ink);color:var(--page)}.btn-primary:hover,.btn-small:hover{box-shadow:0 10px 24px -12px var(--ink);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-quiet{color:var(--ink);background:0 0}.btn-quiet:hover{background:var(--hover)}.btn-small{height:36px;padding:0 16px;font-size:14px}.btn-version{opacity:.55;margin-left:-3px;font-weight:500}.segmented{background:var(--hover);scrollbar-width:none;border-radius:9px;flex:none;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented label{position:relative}.segmented span{height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:6px;padding:0 12px;font-size:13px;line-height:30px;transition:color .15s,background-color .15s;display:block}.segmented span:hover{color:var(--ink)}.segmented input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.segmented input:focus-visible+span{outline:2px solid var(--icon);outline-offset:1px}.demo-pill{width:calc(var(--w) * var(--s,1));height:calc(48px * var(--s,1));filter:drop-shadow(0 calc(8px * var(--s,1)) calc(18px * var(--s,1)) #0000001f)}.demo-pill-inner{width:var(--w);height:48px;transform:scale(var(--s,1));transform-origin:0 0}.demo-pill button{font:inherit}.site-header{z-index:10;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.site-header[data-scrolled=true]{background:color-mix(in srgb, var(--page) 82%, transparent);border-bottom-color:var(--edge);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4)}.site-header-row{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.site-nav{gap:28px;font-size:14px;display:flex}.site-nav a{color:var(--muted);text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--ink)}.site-header-end{align-items:center;gap:8px;display:flex}.mode-toggle{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s;display:grid}.mode-toggle:hover{background:var(--hover)}.mode-sun,.mode-moon{transform-origin:50%;transition:transform .5s var(--ease), opacity .25s}.mode-moon,.mode-toggle svg[data-mode=dark] .mode-sun{opacity:0;transform:rotate(-90deg)scale(.5)}.mode-toggle svg[data-mode=dark] .mode-moon{opacity:1;transform:none}.only-dark,:root[data-mode=dark] .only-light{display:none}:root[data-mode=dark] .only-dark{display:block}body,.site-header,.hero-window,.soon-panel,.step-art,.window-frame,.history.app-panel{transition:background-color .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease)}.hero{text-align:center;padding-top:152px}.hero-title{letter-spacing:-.04em;max-width:900px;margin:0 auto;font-size:clamp(42px,8vw,88px);font-weight:650;line-height:1}.hero-title span{margin-right:.24em;display:inline-block}.hero-title span:last-child{margin-right:0}.hero-sub{max-width:540px;color:var(--muted);text-wrap:pretty;margin:28px auto 0;font-size:19px;line-height:30px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.hero-meta{color:var(--muted);margin-top:16px;font-size:13px;line-height:20px}.hero-stage{max-width:880px;margin:84px auto 0;position:relative}.hero-pill-spot{--s:1.7;z-index:2;width:fit-content;margin:0 auto calc(-24px * var(--s));position:relative}.hero-pointer{left:calc(176px * var(--s));top:calc(24px * var(--s));z-index:3;pointer-events:none;filter:drop-shadow(0 2px 4px #0000004d);position:absolute}.hero-window{border:1px solid var(--edge);background:var(--surface);border-radius:16px;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000 96%);mask-image:linear-gradient(#000 35%,#0000 96%)}.hero-window-bar{border-bottom:1px solid var(--edge);align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.hero-window-bar i,.window-frame-bar i{background:var(--edge);border-radius:50%;width:10px;height:10px}.hero-window-body{grid-template-columns:180px 1fr;height:100%;display:grid}.hero-side{border-right:1px solid var(--edge);padding:44px 20px}.hero-lines{padding:44px 56px}.hero-side b,.hero-lines b{background:var(--hover);border-radius:5px;height:9px;margin-bottom:16px;display:block}.hero-lines b[data-head=true]{background:var(--pressed);height:18px;margin-bottom:26px}.hero-hint{color:var(--muted);font-size:13px;line-height:20px;position:absolute;inset:auto 0 18px}.idea-list{margin-top:56px}.idea-beat{border-top:1px solid var(--edge);grid-template-columns:1fr auto;align-items:center;gap:48px;padding:40px 0;display:grid}.idea-num{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:13px;font-weight:600;line-height:20px;display:block}.idea-copy h3{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,28px);font-weight:620;line-height:1.2}.idea-copy p{max-width:460px;color:var(--muted);margin-top:10px}.idea-pill{--s:1.25;min-width:calc(232px * var(--s));min-height:calc(48px * var(--s))}.idea-credit{border-left:2px solid var(--edge);max-width:620px;color:var(--muted);padding:4px 0 4px 18px;font-size:15px;line-height:24px}.idea-list+div{border-top:1px solid var(--edge);margin-top:8px;padding-top:40px}.styles-stage{border:1px solid var(--edge);background:var(--surface);min-height:400px;color:var(--ink);transition:background-color .45s var(--ease), border-color .45s var(--ease), color .45s;border-radius:20px;flex-direction:column;align-items:center;margin-top:48px;padding:24px;display:flex}.styles-stage[data-style=instrument]{--surface:#e4e7dc;--ink:#1b1d18;--muted:#575b50;--edge:#c8ccbe;--hover:#d6dacd;--icon:#3a3d33}.styles-stage[data-style=ledger]{--surface:#f4f1ea;--ink:#1f1d1a;--muted:#67625a;--edge:#d6d9d2;--hover:#ebe6da;--icon:#5e584f}:root[data-mode=dark] .styles-stage[data-style=instrument]{--surface:#0e0e0c;--ink:#d9d6cc;--muted:#8f8c82;--edge:#2a2a26;--hover:#1c1c19;--icon:#a8a59a}:root[data-mode=dark] .styles-stage[data-style=ledger]{--surface:#25282c;--ink:#ece6d8;--muted:#a39e93;--edge:#3a3f43;--hover:#2e3236;--icon:#b9b3a6}.styles-controls{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;display:flex}.styles-pill-spot{--s:1.6;flex:1;place-items:center;min-height:230px;display:grid}.styles-blurb{max-width:480px;color:var(--muted);text-align:center;padding-bottom:12px;font-size:15px;line-height:24px}.styles-blurb strong{color:var(--ink);font-weight:600}.styles-stage[data-style=instrument] .styles-blurb{font-family:Instrument Mono,ui-monospace,monospace;font-size:13.5px}.styles-stage[data-style=ledger] .styles-blurb{font-family:"Source Serif 4 Variable",Georgia,serif;font-size:16.5px}.week-layout{grid-template-columns:5fr 6fr;align-items:center;gap:72px;display:grid}.ticks{margin-top:28px}.ticks li{padding:7px 0 7px 22px;font-size:16px;line-height:24px;position:relative}.ticks li:before{content:"";background:var(--light-green);border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:2px}.history.app-panel{border:1px solid var(--edge);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:24px;font-size:14px;line-height:20px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h3{font-size:14px;font-weight:600;line-height:20px}.week-range{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.dot{border-radius:50%;flex:none;width:6px;height:6px;position:relative}.history.app-panel .memo{margin-top:2px}.settings-layout{grid-template-columns:minmax(0,450px) 1fr;align-items:start;gap:80px;margin-top:56px;display:grid}.window-frame{border:1px solid var(--edge);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.window-frame-bar{border-bottom:1px solid var(--edge);height:38px;color:var(--muted);align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex}.window-frame-bar span{flex:1}.window-frame img{width:100%;height:auto}.settings-list li{border-top:1px solid var(--edge);padding:17px 0}.settings-list li:first-child{border-top:0;padding-top:0}.settings-list h3{font-size:16px;font-weight:600;line-height:24px}.settings-list p{color:var(--muted);margin-top:2px;font-size:15px;line-height:24px}.steps{margin-top:56px}.step{border-top:1px solid var(--edge);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:44px 0;display:grid}.step-num{border:1px solid var(--edge);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:16px;font-size:13px;font-weight:600;display:grid}.step-copy h3{letter-spacing:-.02em;font-size:clamp(20px,2.4vw,24px);font-weight:620;line-height:1.25}.step-copy p{max-width:440px;color:var(--muted);margin-top:10px}.step-copy p b{color:var(--ink);font-weight:600}.step-copy .step-note{font-size:14px;line-height:22px}.step-copy .btn{margin-top:22px}.step-art{border:1px solid var(--edge);background:var(--surface);border-radius:18px;place-items:center;min-height:230px;padding:28px;display:grid}.step-art-pair{grid-template-columns:1fr 1fr;gap:14px}.file-chip{border:1px solid var(--edge);background:var(--page);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:14px;font-weight:600;line-height:20px;display:flex}.file-chip svg{flex:none;width:36px;height:36px}.file-chip small{color:var(--muted);font-size:12px;font-weight:400;display:block}.smartscreen{color:#fff;background:#0063b1;width:100%;max-width:250px;padding:16px 16px 14px;font-family:Segoe UI,system-ui,sans-serif;font-size:10.5px;line-height:15px}.smartscreen strong{margin-bottom:8px;font-size:14px;font-weight:400;line-height:18px;display:block}.smartscreen p{margin:0 0 8px}.smartscreen-link{text-decoration:underline;display:inline-block}.smartscreen-buttons{justify-content:flex-end;gap:6px;margin-top:18px;display:flex}.smartscreen-btn{white-space:nowrap;border:1px solid #ffffffb3;padding:3px 10px}.smartscreen [data-pick=true]{position:relative}.smartscreen [data-pick=true]:after{content:"";border:2px solid #fff;border-radius:6px;animation:1.8s ease-in-out infinite pick;position:absolute;inset:-5px -7px}@keyframes pick{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.06)}}.tray{width:210px}.tray ul{border:1px solid var(--edge);background:var(--page);box-shadow:var(--shadow);border-radius:10px;padding:5px;font-size:13px;line-height:20px}.tray li{border-radius:6px;padding:6px 12px}.tray li:first-child{background:var(--hover)}.tray .tray-rule{border-top:1px solid var(--edge);border-radius:0;margin-top:5px;padding-top:10px}.tray-bar{background:var(--hover);color:var(--muted);border-radius:10px;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.tray-bar svg{outline:2px solid var(--light-green);outline-offset:2px;border-radius:5px;width:18px;height:18px}.tray-clock{font-variant-numeric:tabular-nums}.update-chip{font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.update-chip span{border:1px solid var(--edge);background:var(--page);color:var(--muted);border-radius:999px;padding:8px 16px}.update-chip i{background:var(--icon);width:36px;height:1px}.update-chip [data-new=true]{color:var(--ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.update-chip [data-new=true]:before{content:"";background:var(--light-green);border-radius:50%;width:8px;height:8px}.soon-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.soon-panel{border:1px solid var(--edge);background:var(--surface);border-radius:20px;height:100%;padding:28px}.tag{border:1px solid var(--edge);color:var(--muted);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;line-height:18px;display:inline-block}.soon-panel h3{letter-spacing:-.015em;font-size:20px;font-weight:620;line-height:28px}.soon-panel p{color:var(--muted);margin-top:4px;font-size:15px;line-height:24px}.soon-map{width:100%;height:auto;fill:color-mix(in srgb, var(--icon) 50%, transparent);margin:24px 0 20px}.soon-lit{fill:var(--light-green)}.soon-ring{transform-box:fill-box;transform-origin:50%;animation:4s ease-out infinite ring}@keyframes ring{0%{opacity:.7;transform:scale(1)}60%,to{opacity:0;transform:scale(5)}}.soon-board{filter:blur(2.2px);opacity:.75;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;height:calc(100% - 128px);min-height:190px;margin:24px 0 20px;display:flex}.soon-board li{border-top:1px solid var(--edge);font-variant-numeric:tabular-nums;grid-template-columns:18px 92px 1fr auto;align-items:center;gap:12px;padding:10px 0;font-size:14px;line-height:20px;display:grid}.soon-board li:first-child{border-top:0}.soon-rank{color:var(--muted)}.soon-meter{background:var(--hover);border-radius:3px;height:6px;overflow:hidden}.soon-meter i{background:var(--icon);border-radius:3px;height:100%;display:block}.soon-board li:first-child .soon-meter i{background:var(--light-green)}.soon-note{color:var(--muted);text-align:center;margin-top:32px;font-size:15px;line-height:24px}.free{text-align:center;padding-bottom:136px}.free-title{letter-spacing:-.035em;text-wrap:balance;margin-top:8px;font-size:clamp(34px,6vw,68px);font-weight:650;line-height:1.04}.free .section-lead{margin-inline:auto}.site-footer{border-top:1px solid var(--edge)}.site-footer-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding-block:28px;font-size:14px;line-height:20px;display:flex}.site-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover,.site-footer .brand{color:var(--ink)}.site-footer-meta{font-variant-numeric:tabular-nums}@media (width<=900px){.section{padding-top:96px}.week-layout,.settings-layout,.step{grid-template-columns:1fr;gap:36px}.settings-shot{max-width:450px}.soon-grid{grid-template-columns:1fr}.free{padding-bottom:96px}}@media (width<=760px){.site-nav{display:none}.hero{padding-top:120px}.hero-stage{margin-top:64px}.hero-pill-spot{--s:1.3}.hero-window{height:230px}.hero-window-body{grid-template-columns:96px 1fr}.hero-side{padding:36px 14px}.hero-lines{padding:36px 24px}.idea-beat{grid-template-columns:1fr;gap:24px;padding:32px 0}.idea-pill,.styles-pill-spot{--s:1.1}.styles-stage{padding:16px}.styles-controls{justify-content:center}}@media (width<=520px){body{font-size:16px;line-height:26px}.wrap{padding-inline:20px}.btn-version{display:none}.hero-sub,.section-lead{font-size:17px;line-height:27px}.hero-pill-spot{--s:1.12}.idea-pill{--s:1}.styles-pill-spot{--s:.92;min-height:180px}.segmented span{padding:0 7px;font-size:12px}.history.app-panel{padding:16px}.step-art{padding:20px}.step-art-pair{grid-template-columns:1fr}.soon-panel{padding:20px}.soon-board li{grid-template-columns:18px 80px 1fr auto}}@media (prefers-reduced-motion:reduce){.smartscreen [data-pick=true]:after,.soon-ring{animation:none}.btn,.styles-stage,.mode-sun,.mode-moon,body,.site-header,.hero-window,.soon-panel,.step-art,.window-frame,.history.app-panel{transition:none}}.step-art-pair{align-items:stretch}.step-art-pair .smartscreen{flex-direction:column;justify-self:center;display:flex}.step-art-pair .smartscreen-buttons{margin-top:auto;padding-top:14px}.step-art-pair .smartscreen-link{align-self:flex-start}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pill[data-theme=baseline]{--surface:#f6f6f6;--border:#00000029;--highlight:inset 0 1px 0 #ffffffd9;--label:#000000d9;--label-2:#00000073;--fill:#0000000f;--fill-hover:#0000001c;--fill-pressed:#0000002b;--accent:#007aff;--red:#ff5f57;--red-rim:#e0443e;--yellow:#febc2e;--yellow-rim:#dea123;--green:#28c840;--green-rim:#1aab29;--light:var(--red);--rim:var(--red-rim);background:var(--surface);width:100%;height:48px;color:var(--label);border:1px solid var(--border);box-shadow:var(--highlight);-webkit-user-select:none;user-select:none;cursor:default;border-radius:999px;align-items:center;padding:0 9px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Inter Variable,sans-serif;display:flex}:root[data-mode=dark] .pill[data-theme=baseline]{--surface:#2a2a2c;--border:#000000a6;--highlight:inset 0 0 0 1px #ffffff1f;--label:#ffffffd9;--label-2:#ffffff73;--fill:#ffffff17;--fill-hover:#ffffff26;--fill-pressed:#ffffff38;--accent:#0a84ff}.pill[data-theme=baseline][data-running=true]{--light:var(--yellow);--rim:var(--yellow-rim)}.pill[data-theme=baseline][data-done=true]{--light:var(--green);--rim:var(--green-rim)}.pill[data-theme=baseline] .light{background:var(--light);width:12px;height:12px;box-shadow:inset 0 0 0 .5px var(--rim);border-radius:50%;flex:none;margin-right:11px;position:relative}.pill[data-theme=baseline][data-pause=long][data-done=false] .light{animation:1.1s cubic-bezier(.3,0,.3,1) baseline-bounce}.pill[data-theme=baseline][data-pause=long][data-done=false] .light:after{content:"";background:var(--red);opacity:0;border-radius:50%;animation:5s ease-in-out 1.1s infinite baseline-breathe;position:absolute;inset:-4px}@keyframes baseline-bounce{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-9px)}75%{transform:translateY(-5px)}}@keyframes baseline-breathe{0%,to{opacity:0;transform:scale(.7)}45%{opacity:.3;transform:scale(1.15)}}.pill[data-theme=baseline] .time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;min-width:0;font-size:23px;font-weight:590;line-height:1;transition:color .2s ease-out}.pill[data-theme=baseline] button{appearance:none;width:30px;height:30px;color:var(--label-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s ease-out,transform .15s ease-out;display:grid}.pill[data-theme=baseline] .toggle{color:var(--label)}.pill[data-theme=baseline] .settings-btn{margin-left:2px}.pill[data-theme=baseline] button:hover{background:var(--fill-hover)}.pill[data-theme=baseline] button:active{background:var(--fill-pressed);transform:scale(.94)}.pill[data-theme=baseline] button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:0}.pill[data-theme=baseline] button:disabled{opacity:.4;cursor:default}.pill[data-theme=baseline] button svg{width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.pill[data-theme=baseline] .light,.pill[data-theme=baseline] .light:after{animation:none!important}.pill[data-theme=baseline] .time,.pill[data-theme=baseline] button{transition:none}}@font-face{font-family:Instrument DSEG7;src:url(/assets/DSEG7Classic-Bold-jUCkPCxO.woff2)format("woff2");font-weight:700;font-display:block}@font-face{font-family:Instrument Mono;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Instrument Mono;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2");font-weight:500;font-display:block}@font-face{font-family:Instrument Mono;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2");font-weight:700;font-display:block}.pill[data-theme=instrument]{--surface:#e4e7dc;--ink:#1b1d18;--muted:#575b50;--ghost:#d5d9cc;--hover:#d6dacd;--pressed:#c9cdbf;--amber:#b35300;--green:#137a3a;--dim:#7f8477;--red:#c42b1f;--lit:var(--amber);background:var(--surface);width:100%;height:48px;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:default;border-radius:4px;align-items:center;gap:12px;padding:0 7px 0 16px;font-family:Instrument Mono,ui-monospace,Consolas,monospace;font-size:12px;display:flex}:root[data-mode=dark] .pill[data-theme=instrument]{--surface:#0e0e0c;--ink:#d9d6cc;--muted:#8a877d;--ghost:#1c1c19;--hover:#1f1f1c;--pressed:#2a2a26;--amber:#ffb020;--green:#5be38c;--dim:#6e6b62;--red:#ff4a3d}.pill[data-theme=instrument][data-mode=met]{--lit:var(--green)}.pill[data-theme=instrument][data-mode=hold]{--lit:var(--dim)}.pill[data-theme=instrument][data-mode=idle]{--lit:var(--red)}.pill[data-theme=instrument] .seg{white-space:nowrap;font-variant-numeric:normal;font-family:Instrument DSEG7,monospace;font-weight:700;line-height:1;display:inline-block;position:relative}.pill[data-theme=instrument] .seg-ghost{color:var(--ghost)}.pill[data-theme=instrument] .seg-lit{text-align:right;color:var(--lit);position:absolute;inset:0}.pill[data-theme=instrument] .readout{flex-direction:column;gap:4px;display:flex}.pill[data-theme=instrument] .pill-digits{font-size:24px}.pill[data-theme=instrument] .gauge{gap:2px;height:2px;display:flex}.pill[data-theme=instrument] .gauge i{background:var(--ghost);flex:1}.pill[data-theme=instrument] .gauge i[data-on=true]{background:var(--lit)}.pill[data-theme=instrument] .annunciator{white-space:nowrap;letter-spacing:.08em;flex-direction:column;flex:1;gap:4px;min-width:0;font-size:10px;line-height:11px;display:flex;overflow:hidden}.pill[data-theme=instrument] .annunciator .word{color:var(--lit);text-transform:uppercase;font-weight:700}.pill[data-theme=instrument] .annunciator .sub{color:var(--muted);font-weight:500}.pill[data-theme=instrument][data-mode=idle] .colon{animation:1s step-end infinite instrument-blink}@keyframes instrument-blink{50%{opacity:0}}.pill[data-theme=instrument] .keys{flex:none;display:flex}.pill[data-theme=instrument] button{appearance:none;width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;place-items:center;padding:0;display:grid}.pill[data-theme=instrument] .settings-key{color:var(--muted)}.pill[data-theme=instrument] button:hover{background:var(--hover)}.pill[data-theme=instrument] button:active{background:var(--pressed)}.pill[data-theme=instrument] button:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.pill[data-theme=instrument] button:disabled{opacity:.4;cursor:default}.pill[data-theme=instrument] button svg{width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.pill[data-theme=instrument][data-mode=idle] .colon{animation:none}}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-opsz-normal-DIwfbPUE.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-opsz-normal-C0olyEE-.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-opsz-normal-DrHU7SY7.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-opsz-normal-DX68cEVD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-opsz-normal-HoL-AExg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-opsz-normal-BpEBLj1O.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pill[data-theme=ledger]{--surface:#f4f1ea;--ink:#1f1d1a;--muted:#7a746a;--edge:#d6d9d2;--margin:#d9a097;--icon:#5e584f;--hover:#ece7dc;--pressed:#e3ddd0;--red:#a8322a;--green:#2f6b4a;--entry:var(--ink);width:100%;height:48px;color:var(--ink);background:linear-gradient(var(--edge), var(--edge)) no-repeat 0 33px / 100% 1px, var(--surface);border:1px solid var(--edge);font-optical-sizing:auto;font-variant-numeric:tabular-nums lining-nums;-webkit-user-select:none;user-select:none;cursor:default;border-radius:2px;align-items:center;padding:0 6px 0 12px;font-family:"Source Serif 4 Variable",Georgia,serif;display:flex}:root[data-mode=dark] .pill[data-theme=ledger]{--surface:#25282c;--ink:#ece6d8;--muted:#9c978c;--edge:#3a3f43;--margin:#7a4a45;--icon:#b9b3a6;--hover:#2e3236;--pressed:#363a3f;--red:#e3806f;--green:#86be98}.pill[data-theme=ledger][data-entry=pencil]{--entry:var(--muted)}.pill[data-theme=ledger][data-entry=idle]{--entry:var(--red)}.pill[data-theme=ledger][data-entry=kept]{--entry:var(--green)}.pill[data-theme=ledger] .mark{border:1px solid var(--entry);flex:none;width:7px;height:7px;margin:0 10px 0 1px;transform:rotate(45deg)}.pill[data-theme=ledger][data-running=true] .mark{background:var(--entry)}.pill[data-theme=ledger] .margin-rule{border-inline:1px solid var(--margin);flex:none;align-self:stretch;width:4px;margin-right:12px}.pill[data-theme=ledger] .figure{color:var(--entry);white-space:nowrap;flex:none;padding-top:1px;font-size:23px;font-weight:600;line-height:1}.pill[data-theme=ledger][data-entry=kept] .figure{-webkit-text-decoration:underline double var(--green);text-decoration:underline double var(--green);text-underline-offset:2px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:1px}.pill[data-theme=ledger] .note{text-transform:uppercase;letter-spacing:.08em;color:var(--entry);white-space:nowrap;flex:none;margin-left:8px;padding-top:3px;font-size:10px;font-weight:600;line-height:1}.pill[data-theme=ledger] button{appearance:none;width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;place-items:center;padding:0;display:grid}.pill[data-theme=ledger] .toggle{margin-left:auto}.pill[data-theme=ledger] .book{color:var(--icon)}.pill[data-theme=ledger] button:hover{background:var(--hover)}.pill[data-theme=ledger] button:active{background:var(--pressed)}.pill[data-theme=ledger] button:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.pill[data-theme=ledger] button:disabled{opacity:.4;cursor:default}.pill[data-theme=ledger] button svg{width:16px;height:16px;display:block}:root[data-app-theme=instrument]{--surface:#e4e7dc;--ink:#1b1d18;--muted:#575b50;--edge:#c8ccbe;--icon:#3a3d33;--hover:#d6dacd;--pressed:#c9cdbf;--red:#b8281d;--yellow:#a34c00;--green:#137a3a;--app-font:"Instrument Mono", ui-monospace, Consolas, monospace}:root[data-mode=dark][data-app-theme=instrument]{--surface:#0e0e0c;--ink:#d9d6cc;--muted:#8f8c82;--edge:#2a2a26;--icon:#a8a59b;--hover:#1c1c19;--pressed:#262622;--red:#ff5a4d;--yellow:#ffb020;--green:#5be38c}:root[data-app-theme=ledger]{--surface:#f4f1ea;--ink:#1f1d1a;--muted:#67625a;--edge:#d6d9d2;--icon:#5e584f;--hover:#ebe6da;--pressed:#e1dbcd;--red:#a8322a;--yellow:#85641b;--green:#2f6b4a;--app-font:"Source Serif 4 Variable", Georgia, serif}:root[data-mode=dark][data-app-theme=ledger]{--surface:#25282c;--ink:#ece6d8;--muted:#a39e93;--edge:#3a3f43;--icon:#b9b3a6;--hover:#2e3236;--pressed:#363a3f;--red:#e3806f;--yellow:#d9b25e;--green:#86be98}.history{border-top:1px solid var(--edge);padding-top:22px}.day{align-items:center;gap:10px;display:flex}.num{font-variant-numeric:tabular-nums}.week-nav{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;display:flex}.week-nav>span{text-align:center;min-width:92px}.week-nav button{width:30px;height:30px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.week-nav button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.week-nav button:disabled{opacity:.35;cursor:default}.week-nav svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.week-stat{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 28px;display:flex}.week-summary{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.stat-label{color:var(--muted);font-size:12px;line-height:18px}.week-total{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:34px}.delta{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta .vs{color:var(--muted)}.chart{--gutter:40px;--bar:color-mix(in srgb, var(--ink) 20%, var(--surface))}.plot{height:260px;margin-left:var(--gutter);position:relative}.grid{border-top:1px solid var(--edge);height:0;position:absolute;left:0;right:0}.grid span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;top:-7px;right:calc(100% + 8px)}.grid.goal{border-top-color:var(--icon);border-top-style:dashed}.grid.goal span{color:var(--ink);font-weight:500}.cols{display:flex;position:absolute;inset:0}.col{cursor:default;background:0 0;border:0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:flex-end;padding:0;display:flex}.col[data-active=true]{background:color-mix(in srgb, var(--hover) 70%, transparent)}.col:focus-visible{outline-offset:-2px}.bar{background:var(--bar);border-radius:4px 4px 0 0;width:24px;transition:height .28s cubic-bezier(.2,.8,.2,1),background-color .16s}.col[data-met=true] .bar{background:var(--green)}.col[data-active=true]:not([data-met=true]) .bar{background:color-mix(in srgb, var(--ink) 38%, var(--surface))}.xlabels{margin:12px 0 0 var(--gutter);line-height:18px;display:flex}.xlabels span{text-align:center;color:var(--muted);flex:1;font-size:11px}.xlabels [data-today=true]{color:var(--ink);font-weight:600}.xlabels [data-future=true]{opacity:.45}.memo{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:10.5px;font-weight:600;line-height:16px}.day-detail{border-top:1px solid var(--edge);grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-top:20px;padding:14px 0;font-size:13px;display:grid}@media (prefers-reduced-motion:reduce){.bar{transition:none}}.view-switch{align-self:center;margin-left:auto}.view-switch span{padding:0 10px}.chart[data-view=totals]{padding-bottom:22px}.timeline .col{border-right:1px solid color-mix(in srgb, var(--edge) 55%, transparent);border-radius:4px;position:relative}.timeline .col:last-child{border-right:0}.block{background:var(--bar);border-radius:3px;transition:background-color .16s;position:absolute;left:5px;right:5px}.col[data-met=true] .block{background:var(--green)}.col[data-active=true]:not([data-met=true]) .block{background:color-mix(in srgb, var(--ink) 38%, var(--surface))}.xlabels.totals{height:18px;margin-top:4px;line-height:18px}.xlabels.totals span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.cursor{border-top:1px solid var(--red);pointer-events:none;z-index:1;height:0;position:absolute;left:0;right:0}.cursor-time{background:var(--red);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:3px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:-8px;right:calc(100% + 4px)}.cursor-tip{background:var(--ink);color:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 6px;font-size:11px;line-height:16px;position:absolute;bottom:5px;transform:translate(-50%)}.cursor-tip[data-edge=left]{transform:none;left:0!important}.cursor-tip[data-edge=right]{right:0;transform:none;left:auto!important}.block[data-hit=true]{box-shadow:0 0 0 1.5px var(--ink)}@media (width<=400px){.week-stat{gap:10px}.week-total{font-size:25px}.day-detail{grid-template-columns:1fr auto;gap:6px 10px}.day-detail>.delta{grid-column:1/-1}}