.mc{--mc-accent:#b4501f;--mc-ring:min(78vw,50svh,460px);width:min(1080px,calc(100% - 48px));margin:0 auto;padding:56px 0 96px}.mc h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.04em;line-height:1.08;font-size:clamp(2.3rem,5vw,3.6rem);margin:0;text-wrap:balance}.mc h1:focus{outline:none}.mc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mc-lede{margin:22px 0 28px;max-width:34em;font-size:1.125rem;line-height:1.6}.mc-fine,.mc-lede{color:var(--muted)}.mc-fine{margin:16px 0 0;max-width:36em;font-size:.875rem;line-height:1.55}.mc button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mc a:focus-visible,.mc button:focus-visible,.mc summary:focus-visible{outline:3px solid var(--mc-accent);outline-offset:3px}.mc-primary{min-height:56px;padding:0 30px;border:0;border-radius:12px;background:var(--deep);color:#fff;font-size:1.0625rem;font-weight:650;transition:transform .15s ease,background-color .15s ease}.mc-primary:hover:not(:disabled){background:#0e2c21}.mc-primary:active:not(:disabled){transform:scale(.98)}.mc-primary:disabled{background:#c9d0c8;color:#44524a;cursor:default}.mc-secondary{min-height:56px;padding:0 24px;border:1.5px solid var(--ink);border-radius:12px;background:transparent;color:var(--ink);font-size:1.0625rem;font-weight:600}.mc-secondary:hover{background:var(--soft)}.mc-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:40px 64px;align-items:center}.mc-demo{position:relative;width:min(100%,340px);aspect-ratio:1;justify-self:center}.mc-demo svg,.mc-ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}.mc-ring-track{fill:none;stroke:var(--line);stroke-width:3}.mc-ring-fill{fill:none;stroke:var(--deep);stroke-width:5;stroke-linecap:round;transition:stroke .3s ease}.mc-demo-fill{stroke-dasharray:289.03;stroke-dashoffset:0;animation:mc-demo 4s cubic-bezier(.3,.1,.3,1) .4s 1 backwards}@keyframes mc-demo{0%{stroke-dashoffset:289.03}to{stroke-dashoffset:0}}.mc-demo-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px}.mc-demo-label strong{font-family:Georgia,serif;font-weight:400;font-size:5rem;line-height:1;letter-spacing:-.04em}.mc-demo-label span{color:var(--muted);font-size:.9375rem}.mc-points{grid-column:1/-1;list-style:none;margin:24px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.mc-points li{color:var(--muted);font-size:1rem;line-height:1.6}.mc-points strong{display:block;color:var(--ink);font-weight:650;margin-bottom:4px}.mc-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}.mc-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:600;list-style:none}.mc-details summary::-webkit-details-marker{display:none}.mc-details summary:after{content:"+";font-size:1.4rem;font-weight:400;color:var(--muted)}.mc-details[open] summary:after{content:"−"}.mc-details p{margin:4px 0 0;max-width:42em;color:var(--muted);line-height:1.65}.mc-status{max-width:560px;margin:8svh auto 0}.mc-status h1{font-size:clamp(2rem,4.5vw,2.8rem)}.mc-status>p{margin:18px 0 28px;color:var(--muted);font-size:1.125rem;line-height:1.6}.mc-progress{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.mc-progress span{display:block;width:40%;height:100%;border-radius:4px;background:var(--deep);animation:mc-slide 1.4s ease-in-out infinite}@keyframes mc-slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.mc-app{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.mc-app p{margin:0;max-width:26em;color:var(--muted);line-height:1.55}.mc-app .app-store-badge{margin-left:-12px}.mc-camera{overflow:hidden;background:#10241c;border-radius:20px;aspect-ratio:4/3;position:relative}.mc-camera video{display:block}.mc-camera video,.mc-overlay{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mc-overlay{inset:0}.mc-camera.is-off,.mc-overlay{position:absolute;pointer-events:none}.mc-camera.is-off{width:1px;height:1px;opacity:0}.mc.is-framing{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.mc-framing h1{font-size:clamp(2rem,4.2vw,2.8rem)}.mc-check{display:flex;gap:12px;align-items:flex-start;margin:22px 0 8px;font-size:1.125rem;line-height:1.5;color:var(--ink)}.mc-check span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-weight:700}.mc-check.is-ok span{background:var(--deep);color:#fff}.mc-tip{margin:0 0 26px 40px;color:var(--muted);line-height:1.55}.mc-goal{display:grid;grid-template-columns:1fr 48px 64px 48px;align-items:center;gap:6px;padding:16px 0;margin-bottom:26px;border-block:1px solid var(--line)}.mc-goal span{display:block;font-weight:650}.mc-goal small{color:var(--muted);font-size:.875rem}.mc-goal button{width:48px;height:48px;border:1.5px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:1.4rem;line-height:1}.mc-goal button:disabled{border-color:var(--line);color:#9aa59d;cursor:default}.mc-goal output{text-align:center;font-family:Georgia,serif;font-size:1.5rem}.mc-framing .mc-primary{width:100%}.mc.is-live{position:fixed;inset:0;z-index:70;width:auto;margin:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--ivory);overflow-y:auto;overscroll-behavior:contain}.mc-live{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:clamp(18px,3.4svh,34px)}.mc-camera.is-thumb{position:fixed;z-index:71;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:clamp(72px,18vw,132px);aspect-ratio:3/4;border-radius:14px;box-shadow:0 8px 22px -10px #0006}.mc-camera.is-thumb.is-hidden{width:1px;height:1px;opacity:0;pointer-events:none}.mc-ring{position:relative;width:var(--mc-ring);aspect-ratio:1}.mc-ring-label{position:absolute;inset:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.mc-ring-label strong{font-family:Georgia,serif;font-weight:400;font-size:calc(var(--mc-ring)*.34);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.mc-ring-label strong.mc-word{font-size:calc(var(--mc-ring)*.15);line-height:1.05}.mc-ring-label strong.mc-word-small{font-size:calc(var(--mc-ring)*.095)}.mc-ring-label span{color:var(--muted);font-size:clamp(1.0625rem,calc(var(--mc-ring)*.055),1.4rem);line-height:1.35;max-width:13em}.mc-live[data-done=true] .mc-ring svg{animation:mc-settle .5s cubic-bezier(.2,.8,.2,1) 1}@keyframes mc-settle{0%{transform:rotate(-90deg) scale(1)}40%{transform:rotate(-90deg) scale(1.035)}to{transform:rotate(-90deg) scale(1)}}.mc-live[data-state=fast] .mc-ring-fill{stroke:var(--mc-accent)}.mc-live[data-state=fast] .mc-ring-label span{color:#8a3c15;font-weight:600}.mc-live[data-state=lost] .mc-ring-fill{stroke:#9aa59d;opacity:.3}.mc-metrics{display:flex;gap:clamp(28px,7vw,64px);margin:0}.mc-metrics div{text-align:center}.mc-metrics dt{color:var(--muted);font-size:.875rem}.mc-metrics dd{margin:2px 0 0;font-family:Georgia,serif;font-size:1.75rem;font-variant-numeric:tabular-nums}.mc-actions{display:flex;gap:12px;width:min(100%,440px)}.mc-actions button{flex:1;padding-inline:12px}.mc-toggles{display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center}.mc-toggles button{min-height:44px;padding:0 6px;border:0;background:transparent;color:var(--muted);font-size:.9375rem;text-decoration:underline;text-underline-offset:3px}.mc-toggles button:hover{color:var(--ink)}.mc-summary{max-width:640px;margin:2svh auto 0}.mc-summary .mc-metrics{justify-content:flex-start;padding:24px 0;margin-bottom:28px;border-block:1px solid var(--line)}.mc-summary .mc-metrics div{text-align:left}.mc-summary .mc-metrics dd{font-size:2.25rem}.mc-pauses{margin:0 0 32px}.mc-pauses figcaption{color:var(--muted);font-size:.9375rem;line-height:1.5;margin-bottom:14px}.mc-pauses{position:relative}.mc-goal-line{position:absolute;right:0;bottom:62px;margin:0;padding-left:8px;background:var(--ivory);color:var(--muted);font-size:.8125rem}.mc-pauses ol{list-style:none;margin:0;padding:0;height:120px;display:flex;align-items:flex-end;gap:clamp(2px,.8vw,6px);background:linear-gradient(to top,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) 50%,transparent 50%)}.mc-pauses li{flex:1;max-width:28px;min-width:3px;border-radius:4px 4px 0 0;border:1.5px solid var(--mc-accent);border-bottom:0;background:repeating-linear-gradient(135deg,transparent 0 4px,#b4501f55 4px 6px)}.mc-pauses li.is-met{border-color:var(--deep);background:var(--deep)}@media (max-width:820px){.mc{padding:32px 0 72px}.mc-intro{grid-template-columns:1fr;gap:28px}.mc-demo{width:min(56vw,220px);justify-self:center}.mc-demo-label strong{font-size:3.4rem}.mc-points{grid-template-columns:1fr;gap:18px;margin-top:8px}.mc-intro .mc-primary{width:100%}.mc.is-framing{grid-template-columns:1fr;gap:24px}.mc-summary .mc-metrics{gap:24px}.mc-summary .mc-metrics dd{font-size:1.75rem}.mc-summary .mc-primary{width:100%}}@media (max-width:700px){.mc{--mc-ring:min(78vw,calc(100svh - 372px),460px)}.mc-live{padding-top:calc(clamp(72px,18vw,132px)*4/3 + 8px);gap:18px}.mc-toggles{flex-wrap:nowrap;gap:18px}}@media (max-height:560px) and (orientation:landscape){.mc-live{flex-direction:row;flex-wrap:wrap;padding-top:0}.mc{--mc-ring:min(40vw,78svh)}}@media (prefers-reduced-motion:reduce){.mc-demo-fill{animation:none}.mc-progress span{animation:none;width:100%;opacity:.5}.mc-primary,.mc-ring-fill{transition:none}.mc-live[data-done=true] .mc-ring svg{animation:none}}