@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--welcome-bg-image:url(/images/welcome-bg-light.png);--background:#dedede;--foreground:#171717;--foreground-rgb:60,60,60;--copyright-text:#aaaaaa;--title-text:#cccccc;--gap-xxs:0.125rem;--gap-xs:0.25rem;--pad-x:1rem;--label-w:0;--tick-mini:0.75rem;--pulse-opacity:0.8;--pulse-spread:6px;--pulse-duration:1.5s;--btn-bg:#f0f0f0;--btn-border:#999999;--btn-hover-bg:#e0e0e0;--btn-active-bg:#cccccc;--btn-icon-stroke:black;--btn-icon-stroke-green:green;--pad-gradient-angle:145deg;--pad-gradient-start:#f0f0f0;--pad-gradient-end:#e0e0e0;--pad-gradient-hover-start:#e0e0e0;--pad-gradient-hover-end:#d0d0d0;--pad-gradient-active-start:#d0d0d0;--pad-gradient-active-end:#c0c0c0;--pad-border:#aaaaaa;--pad-text:#111111;--play-pulse-color:rgba(0,0,0,0.2);--seg-s:70%;--seg-l:50%;--seg-a-fill:0.8;--seg-s-accent:85%;--seg-l-accent:62%;--initials-hover-bg:#aaa;--editor-blink-bg:#fff}@media (prefers-color-scheme:dark){:root{--welcome-bg-image:url(/images/welcome-bg.png);--background:#0a0a0a;--foreground:#a2a2a2;--foreground-rgb:186,186,186;--copyright-text:#555555;--title-text:#333333;--btn-bg:#000000;--btn-border:#666666;--btn-hover-bg:#111111;--btn-active-bg:#333333;--btn-icon-stroke:white;--btn-icon-stroke-green:lightgreen;--pad-gradient-start:#555555;--pad-gradient-end:#444444;--pad-gradient-hover-start:#444444;--pad-gradient-hover-end:#333333;--pad-gradient-active-start:#333333;--pad-gradient-active-end:#222222;--pad-border:#666666;--pad-text:#eeeeee;--play-pulse-color:rgba(255,255,255,0.3);--seg-s:65%;--seg-l:55%;--seg-a-fill:0.9;--seg-s-accent:85%;--seg-l-accent:62%;--initials-hover-bg:#aaa;--editor-blink-bg:#fff}}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.four-beat-pad{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-inline:var(--pad-x)}.four-beat-pad .controls{display:flex;gap:1rem;justify-content:center;width:100%;max-width:520px;margin:1rem auto}.four-beat-pad .controls input[type=number],.four-beat-pad .controls label{font-size:1.25rem;line-height:1.2;text-align:center}.four-beat-pad .controls input[type=number]{padding:.5rem}.four-beat-pad input[type=number]{width:4.5rem;height:3.5rem;padding:.25rem;background-color:#000;color:#fff;border:1px solid #666;border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s}.four-beat-pad input[type=number]:focus{border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,.25)}.four-beat-pad .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;max-width:360px;width:100%;margin:1rem auto}.four-beat-pad .pad{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;touch-action:none!important;display:inline-flex;align-items:center;justify-content:center;padding:2rem;font-size:1.5rem;text-align:center;cursor:pointer;background:linear-gradient(var(--pad-gradient-angle),var(--pad-gradient-start) 0,var(--pad-gradient-end) 100%);border:none;box-shadow:inset 0 0 0 1px var(--pad-border);border-radius:4px;color:var(--pad-text);transition:background .15s ease}.four-beat-pad .tap-pad{font-size:1.25rem;width:170px;height:10rem;padding-top:2.75rem;line-height:1.2}.four-beat-pad .tap-pad strong{font-size:4rem}.four-beat-pad .pad:hover{background:linear-gradient(var(--pad-gradient-angle),var(--pad-gradient-hover-start) 0,var(--pad-gradient-hover-end) 100%)}.four-beat-pad .pad.pressed{background:linear-gradient(var(--pad-gradient-angle),var(--pad-gradient-active-start) 0,var(--pad-gradient-active-end) 100%)}.four-beat-pad .status{text-align:center;font-weight:700;margin-bottom:.5rem}.four-beat-pad .status p{margin:0;font-size:1.1rem}.four-beat-pad .status p:first-child{color:#888}.four-beat-pad .status p:nth-child(2){color:#06c}.four-beat-pad .status p:nth-child(3){color:#c00}.four-beat-pad .export-share{width:100%;max-width:520px;margin:1rem auto;text-align:center}.four-beat-pad .export input{font-family:monospace;border:1px solid #bbb}.four-beat-pad .chain-controls{text-align:center;margin:1rem auto}.four-beat-pad .chain-controls button{padding:.5rem 1rem;font-size:1rem}pre{width:100%;max-width:520px;margin:1rem auto;background:#fafafa;color:#333;padding:1rem;border:1px solid #ddd;font-size:.9rem}.four-beat-pad .chain{display:flex;gap:.125rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:900px;margin:0}.four-beat-pad .mini-timeline{display:flex;flex-direction:column;gap:var(--gap-xxs);padding:0;border:0}.four-beat-pad .chain .lane{display:flex;align-items:center;gap:var(--gap-xxs)}.four-beat-pad .chain .label{width:var(--label-w);text-align:left;font-size:.75rem;margin-right:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.four-beat-pad .mini-timeline .tick{width:var(--tick-mini);height:var(--tick-mini);border-radius:2px;filter:brightness(60%);transition:filter .05s}.four-beat-pad .mini-timeline .tick.cursor{background:#fff;filter:none}.mini-timeline.is-last .tick{--seg-s:var(--seg-s-accent);--seg-l:var(--seg-l-accent)}.four-beat-pad .segment-editor{--gap:var(--gap-xs);display:flex;flex-direction:column;align-items:center;gap:var(--gap);width:min(100vw - 2rem,520px);margin:1rem auto;box-sizing:border-box}.four-beat-pad .segment-editor .lane{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-column-gap:var(--gap);column-gap:var(--gap);align-items:center;width:100%}.four-beat-pad .segment-editor .label{grid-column:1;width:auto;padding-right:var(--gap);text-align:left}.four-beat-pad .segment-editor .tick{width:100%;aspect-ratio:1/1;border-radius:2px;cursor:pointer;transition:filter .05s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;outline:none;touch-action:none}.segment-editor .tick{--seg-s:var(--seg-s-accent);--seg-l:var(--seg-l-accent)}.four-beat-pad .segment-editor .tick.cursor{background:#fff;filter:none}@media (orientation:landscape){.four-beat-pad .segment-editor{width:min(96vw,1100px)}}.icon-btn-with-label{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}.icon-btn-with-label .btn-label{font-size:.75rem;color:var(--foreground);font-weight:600;text-transform:uppercase;letter-spacing:.025em;line-height:1}.icon-btn-with-label:has(>button[disabled]) .btn-label{opacity:.5}.four-beat-pad .btn-record{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.four-beat-pad .btn-record:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-record.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-record svg{stroke:none;fill:#e00;width:1.5rem;height:1.5rem}.four-beat-pad .btn-record.pulse{animation:recordScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) rgba(224,0,0,1);transition:box-shadow .2s}.four-beat-pad .btn-compose{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-compose:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-compose.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-compose svg{stroke:orange;fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-compose.pulse{animation:composeScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) rgba(255,165,0,1);transition:box-shadow .2s}.four-beat-pad .btn-playchain{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-playchain:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-playchain.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-playchain svg{stroke:var(--btn-icon-stroke);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-playchain.pulse{animation:playScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) var(--play-pulse-color);transition:box-shadow .2s}.four-beat-pad .btn-playsegment{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-playsegment:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-playsegment.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-playsegment{--icon-color:var(--btn-icon-stroke-green)}.four-beat-pad .btn-playsegment svg{stroke:var(--icon-color);fill:var(--icon-color);width:1.75rem;height:1.75rem}.four-beat-pad .btn-playsegment.is-stop{--icon-color:#fff}.four-beat-pad .btn-playsegment.pulse{animation:playPulse var(--pulse-duration) ease-in-out infinite}.four-beat-pad .btn-playsegment2{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-playsegment2:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-playsegment2.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-playsegment2 svg{stroke:var(--btn-icon-stroke);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-playsegment2.pulse{animation:playScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) var(--play-pulse-color);transition:box-shadow .2s}.four-beat-pad .btn-savesegment{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-savesegment:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-savesegment.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-savesegment svg{stroke:var(--btn-icon-stroke-green);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-cancel{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-cancel:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-cancel.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-cancel svg{stroke:red;fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-stoprecording{width:3.5rem;height:3.5rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-stoprecording:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-stoprecording.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-stoprecording svg{stroke:var(--btn-icon-stroke);fill:var(--btn-icon-stroke);width:1.75rem;height:1.75rem}.four-beat-pad .btn-text{width:3.5rem;height:3.5rem;background-color:#000;border:1px solid #666;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-text:hover{background-color:#111}.four-beat-pad .btn-text.pressed{background-color:#333}.four-beat-pad .btn-text svg{stroke:var(--btn-icon-stroke-green);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-email{width:3.5rem;height:3.5rem;background-color:#000;border:1px solid #666;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-email:hover{background-color:#111}.four-beat-pad .btn-email.pressed{background-color:#333}.four-beat-pad .btn-email svg{stroke:var(--btn-icon-stroke-green);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-copy{width:3.5rem;height:3.5rem;background-color:#000;border:1px solid #666;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-copy:hover{background-color:#111}.four-beat-pad .btn-copy.pressed{background-color:#333}.four-beat-pad .btn-copy svg{stroke:var(--btn-icon-stroke-green);fill:none;width:1.75rem;height:1.75rem}.four-beat-pad .btn-share.pulse{animation:shareScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) rgba(171,255,47,1);transition:box-shadow .2s}.four-beat-pad .btn-add{width:3rem;height:3rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-add:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-add.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-add svg{stroke:var(--btn-icon-stroke);fill:none;width:1.5rem;height:1.5rem}.four-beat-pad .btn-new{width:3rem;height:3rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-new:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-new.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-new svg{stroke:var(--btn-icon-stroke);fill:none;width:1.5rem;height:1.5rem}.four-beat-pad .btn-follow{width:3rem;height:3rem;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.four-beat-pad .btn-follow:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-follow.pressed{background-color:var(--btn-active-bg)}.four-beat-pad .btn-follow svg{stroke:var(--btn-icon-stroke-green);fill:none;width:1.5rem;height:1.5rem}.four-beat-pad .btn-follow.pulse{animation:shareScalePulse var(--pulse-duration) ease-in-out infinite;box-shadow:0 0 var(--pulse-spread) rgba(171,255,47,1);transition:box-shadow .2s}@keyframes shareScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sharePulse{0%{box-shadow:0 0 0 0 rgba(171,255,47,var(--pulse-opacity))}50%{box-shadow:0 0 0 var(--pulse-spread) rgba(171,255,47,0)}to{box-shadow:0 0 0 0 rgba(171,255,47,var(--pulse-opacity))}}@keyframes composeScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes composePulse{0%{box-shadow:0 0 0 0 rgba(255,165,0,var(--pulse-opacity))}50%{box-shadow:0 0 0 var(--pulse-spread) rgba(255,165,0,0)}to{box-shadow:0 0 0 0 rgba(255,165,0,var(--pulse-opacity))}}@keyframes recordScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes recordPulse{0%{box-shadow:0 0 0 0 rgba(224,0,0,var(--pulse-opacity))}50%{box-shadow:0 0 0 var(--pulse-spread) rgba(224,0,0,0)}to{box-shadow:0 0 0 0 rgba(224,0,0,var(--pulse-opacity))}}@keyframes playScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,var(--pulse-opacity))}50%{box-shadow:0 0 0 var(--pulse-spread) rgba(255,255,255,0)}to{box-shadow:0 0 0 0 rgba(255,255,255,var(--pulse-opacity))}}.four-beat-pad .debug-json{display:none}.four-beat-pad .loading{text-align:center;font-style:italic;color:#666;margin:2rem 0}.four-beat-pad .share-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem auto}.four-beat-pad .btn-share{padding:.5rem 1rem;font-size:1rem;border:1px solid var(--btn-border);background-color:var(--btn-bg);color:#fff;border-radius:4px;cursor:pointer;transition:background .2s}.four-beat-pad .btn-share:hover{background-color:var(--btn-hover-bg)}.four-beat-pad .btn-share{position:relative}.four-beat-pad .copy-tooltip{position:absolute;bottom:-1.6rem;right:50%;transform:translateX(50%);background:var(--background);color:var(--foreground);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:1;animation:fadeOutTooltip 2.5s forwards;pointer-events:none}@keyframes fadeOutTooltip{0%{opacity:1}80%{opacity:1}to{opacity:0}}.four-beat-pad .share-prompt{text-align:center;margin:.5rem 0 1.5rem;font-size:1rem;color:var(--foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--app-vh) * 100);min-height:100%;background-image:url(/images/welcome-bg.png);background-size:cover;background-position:50%;justify-content:center;align-items:center;padding:calc(2rem + env(safe-area-inset-top)) 2rem calc(2rem + env(safe-area-inset-bottom));z-index:1000}.welcome-content,.welcome-overlay{display:flex;flex-direction:column}.welcome-content{max-width:40%;color:white;text-align:left;line-height:1.3;align-items:flex-start;gap:.5rem}.wm-title{margin:0;font-size:4.5rem}.wm-concept,.wm-title{font-weight:700;text-align:left}.wm-concept{margin:1rem 0;font-size:1.6rem;line-height:1.4}.wm-instructions{font-size:1.4rem;font-weight:300;line-height:1.4}.wm-instructions,.wm-optout{margin-bottom:1.5rem;text-align:left}.wm-optout{display:block;font-size:1.25rem}.wm-invite{font-size:1.15rem;font-style:italic;color:forestgreen;margin-bottom:.5rem}.wm-button{margin-top:1rem;height:190px;width:190px;font-size:3rem;font-weight:700;background-color:darkgreen;color:white;border:2px solid black;border-radius:8px;cursor:pointer;display:inline-block;text-align:center;align-self:flex-start}.wm-button:hover{background-color:forestgreen}.wm-button:active{background-color:whitesmoke}@media (max-width:600px){.welcome-overlay{padding:2rem}.welcome-content{max-width:100%}.wm-title{font-size:4rem}.wm-concept{font-size:1.5rem;margin:.5rem 0;line-height:1.4}.wm-instructions{font-size:1.2rem}.wm-instructions,.wm-share{margin-bottom:1.5rem;line-height:1.5}.wm-share{font-size:1rem}.wm-optout{font-size:.85rem;margin-bottom:.5rem}.wm-invite{font-size:1.1rem}.wm-button{padding:2rem 3rem;font-size:2rem}}@media (max-height:600px) and (orientation:landscape){.welcome-content{max-width:95%;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.modal-text{flex:1 1;max-width:60%}.wm-button{align-self:center;height:180px;width:180px;font-size:2rem}.wm-title{font-size:4rem}.wm-concept{font-size:1.3rem;margin:.5rem 0}.wm-instructions{font-size:1.2rem;margin-bottom:1rem}.wm-invite{font-size:1rem}}.wm-fade-in{opacity:0;transition:opacity .3s ease-in}.wm-fade-in.visible{opacity:1}.corner-logo{position:fixed;bottom:20px;left:20px;width:125px;z-index:9999}.segment-editor{touch-action:none}.mini-segment{margin:.5rem 0 .15rem;padding:0;text-align:left}.segment-initials{font-size:.75rem;font-weight:600;margin-bottom:.25rem;margin-left:.25rem;color:var(--foreground)}.initials-input{display:flex;flex-direction:column;align-items:flex-start;margin-top:.75rem;margin-bottom:1rem;font-size:.875rem;color:var(--foreground)}.initials-input input{width:8.5rem;padding:.75rem .5rem;font-size:1.2rem;font-weight:600;text-align:center;background-color:var(--background);color:var(--foreground);border:1px solid var(--btn-border);border-radius:2px;transition:border-color .2s,box-shadow .2s}.initials-input input:focus{outline:none;border-color:var(--initials-hover-bg);box-shadow:0 0 0 2px var(--initials-hover-bg)}.initials-input input::placeholder{color:var(--foreground);opacity:.5}.tap-tempo-container{display:flex;gap:1rem;justify-content:center;width:100%;max-width:520px;margin:1rem auto}.concentric-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at center,rgba(var(--foreground-rgb),var(--ring-opacity)) 0,rgba(var(--foreground-rgb),var(--ring-opacity)) var(--ring-thickness),transparent var(--ring-thickness),transparent var(--ring-spacing));-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0,rgba(0,0,0,0) var(--fade-strength));-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0,rgba(0,0,0,0) var(--fade-strength));mask-repeat:no-repeat;mask-size:cover;--ring-spacing:32px;--ring-thickness:1px;--ring-opacity:0.25;--fade-strength:100%}.copyright-notice{bottom:0;font-size:.85rem;color:var(--copyright-text);background:transparent;padding:.75rem 0;z-index:-9999}.app-title,.copyright-notice{position:fixed;left:0;width:100%;text-align:center;pointer-events:none}.app-title{font-weight:900;font-stretch:expanded;letter-spacing:.1em;font-size:2.5rem;color:var(--title-text);z-index:-9998}.app-title-top{top:0;padding-top:.5rem}.app-title-bottom{bottom:1.5rem}@media (prefers-reduced-motion:no-preference){.initials-input input.initials-blink{animation:initialsBlink .75s ease-out 0s 2}@keyframes initialsBlink{0%{box-shadow:0 0 0 0 var(--initials-hover-bg)}50%{box-shadow:0 0 0 6px var(--initials-hover-bg)}to{box-shadow:0 0 0 0 var(--initials-hover-bg)}}.editor-blink .segment-editor .tick{position:relative;overflow:hidden}.editor-blink .segment-editor .tick:after{content:"";position:absolute;inset:.25px;border-radius:4px;pointer-events:none;background:rgba(255,255,255,1);opacity:0;transform:scale(.985);animation:tickInnerPulse .9s ease-out 0s 2}@keyframes tickInnerPulse{0%{opacity:0;transform:scale(.985)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}}.follow-modal{color-scheme:only dark}.follow-modal .controls,.follow-modal .modal-text{text-align:left;justify-content:flex-start}.follow-modal .controls .pulse{box-shadow:inset 0 0 0 .6rem rgba(255,255,255,.08),0 0 0 .08rem rgba(255,255,255,.35)}.follow-modal .copy-tooltip{position:absolute;bottom:-1.6rem;right:50%;transform:translateX(50%);background:var(--background);color:var(--foreground);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:1;animation:fadeOutTooltip 2.5s forwards;pointer-events:none}.follow-modal .follow-url-row{margin-top:1rem;width:100%}.follow-modal .follow-url{display:block;width:100%;margin:1.5rem 0 2rem;padding:0;box-sizing:border-box;font-size:clamp(12px,1.3vw,15px);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;text-align:left;color:inherit;text-decoration:none;background:rgba(0,0,0,.35);border-radius:8px}.follow-modal .follow-url:hover{text-decoration:none}.follow-modal .icon-btn-with-label .btn-label{color:#a2a2a2;text-shadow:0 1px 0 rgba(0,0,0,.35)}.btn-savesegment[aria-disabled=true],button[aria-disabled=true],button[disabled]{cursor:default;pointer-events:none;opacity:.5}.spin{transform-origin:12px 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.as-contents{display:contents}