@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2)format("woff2");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:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin.woff2)format("woff2");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}:root{color-scheme:light dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100svh;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:400 16px/1.6 Figtree,ui-sans-serif,system-ui,sans-serif;display:flex}a{color:var(--action);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.loops{max-width:100%;height:auto;display:block;overflow:visible}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:56px 24px;display:flex}.hero .loops{width:min(300px,72vw)}.hero h1{letter-spacing:-.03em;margin:0;font-size:36px;font-weight:600;line-height:1.05}.hero p{max-width:22rem;margin:0;font-size:17px}.hero .soon{color:var(--text-muted);margin-top:-16px;font-size:14px}.page{flex:1;width:100%;max-width:38rem;margin:0 auto;padding:40px 24px 56px}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand .loops{width:36px}.page h1{letter-spacing:-.03em;margin:48px 0 8px;font-size:36px;font-weight:600;line-height:1.1}.page .meta{color:var(--text-muted);margin:0 0 32px;font-size:14px}.page h2{letter-spacing:-.01em;margin:36px 0 8px;font-size:17px;font-weight:600}.page h3{margin:24px 0 4px;font-size:16px;font-weight:600}.page p,.page ul{margin:0 0 12px}.page ul{padding-left:1.2em}.page .lead{font-size:17px}.footer{border-top:1px solid var(--rule);padding:20px 24px 28px;font-size:13px}.footer nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text)}.page ol{margin:0 0 12px;padding-left:1.4em}.page li+li{margin-top:4px}.demo{flex-direction:column;align-items:center;gap:8px;margin:32px 0 8px;display:flex}.demo .loops{width:min(220px,60vw)}.phase-labels{letter-spacing:-.02em;text-align:center;width:100%;height:36px;font-size:24px;font-weight:500;position:relative}.phase-labels span{opacity:0;position:absolute;inset:0}.app-note{color:var(--text-muted);margin-top:32px}.page .technique-links{flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;display:flex}.page .technique-list{border-bottom:1px solid var(--rule);margin:24px 0;padding:0;list-style:none}.technique-list li{border-top:1px solid var(--rule)}.technique-list a{color:inherit;flex-direction:column;gap:3px;padding:16px 0;text-decoration:none;display:flex}.technique-list .name{font-size:17px;font-weight:500}.technique-list a:hover .name{color:var(--action)}.technique-list .rhythm{color:var(--text-muted);font-size:14px}.technique-list .summary{margin-top:4px}.disclaimer{color:var(--text-muted);margin-top:40px;font-size:14px}.hero .more{font-size:14px}.eyebrow{width:fit-content;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:48px;font-size:13px;font-weight:600;text-decoration:none;display:block}.eyebrow:hover{color:var(--action)}.page h1.after-eyebrow{margin-top:8px}.in-short{background:var(--panel);border-radius:24px;margin:28px 0 8px;padding:20px 24px 12px}.page .in-short h2{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:13px}.prose h2{scroll-margin-top:24px}.page .prose ul,.page .prose ol{margin-bottom:16px}.topic-description{color:var(--text-muted)}.page .guide-links{padding-left:1.2em}.page .sources{color:var(--text-muted);padding-left:1.4em;font-size:14px}.sources a{color:inherit}:root{--panel:color-mix(in srgb, var(--glow) 7%, var(--ground));--soft:color-mix(in srgb, var(--glow) 26%, var(--ground))}.diagram{margin:32px 0}.diagram svg{background:var(--panel);border-radius:24px;width:100%;height:auto;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;display:block}@media (width<=520px){.diagram svg{border-radius:0;width:calc(100% + 48px);margin:0 -24px}}.diagram figcaption{color:var(--text-muted);margin-top:10px;font-size:14px;line-height:1.5}.diagram .ink{fill:none;stroke:var(--logo-line);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.diagram .faint{fill:none;stroke:var(--text-muted);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.diagram .dashed{stroke-dasharray:5 6}.diagram .accent{fill:none;stroke:var(--action);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.diagram .soft{fill:var(--soft)}.diagram .dot{fill:var(--action)}.diagram .hollow{fill:var(--ground);stroke:var(--action);stroke-width:2.5px}.diagram .label{fill:var(--text);font-size:15px;font-weight:500}.diagram .note{fill:var(--text-muted);font-size:14px}.diagram .caps{fill:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.diagram .big{fill:var(--text);letter-spacing:-.02em;font-size:30px;font-weight:600}.breath-curve .area{fill:var(--soft)}.breath-curve .curve{fill:none;stroke:var(--action);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.breath-curve .boundary{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 5;opacity:.5}.breath-curve .base{stroke:var(--text-muted);stroke-width:1px;opacity:.5}.breath-curve .label{fill:var(--text);font-size:15px;font-weight:500}.breath-curve .note{fill:var(--text-muted);font-size:14px}.breath-curve .playhead{animation-timing-function:linear;animation-iteration-count:infinite}.breath-curve .ahead{fill:var(--panel);opacity:.55}.breath-curve .head{stroke:var(--action);stroke-width:1.5px}@media (prefers-reduced-motion:reduce){.diagram .moving,.breath-curve .playhead{display:none}}@media not (prefers-reduced-motion:reduce){.diagram .still{display:none}}