.modulartec{--mt-accent:#e6e800;--mt-bg:#0c0c0a;--mt-panel:#141412;--mt-panel-2:#1a1a17;--mt-line:#2c2c25;--mt-fg:#f2f2ea;--mt-dim:#8b8b7a;--mt-alert:#ff2b1e;--mt-ink:#0a0a08;--mt-font:"Archivo", "Helvetica Neue", Arial, sans-serif;--mt-font-black:"Archivo Black", "Arial Black", sans-serif;--mt-font-mono:"IBM Plex Mono", ui-monospace, monospace;z-index:1;max-width:1180px;color:var(--mt-fg);font-family:var(--mt-font);margin:0 auto;padding:10px 14px 30px;font-size:13px;position:relative}.modulartec *,.modulartec :before,.modulartec :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.modulartec ::selection{background:var(--mt-accent);color:#000}.modulartec h1,.modulartec h2,.modulartec h3,.modulartec .mt-tab,.modulartec .mt-padnum,.modulartec .mt-bigname{font-family:var(--mt-font-black);text-transform:uppercase}.mt-top{grid-template-columns:1fr auto auto;align-items:start;gap:12px;margin-bottom:10px;display:grid}.mt-brand h1{letter-spacing:-1px;font-size:clamp(34px,5.4vw,58px);line-height:.95}.mt-brand h1 sup{color:var(--mt-accent);font-size:.35em}.mt-bsub{letter-spacing:6px;margin-top:4px;font-size:12px;font-weight:700}.mt-bmeta{font-family:var(--mt-font-mono);color:var(--mt-dim);margin-top:6px;font-size:9.5px;line-height:1.5}.mt-ybox{background:var(--mt-accent);color:var(--mt-ink);align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex;position:relative;overflow:hidden}.mt-top .mt-ybox{align-self:start;max-width:250px}.mt-slogan{letter-spacing:.5px;max-width:150px;font-size:15px;line-height:1.15;font-family:var(--mt-font-black);text-transform:uppercase}.mt-ybox canvas{flex:none}.mt-mantras{writing-mode:vertical-rl;letter-spacing:3px;color:var(--mt-dim);border-left:1px solid var(--mt-line);justify-content:flex-start;gap:14px;max-height:120px;padding-left:10px;font-size:10px;display:flex;overflow:hidden}.mt-mantras b{color:var(--mt-accent)}.mt-tabs{border-top:2px solid var(--mt-fg);border-bottom:1px solid var(--mt-line);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;padding:8px 0;display:flex}.mt-tab{border:1px solid var(--mt-line);color:var(--mt-fg);letter-spacing:2px;cursor:pointer;font-size:11px;font-family:var(--mt-font-black);background:0 0;padding:7px 16px}.mt-tab:hover{border-color:var(--mt-accent);color:var(--mt-accent)}.mt-tab.is-on{background:var(--mt-accent);color:#000;border-color:var(--mt-accent)}.mt-sp{flex:1}.mt-bpm{font-family:var(--mt-font-mono);color:var(--mt-dim);letter-spacing:1px;font-size:11px}.mt-bpm b{color:var(--mt-fg);font-size:14px}.mt-audiodot{font-family:var(--mt-font-mono);color:var(--mt-dim);align-items:center;gap:6px;font-size:10px;display:flex}.mt-audiodot i{background:#555;border-radius:50%;width:10px;height:10px;display:block}.mt-audiodot.is-live i{background:var(--mt-accent);box-shadow:0 0 8px var(--mt-accent)}.mt-panic{background:var(--mt-alert);color:#000;cursor:pointer;letter-spacing:1px;border:none;padding:7px 12px;font-size:11px;font-weight:700}.mt-padstrip{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px;display:grid}@media (max-width:900px){.mt-padstrip{grid-template-columns:repeat(4,1fr)}}.mt-pcard{border:1px solid var(--mt-line);background:var(--mt-panel);cursor:pointer;transition:transform .12s;position:relative}.mt-pcard:hover{border-color:var(--mt-dim);transform:translateY(-2px)}.mt-pcard canvas{filter:grayscale()contrast(1.2);background:#000;width:100%;height:64px;display:block}.mt-prow{align-items:center;gap:5px;padding:4px 6px;display:flex}.mt-padnum{font-size:13px}.mt-pname{letter-spacing:1px;color:var(--mt-dim);font-size:9px}.mt-pp{border:1px solid var(--mt-line);width:20px;height:20px;color:var(--mt-fg);cursor:pointer;background:#000a;place-items:center;font-size:8px;display:grid;position:absolute;bottom:24px;right:3px}.mt-pcard.is-playing .mt-pp{background:var(--mt-accent);color:#000;border-color:var(--mt-accent)}.mt-pcard.is-sel{background:var(--mt-accent);border-color:var(--mt-accent)}.mt-pcard.is-sel .mt-padnum,.mt-pcard.is-sel .mt-pname{color:#000}.mt-pcard.is-sel canvas{filter:none;background:var(--mt-accent)}.mt-drop{color:#000;letter-spacing:1px;background:#e6e800d9;place-items:center;font-size:9px;font-weight:700;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.mt-pcard.is-over .mt-drop{display:grid}.mt-samprow{flex-wrap:wrap;align-items:baseline;gap:16px;margin:4px 0 8px;display:flex}.mt-bigname{color:var(--mt-accent);letter-spacing:-.5px;font-size:clamp(24px,3.6vw,38px)}.mt-sampinfo{font-family:var(--mt-font-mono);color:var(--mt-dim);flex-wrap:wrap;gap:14px;font-size:10px;display:flex}.mt-sampinfo b{color:var(--mt-fg)}.mt-btn{background:var(--mt-panel-2);border:1px solid var(--mt-line);color:var(--mt-fg);cursor:pointer;letter-spacing:2px;font-size:10px;font-family:var(--mt-font-black);text-transform:uppercase;padding:7px 14px}.mt-btn:hover{border-color:var(--mt-accent);color:var(--mt-accent)}.mt-wavezone{border:1px solid var(--mt-line);grid-template-columns:1fr 130px;margin-bottom:10px;display:grid}.mt-wavezone canvas{cursor:crosshair;background:#080807;width:100%;height:190px;display:block}.mt-looppanel{border-left:1px solid var(--mt-line);background:var(--mt-panel);font-family:var(--mt-font-mono);padding:10px;font-size:10px}.mt-looppanel h3{letter-spacing:2px;color:var(--mt-accent);margin-bottom:10px;font-size:10px}.mt-lr{color:var(--mt-dim);justify-content:space-between;margin:7px 0;display:flex}.mt-lr b{color:var(--mt-fg)}.mt-toggle{border:1px solid var(--mt-line);cursor:pointer;vertical-align:middle;background:#000;width:34px;height:16px;display:inline-block;position:relative}.mt-toggle i{background:var(--mt-dim);width:10px;height:10px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.mt-toggle.is-on i{background:var(--mt-accent);left:20px}.mt-matrix{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px;display:grid}@media (max-width:1000px){.mt-matrix{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.mt-matrix{grid-template-columns:repeat(2,1fr)}}.mt-mgroup{border:1px solid var(--mt-line);background:var(--mt-panel);padding:8px}.mt-mgroup>h3{letter-spacing:2px;color:var(--mt-accent);border-bottom:1px solid var(--mt-line);margin-bottom:10px;padding-bottom:6px;font-size:10px}.mt-kgrid{grid-template-columns:1fr 1fr;justify-items:center;gap:10px 6px;display:grid}.mt-kgrid.is-single{grid-template-columns:1fr}.mt-kwrap{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.mt-klabel{letter-spacing:1.5px;color:var(--mt-dim);text-transform:uppercase;font-size:8.5px}.mt-kval{font-family:var(--mt-font-mono);color:var(--mt-fg);font-size:10.5px}.mt-knob{--p:50;cursor:ns-resize;touch-action:none;background:conic-gradient(var(--mt-accent) calc(var(--p) * 1%), #26261f 0);border-radius:50%;width:52px;height:52px;position:relative}.mt-knob:before{content:"";border:1px solid var(--mt-line);background:#101010;border-radius:50%;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.mt-needle{background:var(--mt-fg);transform-origin:50% 100%;width:2px;height:19px;transform:translate(-50%, -100%) rotate(calc(-135deg + var(--p) * 2.7deg));position:absolute;top:50%;left:50%}.mt-knob:hover{box-shadow:0 0 10px #e6e80055}.mt-krow{justify-content:space-between;align-items:center;width:100%;margin-top:6px;display:flex}.mt-radioline{letter-spacing:1px;color:var(--mt-dim);cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-size:9px;display:flex}.mt-radioline i{border:1px solid var(--mt-dim);border-radius:50%;width:11px;height:11px;display:block}.mt-radioline.is-on{color:var(--mt-accent)}.mt-radioline.is-on i{background:var(--mt-accent);border-color:var(--mt-accent);box-shadow:0 0 6px var(--mt-accent)}.mt-xhair{--x:.5;--y:.6;background:var(--mt-ink);border:1px solid var(--mt-line);cursor:crosshair;touch-action:none;width:100%;height:52px;position:relative}.mt-xhair:before,.mt-xhair:after{content:"";background:var(--mt-line);position:absolute}.mt-xhair:before{width:1px;top:0;bottom:0;left:50%}.mt-xhair:after{height:1px;top:50%;left:0;right:0}.mt-dot{background:var(--mt-accent);width:9px;height:9px;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);box-shadow:0 0 8px var(--mt-accent);position:absolute;transform:translate(-50%,-50%)}.mt-bottom{grid-template-columns:1.4fr 1fr 1fr;gap:6px;margin-bottom:12px;display:grid}@media (max-width:900px){.mt-bottom{grid-template-columns:1fr}}.mt-bpanel{border:1px solid var(--mt-line);background:var(--mt-panel);padding:10px}.mt-bpanel>h3{letter-spacing:2px;color:var(--mt-accent);margin-bottom:10px;font-size:10px}.mt-busrow{flex-wrap:wrap;justify-content:space-around;align-items:flex-end;gap:14px;display:flex}.mt-busrow .mt-kwrap{width:auto}.mt-vumeters{align-items:flex-end;gap:5px;height:88px;display:flex}.mt-vum{background:var(--mt-ink);border:1px solid var(--mt-line);width:12px;height:100%;position:relative;overflow:hidden}.mt-vum i{background:linear-gradient(0deg, var(--mt-accent) 75%, var(--mt-alert) 90%);height:0%;position:absolute;bottom:0;left:0;right:0}.mt-recbtn{border:2px solid var(--mt-line);background:var(--mt-panel-2);cursor:pointer;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto;display:grid}.mt-recbtn i{background:var(--mt-alert);border-radius:50%;width:26px;height:26px;display:block}.mt-recbtn.is-on{animation:1s infinite mt-blink}.mt-recbtn:disabled{opacity:.4;cursor:not-allowed}@keyframes mt-blink{50%{box-shadow:0 0 20px var(--mt-alert)}}.mt-rectime{font-family:var(--mt-font-mono);text-align:center;letter-spacing:2px;margin:8px 0 2px;font-size:24px}.mt-recstate{font-family:var(--mt-font-mono);color:var(--mt-dim);text-align:center;margin-bottom:8px;font-size:10px}.mt-recstate.is-rec{color:var(--mt-alert)}.modulartec select{background:var(--mt-panel-2);color:var(--mt-fg);border:1px solid var(--mt-line);font-family:var(--mt-font-mono);width:100%;padding:5px 8px;font-size:10px}.mt-listen{align-items:center;gap:10px;display:flex}.mt-lt{font-family:var(--mt-font-black);text-transform:uppercase;max-width:120px;font-size:17px;line-height:1.25}.mt-planet-cap{font-family:var(--mt-font-mono);letter-spacing:1px;max-width:130px;margin-top:8px;font-size:9px}.mt-footer{border-top:1px solid var(--mt-line);font-family:var(--mt-font-mono);color:var(--mt-dim);align-items:center;gap:14px;padding-top:10px;font-size:10px;display:flex}.mt-fb{gap:8px;display:flex}.mt-fb i{border:1px solid var(--mt-dim);width:16px;height:16px;display:inline-block;transform:rotate(45deg)}.mt-fb i:nth-child(2){border-radius:50%;transform:none}.mt-fb i:nth-child(3){background:var(--mt-accent);border-color:var(--mt-accent);transform:none}.mt-footer canvas{width:170px;height:30px;margin-left:auto}.mt-tzr{text-align:center;letter-spacing:2px}.mt-tzr b{color:var(--mt-fg)}.mt-view{display:none}.mt-view.is-on{display:block}.mt-seqgrid{font-family:var(--mt-font-mono);grid-template-columns:70px repeat(16,1fr);gap:3px;font-size:9px;display:grid}.mt-seqrow-name{color:var(--mt-dim);letter-spacing:1px;align-items:center;display:flex}.mt-seqcell{aspect-ratio:1;background:var(--mt-panel-2);border:1px solid var(--mt-line)}.mt-seqcell.is-lit{background:var(--mt-accent);border-color:var(--mt-accent)}.mt-seqcell.is-plock{border-color:var(--mt-accent);background:#3a3a10}.mt-wipnote{border:1px dashed var(--mt-accent);color:var(--mt-accent);font-family:var(--mt-font-mono);letter-spacing:1px;margin:12px 0;padding:10px 14px;font-size:10.5px;display:inline-block}.mt-hint{font-family:var(--mt-font-mono);color:var(--mt-dim);margin-top:12px;font-size:9.5px;line-height:1.7}.mt-settings{max-width:520px}.mt-setrow{border-bottom:1px solid var(--mt-line);font-family:var(--mt-font-mono);color:var(--mt-dim);justify-content:space-between;padding:9px 2px;font-size:11px;display:flex}.mt-setrow b{color:var(--mt-fg)}.mt-toast{background:var(--mt-accent);color:#000;font-family:var(--mt-font-mono);opacity:0;z-index:60;pointer-events:none;text-align:center;max-width:90vw;padding:9px 20px;font-size:12px;font-weight:600;transition:all .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(16px)}.mt-toast.is-on{opacity:1;transform:translate(-50%)}.mt-library{border-top:1px solid var(--mt-line);border-bottom:1px solid var(--mt-line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:7px 0;display:flex}.mt-lib-label{font-family:var(--mt-font-black);letter-spacing:2px;color:var(--mt-accent);font-size:10px}.mt-lib-chips{flex-wrap:wrap;gap:4px;display:flex}.mt-lib-chip{background:var(--mt-panel-2);border:1px solid var(--mt-line);width:26px;height:26px;color:var(--mt-dim);font-family:var(--mt-font-mono);cursor:pointer;padding:0;font-size:11px}.mt-lib-chip:hover{border-color:var(--mt-accent);color:var(--mt-accent)}.mt-lib-chip.is-on{background:var(--mt-accent);border-color:var(--mt-accent);color:#000;font-weight:600}.mt-lib-chip.is-loading{border-color:var(--mt-accent);color:var(--mt-accent);animation:.6s infinite mt-pulse}@keyframes mt-pulse{50%{background:var(--mt-accent);color:#000}}.mt-lib-empty{font-family:var(--mt-font-mono);color:var(--mt-dim);font-size:10px}.mt-lib-count{font-family:var(--mt-font-mono);color:var(--mt-dim);letter-spacing:1px;font-size:9.5px}.modulartec select.mt-lib-all{width:auto;min-width:190px;max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#f2f2ea;background:#0c0c0a;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:13px;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 3px 4px);position:fixed;top:0;bottom:0;left:0;right:0}::selection{color:#000;background:#e6e800}#intro{z-index:50;background:#0c0c0a;place-items:center;transition:opacity .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#intro.is-hidden{opacity:0;pointer-events:none}#intro .box{text-align:center;max-width:660px;padding:24px}#intro h1{text-transform:uppercase;letter-spacing:-2px;font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(44px,9vw,88px);line-height:.9}#intro h1 sup{color:#e6e800;font-size:.3em}#intro .sub{letter-spacing:8px;color:#e6e800;margin:10px 0 4px;font-size:14px;font-weight:700}#intro .tz{color:#8b8b7a;letter-spacing:3px;margin-bottom:22px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}#intro p{color:#8b8b7a;margin-bottom:26px;font-size:12.5px;line-height:1.7}#intro p b{color:#f2f2ea}#intro .hint{color:#8b8b7a;margin-top:20px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9.5px;line-height:1.7}#power{color:#000;letter-spacing:3px;cursor:pointer;background:#e6e800;border:none;padding:16px 52px;font-family:Archivo Black,Arial Black,sans-serif;font-size:16px}#power:hover{box-shadow:0 0 30px #e6e80088}#power:disabled{cursor:wait;opacity:.75}