@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,DM Sans,sans-serif;color:#000;background:#fff;font-synthesis:none;text-rendering:geometricPrecision;--warm: hsl(355 81% 49%);--warm-deep: hsl(355 100% 28%);--cold: hsl(197 100% 43%);--cold-deep: hsl(197 100% 32%);--transition: hsl(320 37% 41%);--done: hsl(133.09 100% 43.14%);--ink: hsl(0 0% 0%);--muted: hsl(0 0% 86%);--paper: hsl(0 0% 100%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}.editor-page{width:100%;background:var(--paper)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:4px solid hsl(48 100% 51%);outline-offset:4px}.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}.editor-shell{width:100%;height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(22px,4vh,52px);padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(ellipse 52vw 44vw at -8% 16%,hsl(355 81% 49% / 5.5%),transparent 70%),radial-gradient(ellipse 54vw 48vw at 108% 78%,hsl(197 100% 43% / 6.5%),transparent 72%),linear-gradient(180deg,#fff,#fcfcfc)}.brand{justify-self:center;display:flex;align-items:baseline;font-size:clamp(24px,2.3vw,38px);line-height:1;letter-spacing:-.045em}.brand strong{font-weight:880}.brand em{margin-left:.08em;font-weight:430}.editor-stage{width:100%;align-self:center;display:grid;place-items:center;gap:clamp(34px,5vh,60px)}.timer-composer{--composer-gap: clamp(22px, 3vw, 42px);width:min(900px,calc(100vw - 72px));display:grid;grid-template-columns:minmax(0,650px) 190px;gap:var(--composer-gap);align-items:stretch}.timer-stack{display:grid;justify-items:stretch;align-content:center}.duration-block{min-height:clamp(88px,9.5vw,118px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:0 clamp(24px,3.4vw,40px);border-radius:clamp(26px,3vw,38px);color:#fffc}.warm-block{background:var(--warm)}.cold-block{background:var(--cold)}.duration-input{width:100%;min-width:0;padding:0;border:0;outline:0;color:inherit;background:transparent;font-size:clamp(45px,5.1vw,70px);font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;caret-color:currentColor;transition:color .18s ease}.duration-input:focus,.duration-input:focus-visible{outline:0}.duration-input.is-invalid{animation:input-shake .38s ease}@keyframes input-shake{0%,to{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(7px)}}.temperature-icon{width:clamp(38px,4vw,54px);height:clamp(38px,4vw,54px);flex:0 0 auto}.transition-slot{--transition-control-size: 72px;--transition-expanded-size: 88px;--transition-active-size: var(--transition-control-size);--transition-line-size: 24px;height:calc(64px + var(--transition-line-size) * 2 + var(--transition-control-size));position:relative;display:grid;place-items:center}.transition-slot.has-transition{--transition-active-size: var(--transition-expanded-size)}.transition-slot .connector{position:absolute;left:50%;width:3px;height:calc(50% - var(--transition-active-size) / 2 - 24px);border-radius:99px;background:var(--ink);transform:translate(-50%);transition:height .42s cubic-bezier(.65,0,.35,1)}.transition-slot .connector:first-child{top:12px}.transition-slot .connector:last-child{bottom:12px}.transition-morph{width:var(--transition-control-size);height:var(--transition-control-size);border:3px solid var(--ink);border-radius:18px;color:var(--ink);background:var(--paper);overflow:hidden}.transition-morph.is-expanded{color:#ffffffc7}.add-transition{width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease}.add-transition svg{width:56%;height:56%}.add-transition:hover{color:var(--paper);background:var(--ink)}.transition-inner{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;padding:0 8px 0 24px;animation:transition-content-in .15s .12s both ease-out}@keyframes transition-content-in{0%{opacity:0}to{opacity:1}}.transition-input{font-size:clamp(34px,4vw,50px)}.remove-transition{width:44px;height:44px;display:grid;place-items:center;padding:7px;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease}.remove-transition:hover{color:var(--paper);background:#ffffff24}.cycle-control{--cycle-value-size: 72px;position:relative;min-height:100%;display:grid;grid-template-columns:48px 72px 48px;place-content:center;align-items:center;gap:10px}.cycle-brace{position:absolute;top:calc(clamp(88px,9.5vw,118px)/2);bottom:calc(clamp(88px,9.5vw,118px)/2);left:calc(-1 * var(--composer-gap) + 12px);right:50%;pointer-events:none}.cycle-brace:before,.cycle-brace:after{content:"";position:absolute;box-sizing:border-box;left:0;right:0}.cycle-brace:before{top:0;height:calc(50% - var(--cycle-value-size) / 2 - 12px);border-top:3px solid var(--ink);border-right:3px solid var(--ink);border-radius:0 20px 0 0}.cycle-brace:after{bottom:0;height:calc(50% - var(--cycle-value-size) / 2 - 12px);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);border-radius:0 0 20px}.cycle-step,.cycle-value{position:relative;z-index:1;display:grid;place-items:center;border:0}.cycle-step{width:48px;height:48px;border-radius:14px;color:#999;background:#e6e6e6;font-size:32px;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease}.cycle-step:hover:not(:disabled){color:var(--paper);background:var(--ink)}.cycle-step svg{width:55%;height:55%}.cycle-step:disabled{opacity:.35;cursor:not-allowed}.cycle-value{width:var(--cycle-value-size);height:var(--cycle-value-size);border:3px solid var(--ink);border-radius:19px;background:var(--paper);font-size:38px;font-weight:850;font-variant-numeric:tabular-nums}.share-row{position:relative;width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:12px}.editor-actions{width:min(720px,calc(100vw - 72px));justify-self:center;display:grid;gap:12px}.autostart-check,.copy-link,.sound-toggle{height:72px;border:3px solid var(--ink);background:var(--paper);cursor:pointer;transition:color .17s ease,background .17s ease,transform .17s ease}.autostart-check{display:grid;place-items:center;padding:13px;border-radius:18px}.autostart-check span,.autostart-check svg{display:block;width:100%;height:100%}.autostart-check svg{opacity:1;transition:opacity .16s ease}.autostart-check:hover,.autostart-check.is-checked{color:var(--paper);background:var(--ink)}.autostart-check:hover svg,.autostart-check.is-checked svg{opacity:1}.copy-link{overflow:hidden;border-radius:18px;font-size:clamp(20px,2.2vw,31px);font-weight:480;letter-spacing:-.025em}.copy-link:hover{color:var(--paper);background:var(--ink)}.copy-link span{display:block}.sound-toggle{width:100%;display:grid;place-items:center;padding:14px;border-radius:18px}.sound-toggle:hover{color:var(--paper);background:var(--ink)}.sound-toggle svg{width:100%;height:100%}.start-button{width:100%;height:72px;border:0;border-radius:18px;color:var(--paper);background:var(--ink);font-size:clamp(20px,2.2vw,31px);font-weight:650;letter-spacing:-.025em;cursor:pointer;transition:background .17s ease}.start-button:hover{background:#1a1a1a}.prestart-screen,.runtime-screen,.done-screen{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}.prestart-screen{display:grid;place-content:center;justify-items:center;gap:clamp(42px,7vh,78px);color:var(--ink);background:var(--paper)}.prestart-number{font-size:min(31vw,34vh);font-weight:900;line-height:.9;padding-block:.04em}.prestart-label{font-size:min(7vw,8vh);font-weight:850;line-height:1}.runtime-screen{isolation:isolate;display:grid;place-items:center;-webkit-user-select:none;user-select:none;cursor:default}.phase-blob{position:absolute;z-index:0;top:50%;left:50%;width:118vw;height:118vh;border-radius:48% 52% 58% 42%/54% 46% 56% 44%;background:radial-gradient(ellipse at center,var(--blob-color) 0%,var(--blob-color) 45%,transparent 98%);filter:blur(clamp(42px,6vw,92px));will-change:transform,opacity;pointer-events:none}.runtime-content,.done-content{position:relative;z-index:2;width:100%;display:grid;justify-items:center;transform:translateY(-2vh);will-change:opacity}.runtime-time{margin:0;color:#ffffffd1;font-size:min(25vw,35vh);font-weight:880;line-height:.9;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.runtime-time{display:inline-flex;align-items:center;justify-content:center;padding-block:.06em;letter-spacing:0;text-align:center}.runtime-time.fixed-time--long{font-size:min(18vw,28vh)}.fixed-time-digit,.fixed-time-separator{display:inline-grid;place-items:center;height:1em;line-height:1}.fixed-time-digit{width:.68em;flex:0 0 .68em}.fixed-time-separator{width:.4em;flex:0 0 .4em;margin-inline:.025em}.runtime-laps{margin:clamp(38px,6vh,70px) 0 0;color:#ffffffb8;font-size:min(5.5vw,7.7vh);font-weight:780;line-height:1.08;letter-spacing:-.05em;text-align:center;font-variant-numeric:tabular-nums}.paused-word{letter-spacing:.02em}.runtime-controls{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;gap:14px;padding:0}.runtime-controls button{width:48px;min-width:48px;height:48px;display:grid;place-items:center;padding:9px;border:0;color:#ffffffe5;background:transparent;opacity:.72;cursor:pointer;transition:opacity .16s ease,transform .16s ease}.runtime-controls button:hover{opacity:1}.runtime-controls svg{width:25px;height:25px}.done-screen{position:relative;display:grid;place-items:center;color:var(--ink);background:var(--paper);-webkit-user-select:none;user-select:none}.done-content{transform:translateY(-1.5vh)}.done-count{min-width:1.2em;color:var(--ink);font-size:min(20vw,30vh);font-weight:900;line-height:.8;letter-spacing:-.075em;text-align:center;font-variant-numeric:tabular-nums}.done-content h1{margin:clamp(56px,8vh,88px) 0 0;color:var(--ink);font-size:clamp(36px,4.5vw,66px);font-weight:850;line-height:1;letter-spacing:-.055em;text-align:center}.done-exit{position:absolute;z-index:3;bottom:max(32px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px;border:0;color:var(--ink);background:transparent;font-size:clamp(23px,2.4vw,34px);font-weight:850;line-height:1;letter-spacing:-.035em;cursor:pointer}.done-exit svg{width:1.05em;height:1.05em;stroke-width:2.4}.below-fold-content{width:100%;background:#f5f5f5}.ios-guide{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:clamp(96px,12vw,180px) 0}.guide-heading{max-width:920px;margin-bottom:clamp(70px,9vw,120px)}.guide-heading>span,.benefits-section header>span{display:block;margin-bottom:18px;font-size:12px;font-weight:850;letter-spacing:.16em}.guide-heading h2,.benefits-section h2{margin:0;font-size:clamp(42px,5.8vw,82px);font-weight:880;line-height:.94;letter-spacing:-.065em}.guide-heading p,.benefits-section header p{max-width:650px;margin:32px 0 0;color:#4a4a4a;font-size:clamp(18px,2vw,27px);line-height:1.34;letter-spacing:-.025em}.guide-steps{display:grid;gap:24px;padding:0;margin:0;list-style:none}.guide-step{min-height:360px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,90px);align-items:center;padding:clamp(32px,5vw,70px);border:3px solid var(--ink);border-radius:34px;background:var(--paper);overflow:hidden}.guide-step-copy{max-width:480px}.guide-number{display:block;margin-bottom:40px;color:#9e9e9e;font-size:14px;font-weight:850;letter-spacing:.12em}.guide-step h3{margin:0;font-size:clamp(28px,3.3vw,48px);font-weight:850;line-height:.96;letter-spacing:-.055em}.guide-step-copy p{max-width:440px;margin:22px 0 0;color:#525252;font-size:clamp(16px,1.55vw,21px);line-height:1.42}.guide-visual{min-width:0}.guide-timer-mock{position:relative;display:grid;justify-items:center;gap:28px}.guide-time{width:min(100%,500px);height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-radius:24px;color:#ffffffd1;font-size:44px;font-weight:820;letter-spacing:-.045em}.guide-time svg{width:34px;height:34px}.guide-time-warm{background:var(--warm)}.guide-time-cold{background:var(--cold)}.guide-mini-connector{position:absolute;z-index:0;top:94px;bottom:94px;left:calc(50% - 37px);width:3px;background:var(--ink)}.guide-cycle-pill{position:absolute;top:50%;right:0;display:grid;grid-template-columns:34px 56px 34px;gap:7px;align-items:center;transform:translateY(-50%)}.guide-cycle-pill svg{width:34px;height:34px;padding:9px;border-radius:10px;color:#949494;background:#e3e3e3}.guide-cycle-pill strong{height:56px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:15px;background:var(--paper);font-size:28px}.guide-choice-mock{display:grid;gap:14px}.guide-choice{min-height:86px;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:18px;padding:14px 20px;border:3px solid var(--ink);border-radius:22px;font-size:clamp(18px,2vw,27px);font-weight:720}.guide-choice:before{content:"";width:26px;height:26px;justify-self:center;border:3px solid var(--ink);border-radius:50%}.guide-choice svg{display:none}.guide-choice.is-active{color:var(--paper);background:var(--ink)}.guide-choice.is-active:before{display:none}.guide-choice.is-active svg{width:30px;height:30px;display:block;justify-self:center}.guide-safari-mock{position:relative;min-height:330px;border:1px solid hsl(0 0% 82%);border-radius:34px;color:#1f1f1f;background:#f5f5f5;overflow:hidden}.guide-safari-page{position:absolute;inset:0 0 94px;display:grid;align-content:start;padding:34px;background:var(--paper)}.guide-page-block{width:58%;height:46px;border-radius:15px;background:#e8e8e8}.guide-safari-toolbar{position:absolute;z-index:2;right:0;bottom:0;left:0;height:94px;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:12px;padding:14px}.guide-browser-circle,.guide-browser-address{height:64px;display:grid;place-items:center;border:0;background:var(--paper)}.guide-browser-circle{width:64px;border-radius:50%}.guide-browser-circle svg{width:24px;height:24px}.guide-browser-address{min-width:0;grid-template-columns:minmax(0,1fr) 30px;gap:8px;padding:0 16px 0 22px;border-radius:32px}.guide-browser-address span{overflow:hidden;color:#474747;font-size:clamp(14px,1.6vw,18px);font-weight:670;text-overflow:ellipsis;white-space:nowrap}.guide-browser-address svg{width:20px;height:20px}.guide-browser-more{color:var(--paper);background:var(--ink)}.guide-browser-menu{position:absolute;z-index:3;right:16px;bottom:110px;width:min(270px,calc(100% - 32px));padding:8px;border:2px solid hsl(0 0% 82%);border-radius:24px;background:#ebebeb}.guide-browser-menu-item{min-height:58px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:13px;padding:0 16px;border-radius:18px;color:#404040;font-size:17px;font-weight:600}.guide-browser-menu-item+.guide-browser-menu-item{border-top:1px solid hsl(0 0% 0% / 7%)}.guide-browser-menu-item svg{width:23px;height:23px}.guide-browser-menu-target{color:var(--ink);background:var(--paper);margin-bottom:8px}.guide-browser-menu-placeholder{min-height:44px;display:grid;align-items:center;padding-inline:16px}.guide-browser-menu-placeholder span{width:58%;height:8px;border-radius:99px;background:#c2c2c2}.guide-step-home{color:var(--paper);background:#141414}.guide-step-home .guide-step-copy p{color:#ffffffa6}.guide-share-sheet{min-height:330px;display:grid;align-items:stretch}.guide-share-panel{position:relative;min-height:330px;display:grid;align-content:end;gap:18px;padding:20px 20px 48px;border-radius:36px;color:var(--ink);background:#e3e3e3;overflow:hidden}.guide-sheet-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:18px;border-bottom:1px solid hsl(0 0% 78%)}.guide-sheet-shortcuts>div{min-width:0;display:grid;justify-items:center;gap:7px;color:#595959;font-size:11px;font-weight:650;text-align:center}.guide-sheet-shortcuts svg,.guide-sheet-shortcut-ghost{width:47px;height:47px;padding:13px;border-radius:50%;color:#3d3d3d;background:#c7c7c7}.guide-sheet-shortcut-ghost{justify-self:center;padding:0}.guide-sheet-shortcuts .guide-sheet-more svg{color:var(--paper);background:var(--ink)}.guide-sheet-actions{padding:4px;border-radius:20px;background:#d1d1d1}.guide-sheet-actions>div{min-height:58px;display:grid;grid-template-columns:29px 1fr;align-items:center;gap:13px;padding:0 15px;border-radius:17px;color:#4f4f4f;font-size:16px;font-weight:590}.guide-sheet-actions svg{width:24px;height:24px}.guide-sheet-action-ghost{min-height:42px!important}.guide-sheet-action-ghost span{width:48%;height:8px;border-radius:99px;background:#b8b8b8}.guide-sheet-actions .guide-home-target{color:var(--ink);background:var(--paper)}.guide-home-indicator{position:absolute;left:50%;bottom:18px;width:62%;height:6px;border-radius:99px;background:#adadad;transform:translate(-50%)}.benefits-section{width:100%;padding:clamp(96px,12vw,180px) max(32px,calc((100vw - 1176px)/2));color:var(--paper);background:var(--ink)}.benefits-section header{max-width:1120px}.benefits-section header p{color:#fff9}.contrast-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);margin-top:42px}.contrast-explainer p{max-width:520px;margin:0;font-size:clamp(18px,1.65vw,23px);line-height:1.48}.benefits-section .benefits-context{max-width:850px;margin-top:44px;padding-top:36px;border-top:1px solid hsl(0 0% 100% / 28%);font-size:clamp(16px,1.35vw,19px);line-height:1.5}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(64px,8vw,110px)}.benefit-grid article{min-height:310px;padding:clamp(26px,3.4vw,46px);border:2px solid hsl(0 0% 100% / 30%);border-radius:28px}.benefit-grid article>strong{color:#ffffff59;font-size:13px;letter-spacing:.12em}.benefit-grid h3{font-size:clamp(25px,2.8vw,38px);line-height:.95;letter-spacing:-.05em}.benefit-grid p{margin:18px 0 0;color:#ffffff9e;font-size:17px;line-height:1.4}.benefits-safety{max-width:900px;margin:54px 0 0;color:#ffffff94;font-size:14px;line-height:1.5}.benefits-safety strong{color:var(--paper);letter-spacing:.08em}@media(min-width:781px){.editor-shell{gap:26px;padding-block:max(28px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-bottom))}.brand{font-size:34px}.editor-stage{gap:34px}.timer-composer{--composer-gap: 30px;width:720px;grid-template-columns:520px 170px;gap:var(--composer-gap)}.duration-block{min-height:92px;gap:16px;padding-inline:24px;border-radius:26px}.duration-input{font-size:58px}.temperature-icon{width:42px;height:42px}.transition-slot{--transition-control-size: 52px;--transition-expanded-size: 64px;--transition-line-size: 12px;height:136px}.transition-morph{border-radius:18px}.transition-inner{padding:0 6px 0 20px}.transition-input{font-size:42px}.remove-transition{width:40px;height:40px}.cycle-control{--cycle-value-size: 64px;grid-template-columns:40px 64px 40px;gap:8px}.cycle-brace{top:46px;bottom:46px}.cycle-step{width:40px;height:40px;border-radius:12px}.cycle-value{border-radius:17px;font-size:34px}.editor-actions{width:724px}.share-row{grid-template-columns:90px minmax(0,1fr) 90px;gap:12px}.autostart-check,.copy-link,.sound-toggle,.start-button{height:76px;min-height:76px;border-radius:19px}.autostart-check,.sound-toggle{padding:16px}.copy-link,.start-button{font-size:32px}.start-button{justify-self:center}}@media(max-width:780px){.editor-shell{gap:28px;padding-inline:max(16px,env(safe-area-inset-left))}.editor-stage{gap:38px}.editor-actions{width:100%;gap:8px}.timer-composer{width:min(100%,620px);grid-template-columns:1fr;gap:18px}.duration-block{min-height:clamp(82px,20vw,104px);padding-inline:clamp(22px,7vw,34px)}.duration-input{font-size:clamp(43px,13vw,62px)}.cycle-control{--cycle-value-size: 70px;min-height:64px;grid-template-columns:54px 70px 54px}.cycle-brace{display:none}.share-row{grid-template-columns:64px minmax(0,1fr) 64px;gap:8px}.autostart-check,.copy-link,.sound-toggle,.start-button{height:64px;min-height:64px;border-radius:16px}.sound-toggle{width:100%;padding:13px}.copy-link,.start-button{font-size:clamp(19px,5vw,26px)}.runtime-time{font-size:min(28vw,28vh)}.runtime-laps{font-size:min(7vw,7vh)}.done-count{font-size:min(34vw,28vh)}.done-content h1{margin-top:clamp(42px,7vh,64px);padding-inline:20px;font-size:min(9vw,6.5vh)}.done-exit{bottom:max(22px,env(safe-area-inset-bottom));font-size:22px}.ios-guide{width:calc(100% - 32px);padding-block:90px}.guide-heading{margin-bottom:58px}.guide-heading h2,.benefits-section h2{font-size:clamp(38px,10vw,58px)}.guide-heading p,.benefits-section header p{margin-top:24px;font-size:18px}.guide-step{min-height:0;grid-template-columns:1fr;gap:46px;padding:30px;border-width:2.5px;border-radius:28px}.guide-number{margin-bottom:28px}.guide-step h3{font-size:clamp(30px,9vw,44px)}.guide-step-copy p{font-size:16px}.guide-time{height:68px;padding-inline:20px;border-radius:20px;font-size:36px}.guide-time svg{width:28px;height:28px}.guide-mini-connector{top:80px;bottom:80px;left:calc(50% - 27px)}.guide-cycle-pill{grid-template-columns:26px 46px 26px;gap:5px}.guide-cycle-pill svg{width:26px;height:26px;padding:7px}.guide-cycle-pill strong{height:46px;border-width:2px;border-radius:13px;font-size:23px}.guide-choice{min-height:70px;grid-template-columns:44px 1fr;border-width:2.5px;border-radius:18px;font-size:18px}.guide-safari-mock{min-height:280px;border-radius:28px}.guide-safari-page{inset-bottom:74px;gap:12px;padding:24px}.guide-page-block{height:40px;border-radius:16px}.guide-safari-toolbar{height:74px;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;padding:10px}.guide-browser-circle,.guide-browser-address{height:46px}.guide-browser-circle{width:46px}.guide-browser-circle svg{width:19px;height:19px}.guide-browser-address{grid-template-columns:minmax(0,1fr) 23px;gap:4px;padding:0 9px 0 13px;border-radius:24px}.guide-browser-address span{font-size:12px}.guide-browser-address svg{width:16px;height:16px}.guide-browser-menu{right:10px;bottom:84px;width:min(215px,calc(100% - 20px));padding:6px;border-radius:22px}.guide-browser-menu-item{min-height:46px;grid-template-columns:24px 1fr;gap:10px;padding:0 12px;border-radius:15px;font-size:14px}.guide-browser-menu-item svg{width:19px;height:19px}.guide-browser-menu-placeholder{min-height:36px;padding-inline:12px}.guide-browser-menu-placeholder span{height:7px}.guide-share-sheet,.guide-share-panel{min-height:300px}.guide-share-panel{padding:16px 14px 42px;border-radius:30px}.guide-sheet-shortcuts{gap:5px;padding-bottom:14px}.guide-sheet-shortcuts>div{gap:5px;font-size:9px}.guide-sheet-shortcuts svg,.guide-sheet-shortcut-ghost{width:39px;height:39px}.guide-sheet-shortcuts svg{padding:10px}.guide-sheet-actions{padding:4px;border-radius:18px}.guide-sheet-actions>div{min-height:50px;grid-template-columns:24px 1fr;gap:10px;padding:0 12px;border-radius:14px;font-size:13px}.guide-sheet-actions svg{width:20px;height:20px}.guide-home-indicator{bottom:14px;height:5px}.contrast-explainer{grid-template-columns:1fr;gap:22px;margin-top:30px}.contrast-explainer p{font-size:17px}.benefits-section .benefits-context{margin-top:32px;padding-top:28px;font-size:15px}.benefits-section{padding:90px 16px}.benefit-grid{grid-template-columns:1fr;margin-top:58px}.benefit-grid article{min-height:240px}.benefit-grid h3{margin-top:58px}}.creator-footer{width:100%;padding:clamp(22px,2.5vw,30px) max(18px,calc((100vw - 1176px)/2));color:var(--paper);background:var(--ink)}.creator-signature{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,12px)}.creator-signature p{margin:0;font-size:clamp(15px,1.55vw,20px);line-height:.9;letter-spacing:-.055em;white-space:nowrap}.creator-signature p span{font-weight:350}.creator-signature p strong{font-weight:800;letter-spacing:-.035em}.creator-socials{display:flex;align-items:center;gap:7px}.social-link{--social-color: var(--paper);--social-tilt: 3deg;display:grid;width:clamp(23px,1.8vw,26px);aspect-ratio:1;place-items:center;color:#ffffffb8;border-radius:18px;transform-origin:50% 70%;transition:color .18s ease,transform .24s cubic-bezier(.2,.8,.2,1),background-color .18s ease}.social-link svg{width:78%;height:78%;overflow:visible}.social-link:hover{color:var(--social-color);background:#ffffff12;transform:translateY(-4px) rotate(var(--social-tilt))}.social-link:active{transform:translateY(-1px) rotate(calc(var(--social-tilt) * .45)) scale(.96)}.social-link:focus-visible{color:var(--social-color);outline:2px solid currentColor;outline-offset:7px}.social-threads{--social-color: #ff5b70;--social-tilt: -4deg}.social-github{--social-color: #a78bfa;--social-tilt: 3deg}.social-x{--social-color: #1d9bf0;--social-tilt: -3deg}@media(max-width:430px){.editor-shell{padding-top:max(22px,env(safe-area-inset-top))}.brand{font-size:25px}.share-row{grid-template-columns:58px minmax(0,1fr) 58px}.autostart-check,.copy-link,.sound-toggle,.start-button{height:58px;min-height:58px;border-width:2.5px}.sound-toggle{width:100%}.copy-link,.start-button{font-size:17px}.guide-step{padding:26px 20px}.guide-choice{padding-inline:12px}.creator-footer{padding-block:26px}.creator-signature{flex-direction:column;gap:10px}.creator-signature p{font-size:clamp(16px,5vw,20px)}.creator-socials{gap:7px}.social-link{width:26px}}@media(max-height:740px)and (min-width:781px){.editor-shell{gap:18px;padding-block:20px}.editor-stage{gap:22px}.duration-block{min-height:78px}.duration-input{font-size:50px}.transition-slot{--transition-control-size: 52px;--transition-expanded-size: 58px;--transition-line-size: 14px}.autostart-check,.copy-link,.sound-toggle,.start-button{height:64px;min-height:64px}.copy-link,.start-button{font-size:28px}}@media(max-height:540px)and (orientation:landscape){.editor-shell{position:relative;min-height:640px}.runtime-content{transform:none}.runtime-time{font-size:min(24vw,40vh)}.runtime-laps{margin-top:24px;font-size:min(5vw,10vh)}.done-count{font-size:min(22vw,32vh)}.done-content h1{margin-top:28px;font-size:min(6vw,10vh)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.phase-blob{transform:translate(-50%,-50%)!important}}