:root{--o-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--o-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--o-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Martian Mono", monospace;--o-window:#1e1e20;--o-content:#161618;--o-bar:#2c2c2fdb;--o-side:#222225e6;--o-sep:#ffffff17;--o-sep-strong:#ffffff29;--o-label:#ffffffeb;--o-label-2:#ebebf59e;--o-label-3:#ebebf55c;--o-fill:#78788052;--o-fill-2:#78788033;--o-fill-3:#7878801f;--o-accent:#0a84ff;--o-accent-soft:#0a84ff38;--o-green:#30d158;--o-orange:#ff9f0a;--o-red:#ff453a;--o-yellow:#ffd60a;--o-purple:#bf5af2;--o-teal:#64d2ff;--o-pink:#ff375f;--o-r-window:14px;--o-r:8px;--o-r-sm:6px;--o-shadow-pop:0 14px 40px #00000080, 0 0 0 .5px #ffffff24, inset 0 .5px 0 #ffffff1f;--o-ease:cubic-bezier(.2, .9, .25, 1)}.of{color:var(--paper);margin:0 auto;padding:0 clamp(6px,1vw,16px) 10vh}.of__chapter,.of__takes{max-width:1200px;padding-inline:calc(var(--gutter) - clamp(6px, 1vw, 16px));margin-inline:auto}.of__head{position:relative}.of__head>.stamp{right:var(--gutter);position:absolute;top:22vh;rotate:7deg}@media (width<=760px){.of__head>.stamp{margin-top:1rem;display:inline-flex;position:static}}.officina-body{background:#0d0d0e}.of :focus-visible{outline-offset:1px;outline:3px solid #0a84ff8c}.of__intro{flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin:0 4px 18px;display:flex}.of__title{font:700 clamp(28px, 3.4vw, 40px) / 1 var(--o-display);letter-spacing:-.025em;margin:0}.of__lede{max-width:82ch;color:var(--o-label-2);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.5}.of__lede b{color:var(--o-label);font-weight:600}.of__window{zoom:var(--z,1);height:calc(max(640px, 100dvh - clamp(80px, 9vh, 104px)) / var(--z,1));color:var(--o-label);font:400 14px/1.4 var(--o-font);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;background:var(--o-window);isolation:isolate;border-radius:16px;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #ffffff29,0 30px 80px -20px #000c,0 10px 30px #0006;container:ofwin/inline-size}.of button,.of input,.of select,.of textarea{font:inherit;color:inherit}.of__toolbar{z-index:5;background:var(--o-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid #0009;grid-template-columns:minmax(0,1fr) auto minmax(min-content,1fr);align-items:center;gap:14px;min-height:62px;padding:10px 14px;display:grid;position:relative;box-shadow:inset 0 -.5px #ffffff0f}.of__tgroup{align-items:center;gap:6px;min-width:0;display:flex}.of__tgroup:last-child{justify-content:flex-end}.of__icon{width:36px;height:32px;color:var(--o-label-2);cursor:default;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.of__icon svg,.of__pill svg,.of__master svg,.of__search svg,.of__hudopacity svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.of__icon:hover{background:var(--o-fill-3);color:var(--o-label)}.of__icon:active{background:var(--o-fill-2)}.of__icon[aria-pressed=true]{color:var(--o-label)}.of__icon.of__small{width:24px;height:22px}.of__icon.of__small svg{width:14px;height:14px}.of__rec svg{fill:currentColor;stroke:none;width:14px}.of__rec[aria-pressed=true]{color:var(--o-red);animation:1.2s ease-in-out infinite of-blink}@keyframes of-blink{50%{opacity:.45}}.of__doc{align-items:baseline;gap:8px;min-width:0;margin-left:4px;display:flex}.of__docname{field-sizing:content;text-overflow:ellipsis;background:0 0;border:0;border-radius:5px;width:min(26ch,18vw);min-width:6ch;max-width:28ch;padding:4px 7px;font:600 15px var(--o-font)!important}.of__docname:hover{background:var(--o-fill-3)}.of__docname:focus{background:var(--o-fill-2);outline:none}.of__docstate{color:var(--o-label-3);white-space:nowrap;font-size:11px}.of__transport{background:#00000038;border-radius:10px;gap:4px;padding:3px;box-shadow:inset 0 0 0 .5px #ffffff14}.of__tbtn{width:44px;height:40px;color:var(--o-label);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;transition:background .15s,transform .12s;display:grid}.of__tbtn svg{fill:currentColor;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:20px;height:20px}.of__tbtn:hover{background:var(--o-fill-3)}.of__tbtn:active{transform:scale(.94)}.of__play .of__play-off,.of__play[aria-pressed=true] .of__play-on{display:none}.of__play[aria-pressed=true] .of__play-off{display:block}.of__play[aria-pressed=true]{color:var(--o-green);background:#30d15824}.of__lcd{height:40px;font:500 13px var(--o-mono);color:#c8e1ff;background:linear-gradient(#10161f,#0b1018);border-radius:9px;align-items:center;gap:4px;margin-left:4px;padding:0 6px 0 4px;display:flex;box-shadow:inset 0 1px 2px #0009,0 0 0 .5px #ffffff0f}.of__lcd-pos{letter-spacing:.02em;min-width:7.5ch}.of__lcd-bpm{color:var(--o-label-3);align-items:baseline;gap:4px;font-size:10px;display:flex}.of__lcd-bpm input{text-align:right;-moz-appearance:textfield;background:0 0;border:0;width:5.2ch;padding:0;font:500 13px var(--o-mono)!important;color:#c8e1ff!important}.of__lcd-bpm input::-webkit-inner-spin-button{display:none}.of__lcd-bpm input:focus{outline:none;color:#fff!important}.of__tap{font:600 9.5px var(--o-font);letter-spacing:.06em;text-transform:uppercase;color:var(--o-label-2);background:#ffffff0f;border:0;border-radius:4px;margin-left:4px;padding:4px 8px}.of__tap:active{background:var(--o-accent);color:#fff}.of__pill{height:30px;color:var(--o-label-2);background:var(--o-fill-3);white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:15px;align-items:center;gap:6px;max-width:190px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex;overflow:hidden}.of__pill:hover{background:var(--o-fill-2);color:var(--o-label)}.of__pill[aria-pressed=true]{color:#fff;background:var(--o-accent)}.of__dot{background:var(--o-label-3);border-radius:50%;flex:none;width:7px;height:7px}.of__dot.is-on{background:var(--o-green);box-shadow:0 0 6px var(--o-green)}.of__cpu{background:var(--o-fill-2);border-radius:3px;width:40px;height:7px;margin:0 4px;position:relative;overflow:hidden}.of__cpu i{background:var(--o-green);transform-origin:0;transform:scaleX(var(--load,0));transition:transform .25s,background .25s;position:absolute;inset:0}.of__cpu.is-hot i{background:var(--o-orange)}.of__master{color:var(--o-label-2);align-items:center;gap:6px;display:flex}.of__master svg{flex:none}.of input[type=range]{-webkit-appearance:none;appearance:none;cursor:default;background:0 0;height:18px}.of input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--o-accent) var(--fill,50%), var(--o-fill) 0);border-radius:2px;height:4px}.of input[type=range]::-moz-range-track{background:var(--o-fill);border-radius:2px;height:4px}.of input[type=range]::-moz-range-progress{background:var(--o-accent);border-radius:2px;height:4px}.of input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 .5px 3px #00000080,0 0 0 .5px #0003}.of input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 .5px 3px #00000080}.of__master input{width:clamp(70px,7vw,110px)}.of__body{grid-template-columns:var(--side,clamp(240px, 18cqw, 300px)) minmax(0, 1fr) var(--insp,clamp(270px, 20cqw, 330px));min-height:0;transition:grid-template-columns .32s var(--o-ease);display:grid;position:relative}.of__body.no-side{--side:0px}.of__body.no-insp{--insp:0px}.of__sidebar,.of__inspector{background:var(--o-side);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.of__sidebar{border-right:.5px solid #0000008c;box-shadow:inset -.5px 0 #ffffff0d}.of__inspector{border-left:.5px solid #0000008c;overflow-y:auto;box-shadow:inset .5px 0 #ffffff0d}.of__search{margin:10px 10px 8px;position:relative}.of__search svg{width:16px;height:16px;color:var(--o-label-3);position:absolute;top:8px;left:9px}.of__search input{background:var(--o-fill-3);border:0;border-radius:7px;width:100%;height:32px;padding:0 8px 0 31px;font-size:14px}.of__search input:focus{outline-offset:0;outline:3px solid #0a84ff80}.of__seg{background:var(--o-fill-3);border-radius:8px;gap:2px;margin:0 10px 8px;padding:2px;display:flex}.of__seg button{height:26px;color:var(--o-label-2);white-space:nowrap;transition:background .18s var(--o-ease), color .18s;background:0 0;border:0;border-radius:6px;flex:1;padding:0 9px;font-size:12.5px;font-weight:500}.of__seg button[aria-selected=true],.of__seg button[aria-checked=true]{color:var(--o-label);background:#636366bf;box-shadow:0 1px 3px #00000059,inset 0 .5px #ffffff24}.of__lib{scrollbar-width:thin;flex:1;padding:0 6px 16px;overflow-y:auto}.of__libh{z-index:1;color:var(--o-label-3);background:var(--o-side);margin:10px 0 2px;padding:4px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.of__item{text-align:left;cursor:default;background:0 0;border:0;border-radius:6px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:1px 10px;width:100%;padding:6px 9px;display:grid}.of__item:hover{background:var(--o-fill-3)}.of__item:active,.of__item.is-sel{background:var(--o-accent);color:#fff}.of__item:active .of__itemd,.of__item.is-sel .of__itemd{color:#ffffffc7}.of__itemi{width:32px;height:32px;font:700 10px var(--o-font);letter-spacing:-.02em;color:#fff;background:var(--c,#48484a);border-radius:6px;grid-row:span 2;place-items:center;display:grid}.of__itemn{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.of__itemd{color:var(--o-label-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.of__libnote{color:var(--o-label-3);margin:10px 9px;font-size:12px;line-height:1.45}.of__main{grid-template-rows:minmax(120px, var(--rack-h,58%)) 7px minmax(120px, 1fr);background:var(--o-content);min-width:0;min-height:0;display:grid;position:relative}.of__main.no-lower{grid-template-rows:minmax(0,1fr) 7px 34px}.of__splitter{z-index:3;cursor:row-resize;background:var(--o-window);border-top:.5px solid #0009;border-bottom:.5px solid #0009;position:relative}.of__splitter:after{content:"";background:var(--o-fill);border-radius:2px;width:36px;height:3px;margin-left:-18px;position:absolute;top:2px;left:50%}.of__splitter:hover:after,.of__splitter.is-dragging:after{background:var(--o-accent)}.of__rackpane{min-height:0;position:relative;overflow:hidden}.of__rack{scrollbar-width:thin;scrollbar-color:#fff3 transparent;cursor:default;background:radial-gradient(120% 80% at 50% -10%,#ffffff0a,#0000 60%),#121214;outline:none;position:absolute;inset:0;overflow:auto}.of__rack.is-panning{cursor:grabbing}.of__rails{transform-origin:0 0;position:relative}.of__row{background:linear-gradient(#2a2a2d, #232326 2.4%, transparent 2.4%, transparent 97.6%, #232326 97.6%, #2a2a2d), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px var(--hp));position:absolute;left:0;right:0}.of__cables{pointer-events:none;z-index:3;position:absolute;top:0;left:0;overflow:visible}.of__rackhud{z-index:6;color:var(--o-label-2);-webkit-backdrop-filter:blur(16px);background:#28282bd1;border-radius:9px;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 4px 14px #0006,0 0 0 .5px #ffffff1a}.of__rackhud span[data-zoomlabel]{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch}.of__hudsep{background:var(--o-sep-strong);width:.5px;height:16px;margin:0 4px}.of__hudopacity{align-items:center;gap:4px;display:flex}.of__hudopacity svg{width:15px}.of__hudopacity input{width:64px}.of__empty{z-index:2;text-align:center;color:var(--o-label-2);pointer-events:none;place-content:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:0}.of__empty[hidden]{display:none}.of__emptyh{font:600 20px var(--o-display);color:var(--o-label);margin:0}.of__empty p{margin:0}.of__emptybtns{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.of__mod{height:calc(128.5 * var(--px));border-radius:calc(.9 * var(--px));background:linear-gradient(180deg, #ffffff12, #fff0 18%), linear-gradient(90deg, #00000038, #0000 4%, #0000 96%, #0000004d), var(--panel,#2b2b2e);box-shadow:inset 0 .5px 0 #ffffff2e, inset 0 -.5px 0 #0009, 0 1px 0 #00000080, 0 calc(1.2 * var(--px)) calc(3 * var(--px)) #00000059;-webkit-user-select:none;user-select:none;touch-action:none;contain:layout;transition:box-shadow .18s,opacity .2s,filter .2s;position:absolute;top:0}.of__mod.is-sel{box-shadow:inset 0 .5px 0 #ffffff2e, 0 0 0 2px var(--o-accent), 0 calc(1.2 * var(--px)) calc(3 * var(--px)) #00000059}.of__mod.is-dragging{z-index:4;opacity:.92;box-shadow:0 0 0 2px var(--o-accent), 0 calc(4 * var(--px)) calc(10 * var(--px)) #0009;transition:none}.of__mod.is-bypassed{filter:saturate(.2)brightness(.62)}.of__mod.is-ghost{opacity:.55;pointer-events:none}.of__modname{left:0;right:0;top:calc(3.6 * var(--px));font:700 calc(2.7 * var(--px)) / 1 var(--o-display);letter-spacing:-.01em;text-align:center;color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;padding:0 calc(1.2 * var(--px));pointer-events:none;position:absolute;overflow:hidden}.of__modbrand{left:0;right:0;bottom:calc(2.3 * var(--px));font:600 calc(1.55 * var(--px)) / 1 var(--o-font);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#ffffff52;pointer-events:none;position:absolute}.of__screw{width:calc(2.6 * var(--px));height:calc(2.6 * var(--px));pointer-events:none;background:radial-gradient(circle at 35% 30%,#7c7c80,#3a3a3d 70%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 .5px #0009}.of__screw:after{content:"";height:8%;transform:rotate(var(--rot,30deg));background:#0000008c;position:absolute;top:46%;left:18%;right:18%}.of__plate{border-radius:calc(1.2 * var(--px));pointer-events:none;background:#00000052;position:absolute;box-shadow:inset 0 .5px 1px #00000080,0 .5px #ffffff0f}.of__lbl{text-overflow:ellipsis;font:600 calc(1.62 * var(--px)) / 1.05 var(--o-font);letter-spacing:.01em;color:#ffffffa8;text-align:center;white-space:nowrap;pointer-events:none;position:absolute;overflow:hidden;transform:translate(-50%)}.of__lbl.is-out{color:#ffffffd1}.of__knob{cursor:ns-resize;touch-action:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.of__knob svg{width:100%;height:100%;display:block;overflow:visible}.of__knob .k-track{fill:none;stroke:#ffffff1a;stroke-linecap:round}.of__knob .k-value{fill:none;stroke:var(--o-accent);stroke-linecap:round}.of__knob .k-body{fill:url(#of-knob-body)}.of__knob .k-rim{fill:none;stroke:#ffffff1f}.of__knob .k-line{stroke:#fff;stroke-linecap:round}.of__knob:hover .k-value,.of__knob.is-turning .k-value{stroke:#3d9cff}.of__knob.is-snap .k-value{stroke:var(--o-orange)}.of__slider{cursor:ns-resize;touch-action:none;background:#00000080;border-radius:99px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #000000b3,0 .5px #ffffff14}.of__slider i{height:calc(2.2 * var(--px));left:-40%;right:-40%;bottom:calc(var(--v,0) * (100% - 2.2 * var(--px)));border-radius:calc(.6 * var(--px));background:linear-gradient(#f2f2f7,#b9b9c0);position:absolute;box-shadow:0 1px 2px #0009}.of__switch{border-radius:calc(.9 * var(--px));cursor:pointer;touch-action:none;background:#0000008c;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #000000b3,0 .5px #ffffff14}.of__switch i{height:calc(100% / var(--n,2) - 8%);left:12%;right:12%;top:calc(4% + (1 - var(--v,0)) * (100% - 100% / var(--n,2)));border-radius:calc(.6 * var(--px));transition:top .12s var(--o-ease);background:linear-gradient(#f2f2f7,#a9a9b0);position:absolute;box-shadow:0 1px 2px #0009}.of__switch.is-h i{height:auto;top:12%;bottom:12%;left:calc(4% + var(--v,0) * (100% - 100% / var(--n,2)));width:calc(100% / var(--n,2) - 8%);transition:left .12s var(--o-ease);right:auto}.of__button{box-shadow:0 1px 2px #000000b3, inset 0 .5px 0 #fff3, 0 0 0 calc(.35 * var(--px)) #0009;cursor:pointer;touch-action:none;background:radial-gradient(circle at 40% 35%,#4a4a4e,#1c1c1e 75%);border-radius:50%;transition:transform 60ms,background .1s;position:absolute;transform:translate(-50%,-50%)}.of__button.is-down{transform:translate(-50%,-50%)scale(.92)}.of__button.is-on{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--lc,#fff) 85%, #fff), var(--lc,#fff) 70%);box-shadow:0 0 calc(2 * var(--px)) color-mix(in srgb, var(--lc,#fff) 70%, transparent), 0 0 0 calc(.35 * var(--px)) #0009}.of__light{background:color-mix(in srgb, var(--lc,#fff) calc(var(--b,0) * 100%), #1a1a1c);box-shadow:inset 0 .5px 1px #0009, 0 0 calc(var(--b,0) * 2.4 * var(--px)) color-mix(in srgb, var(--lc,#fff) calc(var(--b,0) * 90%), transparent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.of__port{width:calc(8.2 * var(--px));height:calc(8.2 * var(--px));cursor:crosshair;touch-action:none;background:radial-gradient(circle,#050506 0 27%,#9a9aa0 29% 33%,#d7d7dc 38%,#8d8d93 54%,#5d5d62 62%,#2c2c2f 66% 100%);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .5px 1px #0009}.of__port.is-out{background:radial-gradient(circle,#050506 0 27%,#9a9aa0 29% 33%,#e8e8ed 38%,#a1a1a8 54%,#6e6e73 62%,#3a3a3d 66% 100%)}.of__port:hover,.of__port.is-target{box-shadow:0 0 0 calc(.6 * var(--px)) var(--o-accent), 0 .5px 1px #0009}.of__port.is-poly:after{content:"";border:calc(.35 * var(--px)) solid var(--o-teal);opacity:.8;border-radius:50%;position:absolute;inset:-12%}.of__display{border-radius:calc(1 * var(--px));font:500 calc(2.05 * var(--px)) / 1.25 var(--o-font);color:#b9dcff;background:linear-gradient(#0b0f14,#070a0e);position:absolute;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 .5px #ffffff14}.of__display canvas{width:100%;height:100%;display:block}.of__dev{height:100%;display:grid}.of__dev button,.of__dev select{width:100%;min-width:0;padding:0 calc(1.5 * var(--px));font:500 calc(2.05 * var(--px)) var(--o-font);color:#cfe6ff;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;border-bottom:.5px solid #b9dcff1f;display:block;overflow:hidden}.of__dev select option{color:#000}.of__dev>:last-child{border-bottom:0}.of__notes{width:100%;height:100%;padding:calc(1.2 * var(--px));font:400 calc(2.3 * var(--px)) / 1.35 var(--o-mono);color:#e5f0ff;resize:none;background:0 0;border:0}.of__notes:focus{outline:none}.of__cable{pointer-events:none}.of__cable path{fill:none;stroke-linecap:round}.of__cable .c-shadow{stroke:#00000059}.of__cable .c-wire{stroke:var(--c);opacity:var(--cable-opacity,.75);pointer-events:visibleStroke;cursor:pointer}.of__cable .c-gloss{stroke:#ffffff38;opacity:var(--cable-opacity,.75)}.of__cable .c-plug{fill:var(--c);stroke:#00000073}.of__cable:hover .c-wire,.of__cable.is-hot .c-wire,.of__cable.is-hot .c-gloss{opacity:1}.of__cable.is-drag .c-wire{opacity:.95}.of__lower{background:var(--o-window);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.of__lowerbar{border-bottom:.5px solid var(--o-sep);justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 10px;display:flex}.of__seg--lower{flex:none;margin:0}.of__seg--lower button{flex:none;min-width:64px;height:28px;padding:0 13px;font-size:13px}.of__lowertools{min-width:0;color:var(--o-label-2);align-items:center;gap:8px;font-size:12.5px;display:flex;overflow:hidden}.of__pane{min-height:0;position:relative;overflow:hidden}.of__pane[hidden],.of__main.no-lower .of__pane{display:none}.of__btn{height:30px;color:var(--o-label);cursor:default;white-space:nowrap;background:#636366b3;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 .5px 1px #0006,inset 0 .5px #ffffff24}.of__btn:hover{background:#6e6e73d9}.of__btn:active{filter:brightness(1.15)}.of__btn--primary{color:#fff;background:linear-gradient(#2f93ff,#0a7aff)}.of__btn--primary:hover{background:linear-gradient(#3d9cff,#1584ff)}.of__btn--quiet{box-shadow:none;color:var(--o-accent);background:0 0}.of__btn--quiet:hover{background:var(--o-accent-soft)}.of__menu{z-index:1000;min-width:200px;max-width:320px;max-height:min(70vh,560px);font:400 13px/1.3 var(--o-font);color:var(--o-label);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--o-shadow-pop);animation:of-pop .16s var(--o-ease);-webkit-font-smoothing:antialiased;background:#28282bdb;border-radius:10px;padding:5px;position:fixed;overflow-y:auto}@keyframes of-pop{0%{opacity:0;transform:scale(.97)translateY(-3px)}}.of__menu button,.of__menu a{width:100%;font:inherit;color:inherit;text-align:left;cursor:default;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;padding:4px 10px;text-decoration:none;display:flex}.of__menu button:hover,.of__menu button:focus-visible,.of__menu a:hover{color:#fff;background:var(--o-accent);outline:none}.of__menu button[disabled]{color:var(--o-label-3);background:0 0}.of__menu kbd{font:inherit;color:var(--o-label-3)}.of__menu button:hover kbd{color:#ffffffbf}.of__menu hr{background:var(--o-sep-strong);border:0;height:.5px;margin:5px 10px}.of__menu .of__menuh{color:var(--o-label-3);padding:4px 10px 2px;font-size:11px;font-weight:600}.of__menu .is-check:before{content:"✓";width:1em;margin-right:-10px}.of__tip{z-index:1001;max-width:280px;font:400 12px/1.35 var(--o-font);color:var(--o-label);-webkit-backdrop-filter:blur(20px);box-shadow:var(--o-shadow-pop);pointer-events:none;white-space:pre-line;-webkit-font-smoothing:antialiased;background:#28282beb;border-radius:7px;padding:6px 9px;position:fixed}.of__tip b{font-weight:600}.of__tip span{color:var(--o-label-2)}.of__pop{z-index:1000;width:260px;font:400 12.5px/1.4 var(--o-font);color:var(--o-label);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--o-shadow-pop);animation:of-pop .16s var(--o-ease);background:#28282beb;border-radius:12px;padding:12px;position:fixed}.of__pop h4{margin:0 0 2px;font-size:13px;font-weight:600}.of__pop p{color:var(--o-label-2);margin:0 0 8px}.of__field{width:100%;height:26px;font:400 13px var(--o-font);color:var(--o-label);background:#00000040;border:0;border-radius:6px;padding:0 8px;display:block;box-shadow:inset 0 0 0 .5px #ffffff24}.of__field:focus{outline-offset:0;box-shadow:inset 0 0 0 1px var(--o-accent);outline:3px solid #0a84ff80}.of__insph{padding:16px 16px 4px}.of__insph h3{font:700 19px/1.2 var(--o-display);letter-spacing:-.01em;margin:0}.of__insph p{color:var(--o-label-2);margin:5px 0 0;font-size:13px;line-height:1.45}.of__group{background:#ffffff0a;border-radius:9px;margin:10px 10px 0;padding:2px 0;box-shadow:inset 0 0 0 .5px #ffffff0f}.of__grouph{color:var(--o-label-3);margin:16px 20px 5px;font-size:12px;font-weight:600}.of__rowi{border-bottom:.5px solid var(--o-sep);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:3px 12px;font-size:13px;display:grid}.of__rowi:last-child{border-bottom:0}.of__rowi>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--o-label-2);overflow:hidden}.of__rowi .of__val{width:92px;height:22px;font:500 12px var(--o-mono);text-align:right;background:#00000038;border:0;border-radius:5px;padding:0 6px}.of__rowi .of__val:focus{outline:2px solid var(--o-accent)}.of__rowi select{background:#00000038;border:0;border-radius:5px;max-width:150px;height:22px;padding:0 4px;font-size:12px}.of__rowi select option{color:#000}.of__conn{color:var(--o-label-2);font-size:11.5px}.of__inspbtns{flex-wrap:wrap;gap:6px;padding:12px 14px;display:flex}.of__boot{z-index:20;-webkit-backdrop-filter:blur(10px);transition:opacity .35s var(--o-ease);background:#0e0e1099;place-items:center;display:grid;position:absolute;inset:0}.of__boot.is-gone{opacity:0;pointer-events:none}.of__bootcard{-webkit-backdrop-filter:saturate(180%)blur(30px);width:min(1040px,94%);max-height:92%;animation:of-sheet-in .5s var(--o-ease) both;background:#28282be6;border-radius:20px;gap:22px;padding:30px 32px 22px;display:grid;overflow-y:auto;box-shadow:0 40px 120px #0009,0 0 0 .5px #ffffff29,inset 0 .5px #ffffff1f}.of__booth{font:700 clamp(24px, 2.4vw, 32px) / 1.1 var(--o-display);letter-spacing:-.025em;margin:0}.of__bootp{max-width:62ch;color:var(--o-label-2);margin:6px 0 0;font-size:15px;line-height:1.45}.of__bootnote{min-height:1.3em;color:var(--o-label-3);margin:0;font-size:12.5px}.of__bootcard .of__btn--primary{height:30px;padding:0 26px;font-size:13.5px}.of__takes{margin-top:24px}.of__notes{margin-top:40px}@media (width<=980px){.of__body{grid-template-columns:var(--side,220px) minmax(0, 1fr)}.of__inspector{z-index:8;width:280px;transform:translateX(var(--insp-x,0));transition:transform .3s var(--o-ease);position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 40px #00000080}.of__body.no-insp .of__inspector{--insp-x:105%}.of__toolbar{grid-template-columns:auto 1fr}.of__transport{order:3;grid-column:1/-1;justify-self:center}}@media (width<=680px){.of__body{grid-template-columns:minmax(0,1fr)}.of__sidebar{z-index:8;width:250px;position:absolute;top:0;bottom:0;left:0;box-shadow:20px 0 40px #00000080}.of__body.no-side .of__sidebar,.of__master input,.of__cpu,.of__docstate{display:none}}.of__orca{background:#0e0f11}.of__orcawrap{scrollbar-width:thin;padding:10px 12px;position:absolute;inset:0;overflow:auto}.of__orcacanvas{cursor:text;border-radius:6px;outline:none;transition:box-shadow .2s;display:block}.of__orcacanvas:focus{box-shadow:0 0 0 1px #64d2ff59}.of__patcher{--p-bg:#232326;--p-box:#38383c;--p-box-edge:#ffffff2e;--p-msg:#4d4d52;--p-text:#ffffffeb;--p-cord:#a6a6ad;--p-sig:#e9c53a;background:radial-gradient(circle at 1px 1px, #ffffff12 1px, transparent 1.4px) 0 0 / 16px 16px, var(--p-bg)}.of__patcher.is-locked{background:var(--p-bg)}.of__pscroll{scrollbar-width:thin;outline:none;position:absolute;inset:0;overflow:auto}.of__psheet{min-width:100%;min-height:100%;position:relative}.of__pcords{z-index:2;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.of__cord{pointer-events:visibleStroke;cursor:pointer}.of__cord .cord-hit{stroke:#0000;stroke-width:10px}.of__cord .cord-line{stroke:var(--p-cord);stroke-width:1.6px;stroke-linecap:round}.of__cord.is-sig .cord-line{stroke:var(--p-sig);stroke-width:2.4px}.of__cord.is-sel .cord-line,.of__cord:hover .cord-line{stroke:var(--o-accent)}.of__cordrag{fill:none;stroke:var(--o-accent);stroke-width:2px;stroke-dasharray:4 3}.of__box{z-index:1;min-width:22px;min-height:22px;font:500 12px/15px var(--o-mono);color:var(--p-text);white-space:nowrap;background:var(--p-box);box-shadow:inset 0 0 0 1px var(--p-box-edge), 0 1px 2px #00000059;cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;padding:3px 7px 4px;position:absolute}.of__box.is-sel{box-shadow:inset 0 0 0 1.5px var(--o-accent), 0 0 0 3px var(--o-accent-soft)}.of__box--msg{background:var(--p-msg);border-radius:4px 9px 9px 4px}.of__box--msg.is-flash,.of__box--bng.is-flash{background:var(--o-accent)}.of__box--comment{font:400 12.5px/1.45 var(--o-font);color:#ebebf59e;white-space:pre-wrap;max-width:420px;box-shadow:none;background:0 0;padding:2px}.of__box--comment.is-sel{box-shadow:inset 0 0 0 1px var(--o-accent)}.of__box.is-broken{box-shadow:inset 0 0 0 1.5px var(--o-red);color:#ffb4ad}.of__box--num .of__boxt{font-variant-numeric:tabular-nums;padding-left:12px;position:relative}.of__box--num .of__boxt:before{content:"";border:5px solid #0000;border-left:6px solid #ffffff8c;position:absolute;top:3px;left:0}.of__box--num{min-width:52px}.of__box--ui{padding:0;overflow:visible}.of__box--tgl,.of__box--bng{width:22px;height:22px}.of__tgl,.of__bng{border-radius:3px;position:absolute;inset:4px}.of__box--tgl.is-on .of__tgl{background:linear-gradient(45deg, transparent 44%, var(--o-accent) 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--o-accent) 44% 56%, transparent 56%)}.of__bng{border-radius:50%;box-shadow:inset 0 0 0 1.5px #fff6}.of__box--bng.is-on .of__bng{background:var(--o-accent)}.of__box--hsl{width:128px;height:18px}.of__box--vsl{width:18px;height:128px}.of__sl{background:#0000004d;border-radius:3px;position:absolute;inset:3px}.of__sl b{width:calc(var(--v,0) * 100%);background:var(--o-accent);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.of__box--vsl .of__sl b{width:auto;height:calc(var(--v,0) * 100%);top:auto;right:0}.of__box--hradio{width:144px;height:18px}.of__box--vradio{width:18px;height:144px}.of__radio{display:flex;position:absolute;inset:0}.of__box--vradio .of__radio{flex-direction:column}.of__radio b{border-right:1px solid #ffffff1f;flex:1}.of__radio b.is-on{background:var(--o-accent)}.of__box--vu{width:18px;height:120px}.of__vu{clip-path:inset(calc((1 - var(--v,0)) * 100%) 0 0 0);background:linear-gradient(#ff453a,#ffd60a 30%,#30d158);border-radius:2px;position:absolute;inset:3px}.of__ports{pointer-events:none;justify-content:space-between;padding:0 1px;display:flex;position:absolute;left:0;right:0}.of__ports--in{top:-1px}.of__ports--out{bottom:-1px}.of__io{pointer-events:auto;background:#8e8e93;border-radius:2px;width:10px;height:4px}.of__io.is-sig{background:var(--p-sig)}.of__ports--out .of__io{cursor:crosshair}.of__patcher.is-locked .of__io{opacity:.35;pointer-events:none}.of__io:hover{background:var(--o-accent)}.of__boxin{z-index:3;min-width:100%;height:100%;font:500 12px/15px var(--o-mono);color:#fff;box-shadow:inset 0 0 0 1.5px var(--o-accent);background:#1c1c1e;border:0;border-radius:4px;outline:none;padding:3px 7px 4px;position:absolute;top:0;left:0}.of__box.is-editing{z-index:5}.of__ac{z-index:6;width:320px;font:400 12px var(--o-font);white-space:normal;-webkit-backdrop-filter:blur(20px);box-shadow:var(--o-shadow-pop);background:#28282bf2;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.of__ac button{text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:9ch 1fr;gap:8px;width:100%;padding:4px 8px;display:grid}.of__ac button b{font:600 12px var(--o-mono)}.of__ac button span{color:var(--o-label-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of__ac button.is-pick,.of__ac button:hover{color:#fff;background:var(--o-accent)}.of__ac button.is-pick span,.of__ac button:hover span{color:#fffc}.of__marquee{z-index:4;background:#0a84ff1f;border:1px solid #0a84ff99;border-radius:2px;position:absolute}.of__pempty{text-align:center;max-width:420px;color:var(--o-label-2);pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.of__pempty p{margin:0 0 6px}.of__pempty b{color:var(--o-label);font-weight:600}.of kbd{font:500 11px var(--o-font);background:var(--o-fill-2);border-radius:4px;padding:1px 5px}.of__devices{background:#19191b}.of__chain{scrollbar-width:thin;align-items:stretch;gap:10px;padding:12px;display:flex;position:absolute;inset:0;overflow-x:auto}.of__devc{background:linear-gradient(#2b2b2e,#242427);border-radius:12px;flex:none;grid-template-rows:auto 1fr auto;width:238px;min-height:0;transition:opacity .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:inset 0 .5px #ffffff1f,0 0 0 .5px #0009,0 6px 18px #0000004d}.of__devc.is-off{opacity:.55}.of__devc.is-mapping{box-shadow:0 0 0 2px var(--o-accent), 0 6px 18px #0000004d}.of__devh{border-bottom:.5px solid var(--o-sep);background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 16%, transparent), transparent 70%);align-items:center;gap:8px;padding:8px 8px 8px 10px;display:flex}.of__devpw{border:1.5px solid var(--o-label-3);background:0 0;border-radius:50%;flex:none;width:16px;height:16px;padding:0}.of__devpw[aria-pressed=true]{border-color:var(--ink);background:radial-gradient(circle, var(--ink) 40%, transparent 44%);box-shadow:0 0 6px color-mix(in srgb, var(--ink) 60%, transparent)}.of__devt{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.of__devt b{font:600 13px var(--o-display)}.of__devt span{color:var(--o-label-3);font-size:10.5px}.of__devb{flex-wrap:wrap;place-content:flex-start space-around;gap:10px 4px;padding:12px 8px 6px;display:flex;overflow-y:auto}.of__ctl{justify-items:center;gap:1px;min-width:50px;display:grid}.of__ctl--tab{flex-basis:100%;justify-items:stretch}.of__ctll{color:var(--o-label-2);font-size:10.5px;font-weight:500}.of__ctlv{font:500 10.5px var(--o-mono);font-variant-numeric:tabular-nums;color:var(--o-label)}.of__dial{cursor:ns-resize;touch-action:none;border-radius:50%;outline:none;width:42px;height:42px}.of__dial:focus-visible{box-shadow:0 0 0 3px #0a84ff80}.of__dial svg{width:100%;height:100%;overflow:visible}.of__dial .d-track{fill:none;stroke:#ffffff1a;stroke-width:4px;stroke-linecap:round}.of__dial .d-val{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.of__dial .d-dot{fill:#fff}.of__devseg{background:#00000040;border-radius:7px;gap:2px;padding:2px;display:flex}.of__devseg button{white-space:nowrap;min-width:0;height:22px;color:var(--o-label-2);background:0 0;border:0;border-radius:5px;flex:1;padding:0 4px;font-size:11px;font-weight:500}.of__devseg button[aria-checked=true]{color:#fff;background:color-mix(in srgb, var(--ink) 70%, #333);box-shadow:0 1px 2px #00000059}.of__devf{min-height:34px;color:var(--o-label-2);border-top:.5px solid var(--o-sep);align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex;position:relative}.of__devto{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.of__devmap{height:22px;color:var(--ink);background:color-mix(in srgb, var(--ink) 16%, transparent);border:0;border-radius:11px;flex:none;padding:0 10px;font-size:11.5px;font-weight:600}.of__devmap.is-on{color:#fff;background:var(--o-accent)}.of__devmeter{background:var(--ink);opacity:.9;transform-origin:0;height:2px;transform:scaleX(var(--out,0));position:absolute;bottom:0;left:0;right:0}.of__devadd{text-align:center;width:168px;color:var(--o-label-2);border:1.5px dashed var(--o-sep-strong);background:0 0;border-radius:12px;flex:none;place-content:center;justify-items:center;gap:4px;display:grid}.of__devadd span{font:300 30px/1 var(--o-display)}.of__devadd b{color:var(--o-label);font-size:12.5px;font-weight:600}.of__devadd small{color:var(--o-label-3);padding:0 12px;font-size:10.5px}.of__devadd:hover{border-color:var(--o-accent);color:var(--o-accent)}body.of-mapping .of__knob,body.of-mapping .of__slider,body.of-mapping .of__switch,body.of-mapping .of__button{cursor:copy;box-shadow:0 0 0 calc(.5 * var(--px)) var(--o-accent)}.of__console{background:#141416;grid-template-rows:minmax(0,1fr) auto;display:grid}.of__conlist{font:400 12px/1.5 var(--o-mono);scrollbar-width:thin;padding:6px 0;overflow-y:auto}.of__conrow{border-bottom:.5px solid #ffffff08;grid-template-columns:minmax(70px,140px) 1fr;gap:12px;padding:1px 12px;display:grid}.of__conrow b{color:var(--o-label-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.of__conrow span{color:var(--o-label);white-space:pre-wrap;word-break:break-word}.of__conrow.is-err span,.of__conrow.is-err b{color:#ff8a80}.of__conrow.is-note span,.of__conrow.is-rack span{color:var(--o-label-3)}.of__conrow.is-in b{color:var(--o-accent)}.of__coninput{height:30px;font:400 12px var(--o-mono);color:var(--o-label);border:0;border-top:.5px solid var(--o-sep);background:#1c1c1e;outline:none;margin:0;padding:0 12px}.of__hud{z-index:30;max-width:min(560px,86%);font:500 12.5px/1.4 var(--o-font);color:var(--o-label);text-align:center;-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--o-shadow-pop);opacity:0;pointer-events:none;transition:opacity .25s var(--o-ease), transform .35s var(--o-ease);background:#2c2c2fe0;border-radius:12px;padding:9px 16px;position:absolute;top:62px;left:50%;transform:translate(-50%,-8px)scale(.98)}.of__hud.is-in{opacity:1;transform:translate(-50%)scale(1)}.of__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.of__window.is-full{height:calc(100dvh / var(--z,1));border-radius:0}@keyframes of-sheet-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes of-fade-in{0%{opacity:0}}.of__appname{font:700 15px var(--o-display);letter-spacing:-.01em}.of__docsep{color:var(--o-label-3)}.of__docmenu{width:24px;height:24px;color:var(--o-label-2);background:0 0;border:0;border-radius:6px;align-self:center;place-items:center;padding:0;display:grid}.of__docmenu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.of__docmenu:hover{background:var(--o-fill-3);color:var(--o-label)}.of__tright{justify-content:flex-end;gap:8px}.of__layoutseg{flex:none;margin:0}.of__layoutseg button{place-items:center;width:36px;padding:0;display:grid}.of__layoutseg svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.of__pilln{font:500 11px var(--o-mono);opacity:.8}.of__lcdcell{border-right:.5px solid #c8e1ff1a;justify-items:center;gap:1px;min-width:64px;padding:0 10px;display:grid}.of__lcdcell:first-child{min-width:96px}.of__lcd-big{font:500 17px/1 var(--o-mono);letter-spacing:.02em;color:#d7e9ff;white-space:nowrap}.of__lcd-big input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;width:5.4ch;padding:0;font:500 17px/1 var(--o-mono)!important;color:#d7e9ff!important}.of__lcd-big input::-webkit-inner-spin-button{display:none}.of__lcd-big input:focus{outline:none;color:#fff!important}.of__lcd-small{font:600 8.5px var(--o-font);letter-spacing:.08em;text-transform:uppercase;color:#c8e1ff73}.of__rec[aria-pressed=true]{background:#ff453a29}.of__zoomlabel{min-width:5ch;height:26px;font:600 12.5px var(--o-font);font-variant-numeric:tabular-nums;color:var(--o-label);background:0 0;border:0;border-radius:6px;padding:0 6px}.of__zoomlabel:hover{background:var(--o-fill-3)}.of__libseg button{padding:0 2px;font-size:11.5px}.of__main.is-rack{grid-template-rows:minmax(0,1fr) 0 0}.of__main.is-rack .of__lower,.of__main.is-rack .of__splitter{display:none}.of__main.is-editor{grid-template-rows:0 0 minmax(0,1fr)}.of__main.is-editor .of__rackpane,.of__main.is-editor .of__splitter{display:none}.of__mod:before{content:"";left:calc(1.2 * var(--px));right:calc(1.2 * var(--px));top:calc(.8 * var(--px));height:calc(.55 * var(--px));border-radius:calc(.3 * var(--px));background:var(--accent,transparent);opacity:.85;pointer-events:none;position:absolute}.of__mod.is-new{animation:of-mod-in .5s var(--o-ease)}@keyframes of-mod-in{0%{opacity:0;transform:translateY(calc(-6 * var(--px))) scale(.97)}}.of__inspector{grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.of__inspmain{scrollbar-width:thin;min-height:0;padding-bottom:12px;overflow-y:auto}.of__insphow{color:var(--o-label)!important}.of__inspmeta{color:var(--o-label-3)!important;font-size:11.5px!important}.of__inspmain .of__flowmap{background:#0003;border-radius:10px;margin:8px 12px 0;padding:8px}.of__qh{scrollbar-width:thin;background:#1c1c1eb3;border-top:.5px solid #0009;max-height:min(360px,42vh);overflow-y:auto;box-shadow:inset 0 .5px #ffffff0f}.of__qh header{background:#1c1c1ef5;justify-content:space-between;align-items:baseline;padding:10px 16px 4px;font-size:12px;display:flex;position:sticky;top:0}.of__qh header b{color:var(--o-label-2);font-weight:600}.of__qh header span{color:var(--o-label-3);font-size:11px}.of__qhbody{min-height:110px;padding:2px 16px 16px;animation:.2s of-fade-in}.of__qhbody h4{font:600 15px/1.25 var(--o-display);color:var(--o-label);margin:4px 0 6px}.of__qhbody.is-idle h4{color:var(--o-label-2)}.of__qhtext{color:var(--o-label-2);text-wrap:pretty;font-size:13px;line-height:1.5}.of__qhtext b{color:var(--o-label);font-weight:600}.of__qhhint{color:var(--o-label-3);margin-top:6px;font-size:12px;display:inline-block}.of code{font:500 .92em var(--o-mono);color:#ffd60a;background:#ffd60a14;border-radius:4px;padding:.05em .35em}.of__boothead{align-items:center;gap:18px;display:flex}.of__booticon{filter:drop-shadow(0 8px 20px #0a84ff59);flex:none;width:64px;height:64px}.of__booticon svg{width:100%;height:100%}.of__projects{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.of__project{text-align:left;transition:transform .25s var(--o-ease);background:0 0;border:0;border-radius:16px;align-content:start;gap:4px;padding:0 0 6px;display:grid}.of__projart{transition:box-shadow .25s var(--o-ease), transform .25s var(--o-ease);border-radius:14px;margin-bottom:8px;display:block;overflow:hidden;box-shadow:0 0 0 .5px #ffffff24,0 10px 30px #00000059}.of__projart svg{width:100%;height:auto;display:block}.of__projt{font:600 15px/1.25 var(--o-display);color:var(--o-label);padding:0 4px}.of__projd{color:var(--o-label-2);padding:0 4px;font-size:12.5px;line-height:1.4}.of__project:hover .of__projart,.of__project:focus-visible .of__projart{box-shadow:0 0 0 3px var(--o-accent), 0 16px 40px #00000073;transform:translateY(-3px)}.of__project:focus-visible{outline:none}.of__project.is-primary .of__projart{box-shadow:0 0 0 2px #0a84ffcc,0 10px 30px #00000059}.of__project:disabled{opacity:.5}.of__project.is-loading{opacity:1}.of__project.is-loading .of__projart{animation:1s ease-in-out infinite of-blink}.of__bootfoot{border-top:.5px solid var(--o-sep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.of__check{color:var(--o-label-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.of__check input{width:16px;height:16px;accent-color:var(--o-accent)}.of__sheetback{z-index:40;-webkit-backdrop-filter:blur(3px);background:#0a0a0c73;place-items:start center;padding-top:8vh;animation:.2s of-fade-in;display:grid;position:absolute;inset:0}.of__sheetback.is-out{opacity:0;transition:opacity .2s}.of__sheet{-webkit-backdrop-filter:saturate(180%)blur(30px);width:min(560px,94%);max-height:84%;animation:of-sheet-in .35s var(--o-ease);background:#262629f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 0 .5px #ffffff29,inset 0 .5px #ffffff1f}.of__sheet.is-wide{width:min(1080px,94%);height:84%}.of__sheet.is-spot{width:min(680px,94%)}.of__book{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.of__bookhead{font:600 14px var(--o-font);border-bottom:.5px solid var(--o-sep);justify-content:space-between;align-items:center;padding:12px 14px 12px 20px;display:flex}.of__bookbody{grid-template-columns:250px minmax(0,1fr);min-height:0;display:grid}.of__booknav{border-right:.5px solid var(--o-sep);background:#00000026;flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.of__booknav button{text-align:left;color:var(--o-label-2);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13.5px}.of__booknav button:hover{background:var(--o-fill-3);color:var(--o-label)}.of__booknav button[aria-current=true]{color:#fff;background:var(--o-accent)}.of__bookpage{color:var(--o-label-2);scrollbar-width:thin;padding:26px clamp(20px,4vw,48px) 48px;font-size:15px;line-height:1.6;overflow-y:auto}.of__bookpage>*{max-width:72ch}.of__bookpage h2{font:700 clamp(24px, 2.2vw, 30px) / 1.15 var(--o-display);letter-spacing:-.02em;color:var(--o-label);margin:0 0 14px}.of__bookpage h3,.of__essay h3{font:600 18px/1.3 var(--o-display);color:var(--o-label);margin:28px 0 8px}.of__bookpage b,.of__essay b{color:var(--o-label);font-weight:600}.of__bookpage li+li{margin-top:6px}.of__bookpage a,.of__essay a{color:var(--o-teal)}.of__keys{border-collapse:collapse;width:100%;font-size:14px}.of__keys td{border-bottom:.5px solid var(--o-sep);padding:9px 10px}.of__keys td:first-child{white-space:nowrap;width:40%}.of__flowmap svg{width:100%;height:auto;font:600 14px var(--o-font);color:var(--o-label-3);display:block}.of__flowmap .fm-node rect{fill:#ffffff0f;stroke:#ffffff29}.of__flowmap .fm-node text{fill:var(--o-label);text-anchor:middle}.of__flowmap .fm-node .fm-sub{font:400 11px var(--o-font);fill:var(--o-label-3)}.of__flowmap .fm-edge path{fill:none;stroke:currentColor;stroke-width:2px;transition:stroke .15s,stroke-width .15s}.of__flowmap .fm-midi{color:#64d2ff73}.of__flowmap .fm-audio{color:#ffd60a66}.of__flowmap .fm-clock{color:#30d15866}.of__flowmap .fm-edge.is-on{filter:drop-shadow(0 0 4px)}.of__flowmap .fm-midi.is-on{color:#64d2ff}.of__flowmap .fm-audio.is-on{color:#ffd60a}.of__flowmap .fm-clock.is-on{color:#30d158}.of__flowmap .fm-edge.is-on path{stroke-width:3px}.of__flowmap .fm-legend text{font:500 12px var(--o-font);fill:var(--o-label-2)}.of__flowmap .fm-dot-midi{fill:#64d2ff}.of__flowmap .fm-dot-audio{fill:#ffd60a}.of__flowmap .fm-dot-clock{fill:#30d158}.of__coachring{z-index:44;box-shadow:0 0 0 3px var(--o-accent), 0 0 0 9999px #00000061;pointer-events:none;transition:all .4s var(--o-ease);border-radius:12px;position:absolute}.of__coach{z-index:45;-webkit-backdrop-filter:saturate(180%)blur(24px);width:320px;box-shadow:var(--o-shadow-pop);transition:left .4s var(--o-ease), top .4s var(--o-ease);animation:of-sheet-in .3s var(--o-ease);background:#2c2c2ff2;border-radius:14px;padding:16px 18px 14px;font-size:14px;line-height:1.5;position:absolute}.of__coach h4{font:600 17px var(--o-display);margin:2px 0 6px}.of__coach p{color:var(--o-label-2);margin:0}.of__coach .of__coachstep{color:var(--o-accent);font-size:11.5px;font-weight:600}.of__coachbtns{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.of__coachbtns .of__btn--quiet{color:var(--o-label-3);margin-right:auto;padding:0 4px}.of__spot{flex-direction:column;min-height:0;display:flex}.of__spotin{height:58px;color:var(--o-label);border:0;border-bottom:.5px solid var(--o-sep);background:0 0;outline:none;padding:0 22px;font:400 21px var(--o-display)!important}.of__spotlist{scrollbar-width:thin;max-height:58vh;padding:6px 8px 10px;overflow-y:auto}.of__spoth{color:var(--o-label-3);padding:10px 12px 4px;font-size:11.5px;font-weight:600}.of__spotitem{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:32px minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:7px 10px;display:grid}.of__spotitem .of__itemi{grid-row:auto}.of__spotitem.is-pick{color:#fff;background:var(--o-accent)}.of__spotn{white-space:nowrap;font-size:14px;font-weight:500}.of__spotd{color:var(--o-label-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.of__spotitem.is-pick .of__spotd{color:#ffffffbf}.of__spotitem kbd{color:inherit}.of__spotnone{color:var(--o-label-3);margin:18px}.of__smart{background:radial-gradient(90% 120% at 50% 0%, color-mix(in srgb, var(--ink,#0a84ff) 9%, transparent), transparent 70%), var(--o-window);scrollbar-width:thin;padding:18px 22px 24px;overflow-y:auto}.of__smartempty{text-align:center;height:100%;min-height:160px;color:var(--o-label-3);place-content:center;justify-items:center;display:grid}.of__smartempty svg{width:44px;margin-bottom:8px}.of__smartempty p{max-width:44ch;margin:2px 0}.of__smartempty b{color:var(--o-label-2);font-size:16px}.of__smarthead{align-items:center;gap:14px;margin-bottom:18px;display:flex}.of__smarthead .of__itemi{border-radius:11px;width:44px;height:44px;font-size:12px}.of__smarthead h3{font:700 21px var(--o-display);letter-spacing:-.015em;margin:0}.of__smarthead p{max-width:90ch;color:var(--o-label-2);margin:3px 0 0;font-size:13.5px}.of__smartgrid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;display:grid}.of__sc{background:#ffffff0a;border-radius:14px;align-content:start;justify-items:center;gap:4px;padding:14px 8px 12px;display:grid;box-shadow:inset 0 0 0 .5px #ffffff12}.of__sc.is-seg{grid-column:span 2;align-content:center;justify-items:stretch}.of__scknob{cursor:ns-resize;touch-action:none;border-radius:50%;width:72px;height:72px}.of__scknob svg{width:100%;height:100%;overflow:visible}.of__scknob .sc-track{fill:none;stroke:#ffffff1a;stroke-width:6px;stroke-linecap:round}.of__scknob .sc-val{fill:none;stroke:var(--ink,var(--o-accent));stroke-width:6px;stroke-linecap:round}.of__scknob .sc-body{fill:#3a3a3d;stroke:#ffffff1f;stroke-width:1px;filter:drop-shadow(0 3px 5px #00000080)}.of__scknob .sc-line{stroke:#fff;stroke-width:4px;stroke-linecap:round}.of__scknob.is-turning .sc-val{filter:drop-shadow(0 0 5px var(--ink,var(--o-accent)))}.of__scl{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--o-label-2);font-size:12.5px;font-weight:500;overflow:hidden}.of__scv{font:500 12.5px var(--o-mono);color:var(--o-label)}.of__scseg{background:var(--o-fill-3);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.of__scseg button{min-height:28px;color:var(--o-label-2);background:0 0;border:0;border-radius:6px;flex:1;padding:0 8px;font-size:12.5px}.of__scseg button[aria-checked=true]{color:#fff;background:var(--ink,var(--o-accent))}.of__smartnone{color:var(--o-label-3)}.of__mixer{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:18px;height:100%;padding:14px 18px;display:grid;overflow:auto}.of__strips{gap:10px;min-height:0;display:flex}.of__strip{background:linear-gradient(#ffffff0d,#ffffff05);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:92px;min-height:200px;padding:10px 8px;display:grid;box-shadow:inset 0 0 0 .5px #ffffff14}.of__strip.is-master{background:linear-gradient(#ffffff17,#ffffff08)}.of__strip header{border-top:3px solid var(--ink);border-radius:2px;justify-items:center;padding-top:6px;padding-bottom:8px;display:grid}.of__strip header b{font-size:13px;font-weight:600}.of__strip header span{color:var(--o-label-3);font-size:10.5px}.of__stripbody{justify-content:center;gap:8px;min-height:0;display:flex}.of__meter{gap:2px;width:14px;display:flex;position:relative}.of__meter i{background:#00000073;border-radius:2px;flex:1;position:relative;overflow:hidden}.of__meter i:after{content:"";transform-origin:bottom;background:linear-gradient(#ff453a 4%,#ffd60a 18%,#30d158 35% 100%);transition:transform 60ms linear;position:absolute;inset:0}.of__meter i[data-l]:after{transform:scaleY(var(--l,0))}.of__meter i[data-r]:after{transform:scaleY(var(--r,0))}.of__meter b{opacity:.7;background:#fff;width:6px;height:2px;position:absolute}.of__meter b[data-hl]{left:0;bottom:calc(var(--hl,0) * 100%)}.of__meter b[data-hr]{right:0;bottom:calc(var(--hr,0) * 100%)}.of__strip.is-clip .of__meter i{box-shadow:0 -3px #ff453a}.of__fader{gap:4px;display:flex;position:relative}.of__fader input[type=range]{writing-mode:vertical-lr;direction:rtl;width:22px;height:100%;min-height:90px}.of__fader input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(0deg, var(--ink) var(--fill,50%), var(--o-fill) 0);width:4px;height:auto}.of__fader input[type=range]::-webkit-slider-thumb{background:linear-gradient(#f2f2f7,#c7c7cc);border-radius:3px;width:22px;height:12px;margin:0 0 0 -9px}.of__fader input[type=range]::-moz-range-thumb{border-radius:3px;width:22px;height:12px}.of__scale{font:500 9px var(--o-mono);color:var(--o-label-3);flex-direction:column;justify-content:space-between;display:flex}.of__stripfoot{justify-content:space-between;align-items:center;gap:4px;padding-top:8px;display:flex}.of__db{font:500 11px var(--o-mono);color:var(--o-label-2)}.of__mute{width:24px;height:22px;color:var(--o-label-2);background:var(--o-fill-2);border:0;border-radius:5px;padding:0;font-size:11px;font-weight:700}.of__mute[aria-pressed=true]{color:#000;background:#ffd60a}.of__strip.is-muted .of__meter{opacity:.35}.of__mixmap{background:#0000002e;border-radius:14px;flex-direction:column;min-width:0;min-height:0;padding:12px 16px;display:flex}.of__mixmap header{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.of__mixmap header b{font-size:14px}.of__mixmap header span{color:var(--o-label-3);font-size:12px}.of__mixmap .of__flowmap{flex:1;max-width:760px;min-height:0}.of__mixmap .of__flowmap svg{height:100%}.of__palette{z-index:6;-webkit-backdrop-filter:blur(16px);background:#28282bdb;border-radius:12px;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 6px 20px #0006,0 0 0 .5px #ffffff1f}.of__palbtn{width:34px;height:32px;color:var(--o-label-2);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.of__palbtn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;width:20px;height:20px}.of__palbtn:hover{color:var(--o-label);background:var(--o-fill-3)}.of__palsep{background:var(--o-sep-strong);height:.5px;margin:4px}.of__palzoom{height:22px;font:600 10.5px var(--o-font);color:var(--o-label-2);background:0 0;border:0;border-radius:5px;padding:0}.of__patcher .of__pscroll{left:60px}.of__canon{background:#101012;grid-template-rows:auto minmax(120px,1fr) auto;display:grid}.of__cinfo{border-bottom:.5px solid var(--o-sep);padding:10px 18px 9px}.of__cinfoh{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.of__cinfoh b{font:700 17px var(--o-display);letter-spacing:-.01em}.of__cinfoh span{color:var(--o-label-2);font-size:13px}.of__cinfoh code{color:#bf9cff;background:#bf5af21f}.of__cinfo p{max-width:120ch;color:var(--o-label-2);text-wrap:pretty;margin:5px 0 0;font-size:13.5px;line-height:1.5}.of__gemline{font:500 12.5px var(--o-mono);color:#bf9cff}.of__crollwrap{min-height:0;position:relative}.of__croll{width:100%;height:100%;position:absolute;inset:0}.of__cvoices{border-top:.5px solid var(--o-sep);background:var(--o-window);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 12px 10px;display:grid}.of__cvoices[hidden]{display:none}.of__cvoice{background:#ffffff09;border-radius:12px;gap:8px;padding:9px 11px 10px;transition:box-shadow .2s,opacity .2s;display:grid;box-shadow:inset 0 0 0 .5px #ffffff12}.of__cvoice.is-focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 70%, transparent)}.of__cvoice.is-off>:not(header){opacity:.35}.of__cvoice header{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.of__cvoice header i{background:var(--ink);width:10px;height:10px;box-shadow:0 0 8px var(--ink);border-radius:50%}.of__cvoice header b{font-size:14px;font-weight:600}.of__cvoice header span{color:var(--o-label-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.of__cvoice .of__seg{margin:0}.of__cvoice .of__seg button{height:26px;padding:0 4px;font-size:12.5px}.of__cforms button{font:600 12.5px var(--o-mono)!important}.of__cforms button[aria-checked=true],.of__cspeed button[aria-checked=true]{color:#fff;background:color-mix(in srgb, var(--ink) 80%, #000)}.of__cspeed button{font:600 12px var(--o-font)!important}.of__crow1{gap:6px;display:flex}.of__crow1 .of__cforms{flex:5}.of__crow1 .of__cspeed{flex:3}.of__crow{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;display:grid}.of__cstep{gap:3px;min-width:0;display:grid}.of__cstep>span{letter-spacing:.04em;text-transform:uppercase;color:var(--o-label-3);font-size:10.5px;font-weight:600}.of__cstep>div{align-items:center;gap:2px;display:flex}.of__cstep b{text-align:center;text-overflow:ellipsis;min-width:0;color:var(--o-label);white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.of__cside{align-items:center;gap:6px;margin-left:auto;display:flex}.of__cstep button{width:22px;height:22px;color:var(--o-label-2);background:var(--o-fill-3);border:0;border-radius:6px;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.of__cstep button:hover{color:var(--o-label);background:var(--o-fill-2)}.of__switch2{background:var(--o-fill);border:0;border-radius:11px;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.of__switch2:after{content:"";width:18px;height:18px;transition:transform .25s var(--o-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.of__switch2[aria-checked=true]{background:var(--ink,var(--o-green))}.of__switch2[aria-checked=true]:after{transform:translate(16px)}.of__seg--mini{flex:none;margin:0}.of__seg--mini button{height:24px;padding:0 10px;font-size:12px}.of__notelens button{min-width:30px;font-size:15px}.of__menubtn{max-width:230px}.of__menubtn svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:14px!important;height:14px!important}.of__menubtn span{text-overflow:ellipsis;overflow:hidden}.of__namepop{gap:8px;width:300px;display:grid}.of__namepop h4,.of__namepop p{margin:0}.of__gem{font:500 12.5px/1.5 var(--o-mono);overflow-wrap:anywhere;color:#bf9cff!important}.of__gem span{font:400 11.5px var(--o-font);color:var(--o-label-3)}.of__pop:has(.of__namepop){width:auto}.of__chapter .of__h2{font:400 clamp(2rem, 1.4rem + 2vw, 2.9rem) / 1.02 var(--f-display);letter-spacing:-.015em;color:var(--paper);text-wrap:balance;margin:0 0 1rem}.of__chapter h3{font:600 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin:2.2rem 0 .7rem}.of__chapter .of__lead{font-size:1.12em;font-style:italic}.of__chapter .of__hear{color:var(--paper);margin:.2rem .5rem .6rem 0;font-size:12px}.of__chapter .of__hears{flex-wrap:wrap;display:flex}.of__chapter ul{padding-left:1.2em}.of__flowfig{margin:1.4rem 0 0}.of__flowfig svg{width:100%;height:auto;font:500 10.5px var(--f-mono);display:block}.of__flowfig .fm-node rect{fill:#ece5d30a;stroke:#ece5d34d}.of__flowfig .fm-node text{fill:var(--paper);text-anchor:middle}.of__flowfig .fm-node .fm-sub{opacity:.6;font-size:8px}.of__flowfig .fm-edge path{fill:none;stroke:currentColor;stroke-width:1.5px}.of__flowfig .fm-midi{color:var(--acid)}.of__flowfig .fm-audio{color:#f6dd1e}.of__flowfig .fm-clock{color:#ece5d380}.of__flowfig .fm-legend text{fill:var(--paper);font-size:11px}.of__flowfig .fm-dot-midi{fill:var(--acid)}.of__flowfig .fm-dot-audio{fill:#f6dd1e}.of__flowfig .fm-dot-clock{fill:#ece5d380}.of__klein{margin:1.2rem 0}.of__klein table{border-collapse:separate;border-spacing:3px;font:600 14px var(--f-mono)}.of__klein th{opacity:.6;padding:4px 10px;font-size:11px;font-weight:500}.of__klein td{text-align:center;border:1px solid #ece5d32e;width:48px;height:36px}.of__klein td[data-f=O]{color:var(--ink,#0a0a0b);background:var(--acid);border-color:var(--acid)}.of__klein td[data-f=RI]{background:#ece5d31f}.of__klein figcaption,.of__goldberg figcaption{opacity:.7;max-width:60ch;margin-top:.6rem;font-size:.85em}.of__goldberg{margin:1.2rem 0}.of__gvs{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;display:grid}.of__gv{aspect-ratio:1;font:500 10px var(--f-mono);color:#ece5d38c;background:0 0;border:1px solid #ece5d329;place-content:center;justify-items:center;padding:0;display:grid}.of__gv b{font:700 12px var(--f-mono)}.of__gv.is-canon{color:#0a0a0b;background:var(--acid);border-color:var(--acid)}.of__gv.is-minor{box-shadow:inset 0 -3px #3b6cff}.of__gv.is-overture,.of__gv.is-quodlibet{color:#0a0a0b;background:#f6dd1e;border-color:#f6dd1e}.of__gv.is-overture b,.of__gv.is-quodlibet b{font-size:8.5px}.of__gv.is-aria{color:var(--paper);border-color:#ece5d380}button.of__gv{cursor:pointer}button.of__gv:hover{outline:2px solid var(--paper)}.of__gkey{vertical-align:-1px;width:10px;height:10px;margin:0 5px 0 12px;display:inline-block}.of__gkey:first-child{margin-left:0}.of__gkey.is-canon{background:var(--acid)}.of__gkey.is-minor{background:#3b6cff}.of__gkey.is-overture{background:#f6dd1e}.of__works{margin:0 0 .6rem;list-style:none;padding:0!important}.of__works li{border-bottom:1px solid #ece5d31a;grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.55rem 0;display:grid}.of__bwv{font:500 11px var(--f-mono);letter-spacing:.06em;color:var(--acid);white-space:nowrap}.of__watch{font:500 11px var(--f-mono);white-space:nowrap}.of__bookpage .of__works li{border-color:var(--o-sep);grid-template-columns:7rem minmax(0,1fr) auto}.of__bookpage .of__bwv,.of__bookpage .of__watch,.of__bookpage .of__klein table,.of__bookpage .of__gv{font-family:var(--o-mono)}.of__bookpage .of__hear{margin:.3rem .5rem .4rem 0}@media (width<=1200px){.of__cvoices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.of__bookbody{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.of__booknav{border-right:0;border-bottom:.5px solid var(--o-sep);flex-direction:row;overflow-x:auto}.of__booknav button{white-space:nowrap}.of__mixer{grid-template-columns:minmax(0,1fr)}.of__lcdcell:nth-child(3),.of__layoutseg{display:none}.of__gvs{grid-template-columns:repeat(8,minmax(0,1fr))}.of__works li{grid-template-columns:minmax(0,1fr);gap:2px}.of__modes button{padding:0 6px}}@media (width<=680px){.of__cvoices{grid-template-columns:minmax(0,1fr)}.of__pilltxt,.of__tap{display:none}.of__projects{grid-template-columns:repeat(2,minmax(0,1fr))}.of__bootcard{padding:20px 16px}.of__boothead{align-items:flex-start}.of__booticon{width:44px;height:44px}.of__seg--lower button{min-width:0}}@media (prefers-reduced-motion:reduce){.of__mod.is-new,.of__sheet,.of__bootcard,.of__coach{animation:none}}.of__lowerbar{flex-wrap:wrap;height:auto;min-height:46px;padding:8px 10px}.of__lowertools{flex-wrap:wrap;flex:auto;justify-content:flex-end}@container ofwin (width<=1480px){.of__appname,.of__docsep,.of__pilltxt,.of__cpu{display:none}.of__master input{width:72px}}@container ofwin (width<=1300px){.of__toolbar{grid-template-columns:minmax(0,1fr) auto}.of__transport{order:3;grid-column:1/-1;justify-self:center}}@container ofwin (width<=1050px){.of__body{grid-template-columns:var(--side,230px) minmax(0, 1fr)}.of__inspector{z-index:8;width:290px;transform:translateX(var(--insp-x,0));transition:transform .3s var(--o-ease);position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 40px #00000080}.of__body.no-insp .of__inspector{--insp-x:105%}.of__layoutseg{display:none}}@container ofwin (width<=700px){.of__body{grid-template-columns:minmax(0,1fr)}.of__sidebar{z-index:8;width:250px;position:absolute;top:0;bottom:0;left:0;box-shadow:20px 0 40px #00000080}.of__body.no-side .of__sidebar{display:none}}.of__compose{background:#101012;grid-template-rows:auto minmax(0,1fr);display:grid}.of__cmid{grid-template-columns:minmax(0,1fr) clamp(240px,26cqw,340px);min-height:0;display:grid}.of__cstats{border-left:.5px solid var(--o-sep);background:var(--o-window);scrollbar-width:thin;padding:12px 16px 16px;overflow-y:auto}.of__cstats h4{font:600 13px var(--o-font);color:var(--o-label-2);margin:0 0 8px}.of__cstat{border-bottom:.5px solid var(--o-sep);grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 0;display:grid}.of__cstat span{font-size:12.5px;font-weight:600}.of__cstat b{font:600 12.5px var(--o-mono);text-align:right}.of__cstat.is-ok b{color:var(--o-green)}.of__cstat.is-off b{color:var(--o-orange)}.of__cstat p{color:var(--o-label-3);grid-column:1/-1;margin:0;font-size:11.5px;line-height:1.45}.of__refs{font-size:.86em}.of__refs li+li{margin-top:.35em}@container ofwin (width<=900px){.of__cmid{grid-template-rows:minmax(160px,1fr) auto;grid-template-columns:minmax(0,1fr)}.of__cstats{border-left:0;border-top:.5px solid var(--o-sep);max-height:180px}}.of__store{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.of__storehead{border-bottom:.5px solid var(--o-sep);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px 12px 20px;display:flex}.of__storehead>div{margin-right:auto;display:grid}.of__storehead b{font:700 17px var(--o-display)}.of__storehead span{color:var(--o-label-3);font-size:12px}.of__storesearch{width:min(320px,40cqw);height:30px;color:var(--o-label);background:var(--o-fill-3);border:0;border-radius:8px;padding:0 10px;font-size:13.5px}.of__storebody{grid-template-columns:200px minmax(0,1fr);min-height:0;display:grid}.of__storetags{border-right:.5px solid var(--o-sep);scrollbar-width:thin;background:#00000026;flex-direction:column;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.of__storetags button{text-align:left;color:var(--o-label-2);background:0 0;border:0;border-radius:7px;justify-content:space-between;gap:6px;padding:6px 10px;font-size:12.5px;display:flex}.of__storetags button i{font:500 11px var(--o-mono);color:var(--o-label-3);font-style:normal}.of__storetags button:hover{background:var(--o-fill-3)}.of__storetags button[aria-current=true]{color:#fff;background:var(--o-accent)}.of__storetags button[aria-current=true] i{color:#ffffffbf}.of__storemain{scrollbar-width:thin;padding:16px 20px 28px;overflow-y:auto}.of__storenote{max-width:80ch;color:var(--o-label-2);margin:0 0 14px;font-size:13px;line-height:1.5}.of__storegrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.of__storecard{text-align:left;transition:background .15s var(--o-ease), transform .15s var(--o-ease);background:#ffffff0a;border:0;border-radius:12px;grid-template-columns:32px minmax(0,1fr);gap:4px 10px;padding:12px;display:grid;box-shadow:inset 0 0 0 .5px #ffffff12}.of__storecard:hover{background:#ffffff12}.of__storecard:active{transform:scale(.99)}.of__storecard .of__itemi{grid-row:span 2}.of__storet{min-width:0;display:grid}.of__storet b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.of__storet span,.of__stored{color:var(--o-label-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.of__stored{grid-column:2}.of__storebadge{color:var(--o-label-2);background:var(--o-fill-3);border-radius:9px;grid-column:2;justify-self:start;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600}.of__storebadge.is-here{color:#fff;background:var(--o-accent)}.of__storebadge.is-inst{color:#000;background:var(--o-green)}.of__storetop{gap:14px;margin:10px 0 14px;display:flex}.of__storetop .of__itemi{border-radius:12px;width:52px;height:52px;font-size:13px}.of__storetop h2{font:700 24px var(--o-display);letter-spacing:-.015em;margin:0}.of__storetop p{color:var(--o-label-2);margin:3px 0 0;font-size:13px}.of__storelinks a{color:var(--o-teal)}.of__storeact{justify-items:start;gap:8px;margin-bottom:16px;display:grid}.of__storebuild{max-width:82ch;color:var(--o-label-2);background:#00000040;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5}.of__storebuild p{margin:0 0 8px}.of__storebuild pre{font:500 12px/1.5 var(--o-mono);color:var(--o-label);background:#00000059;border-radius:8px;margin:0 0 8px;padding:10px 12px;overflow-x:auto}.of__storemods h3{color:var(--o-label-2);margin:0 0 6px;font-size:13px}.of__storemod{text-align:left;border:0;border-bottom:.5px solid var(--o-sep);background:0 0;grid-template-columns:minmax(120px,.6fr) minmax(0,2fr);gap:2px 14px;width:100%;padding:8px 6px;display:grid}button.of__storemod:hover{background:var(--o-fill-3)}.of__storemod b{font-size:13px}.of__storemod span{color:var(--o-label-2);font-size:12.5px}.of__storemod i{color:var(--o-label-3);grid-column:2;font-size:11px;font-style:normal}.of__storemod.is-broken{opacity:.45}@container ofwin (width<=800px){.of__storebody{grid-template-columns:minmax(0,1fr)}.of__storetags{display:none}}.of__legend{margin-left:auto;font-size:12px!important}.of__legend i{margin-left:10px;font-style:normal;font-weight:600}.of__chords{background:#101012;grid-template-rows:auto minmax(0,1fr);display:grid}.of__chmid{grid-template-columns:minmax(0,1fr) clamp(250px,28cqw,360px);min-height:0;display:grid}.of__chlist{scrollbar-width:thin;padding:6px 10px 12px;overflow-y:auto}.of__chrow{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:2.4em minmax(0,1fr) 110px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:grid}.of__chrow:hover{background:var(--o-fill-3)}.of__chrow.is-on{background:#0a84ff29;box-shadow:inset 0 0 0 1px #0a84ff80}.of__chrow em{font:500 11px var(--o-mono);color:var(--o-label-3);text-align:right;font-style:normal}.of__chips{flex-wrap:wrap;gap:5px;display:flex}.of__chip{background:color-mix(in srgb, var(--c) 18%, transparent);min-width:58px;box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--c) 50%, transparent);transition:background .15s var(--o-ease), transform .15s var(--o-ease);border-radius:8px;padding:4px 8px;display:grid}.of__chip b{font:600 14px var(--o-display)}.of__chip i{color:var(--o-label-3);font-size:11px;font-style:normal}.of__chip.is-play{background:var(--c);transform:translateY(-1px)}.of__chip.is-play i{color:#ffffffd9}.of__chscore{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.of__chscore i{background:linear-gradient(90deg, var(--o-green) calc(var(--v) * 100%), var(--o-fill) 0);border-radius:3px;height:6px}.of__chscore small{font:500 10.5px var(--o-mono);color:var(--o-label-3)}.of__chscore small.is-new{color:var(--o-teal);font-weight:700}.of__chside{border-left:.5px solid var(--o-sep);background:var(--o-window);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px 14px;display:grid;overflow-y:auto}.of__chmap{aspect-ratio:1;border-radius:8px;width:100%;max-height:260px}.of__chdetail h4{font:600 14px var(--o-display);margin:0 0 6px}.of__chdetail table{border-collapse:collapse;width:100%;font-size:12px}.of__chdetail th{color:var(--o-label-3);text-align:left;font-weight:500}.of__chdetail td{font-family:var(--o-mono);padding:2px 0}.of__chdetail p{color:var(--o-label-2);margin:8px 0 0;font-size:12px}@container ofwin (width<=900px){.of__chmid{grid-template-columns:minmax(0,1fr)}.of__chside{display:none}}.of__tuner{background:radial-gradient(120% 90% at 20% 0,#ff375f1a,#0000 60%),#101012;grid-template-rows:auto minmax(0,1fr);display:grid}.of__tunerhead{border-bottom:.5px solid var(--o-sep);gap:10px;padding:12px 16px 10px;display:grid}.of__decades{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;display:grid}.of__decades button{height:34px;font:600 13px var(--o-display);font-variant-numeric:tabular-nums;color:var(--o-label-2);background:var(--o-fill-3);transition:background .15s var(--o-ease), color .15s;border:0;border-radius:7px;padding:0}.of__decades button:hover{color:var(--o-label);background:var(--o-fill-2)}.of__decades button[aria-checked=true]{color:#fff;background:#ff375f}.of__tunerrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.of__tunercountry{min-width:220px;height:30px;color:var(--o-label);background:var(--o-fill-3);border:0;border-radius:8px;padding:0 8px;font-size:13.5px}.of__tunercountry option{color:#000}.of__tunerbody{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0;display:grid}.of__tunercard{align-content:center;min-height:0;padding:18px 22px;display:grid;overflow-y:auto}.of__tuneridle{text-align:center;color:var(--o-label-3);justify-items:center;gap:6px;display:grid}.of__tuneridle span{font-size:34px}.of__tunernow{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;display:grid}.of__tunernow>img,.of__tunernow>span{object-fit:cover;text-align:center;background:#ffffff0f;border-radius:16px;width:76px;height:76px;font-size:46px;line-height:76px}.of__tunernow h3{font:700 22px var(--o-display);letter-spacing:-.015em;margin:2px 0 4px}.of__tunernow p{color:var(--o-label-2);margin:0 0 6px;font-size:13px}.of__tunernow a{color:var(--o-teal);font-size:13px}.of__tunereyebrow{letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:#ff6b85!important;font-size:11.5px!important}.of__tunerhow{background:#ff9f0a1f;border-radius:8px;padding:8px 10px}.of__tunerhow.is-in{background:#30d1581f}.of__tunermore{border-left:.5px solid var(--o-sep);scrollbar-width:thin;padding:8px 10px 14px;overflow-y:auto}.of__tunernote{color:var(--o-label-3);margin:4px 6px 8px;font-size:12.5px}.of__tuneritem{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:26px minmax(0,1fr);gap:0 8px;width:100%;padding:6px 8px;display:grid}.of__tuneritem:hover{background:var(--o-fill-3)}.of__tuneritem.is-on{background:#ff375f2e}.of__tuneritem span{grid-row:span 2;font-size:18px}.of__tuneritem b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.of__tuneritem i{color:var(--o-label-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.of__tunercredit{color:var(--o-label-3);font-size:12px}@container ofwin (width<=900px){.of__tunerbody{grid-template-columns:minmax(0,1fr)}.of__tunermore{border-left:0;border-top:.5px solid var(--o-sep)}.of__decades{grid-template-columns:repeat(7,minmax(0,1fr))}}