*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}button{color:inherit}a{color:var(--accent-ink)}.stage{height:100svh;min-height:740px;position:relative;overflow:hidden;isolation:isolate}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1}header{position:absolute;inset:30px 40px auto;display:flex;align-items:center;justify-content:space-between}.edition{font:11px var(--font-data);letter-spacing:.09em;color:var(--ink2)}.controls{display:flex;gap:8px}.controls button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--rule2);border-radius:50%;background:var(--bg)}.controls button:hover{border-color:var(--ink3)}.controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}main{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:760px;text-align:center}.brand-mark{margin:0 auto 20px;width:46px;height:46px}.brand-mark svg{width:100%;height:100%}.prelaunch{font:10px var(--font-data);letter-spacing:.14em;color:var(--ink3);display:flex;align-items:center;justify-content:center;gap:8px}.prelaunch>span{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-size:clamp(72px,7.5vw,116px);font-weight:500;line-height:1;letter-spacing:-.065em;margin:18px 0 24px}.lead{font-size:21px;line-height:1.4;letter-spacing:-.01em;color:var(--ink2);margin:0}.mobile-break{display:none}form{width:470px;margin:34px auto 0}.email-row{display:flex;padding:5px;border:1px solid var(--rule2);background:var(--surface);border-radius:12px;text-align:left;min-height:58px}.email-row:focus-within{border-color:var(--ink3)}input{width:0;flex:1;min-width:0;padding:0 15px;border:0;background:transparent;color:var(--ink);outline:none!important;font-size:15px}input::placeholder{color:var(--ink3)}.email-row button{background:var(--ink);color:var(--bg);border:0;border-radius:7px;padding:0 19px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:18px;min-height:46px;white-space:nowrap}.email-row button:hover{background:var(--accent);color:var(--k-0)}.arrow{font-size:20px;font-weight:400}.email-row button:disabled{opacity:.75;cursor:default}.email-row button:disabled:hover{background:var(--ink);color:var(--bg)}#form-note{font-size:12px;color:var(--ink3);margin:13px -20px 0;line-height:1.5;min-height:36px}#form-note.error{color:var(--accent-ink)}.source{position:absolute;width:214px;background:var(--surface);border:1px solid var(--rule2);border-radius:10px;overflow:hidden;will-change:transform,opacity}.source-a{left:4.5%;top:27%}.source-b{right:4.5%;top:41%}.source-address{height:35px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--rule);padding:0 12px;font:10px var(--font-data);color:var(--ink3)}.tiny-mark{height:9px;width:9px;border:1px solid var(--ink3);border-radius:2px}.source-icon{margin-left:auto;font-family:var(--font-sans)}.source-kind{padding:17px 15px 10px;font-size:12px;color:var(--ink2)}.source-before{color:var(--ink3);font-size:17px;margin:0 15px 5px;text-decoration:line-through;text-decoration-color:var(--accent)}.source-after{font-size:20px;letter-spacing:-.02em;margin:0 15px 20px;white-space:nowrap}.write-caret{height:16px;width:1px;background:var(--accent);display:inline-block;vertical-align:-1px;margin-left:4px}.source-foot{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:10px 15px;font:8px var(--font-data);color:var(--ink3);letter-spacing:.05em}.source-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.record-label{position:absolute;left:40px;bottom:185px;display:flex;flex-direction:column;gap:12px;font:11px var(--font-data);color:var(--ink2);pointer-events:none}.record-kicker{font-size:9px;color:var(--ink3);letter-spacing:.12em}.record-label b{font-size:28px;font-weight:400;letter-spacing:-.045em;color:var(--ink)}.count-total{font-size:12px;color:var(--ink3)}.count-unit{display:block;margin-top:5px;color:var(--ink3);font-size:10px}.playhead-label{position:absolute;left:40px;bottom:132px;font:10px var(--font-data);color:var(--accent-ink);display:flex;align-items:center;gap:7px}.live-tick{width:5px;height:5px;border-radius:50%;background:var(--accent)}.days{position:absolute;left:40px;right:40px;bottom:61px;display:grid;grid-template-columns:repeat(7,1fr);font:10px var(--font-data);letter-spacing:.04em;color:var(--ink3);border-top:1px solid var(--rule2);padding-top:12px}.days span{padding-left:8px}.days i{font-style:normal;color:var(--ink2);margin-left:5px}footer{position:absolute;left:40px;right:40px;bottom:19px;display:flex;align-items:center;justify-content:space-between;color:var(--ink3);font:10px var(--font-data)}.unit-key{display:flex;align-items:center;gap:6px}.unit-key i{width:4px;height:4px;display:inline-block;background:var(--ink);border-radius:50%}#about{border:0;padding:4px 0;font:inherit;color:var(--ink3);background:var(--bg)}#about:hover{color:var(--ink)}#about span{color:var(--accent);margin-left:5px}.example-note{position:absolute;right:40px;top:76px;color:var(--ink3);font:9px var(--font-data)}#data-note{position:absolute;z-index:5;bottom:58px;left:50%;transform:translateX(-50%);width:480px;max-width:calc(100% - 32px);padding:26px;background:var(--surface);border:1px solid var(--rule2);border-radius:12px;box-shadow:var(--shadow-3)}#data-note h2{font-size:20px;font-weight:500;margin:0 24px 16px 0}#data-note p{font-size:13px;color:var(--ink2);line-height:1.6}#data-note p:last-child{margin-bottom:0;display:flex;gap:22px}#data-note a{text-decoration:none}#close-note{position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:24px;color:var(--ink3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.source-a{left:9%}.source-b{right:9%}}@media(max-width:1150px) and (min-width:701px){.source{width:174px}.source-a{left:2%;top:16%}.source-b{right:2%;top:56%}.source-after{font-size:17px}main{width:660px}h1{font-size:86px}}
@media(max-width:700px){.stage{min-height:800px}header{inset:20px 20px auto}.edition{font-size:8px;letter-spacing:.055em}.controls{gap:6px}.controls button{width:32px;height:32px}.example-note{top:65px;right:20px;font-size:8px}.source{width:168px;top:106px;border-radius:8px}.source-a{left:22px}.source-b{right:22px;top:596px}.source-address{height:25px;font-size:8px;padding:0 10px}.source-kind{padding:10px 11px 6px;font-size:10px}.source-before{font-size:13px;margin:0 11px 3px}.source-after{font-size:16px;margin:0 11px 12px}.write-caret{height:12px}.source-foot{padding:7px 11px;font-size:6px}.source-b .source-foot,.source-b .source-kind{display:none}.source-b .source-before{margin-top:10px}.source-b .source-after{margin-bottom:10px}main{top:265px;width:100%;padding:0 20px}.brand-mark{width:32px;height:32px;margin-bottom:15px}.prelaunch{font-size:8px;letter-spacing:.12em}h1{font-size:55px;letter-spacing:-.06em;margin:14px -10px 16px}.lead{font-size:17px;line-height:1.4;letter-spacing:0}.mobile-break{display:block}form{width:100%;max-width:370px;margin-top:24px}.email-row{min-height:54px;padding:4px;border-radius:10px}input{padding:0 10px;font-size:13px}.email-row button{min-height:44px;font-size:12px;padding:0 12px;gap:7px;border-radius:6px}.arrow{font-size:17px}#form-note{font-size:10px;margin:10px -3px 0;min-height:30px}.record-label{left:22px;bottom:168px;gap:7px}.record-kicker{font-size:7px}.record-label b{font-size:22px}.count-total{font-size:9px}.count-unit{font-size:8px}.playhead-label{left:22px;bottom:121px;font-size:8px}.days{left:20px;right:20px;bottom:64px;font-size:8px;padding-top:10px}.days span{padding-left:2px}.days i{display:block;margin:4px 0 0;font-size:8px}footer{left:20px;right:20px;bottom:16px;font-size:8px;gap:15px;align-items:flex-start}.unit-key{max-width:100px;line-height:1.6;gap:5px}#about{max-width:165px;text-align:right;line-height:1.6;padding:0}.week-date{display:none}.unit-key i{width:3px;height:3px;flex-shrink:0}#data-note{bottom:70px;padding:22px}}
@media(prefers-reduced-motion:reduce){.write-caret{display:none}.source{will-change:auto}}
.record-label{bottom:238px}.playhead-label{bottom:216px}.source-before{position:relative;width:max-content;text-decoration:none}.source-before:after{content:'';position:absolute;left:0;right:0;top:54%;height:1px;background:var(--accent);transform:scaleX(var(--strike,1));transform-origin:left}.source-after{opacity:var(--written,1)}
@media(max-width:700px){.source-b{top:141px}.record-label{bottom:192px}.playhead-label{bottom:169px}}
.record-label{left:50%;transform:translateX(-50%);bottom:242px;display:block;white-space:nowrap;text-align:center}.record-label b{font-size:12px;letter-spacing:0;color:var(--ink2)}.count-total{font-size:11px}.count-unit{display:inline;font-size:11px;color:var(--ink3)}.playhead-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.source-a{left:50%;margin-left:-84px;top:103px}.source-b{display:none}.record-label{bottom:226px}.record-label b,.count-total,.count-unit{font-size:9px}.days{font-size:7px}.days i{font-size:7px}}
.controls button[hidden]{display:none}
.skip{position:absolute;left:16px;top:-48px;z-index:10;padding:8px 12px;border-radius:8px;background:var(--ink);color:var(--bg);font-size:13px;text-decoration:none}.skip:focus{top:16px}
.challenge-layer{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,6,8,.72)}.challenge-layer[hidden]{display:none}.challenge-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid var(--rule2);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-3)}.challenge-panel p{margin:0;font-size:14px;color:var(--ink2)}#challenge{min-width:300px;min-height:65px}