@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-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}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#111110;--chalk:#f4f4f0;--rec:#f33a16;--lime:#d8f04a;--sky:#a6d6f2;--peach:#ffb49c;--bg:#fff;--bg-2:#efefea;--fg:var(--ink);--fg-2:#5c5c57;--line:#dcdcd6;--rec-text:#c92f0e;--on-rec:var(--ink);--focus:var(--ink);--night:#111110;--night-2:#1d1d1b;--night-line:#383833;--night-fg:var(--chalk);--night-fg-2:#aaaaa2;--font:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme:dark){:root{--bg:#111110;--bg-2:#1d1d1b;--fg:var(--chalk);--fg-2:#aaaaa2;--line:#34342f;--rec-text:#ff5a3c;--focus:var(--lime);--night:#000;--night-2:#1a1a18;--night-line:#34342f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.wordmark{color:var(--fg);-webkit-tap-highlight-color:transparent;border-radius:6px;align-items:center;text-decoration:none;display:inline-flex}.wordmark svg{width:auto;height:30px;display:block;overflow:visible}.wordmark .rec{fill:var(--rec);transform-box:fill-box;transform-origin:50% 100%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.wordmark:hover .rec{animation:hop .6s var(--ease-out)}}@keyframes hop{0%,to{transform:none}35%{transform:translateY(-38%)scale(.92,1.08)}70%{transform:translateY(0)scale(1.1,.88)}}@keyframes rec-blink{50%{opacity:.25}}.takes{display:block;overflow:visible}.takes .track{fill:none;stroke:var(--night-line);stroke-width:12px}.takes path{fill:none;stroke:var(--night-fg);stroke-width:12px;stroke-linecap:round;transition:stroke .3s}.takes path.dim{stroke:var(--night-fg-2)}.takes path.live{stroke:var(--rec)}.audience{border:0;min-width:0;margin:0;padding:0}.audience legend{letter-spacing:0;text-transform:none;color:var(--fg);margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.audience-options{max-width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:inline-flex}.audience-options label{white-space:nowrap;cursor:pointer;min-width:0;min-height:40px;color:var(--fg-2);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;font-weight:650;display:inline-flex;position:relative}.audience-options input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.audience-options label:has(input:checked){background:var(--fg);color:var(--bg);font-weight:750}.audience-options label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.audience-options label:has(input:disabled){cursor:progress;opacity:.6}.audience-note{color:var(--fg-2);margin-top:8px;font-size:14px;line-height:1.4;display:block}.audience-note:empty{display:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-size:16px;line-height:1.5}button,input,label,select{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}.loops-header{justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:auto;padding:14px 16px;display:flex}.loops-header .wordmark svg{height:30px}.lab-badge{letter-spacing:.14em;color:var(--fg-2);background:var(--bg-2);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;line-height:1}.loops-main{gap:24px;max-width:1080px;margin:auto;padding:4px 16px 56px;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);margin:0;font-size:12px;font-weight:700}.recorder{gap:16px;display:grid}.stage{--focus:var(--lime);aspect-ratio:1;background:var(--night);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:24px;width:100%;position:relative;overflow:hidden}.stage.holdable{touch-action:none;cursor:pointer}.stage video,.stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage.mirrored #live{transform:scaleX(-1)}.stage [hidden]{display:none}.stage-hint{text-align:center;color:var(--night-fg-2);place-content:center;justify-items:center;gap:14px;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.stage-hint strong{letter-spacing:-.04em;color:var(--night-fg);font-size:clamp(28px,7.4vw,40px);font-weight:840;line-height:1}.hint-mark{width:64px;height:64px;margin-bottom:4px;position:relative}.hint-mark .takes{width:100%;height:100%}.hint-mark .track{display:none}.hint-mark i{background:var(--rec);border-radius:50%;position:absolute;inset:29.17%}.rec-dot{letter-spacing:.14em;color:var(--chalk);background:#1111109e;border-radius:999px;padding:6px 11px 6px 25px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.rec-dot:before{content:"";background:var(--rec);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:11px}@media (prefers-reduced-motion:no-preference){.rec-dot:before{animation:1s steps(2,jump-none) infinite rec-blink}}.stage-tag{letter-spacing:.12em;color:var(--ink);background:var(--lime);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700;position:absolute;bottom:14px;right:14px}.effect-tag{color:var(--chalk);pointer-events:none;background:#1111109e;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.progress{background:var(--bg-2);border-radius:5px;height:10px;position:relative;overflow:hidden}.fill{background:var(--fg);width:0;height:100%;display:block}.recorder:has(.record.on) .fill{background:var(--rec)}.ticks i{background:var(--bg);width:4px;margin-left:-2px;position:absolute;top:0;bottom:0}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.controls[hidden],.actions [hidden]{display:none}#record-controls{justify-content:space-between}.primary,.ghost{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:16px;font-weight:700;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.primary:not(:disabled):active,.ghost:not(:disabled):active{transform:scale(.97)}.primary{background:var(--rec);color:var(--on-rec)}.primary:not(:disabled):hover{background:#ff4f2b}.ghost{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);background:0 0}.ghost:not(:disabled):hover{background:var(--fg);color:var(--bg)}.ghost.small{min-width:84px}.record{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:50%;width:88px;height:88px;padding:0;position:relative}.record .takes,.record i{pointer-events:none}.record .takes{width:100%;height:100%;position:absolute;inset:0}.record .takes .track{stroke:var(--bg-2)}.record .takes path{stroke:var(--fg)}.record.on .takes path{stroke:var(--rec)}.record i{background:var(--rec);transition:transform .15s var(--ease-out), border-radius .15s;border-radius:50%;position:absolute;inset:29.17%}.record.on i{border-radius:26%;transform:scale(.78)}.status{text-align:center;color:var(--fg-2);min-height:1.5em;margin:0;font-size:15px}.effects{gap:10px;display:grid}.effects-title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin:0;font-size:12px;font-weight:700}.effect-chips{scrollbar-width:none;gap:6px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.effect-chips::-webkit-scrollbar{display:none}.effect-chips button{background:var(--bg);min-height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:none;padding:0 13px;font-size:14px;font-weight:600}.effect-chips button:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}.special-effects{gap:8px;display:grid}.special-effects[hidden],.effect-locked[hidden]{display:none}.effects-subtitle{color:var(--fg-2);margin:4px 0 0;font-size:13px;font-weight:700}.effect-chips button.locked{color:var(--fg-2);align-items:center;gap:5px;display:inline-flex}.effect-chips button.locked[aria-pressed=true]{color:var(--bg)}.effect-chips .lock{flex:none;width:12px;height:12px}.special-effects .fine{margin:0}.effect-unlock{text-underline-offset:2px;background:0 0;padding:0;font-weight:700;text-decoration:underline}.effect-amount{color:var(--fg-2);align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.effect-amount[hidden]{display:none}.effect-amount input{min-width:0;accent-color:var(--fg);flex:1;height:36px}.build{background:var(--bg-2);border-radius:24px;gap:20px;padding:22px 16px;display:grid}.build[hidden]{display:none}.build-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.build h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:840}.view-toggle,.seg{flex-wrap:wrap;gap:6px;display:flex}.view-toggle button,.seg button{background:var(--bg);min-width:44px;min-height:42px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.view-toggle button:not(:disabled):hover,.seg button:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px var(--fg)}[aria-pressed=true]{color:var(--bg);font-weight:700;background:var(--fg)!important;box-shadow:none!important}.readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.readout div{background:var(--bg);border-radius:14px;padding:12px 14px}.readout dt{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);font-size:11px;font-weight:700}.readout dd{letter-spacing:-.03em;margin:4px 0 0;font-size:24px;font-weight:800;line-height:1.15}.settings{gap:16px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin-bottom:8px;padding:0;font-size:12px;font-weight:700}.settings fieldset:not(.wide){display:flow-root}.settings fieldset:not(.wide) legend{float:left;width:7.4em;margin:0;line-height:42px}.settings fieldset:not(.wide) .seg{min-width:0}.actions{flex-wrap:wrap;gap:10px;display:flex}.facts{color:var(--fg);overflow-wrap:anywhere;margin:-6px 0 0;font-size:14px;line-height:1.55}.facts:empty{display:none}.look{color:var(--fg-2);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.look input{min-width:0;accent-color:var(--rec);flex:1;height:36px}.transit{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.transit h3{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:800}.fine{color:var(--fg-2);margin:0;font-size:14px;line-height:1.6}.open-loop{justify-content:center;display:flex}.open-loop .ghost{box-shadow:none;min-height:44px;color:var(--fg-2);text-underline-offset:4px;padding:0 8px;font-size:15px;text-decoration:underline;text-decoration-thickness:1.5px}.open-loop .ghost:hover{color:var(--fg);background:0 0}.file-button{cursor:pointer;align-items:center;display:inline-flex}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}@media (min-width:860px){.loops-header{padding:18px 24px}.loops-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:32px;padding:8px 24px 72px}.open-loop{grid-column:1/-1}.loops-main:has(.build[hidden]) .recorder{grid-column:1/-1;justify-self:center;width:min(100%,560px)}.build{padding:26px 24px}.settings{grid-template-columns:1fr 1fr}.settings .wide{grid-column:1/-1}.readout{grid-template-columns:repeat(4,minmax(0,1fr))}.readout dd{font-size:20px}.recorder{position:sticky;top:16px}}.link{color:var(--fg);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;display:inline}.link:hover{-webkit-text-decoration-color:var(--rec);text-decoration-color:var(--rec)}.header-right{align-items:center;gap:10px;min-width:0;display:flex}.account-pill{background:var(--fg);min-height:40px;color:var(--bg);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:46vw;padding:0 16px;font-size:14px;font-weight:700;overflow:hidden}.account-pill.signed-in{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);background:0 0}@media (max-width:420px){.header-right:has(.account-pill:not([hidden])) .lab-badge{display:none}}.sheet{background:var(--bg);width:min(460px,100vw);max-width:100vw;max-height:92vh;color:var(--fg);border:0;border-radius:28px 28px 0 0;margin:auto auto 0;padding:28px 20px 30px;box-shadow:0 -20px 60px #11111040}@media (min-width:600px){.sheet{border-radius:28px;margin:auto}}.sheet::backdrop{background:#11111099}.sheet-close{background:var(--bg-2);border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:12px;right:12px}.step{gap:14px;display:grid}.step[hidden]{display:none}.step h2{letter-spacing:-.045em;margin:0;padding-right:44px;font-size:32px;font-weight:840;line-height:1}.step p{color:var(--fg-2);margin:0;line-height:1.55}.field{border:0;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;display:grid}.field legend{text-transform:none;letter-spacing:0;color:var(--fg);margin-bottom:6px;font-size:14px;font-weight:700}.field em{color:var(--fg-2);font-style:normal;font-weight:400}.field input,.field select,.danger input{font:inherit;min-height:52px;box-shadow:inset 0 0 0 1px var(--line);background:var(--bg-2);color:var(--fg);border:0;border-radius:14px;width:100%;padding:0 14px;font-size:17px;font-weight:500}.handle-input{box-shadow:inset 0 0 0 1px var(--line);background:var(--bg-2);border-radius:14px;align-items:center;padding-left:14px;font-size:17px;font-weight:800;display:flex}.handle-input input{box-shadow:none;background:0 0;border:0;min-height:52px;padding-left:2px}.handle-input:focus-within{outline:3px solid var(--focus);outline-offset:2px}.handle-input input:focus-visible{outline:none}.pair{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.note{color:var(--fg-2);font-size:13px;font-weight:400}.note[data-state=good]{color:var(--ink);background:var(--lime);border-radius:6px;justify-self:start;padding:1px 7px;font-weight:700}.note[data-state=bad]{color:var(--rec-text)}.rules{background:var(--bg-2);border-radius:14px;padding:12px 14px;font-size:14px}.rules summary,.danger summary{cursor:pointer;font-weight:700}.rules ul{color:var(--fg-2);gap:6px;margin:10px 0 0;padding-left:18px;display:grid}.rules li::marker{color:var(--rec)}.check{align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--rec)}.error{min-height:0;font-weight:700;color:var(--rec-text)!important}.error:empty{display:none}.wide{justify-content:center;width:100%}.switch{text-align:center;font-size:14px}.danger{border-top:1px solid var(--line);gap:10px;padding-top:12px;font-size:14px;display:grid}.danger[open]{gap:12px}.danger>*+*{margin-top:10px}.danger-button{background:var(--rec-text);min-height:48px;color:var(--chalk);border-radius:999px;font-weight:700}@media (prefers-color-scheme:dark){.danger-button{background:#c92f0e}.sheet{box-shadow:0 0 0 1px var(--line), 0 -20px 60px #00000080}}@media (prefers-reduced-motion:reduce){.primary,.ghost,.record i{transition:none}}a.ghost,a.primary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.account-pill{text-decoration:none}.lab-details{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.lab-details>summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--fg-2);padding:10px 0;font-weight:700}.lab-details[open]>summary{margin-bottom:12px}a.account-pill{justify-content:center;align-items:center;display:inline-flex}#share-friends-note:empty{display:none}.unlock-sheet{overflow-y:auto}.unlock-sheet>*+*{margin-top:14px}.unlock-sheet h2{letter-spacing:-.03em;margin:0;padding-right:8px;font-size:26px;font-weight:840;line-height:1.1}.unlock-sheet h3{margin:0;font-size:17px;font-weight:800}.unlock-explain{margin-bottom:0;font-size:16px;line-height:1.5}.unlock-amount,.unlock-note,.unlock-status,.unlock-sheet .note{color:var(--fg-2);margin-bottom:0;font-size:14px;line-height:1.5}.unlock-amount{color:var(--fg)}.unlock-status:empty,.unlock-sheet .note:empty{display:none}.unlock-choices{border:0;gap:8px;margin:0;padding:0;display:grid}.unlock-choices legend{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin-bottom:6px;padding:0;font-size:12px;font-weight:700}.unlock-choice{background:var(--bg-2);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-weight:650;display:flex}.unlock-choice input{accent-color:var(--fg);width:18px;height:18px;margin:0}.unlock-choice:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--fg)}.unlock-record{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.unlock-label{color:var(--fg-2);font-size:13px;font-weight:700}#unlock-tx{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--fg);border-radius:12px;padding:0 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.unlock-close{background:var(--bg-2);border-radius:999px;width:100%;min-height:48px;font-weight:700;display:block}.unlock-sheet .pay .primary{text-decoration:none}.unlock-sheet .pay p,.unlock-record>*{margin:0}.unlock-sheet .pay .primary+.primary{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);background:0 0}