:root{color-scheme:dark;--bg:#080909;--surface:#111313;--text:#f1f1ed;--muted:#a3aaa6;--line:#272c29;--accent:#b9d8c8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p{font-size:17px;line-height:1.65;color:var(--muted);text-wrap:pretty}h1,h2,p,figure{margin:0}h1,h2{font-weight:550;letter-spacing:-.055em;line-height:1.03;text-wrap:balance}h1{font-size:clamp(58px,6.6vw,94px)}h2{font-size:clamp(40px,4.8vw,66px)}img{max-width:100%;height:auto;display:block}button{border:0}strong{font-weight:550}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:600;text-decoration:none;letter-spacing:-.04em}.brand img{width:36px;height:36px;border-radius:9px}.header nav,.footer nav{display:flex;gap:32px}.header nav a,.footer nav a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);text-decoration:none}.skip-link{position:absolute;top:10px;left:20px;background:var(--text);color:var(--bg);padding:12px;transform:translateY(-200%);z-index:10}.skip-link:focus{transform:none}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;min-height:760px;padding-top:32px;padding-bottom:68px}.hero-copy{padding-bottom:12px}.lede{margin-top:30px;font-size:19px;line-height:1.65}.availability{display:inline-flex;gap:10px;align-items:center;font-size:13px;color:#dbe1dd;border:1px solid #3a413d;border-radius:100px;padding:13px 18px;line-height:1.4;margin-top:34px}.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent)}.text-link{display:flex;width:max-content;max-width:100%;align-items:center;gap:30px;min-height:44px;font-size:14px;text-decoration:none}.hero .text-link{margin-top:16px;color:var(--muted)}.hero-art{position:relative;display:grid;justify-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0 -10% -5%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#29423760,transparent 68%);pointer-events:none}.hero-art figcaption,.art-caption{font-size:10px;color:#88928c;letter-spacing:.025em;margin-top:20px}.phone{width:min(100%,336px);padding:18px 19px 10px;background:linear-gradient(150deg,#141716,#040605 38%);border:1px solid #58615b;border-radius:48px;box-shadow:inset 0 0 0 4px #161a17,inset 0 0 0 5px #252c27,0 30px 90px #000;user-select:none;pointer-events:none;transform:rotate(4deg)}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:11px;position:relative;height:25px}.island{position:absolute;background:#000;border-radius:30px;width:85px;height:24px;left:50%;transform:translateX(-50%);top:-2px}.screen-heading{position:relative;display:flex;align-items:center;justify-content:center;padding:28px 7px 26px;font-size:26px;letter-spacing:-.035em}.screen-heading img{width:38px;height:38px;border-radius:10px}.screen-heading>span{position:absolute;right:8px}.screen-heading>span{font-size:24px;color:var(--muted)}.dial{--dial-color:var(--accent);border-radius:50%;padding:9px;background:conic-gradient(var(--dial-color) 0 292deg,#25332b 292deg 360deg);position:relative;isolation:isolate;aspect-ratio:1}.dial:before{content:"";position:absolute;inset:17px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#e0f5e552 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(transparent 65%,black 65%);-webkit-mask:radial-gradient(transparent 65%,black 65%);z-index:1;pointer-events:none}.dial-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 0,#263a2e 0,#141c17 55%,#101713);gap:14px;box-shadow:inset 0 2px 25px #0008}.dial-label{font-size:12px;color:#c1cfc5}.dial strong{font-size:57px;line-height:1;letter-spacing:-.065em;font-weight:300;font-variant-numeric:tabular-nums}.dial strong>span{color:#b8cabd}.dial-action{display:grid;place-items:center;width:38px;height:38px;background:#daeadd;color:#162a1e;border-radius:50%;font-size:11px;padding-left:2px;margin-top:4px}.timer-caption{display:flex;justify-content:center;font-size:17px;color:#e4eae5;padding:22px 8px 14px}.timer-library{display:grid;place-items:center;height:68px}.timer-library svg{width:25px;height:25px;fill:none;stroke:#a9b7ab;stroke-width:1.5}.phone-tabs svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.mini-timers{display:grid;gap:8px}.mini-timers>div{display:flex;align-items:center;gap:9px;padding:14px 12px;background:#141714;border:1px solid #252b26;border-radius:14px;font-size:10px}.mini-timers strong{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums}.mini-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex:none}.amber{background:#d7b591}.violet{background:#c6b9de}.phone-tabs{display:flex;justify-content:space-around;margin-top:25px;color:#959c96;font-size:19px}.phone-tabs>span{display:grid;justify-items:center;gap:3px}.phone-tabs small{font-size:8px;letter-spacing:0}.phone-tabs .selected{color:var(--accent)}.home-indicator{width:95px;height:4px;background:#b1b8b2;border-radius:4px;margin:22px auto 0}.statement{text-align:center;padding:135px 0 160px;border-top:1px solid var(--line)}.statement h2{font-size:clamp(42px,5.3vw,72px)}.statement>p:last-child{margin-top:28px;font-size:20px}.section{padding-block:120px}.timer-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-copy{max-width:445px}.section-copy>p:not(.eyebrow){margin-top:25px}.feature-note{display:flex;align-items:center;gap:12px;font-size:13px;color:#ccd7cf;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.feature-note>span:first-child{font-size:21px;color:var(--accent)}.dial-preview{min-width:0;display:grid;justify-items:center;gap:26px}.demo-modes{display:flex;justify-content:center;gap:4px;border-bottom:1px solid var(--line);width:100%;padding-bottom:12px}.demo-modes button{background:transparent;color:var(--muted);font-size:12px;min-height:44px;padding:10px 13px;border-radius:30px}.demo-modes button[aria-pressed=true]{background:#252d28;color:var(--text)}.demo-dial{width:min(100%,330px);padding:8px;margin-top:10px;background:conic-gradient(var(--dial-color) 0 277deg,#242a26 277deg 360deg)}.demo-dial .dial-inner{background:radial-gradient(circle at 50% 0,#202721,#121713 70%)}.demo-dial strong{font-size:70px}.demo-sub{font-size:9px;letter-spacing:.16em;color:var(--muted);margin-top:8px}.swatches{display:flex;gap:8px}.swatches button{width:44px;height:44px;padding:8px;background:transparent;border:1px solid transparent;border-radius:50%;position:relative}.swatches button:after{content:"";display:block;position:absolute;inset:9px;border-radius:50%;background:var(--swatch)}.swatches button[aria-pressed=true]{border-color:var(--swatch)}.preview-note{text-align:center;font-size:11px;line-height:1.7;color:#939d96}.preview-note span{display:block}.sound-section{background:#0c0e0d;border-block:1px solid #1c211e}.sound-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:center}.sound-art{position:relative;display:grid;justify-items:center;min-width:0;padding:12px 0;user-select:none;pointer-events:none}.record{position:relative;aspect-ratio:1;width:100%;max-width:415px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 8deg,#a1aaa8 0deg,#eef2ef 24deg,#799493 39deg,#9c92b2 48deg,#ccadaf 54deg,#c6cba1 61deg,#82b8ac 69deg,#727c84 80deg,#202726 104deg,#4d5653 130deg,#bfc8c4 166deg,#eef1e8 193deg,#adb5b7 218deg,#a69ec4 230deg,#c6a7af 238deg,#d0c298 245deg,#a8c3a4 252deg,#8fbdc0 261deg,#4d6268 277deg,#252c2b 300deg,#6b7471 332deg,#a1aaa8 360deg);border:1px solid #a4afa7;box-shadow:0 22px 55px #0009,inset 0 0 0 4px #bcc5ba45;overflow:hidden}.record:before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle,transparent 0 13%,#e3e9e640 13.4% 15%,transparent 15.5% 33%,#ffffff12 33.4% 33.8%,transparent 34.2% 68%,#f5fff640 68.2% 69%,transparent 69.5%);pointer-events:none}.record-label{position:absolute;inset:20% 20% 57%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#172320;transform:rotate(-18deg)}.record-label span{font-size:15px;letter-spacing:.24em;font-weight:600}.record-label strong{font-size:8px;letter-spacing:.12em;font-weight:600}.spindle{position:absolute;width:12%;aspect-ratio:1;background:#0c0e0d;border:3px solid #d5ddd26e;border-radius:50%;box-shadow:0 0 0 12px #c8d2ca45,0 0 0 13px #eaf3ed80}.mixer{position:relative;width:min(87%,330px);margin-top:-54px;background:linear-gradient(135deg,#202621,#111512);border:1px solid #444d44;border-radius:22px;padding:20px 24px 22px;box-shadow:0 18px 40px #0008}.mixer-heading{display:flex;justify-content:space-between;font-size:12px;color:#dce2d8;padding-bottom:22px}.faders{display:flex;justify-content:space-around;gap:16px}.faders>div{display:grid;justify-items:center;gap:14px;font-size:9px;color:#aab4a6}.fader-track{position:relative;width:7px;height:96px;background:#080d09;border-radius:9px;border:1px solid #313b31}.fader-track>span{position:absolute;inset:auto -1px 0;height:var(--level);background:#758b72;border-radius:0 0 8px 8px}.fader-track>span:before{content:"";position:absolute;left:-9px;top:-8px;width:24px;height:15px;border:1px solid #7a8378;background:linear-gradient(#8d9689,#525d50);border-radius:4px;box-shadow:0 3px 5px #0008}.quiet-note{font-size:13px!important;color:#99ac9e!important}.focus-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.focus-section .text-link{margin-top:24px}.focus-art{display:grid;justify-items:center;text-align:center;user-select:none;pointer-events:none;padding-block:38px}.lock-halo{width:240px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#26372a 0,#17221a 40%,#0b100c 67%);border:1px solid #28362b;box-shadow:0 0 0 24px #11171360,0 0 0 25px #1c291c60,0 0 0 50px #11171330,0 0 0 51px #1c291c40}.lock-halo svg{width:65px;height:74px;fill:none;stroke:#b9cdb6;stroke-width:3;stroke-linecap:round}.focus-art>strong{margin-top:85px;font-size:23px;letter-spacing:-.035em}.focus-art p{font-size:12px;margin-top:18px;line-height:1.8}.glance-section{padding:110px 0;text-align:center;border-block:1px solid var(--line)}.glance-section h2{margin-bottom:24px}.live-activity{display:flex;align-items:center;gap:22px;text-align:left;width:min(100%,465px);padding:25px 28px;margin:46px auto 20px;border:1px solid #424b43;border-radius:28px;background:linear-gradient(135deg,#202b23,#101712);box-shadow:0 20px 60px #0007;user-select:none;pointer-events:none}.live-activity>div{display:grid;grid-template-columns:20px auto;gap:8px 10px;align-items:center}.live-activity strong{font-size:14px}.live-activity small{grid-column:2;font-size:11px;color:var(--muted)}.live-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:36px;letter-spacing:-.05em;font-weight:300}.live-mark{width:31px;aspect-ratio:1;background:url("/watcher/assets/watcher-mark.png") center/200% no-repeat;mix-blend-mode:screen;flex:none}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{position:relative;list-style:none;cursor:pointer;padding:25px 30px 25px 0;font-size:16px;line-height:1.45}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;font-size:21px;color:var(--muted);top:21px}details[open] summary:after{content:"−"}details p{font-size:14px;padding:0 25px 25px 0}details a{color:var(--text)}.closing{text-align:center;display:grid;justify-items:center;padding-block:65px 140px}.closing>img{border-radius:18px;margin-bottom:35px}.closing h2{font-size:clamp(50px,6vw,82px)}.footer{display:grid;grid-template-columns:1fr auto;gap:30px;border-top:1px solid var(--line);padding-block:32px}.footer p{font-size:12px;margin-top:5px}.footer .copyright{grid-column:1/-1;font-size:11px;color:#8c958f}.footer>div p a{text-decoration:none}.footer nav{align-self:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal{max-width:760px;padding-block:75px 100px}.legal h1{font-size:clamp(46px,7vw,72px);margin-bottom:22px}.legal .lead{font-size:20px;margin-block:22px 30px}.legal .meta{font-size:12px}.legal section{padding:30px 0;border-top:1px solid var(--line)}.legal section h2{font-size:23px;letter-spacing:-.035em;margin-bottom:16px;line-height:1.3}.legal p+p{margin-top:18px}.legal .button{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;background:var(--accent);color:#152017;text-decoration:none;border-radius:30px;margin-bottom:25px}.legal>.button+p{margin-bottom:35px}.legal footer{margin-top:25px;display:flex;gap:24px;flex-wrap:wrap;font-size:13px;line-height:1.7}.legal nav{display:flex;gap:25px;margin-bottom:40px;font-size:14px}.legal a{overflow-wrap:anywhere}
@media(hover:hover){.header a:hover,.footer a:hover,.text-link:hover{color:var(--text)}.demo-modes button:hover{background:#202822;color:var(--text)}summary:hover{color:var(--accent)}.swatches button:hover{background:#202822}}
@media(prefers-reduced-motion:no-preference){button,a,summary{transition:color 140ms ease-out,background-color 140ms ease-out,transform 140ms ease-out}button:active{transform:scale(.96)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;min-height:720px}.hero h1{font-size:clamp(52px,6.7vw,72px)}.timer-section,.sound-inner,.focus-section,.faq-section{gap:55px}.dial strong{font-size:51px}.hero-dial .dial-inner{gap:12px}.demo-dial strong{font-size:64px}.sound-inner{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.header{height:80px}.header nav{gap:20px}.header nav a{font-size:12px}.brand{font-size:19px}.brand img{width:29px;height:29px;border-radius:7px}.hero{grid-template-columns:1fr;text-align:center;gap:55px;padding-top:55px;padding-bottom:75px;min-height:0}.hero h1{font-size:clamp(57px,10.8vw,78px)}.hero .eyebrow{font-size:10px}.lede{font-size:17px;margin-top:24px}.hero .text-link{margin-inline:auto}.hero-art{width:100%;max-width:390px;margin-inline:auto}.phone{width:300px;transform:rotate(3deg)}.hero-art:before{inset:0}.hero-dial strong{font-size:51px}.hero-art figcaption{margin-top:25px}.screen-heading{padding-top:29px;padding-bottom:22px}.statement{padding:90px 0 100px}.statement>p:last-child{font-size:17px}.section{padding-block:85px}.timer-section,.sound-inner,.focus-section,.faq-section{grid-template-columns:1fr;gap:55px}.section-copy{max-width:540px}.section-copy p{font-size:16px}.section-copy h2{max-width:13ch}.dial-preview{max-width:430px;width:100%;margin-inline:auto}.demo-modes{justify-content:space-between}.demo-modes button{padding-inline:12px}.sound-art{max-width:420px;width:100%;margin-inline:auto}.sound-inner{gap:65px}.record-label strong{font-size:8px}.focus-art{padding-top:50px}.focus-art>strong{margin-top:78px}.glance-section{padding-block:85px}.glance-section p{font-size:16px}.glance-section .preview-note{font-size:10px}.live-activity{gap:14px;padding:22px 20px}.live-time{font-size:32px}.live-activity strong{font-size:12px}.live-mark{width:25px}.faq-section{gap:35px}.closing{padding-block:40px 90px}.footer{gap:24px}.footer nav{gap:20px}.footer nav a{font-size:12px}.legal{padding-block:45px 70px}.legal nav{margin-bottom:32px}.legal p{font-size:16px}.legal footer{gap:12px 20px}}
@media(max-width:370px){.header nav{gap:13px}.header .brand{gap:7px}.header .brand img{width:25px;height:25px}.hero h1{font-size:52px}.phone{width:270px;padding-inline:17px}.hero-dial strong{font-size:45px}.hero-dial .dial-inner{gap:10px}.timer-caption{font-size:17px}.mini-timers>div{padding-inline:9px;gap:6px}.mini-timers strong{font-size:12px}.demo-modes button{font-size:11px;padding-inline:10px}.record-label strong{font-size:8px}.live-activity{padding-inline:16px;gap:12px}.live-mark{width:25px}.footer{grid-template-columns:1fr}.footer nav{gap:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Neutral canvas; color belongs to the product and photography. */
:root{--bg:#080808;--surface:#141414;--text:#f5f5f5;--muted:#ababab;--line:#292929;--accent:#e3e3e3}
.hero-art:before{display:none}.actual-screen{width:min(100%,320px);border-radius:44px;box-shadow:0 0 0 1px #555,0 0 0 5px #141414,0 35px 90px #000;transform:none}
.availability{color:#ddd;border-color:#383838}.eyebrow{color:#bdbdbd;letter-spacing:.11em}.feature-note{color:#ccc}.sound-section{background:#0c0c0c;border-color:#222}.mixer{background:linear-gradient(135deg,#242424,#111);border-color:#444}.mixer-heading{color:#ddd}.faders>div{color:#aaa}.fader-track{background:#080808;border-color:#333}.fader-track>span{background:#8d8d8d}.fader-track>span:before{background:linear-gradient(#aaa,#555);border-color:#888}.quiet-note{color:#aaa!important}.live-activity{background:linear-gradient(135deg,#202020,#0b0b0b);border-color:#444}.lock-halo{background:radial-gradient(circle,#333,#141414 50%,#080808 70%);border-color:#333;box-shadow:0 0 0 24px #1118,0 0 0 25px #2228}.lock-halo svg{stroke:#ddd}.demo-dial .dial-inner{background:radial-gradient(circle at 50% 0,#252525,#101010 70%)}.demo-modes button[aria-pressed=true]{background:#272727}.preview-note,.hero-art figcaption,.footer .copyright{color:#999}
@media(max-width:740px){.actual-screen{width:min(82%,300px);border-radius:38px}.hero{gap:45px}.hero-art{padding:5px}}

.aspiration{position:relative;isolation:isolate;min-height:680px;display:flex;align-items:flex-end;overflow:hidden}.aspiration>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.aspiration:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808 0%,#0009 30%,transparent 75%);z-index:-1}.aspiration-copy{padding-block:80px}.aspiration h2{font-size:clamp(44px,5.3vw,78px);max-width:15ch}.aspiration p:not(.eyebrow){color:#d6d6d6;margin-top:24px}.aspiration .eyebrow{color:#eee}.philosopher-art{width:min(100%,420px);margin:auto;position:relative}.philosopher-art img{width:100%;height:520px;object-fit:cover;border-radius:4px}.philosopher-art figcaption{font-size:13px;color:#aaa;text-align:center;margin-top:18px}.focus-section .section-copy{align-self:center}
@media(max-width:740px){.aspiration{min-height:600px}.aspiration>img{object-position:62% center}.aspiration-copy{padding-block:60px}.aspiration h2{font-size:48px}.philosopher-art img{height:420px}.philosopher-art{max-width:350px}}

@media(max-width:740px){.hero h1{font-size:clamp(39px,11.2vw,58px);letter-spacing:-.045em}}

.footer nav{flex-wrap:wrap;gap:12px 24px}.philosopher-art img{height:auto;aspect-ratio:2/3;object-fit:contain}.legal .button{color:#111}@media(max-width:740px){.footer{grid-template-columns:1fr}.footer nav{gap:8px 24px}}

.demo-dial:before{display:none}.dial-markings{position:absolute;inset:5%;width:90%;height:90%;color:#ecefeb;pointer-events:none;z-index:2}.dial-pointer{stroke:var(--dial-color,#b9d8c8)}

@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
.text-link>span{transition:transform 180ms cubic-bezier(.22,1,.36,1)}
.text-link:hover>span{transform:translate(3px,-2px)}
.swatches button:after{transition:transform 180ms cubic-bezier(.22,1,.36,1)}
.swatches button:hover:after{transform:scale(1.12)}
}

.pricing-section{padding-block:100px;text-align:center;border-bottom:1px solid var(--line)}.pricing-intro{margin:24px auto 40px;max-width:630px}.pricing-plans{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;text-align:left}.pricing-plans article{padding:32px}.pricing-plans article+article{border-left:1px solid var(--line)}.pricing-plans h3{margin:0 0 24px;font-size:17px;font-weight:500}.pricing-plans .plan-price{font-size:38px;color:var(--text);letter-spacing:-.045em;white-space:nowrap;line-height:1.2}.plan-price span{font-size:14px;letter-spacing:0;color:var(--muted)}.pricing-plans p:last-child{font-size:13px;margin-top:20px}.pricing-note{font-size:12px;margin-top:24px}@media(max-width:740px){.pricing-section{padding-block:70px}.pricing-plans{grid-template-columns:1fr}.pricing-plans article{padding:24px}.pricing-plans article+article{border-left:0;border-top:1px solid var(--line)}.pricing-plans h3{margin-bottom:12px}}

.hero-copy{container-type:inline-size}.hero h1{font-size:clamp(24px,13cqi,82px);letter-spacing:-.045em}.hero h1>span{display:block;white-space:nowrap}

/* The three dots come in before the name on hover. Positioned, so nothing reflows. */
.footer a[href="/"]{position:relative;display:inline-block}
@media(hover:hover) and (pointer:fine){
.footer a[href="/"]{transition:transform 190ms cubic-bezier(.19,1,.22,1)}
.footer a[href="/"]:before{content:"";position:absolute;left:-15px;top:50%;width:13px;height:13px;margin-top:-6px;background:url("/assets/123cheese-dots.svg") center/contain no-repeat;opacity:0;transform:translateX(-6px);transition:opacity 190ms ease-out,transform 190ms cubic-bezier(.19,1,.22,1);pointer-events:none}
.footer a[href="/"]:hover,.footer a[href="/"]:focus-visible{transform:translateX(16px)}
.footer a[href="/"]:hover:before,.footer a[href="/"]:focus-visible:before{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.footer a[href="/"]:hover,.footer a[href="/"]:focus-visible{transform:none}.footer a[href="/"]:before{left:-15px;transition:opacity 140ms ease-out;transform:none}}

/* The answer eases in as the box opens. Nothing is clipped, so a browser that
   ignores this still shows the text; the old script faded the words while the
   box jumped, which is what read as broken. */
@media(prefers-reduced-motion:no-preference){
details[open] p{animation:faq-answer-in 200ms ease-out both}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}

.live-ring{width:31px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) 0 270deg,#344539 270deg 360deg);mask:radial-gradient(transparent 51%,black 53%);-webkit-mask:radial-gradient(transparent 51%,black 53%);flex:none}.live-activity .live-mark{width:20px;height:24px;grid-row:1/3;align-self:center}@media(max-width:740px){.live-ring{width:25px}}