:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--coolvetica:"Coolvetica CondLight", "Arial Narrow", Arial, sans-serif;--pointer-x:50vw;--pointer-y:35vh;--bg:#090908;--bg-2:#0d0c0b;--surface:#11100e;--surface-2:#171512;--surface-3:#1d1a16;--panel:#13110f;--panel-alt:#1b1814;--ink:#f1ebdf;--ink-soft:#b8afa3;--muted:#81786e;--muted-2:#5f5851;--cream:#eee7da;--red:red;--red-dark:#7e0000;--red-soft:#ff00001f;--line:#f1ebdf29;--line-strong:#f1ebdf6b;--hairline:#f1ebdf14;--shadow:7px 7px 0 #0000009e;--shadow-soft:0 24px 80px #00000047;--key-white:#e9e2d6;--key-white-active:#d5aaa3;--key-black:#11100f;--key-black-active:#5a2723;--photo-frame:#d8d0c3;--photo-caption:#27221d;--grid:#f1ebdf0e;--noise-blend:screen;--theme-icon:#f1ebdf;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#d7cebe;--bg-2:#ded5c5;--surface:#eee6d8;--surface-2:#e5dbca;--surface-3:#d8cdb9;--panel:#f1e9dc;--panel-alt:#e2d7c5;--ink:#17120f;--ink-soft:#4f473f;--muted:#6f655b;--muted-2:#8d8276;--cream:#faf4e9;--red:red;--red-dark:#860000;--red-soft:#cf20171a;--line:#17120f3d;--line-strong:#17120f9e;--hairline:#17120f1a;--shadow:6px 6px 0 #17120fb8;--shadow-soft:0 24px 80px #3226191f;--key-white:#f4ede1;--key-white-active:#e1b6ae;--key-black:#191613;--key-black-active:#6d302a;--photo-frame:#f2eadc;--photo-caption:#342c25;--grid:#17120f14;--noise-blend:multiply;--theme-icon:#17120f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 14% 0%, #ff00000e, transparent 28%), radial-gradient(circle at 82% 8%, #ffffff06, transparent 25%), linear-gradient(180deg, var(--bg-2), var(--bg));margin:0;transition:background-color .5s,color .5s}button,select,input{font:inherit}button{color:inherit}button,.drop-zone,select{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--red);outline-offset:3px}select:focus-visible{outline:2px solid var(--red);outline-offset:3px}.drop-zone:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:#fff7ec}img{max-width:100%}::view-transition-old(root){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.72,.2,1)}::view-transition-new(root){animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.72,.2,1)}::view-transition-old(root){animation-name:theme-old}::view-transition-new(root){animation-name:theme-new}.app-shell{isolation:isolate;min-height:100vh;position:relative}.ambient-layer{z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient-glow{width:520px;height:520px;left:calc(var(--pointer-x) - 260px);top:calc(var(--pointer-y) - 260px);filter:blur(16px);opacity:.58;background:radial-gradient(circle,#ff000014,#0000 66%);border-radius:50%;transition:opacity .4s;position:absolute}html[data-theme=light] .ambient-glow{opacity:.16}.paper-noise{opacity:.105;mix-blend-mode:var(--noise-blend);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");animation:9s steps(8,end) infinite grain-shift;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}.scanlines{opacity:.17;background:repeating-linear-gradient(#0000 0 4px,#ffffff06 5px);position:absolute;top:0;bottom:0;left:0;right:0}.signal-sweep{opacity:.24;background:linear-gradient(90deg,#0000,#ff000057,#0000);height:1px;animation:13s linear infinite signal-sweep;position:absolute;top:-2%;left:0;right:0}.corner-code{color:var(--muted-2);letter-spacing:.16em;transform-origin:100% 100%;opacity:.5;font-size:8px;position:absolute;bottom:11px;right:13px;transform:rotate(-90deg)}.utility-strip{border-bottom:1px solid var(--line-strong);color:#a79e92;letter-spacing:.1em;text-transform:lowercase;background:#080807;justify-content:space-between;align-items:center;gap:18px;min-height:25px;padding:0 max(20px,50vw - 610px);font-size:8px;display:flex}.utility-status{align-items:center;gap:8px;display:inline-flex}.utility-status i{background:var(--red);border-radius:50%;width:5px;height:5px;animation:2.6s steps(2,end) infinite status-blink;display:inline-block;box-shadow:0 0 9px #ff0000b8}.nav-shell{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:stretch;width:min(1220px,100% - 40px);min-height:70px;margin:24px auto 0;transition:background-color .45s,border-color .45s,box-shadow .45s;display:flex;box-shadow:4px 4px #0000005c}.brand,.nav-shell nav button,.theme-switch{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.brand{font-family:var(--coolvetica);letter-spacing:-.015em;text-transform:lowercase;align-items:center;gap:14px;padding:0 18px;font-size:22px;display:flex}.brand-mark{background:var(--red);color:#fff;width:31px;height:31px;font-family:var(--coolvetica);border:1px solid #fff3;place-items:center;font-size:18px;line-height:1;transition:transform .22s,background-color .45s;display:grid;transform:rotate(-2deg);box-shadow:2px 2px #00000059}.nav-right{align-items:stretch;display:flex}.nav-shell nav{border-left:1px solid var(--line);align-items:center;gap:10px;padding:0 16px;font-size:10px;display:flex}.nav-shell nav>span{opacity:.28}.nav-shell nav button{text-transform:lowercase;padding:8px 6px 6px;position:relative}.nav-shell nav button:before{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:1px;left:5px;right:5px;transform:scaleX(0)}.nav-shell nav button:hover:before,.nav-shell nav button.nav-active:before{transform:scaleX(1)}.theme-switch{width:86px;color:var(--muted);text-transform:lowercase;letter-spacing:.08em;grid-template-columns:28px 1fr;place-items:center;font-size:8px;transition:color .18s,background-color .18s;display:grid;position:relative;overflow:hidden;border-left:1px solid var(--line)!important}.theme-switch:after{content:"";background:linear-gradient(90deg, transparent, var(--red-soft), transparent);transition:transform .35s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-110%)}.theme-switch:hover{color:var(--ink);background:var(--red-soft)}.theme-switch:hover:after{transform:translate(110%)}.theme-switch-icon{width:20px;height:20px;color:var(--theme-icon);place-items:center;font-size:16px;line-height:1;transition:transform .5s cubic-bezier(.2,.8,.2,1),color .45s;display:grid}.theme-switch:hover .theme-switch-icon{transform:rotate(180deg)}.theme-switch-label{z-index:1;position:relative}main{width:min(1220px,100% - 40px);min-height:calc(100vh - 165px);margin:0 auto}.page-enter{animation:.52s cubic-bezier(.18,.75,.2,1) both page-pop}.home-page{padding:42px 0 84px}.home-hero{border:1px solid var(--line);min-height:540px;box-shadow:var(--shadow-soft);background:linear-gradient(120deg,#ffffff05,#0000 45%);grid-template-columns:.88fr 1.12fr;display:grid;overflow:hidden}.hero-copy{flex-direction:column;align-items:flex-start;padding:54px 38px 46px 26px;display:flex;position:relative;overflow:hidden}.hero-copy:after{content:"PTBX";font-family:var(--coolvetica);color:var(--ink);opacity:.018;letter-spacing:-.04em;pointer-events:none;font-size:clamp(120px,15vw,220px);line-height:1;position:absolute;bottom:-58px;right:-17px}.hero-kicker{letter-spacing:.12em;color:var(--muted);align-items:center;gap:9px;font-size:9px;display:flex}.hero-kicker i{background:var(--red);transform-origin:0;width:54px;height:1px;animation:3.8s ease-in-out infinite line-breathe;display:inline-block}.hero-copy h1{font-family:var(--coolvetica);letter-spacing:-.047em;text-transform:lowercase;text-wrap:balance;margin:50px 0 0;font-size:clamp(76px,10vw,146px);font-weight:400;line-height:.715}.hero-copy p{color:var(--ink-soft);margin:36px 0 0 7px;font-size:11px}.hero-readout{border-top:1px solid var(--line);width:100%;color:var(--muted);letter-spacing:.08em;text-transform:lowercase;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:auto;font-size:8px;display:grid}.hero-readout span{border-right:1px solid var(--line);margin-right:14px;padding:11px 14px 0 0}.hero-readout span:last-child{border-right:0}.scrapbook{border-left:1px solid var(--line-strong);background:radial-gradient(circle at 70% 14%, #ff00001a, transparent 31%), linear-gradient(155deg, color-mix(in srgb, var(--surface-3) 82%, #000 18%), var(--surface));min-height:540px;position:relative;overflow:hidden}.scrapbook-grid{opacity:.68;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 82%);mask-image:linear-gradient(to bottom right,#000,#0000 82%)}.image-index{z-index:6;color:var(--muted);letter-spacing:.13em;font-size:7px;position:absolute;top:13px;right:16px}.scrap-photo{background:var(--photo-frame);will-change:transform;border:1px solid #000000b3;margin:0;padding:7px 7px 23px;transition:transform .34s cubic-bezier(.18,.78,.18,1),filter .34s,box-shadow .34s;position:absolute;box-shadow:7px 10px 22px #00000059,3px 4px #00000075}.scrap-photo:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000 52%,#ffffff21 58%,#0000 65%);transition:opacity .28s;position:absolute;top:7px;bottom:23px;left:7px;right:7px}.scrap-photo:hover{z-index:10;filter:brightness(1.04);box-shadow:12px 14px 30px #00000073,4px 5px #0000008c}.scrap-photo:hover:after{opacity:1}.scrap-photo img{object-fit:cover;filter:saturate(.7)contrast(1.08)sepia(.08)brightness(.83);width:100%;height:100%;transition:filter .4s;display:block}html[data-theme=light] .scrap-photo img{filter:saturate(.62)contrast(1.05)sepia(.12)brightness(.9)}.scrap-photo figcaption{color:var(--photo-caption);letter-spacing:.04em;font-size:7px;position:absolute;bottom:6px;left:8px}.photo-console:hover{transform:rotate(-.5deg)translateY(-6px)scale(1.012)}.photo-tape:hover{transform:rotate(1deg)translateY(-6px)scale(1.015)}.photo-piano:hover{transform:rotate(0)translateY(-5px)scale(1.015)}.sticker{z-index:5;text-align:center;font-family:var(--coolvetica);border:1px solid #000000b8;place-items:center;display:grid;position:absolute;box-shadow:3px 3px #00000085}.sticker-count{background:var(--red);color:#fff7ec;width:76px;height:76px;font-size:29px;line-height:.7;top:9%;right:7%;transform:rotate(4deg)}.sticker-count small{letter-spacing:.12em;font:7px Courier New,monospace}.archive-plate{z-index:7;color:#aaa094;letter-spacing:.11em;background:#0a0908;border:1px solid #fff3;padding:9px 12px 8px;font-size:7px;position:absolute;bottom:10%;left:4%;transform:rotate(-3deg);box-shadow:3px 3px #00000073}.archive-plate small{color:var(--red);font-size:7px}.tape-strip{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#d3c4a45e;border:1px solid #ffffff14;width:96px;height:15px;position:absolute}.tape-one{top:31%;right:30%;transform:rotate(-14deg)}.marquee-shell{border:1px solid var(--line-strong);background:var(--red);color:#fff7ec;border-top:0;align-items:center;height:33px;display:flex;overflow:hidden}.marquee-track{white-space:nowrap;letter-spacing:.09em;text-transform:lowercase;align-items:center;gap:22px;width:max-content;font-size:8px;animation:30s linear infinite marquee;display:flex}.marquee-track b{font-size:9px;font-weight:400}.retro-window{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--panel) 96%, transparent);box-shadow:var(--shadow);transition:background-color .45s,border-color .45s,box-shadow .45s}.window-bar{border-bottom:1px solid var(--line-strong);color:#9b9286;letter-spacing:.065em;background:#080807;justify-content:space-between;align-items:center;min-height:29px;padding:0 10px;font-size:8px;display:flex}.window-dots{letter-spacing:.14em;opacity:.7;color:var(--red)}.tool-browser{margin-top:50px;overflow:hidden}.tool-browser-head{border-bottom:1px solid var(--line-strong);background:var(--surface-3);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:70px minmax(250px,1.25fr) 1fr 44px;padding:11px 12px 9px;font-size:7px;display:grid}.tool-index{display:block}.tool-row{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:70px minmax(250px,1.25fr) 1fr 44px;align-items:center;width:100%;min-height:100px;padding:0 12px;transition:background .18s,color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.tool-row:before{content:"";background:linear-gradient(90deg,#ff00001c,#0000 35%);transition:transform .34s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-105%)}.tool-row:after{content:"";background:var(--red);transform-origin:50%;width:2px;transition:transform .24s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.tool-row:last-child{border-bottom:0}.tool-row:hover{color:#f4eee3;background:#0c0b0a;transform:translate(2px)}.tool-row:hover:before{transform:translate(0)}.tool-row:hover:after{transform:scaleY(1)}.tool-number{z-index:1;color:var(--red);letter-spacing:.12em;font-size:8px;position:relative}.tool-name{z-index:1;font-family:var(--coolvetica);letter-spacing:-.024em;text-transform:lowercase;align-items:center;gap:10px;font-size:clamp(28px,3.2vw,44px);display:flex;position:relative}.tool-name i{border:1px solid;width:8px;height:8px;transition:transform .2s,background .2s;display:inline-block}.tool-row:hover .tool-name i{background:var(--red);border-color:var(--red);transform:rotate(45deg)}.tool-subtitle{z-index:1;color:var(--muted);font-size:9px;position:relative}.tool-row:hover .tool-subtitle{color:#aaa095}.tool-arrow{z-index:1;color:var(--red);justify-self:center;font-size:18px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:relative}.tool-row:hover .tool-arrow{transform:translate(4px,-4px)}.browser-bottom{border-top:1px solid var(--line-strong);background:var(--surface-3);min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 10px;font-size:7px;display:flex}.browser-bottom span:first-child{align-items:center;gap:7px;display:inline-flex}.status-led{background:var(--red);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #ff00008c}.tool-page{padding:34px 0 92px}.tool-page-topline{color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 18px;font-size:8px;display:flex}.back-link,.text-action{color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline;text-decoration-thickness:1px}.back-link:hover,.text-action:hover{color:var(--red)}.tool-window{overflow:hidden}.tool-heading{border-bottom:1px solid var(--line-strong);background:linear-gradient(90deg, transparent 49.85%, var(--hairline) 50%, transparent 50.15%), var(--surface-2);grid-template-columns:70px 1fr auto;align-items:center;gap:0;min-height:174px;padding:22px 26px 22px 20px;display:grid}.tool-heading .tool-number{align-self:start;margin-top:11px}.tool-heading h1{font-family:var(--coolvetica);letter-spacing:-.035em;text-transform:lowercase;margin:0;font-size:clamp(56px,8vw,105px);font-weight:400;line-height:.8}.tool-heading p{color:var(--muted);margin:16px 0 0 4px;font-size:9px}.tool-stamp{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);align-self:end;padding:7px 9px;font-size:7px;transform:rotate(-1deg);box-shadow:2px 2px #00000038}.tool-body{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 95%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));min-height:430px;padding:42px 46px 48px 90px}.narrow-tool{max-width:none}.control-grid{gap:24px;max-width:720px;display:grid}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label>span{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:7px;font-weight:700;display:block}select{-webkit-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--surface-2);width:100%;color:var(--ink);font-family:var(--coolvetica);background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:0;outline:none;padding:13px 39px 11px 13px;font-size:24px;line-height:1;transition:box-shadow .14s,transform .14s,background-color .45s,color .45s;box-shadow:3px 3px #00000038}select:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #00000057}select option{color:var(--ink);background:var(--surface-2)}.theory-result{justify-content:space-between;align-items:end;gap:24px;margin-top:58px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.13em;font-size:7px;display:inline-block}.theory-result h2{font-family:var(--coolvetica);letter-spacing:-.03em;text-transform:lowercase;margin:9px 0 0;font-size:clamp(48px,6.7vw,86px);font-weight:400;line-height:.9}.text-action{border:1px solid var(--line-strong);background:var(--surface-2);padding:8px 10px;text-decoration:none;transition:transform .14s,box-shadow .14s,color .14s,border-color .14s;box-shadow:2px 2px #00000040}.text-action:hover{border-color:var(--red);transform:translate(-1px,-1px)}.text-action:active{box-shadow:none;transform:translate(2px,2px)}.note-string{background:var(--red);color:#fff8ee;letter-spacing:.02em;border:1px solid #ffffff24;margin:22px 0 28px;padding:9px 11px 8px;font:700 clamp(12px,1.8vw,17px)/1.25 Courier New,monospace;display:inline-block;box-shadow:3px 3px #0000005c}.microcopy,.practical{color:var(--muted);margin:13px 0 0;font-size:8px}.piano-module{color:#a9a095;background:#0b0a09;border:1px solid #ffffff21;width:min(860px,100%);margin-top:2px;overflow:hidden;box-shadow:7px 8px #0000005c,inset 0 1px #ffffff09}.piano-module-top,.piano-module-bottom{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#171512,#0c0b0a);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;min-height:31px;padding:0 12px;font-size:7px;display:flex}.piano-module-bottom{color:#746d65;border-top:1px solid #ffffff1a;border-bottom:0}.piano-module-bottom b{color:var(--red);font-weight:400}.piano-status{align-items:center;gap:7px;display:inline-flex}.piano-status i{background:var(--red);border-radius:50%;width:5px;height:5px;animation:2.1s steps(2,end) infinite status-blink;box-shadow:0 0 8px #ff0000b3}.piano-bezel{background:linear-gradient(#ffffff05,#0000 32%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 4px),#11100e;padding:24px 27px 22px;position:relative}.bezel-screw{background:#181613;border:1px solid #4a4540;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 1px 1px #ffffff14}.bezel-screw:after{content:"";background:#5c554e;width:4px;height:1px;position:absolute;top:2px;left:1px;transform:rotate(-28deg)}.screw-a{top:8px;left:9px}.screw-b{top:8px;right:9px}.piano{background:#050505;border:1px solid #fff3;min-width:620px;height:210px;display:flex;position:relative;box-shadow:inset 0 -8px 18px #0000008c,0 4px #050505}.white-key{background:linear-gradient(90deg, #d9d2c8, var(--key-white) 18%, var(--key-white) 82%, #cfc8bd);color:#4d4640;transform-origin:top;border-right:1px solid #171411;flex:1;transition:background .22s,transform .18s,box-shadow .22s;position:relative}.white-key:last-of-type{border-right:0}.white-key:before{content:"";opacity:.42;background:linear-gradient(#ffffff73,#0000);height:16%;position:absolute;top:0;bottom:auto;left:6%;right:6%}.white-key span{font-size:7px;font-weight:700;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.white-key i{background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.white-key.active{background:linear-gradient(90deg, #a97f79, var(--key-white-active) 18%, var(--key-white-active) 82%, #a97f79);animation:key-in .34s calc(var(--key-order) * 28ms) cubic-bezier(.2,.8,.2,1) both}.white-key.active i{background:#6c1d18;box-shadow:0 0 7px #f006}.white-key.root{background:linear-gradient(90deg, #a81611, var(--red) 18%, var(--red) 82%, #a81611);color:#fff7ee;box-shadow:inset 0 -12px 20px #3c000040,0 0 20px #ff000021}.white-key.root i{background:#fff3e8;box-shadow:0 0 10px #fff3e8}.black-key{z-index:2;color:#665f58;transform-origin:top;background:linear-gradient(90deg,#060606,#171512 20%,#0f0e0d 78%,#030303);border:1px solid #000;width:8.7%;height:61%;transition:background .22s,height .22s,box-shadow .22s;position:absolute;top:0;transform:translate(-50%);box-shadow:0 5px 6px #0000008c,inset 0 1px #ffffff12}.black-key:before{content:"";background:linear-gradient(#ffffff14,#0000);height:34%;position:absolute;top:0;bottom:auto;left:12%;right:12%}.black-key span{font-size:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.black-key i{background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.black-key.active{background:linear-gradient(90deg, #2b0f0d, var(--key-black-active), #2b0f0d);color:#ddd4c8;animation:black-key-in .34s calc(var(--key-order) * 25ms) cubic-bezier(.2,.8,.2,1) both}.black-key.active i{background:var(--red);box-shadow:0 0 8px #ff0000b3}.black-key.root{background:linear-gradient(90deg, #7e0e0a, var(--red), #8e0f0a);color:#fff;height:64%;box-shadow:0 6px 8px #0000008c,0 0 18px #ff00002e}.black-key.root i{background:#fff3e8;box-shadow:0 0 8px #fff3e8}.transpose-controls{grid-template-columns:minmax(0,300px) 56px minmax(0,300px);align-items:end;max-width:760px;display:grid}.swap{border:1px solid var(--line-strong);background:var(--red);color:#fff;cursor:pointer;height:48px;font-size:19px;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:2px 2px #00000059}.swap:hover{filter:brightness(1.06);transform:rotate(-4deg)translateY(-1px);box-shadow:4px 4px #00000073}.swap:active{box-shadow:none;transform:translate(2px,2px)}.big-number{flex-direction:column;margin-top:64px;animation:.28s steps(5,end) both number-snap;display:inline-flex}.big-number strong{color:var(--red);font-family:var(--coolvetica);letter-spacing:-.055em;text-shadow:4px 4px #0000002e;font-size:clamp(108px,18vw,210px);font-weight:400;line-height:.68}.big-number span{letter-spacing:.16em;color:var(--muted);margin-top:24px;font-size:7px}.alternate{color:var(--muted);margin-top:16px;font-size:9px}.alternate b{color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);padding:2px 5px}.drop-zone{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 43%, #f001, transparent 25%), repeating-linear-gradient(0deg, transparent 0 18px, var(--hairline) 18px 19px), var(--surface-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:365px;transition:transform .18s,box-shadow .18s,background .3s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #00000045}.drop-zone:before{content:"";border:1px dashed var(--line-strong);pointer-events:none;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.drop-zone:after{content:"AUDIO DROP AREA";color:var(--muted-2);letter-spacing:.17em;font-size:6px;position:absolute;top:50%;left:-25px;transform:rotate(-90deg)translateY(-50%)}.drop-zone:hover,.drop-zone.dragging{border-color:var(--red);transform:translate(-2px,-2px);box-shadow:9px 9px #00000061}.drop-zone.dragging:before{border-color:var(--red);animation:1s ease-in-out infinite dash-breathe}.drop-mark{background:var(--red);color:#fff;width:50px;height:50px;font-family:var(--coolvetica);border:1px solid #ffffff2e;border-radius:50%;place-items:center;margin-bottom:18px;font-size:28px;transition:transform .22s,box-shadow .22s;display:grid;box-shadow:0 0 0 5px #ff000014,2px 2px #0006}.drop-zone:hover .drop-mark{transform:translateY(-4px)rotate(90deg);box-shadow:0 0 0 9px #ff000012,2px 3px #0000006b}.drop-zone strong{font-family:var(--coolvetica);letter-spacing:-.01em;text-transform:lowercase;font-size:34px;font-weight:400}.drop-zone small{color:var(--muted);margin-top:4px;font-size:8px}.drop-zone em{color:var(--muted);font:7px Courier New,monospace;position:absolute;bottom:16px;right:19px}.file-line{border:1px solid var(--line-strong);background:var(--surface-2);justify-content:space-between;align-items:center;gap:20px;padding:12px 13px;font-size:8px;display:flex;box-shadow:3px 3px #0003}.analysis-loading{padding:52px 0 24px}.loading-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:8px;display:flex}.loading-label b{color:var(--red);font-size:8px}.progress-track{border:1px solid var(--line-strong);background:var(--surface-3);height:13px;margin-top:9px;padding:2px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--red-dark), var(--red), #ff5b4f);height:100%;transition:width .18s steps(8,end);display:block;position:relative}.progress-track i:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff29 8px 9px);animation:.8s linear infinite progress-noise;position:absolute;top:0;bottom:0;left:0;right:0}.pulse-lines{border:1px solid var(--line-strong);background:#080807;align-items:center;gap:4px;height:94px;margin-top:24px;padding:10px;display:flex;position:relative;overflow:hidden}.pulse-lines:after{content:"";background:#ff00002b;height:1px;position:absolute;top:50%;left:0;right:0}.pulse-lines span{transform-origin:50%;background:#b9afa3;width:3px;height:8px;animation:1.15s steps(4,end) infinite alternate pulse-line}.error-line{border:1px solid var(--red);color:#ff7d72;background:#ff000017;margin-top:18px;padding:12px;font-size:9px}.analysis-results{padding-top:42px}.hero-values{grid-template-columns:minmax(250px,.72fr) 1fr;align-items:end;gap:34px;display:grid}.tempo-value,.key-value{flex-direction:column;display:flex}.tempo-value strong,.key-value strong{font-family:var(--coolvetica);color:var(--red);letter-spacing:-.045em;font-weight:400}.tempo-value strong{font-size:clamp(120px,18vw,210px);line-height:.65}.key-value strong{text-transform:lowercase;font-size:clamp(52px,7vw,92px);line-height:.78}.tempo-value span,.key-value span{color:var(--muted);letter-spacing:.13em;margin-top:18px;font-size:7px}.confidence-line{color:var(--muted);border:0;flex-wrap:wrap;gap:7px;margin:27px 0 0;padding:0;font-size:7px;display:flex}.confidence-line span{border:1px solid var(--line-strong);background:var(--surface-2);padding:5px 7px}.audio-player{border:1px solid var(--line-strong);background:var(--surface-2);margin-top:44px;padding:12px;box-shadow:4px 4px #0000003b}.player-topline{color:var(--muted);align-items:center;gap:12px;font-size:8px;display:flex}.play-button{border:1px solid var(--line-strong);background:var(--surface-3);cursor:pointer;border-radius:0;place-items:center;width:39px;height:30px;font-size:8px;transition:background .16s,color .16s,transform .16s;display:grid;box-shadow:2px 2px #0000003d}.play-button:hover{background:var(--red);color:#fff}.play-button:active{box-shadow:none;transform:translate(2px,2px)}.waveform{cursor:crosshair;background:#080807;border:1px solid #ffffff26;align-items:center;gap:2px;width:100%;height:112px;margin-top:12px;padding:10px;display:flex;position:relative;overflow:hidden}.waveform:before{content:"";background:#ffffff0d;height:1px;position:absolute;top:50%;bottom:auto;left:0;right:0}.waveform span{background:#4e4943;flex:1 1 0;min-width:1px;transition:background 60ms linear,filter 60ms linear}.metadata-row{border:1px solid var(--line-strong);background:var(--surface-2);grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.metadata-row>span{border-right:1px solid var(--line);flex-direction:column;padding:13px;display:flex}.metadata-row>span:last-child{border-right:0}.metadata-row b{font-family:var(--coolvetica);font-size:22px;font-weight:400}.metadata-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-top:4px;font-size:6px}.about-page{padding:72px 0 110px}.about-window{max-width:900px;margin:0 auto}.about-copy{min-height:470px;padding:70px 72px;position:relative;overflow:hidden}.about-copy:after{content:"PT";font-family:var(--coolvetica);color:var(--red);opacity:.045;font-size:230px;position:absolute;bottom:-65px;right:-18px;transform:rotate(-7deg)}.tiny-label{color:var(--muted);font-size:8px}.about-copy h1{max-width:700px;font-family:var(--coolvetica);letter-spacing:-.03em;text-transform:lowercase;margin:42px 0 0;font-size:clamp(54px,7.5vw,92px);font-weight:400;line-height:.84}.about-copy p{max-width:570px;color:var(--muted);margin:36px 0 0;font-size:10px;line-height:1.8}.about-stamp{border:1px solid var(--red);color:var(--red);text-transform:uppercase;letter-spacing:.09em;margin-top:60px;padding:8px 10px 6px;font-size:7px;display:inline-block;transform:rotate(-1.2deg)}footer{border-top:1px solid var(--line);width:min(1220px,100% - 40px);color:var(--muted);letter-spacing:.09em;margin:0 auto 24px;padding:22px 0 18px;font-size:7px}@keyframes marquee{to{transform:translate(-50%)}}@keyframes page-pop{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes status-blink{0%,76%{opacity:1}77%,to{opacity:.22}}@keyframes number-snap{0%{opacity:.12;transform:translateY(9px)scaleY(.96)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes pulse-line{0%{opacity:.26;height:7px}to{opacity:.92;height:67px}}@keyframes line-breathe{0%,to{opacity:.55;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}@keyframes signal-sweep{0%{transform:translateY(0)}to{transform:translateY(104vh)}}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,1%)}to{transform:translate(0,0)}}@keyframes key-in{0%{filter:brightness(.86);transform:scaleY(.985)}to{filter:brightness();transform:scaleY(1)}}@keyframes black-key-in{0%{transform:translate(-50%)scaleY(.96)}to{transform:translate(-50%)scaleY(1)}}@keyframes progress-noise{to{transform:translate(9px)}}@keyframes dash-breathe{50%{opacity:.45}}@keyframes theme-old{to{opacity:0;filter:brightness(.82)}}@keyframes theme-new{0%{opacity:0;filter:brightness(1.15)}}@media (max-width:900px){.home-hero{grid-template-columns:1fr}.hero-copy{min-height:430px}.scrapbook{border-left:0;border-top:1px solid var(--line-strong);min-height:500px}.tool-browser-head,.tool-row{grid-template-columns:54px minmax(180px,1fr) 190px 36px}.tool-body{padding-left:46px}.tool-heading{grid-template-columns:54px 1fr auto}}@media (max-width:680px){.ambient-glow{display:none}.utility-strip{padding:0 12px}.utility-strip>span:first-child{display:none}.utility-strip{justify-content:flex-end}.nav-shell,main,footer{width:min(100% - 24px,1220px)}.nav-shell{min-height:58px;margin-top:12px}.brand{gap:9px;padding:0 10px;font-size:18px}.brand-mark{width:27px;height:27px;font-size:16px}.nav-shell nav{gap:5px;padding:0 9px}.theme-switch{grid-template-columns:1fr;width:43px}.theme-switch-label{display:none}.home-page{padding-top:24px}.hero-copy{min-height:385px;padding:38px 18px 34px}.hero-copy h1{margin-top:38px;font-size:clamp(72px,23vw,110px)}.hero-copy p{margin-top:28px}.hero-readout{grid-template-columns:auto auto}.hero-readout span:last-child{display:none}.scrapbook{min-height:420px}.photo-console{width:70%;height:50%;left:4%}.photo-tape{width:46%;height:38%;top:45%;right:3%}.photo-piano{width:47%;height:32%;bottom:3%;left:10%}.sticker-count{width:62px;height:62px;font-size:24px}.archive-plate{font-size:6px}.tool-browser{margin-top:28px}.tool-browser-head{display:none}.tool-row{grid-template-columns:38px 1fr 28px;min-height:92px;padding:10px}.tool-row .tool-subtitle{grid-column:2/3;margin-top:-20px;font-size:8px}.tool-arrow{grid-area:1/3/span 2}.tool-name{font-size:29px}.browser-bottom{gap:12px}.tool-page{padding-top:24px}.tool-heading{grid-template-columns:36px 1fr;min-height:145px;padding:18px 16px}.tool-heading h1{font-size:clamp(50px,15vw,72px)}.tool-stamp{display:none}.tool-body{min-height:380px;padding:28px 18px 36px}.control-grid.two{grid-template-columns:1fr}.theory-result{flex-direction:column;align-items:flex-start;margin-top:44px}.theory-result h2{font-size:52px}.transpose-controls{grid-template-columns:1fr 42px 1fr}.hero-values{grid-template-columns:1fr;gap:32px}.tempo-value strong{font-size:clamp(110px,36vw,170px)}.key-value strong{font-size:clamp(48px,15vw,72px)}.metadata-row{grid-template-columns:repeat(2,1fr)}.metadata-row>span:nth-child(2){border-right:0}.metadata-row>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.drop-zone{min-height:300px}.about-page{padding-top:42px}.about-copy{min-height:420px;padding:48px 24px}.about-copy h1{font-size:56px}.piano-bezel{padding-inline-start:16px;padding-inline-end:16px}}@media (max-width:430px){.brand>span:last-child{text-align:left;max-width:125px;line-height:.88}.scrapbook{min-height:375px}.hero-copy{min-height:345px}.hero-copy h1{font-size:74px}.tool-row{min-height:86px}.tool-name{font-size:25px}.browser-bottom span:last-child{display:none}.transpose-controls{grid-template-columns:1fr;gap:13px}.swap{width:46px;transform:rotate(90deg)}.swap:hover{transform:rotate(86deg)}.piano{min-width:540px;height:188px}.note-string{white-space:nowrap;max-width:100%;overflow-x:auto}.metadata-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.signal-sweep,.paper-noise{animation:none!important}}:root{--bg:#090807;--bg-2:#0c0a09;--surface:#12100e;--surface-2:#171310;--surface-3:#1c1713;--panel:#14110f;--panel-alt:#1a1512;--ink:#f1e9dc;--ink-soft:#c2b6a7;--muted:#8f8376;--red:#ed4037;--red-dark:#b92620;--red-soft:#ed40371a;--line:#f1e9dc1f;--line-strong:#f1e9dc40;--shadow:0 16px 60px #00000040;--shadow-soft:0 26px 90px #0000003d;--key-white:#e8e0d4;--key-white-active:#d9afa9;--key-black:#1a1715;--key-black-active:#69332f}html[data-theme=light]{--bg:#d9d0c1;--bg-2:#e4dccf;--surface:#eee6d8;--surface-2:#e6dccd;--surface-3:#ded2c0;--panel:#f1e9dd;--panel-alt:#e9dfd0;--ink:#201915;--ink-soft:#554a42;--muted:#75685d;--red:#d9372f;--line:#2019151f;--line-strong:#20191540;--shadow:0 16px 55px #32241821;--shadow-soft:0 26px 85px #32241824}body{background:radial-gradient(circle at 16% 8%, #ed403713, transparent 28%), radial-gradient(circle at 86% 22%, #c1834c0b, transparent 26%), linear-gradient(180deg, var(--bg-2), var(--bg))}.cozy-orb{filter:blur(70px);opacity:.13;will-change:transform;border-radius:999px;position:absolute}.orb-a{background:#a64a38;width:420px;height:420px;animation:24s ease-in-out infinite alternate cozy-drift-a;top:18vh;left:-160px}.orb-b{background:#9a663c;width:330px;height:330px;animation:31s ease-in-out infinite alternate cozy-drift-b;top:52vh;right:-110px}.orb-c{opacity:.08;background:#842c29;width:250px;height:250px;animation:28s ease-in-out infinite alternate cozy-drift-c;top:-90px;left:56vw}.dust-field{opacity:.5;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dust-field i{--x:calc((var(--dust) * 8.2 + 4) * 1%);left:var(--x);top:calc(var(--dust) * 7.5%);width:2px;height:2px;animation:dust-float calc(13s + var(--dust) * .8s) linear infinite;animation-delay:calc(var(--dust) * -1.9s);background:#f1e9dc52;border-radius:50%;position:absolute;box-shadow:0 0 6px #f1e9dc26}html[data-theme=light] .dust-field i{background:#402d222e}.scanlines{opacity:.055}.signal-sweep{opacity:.1;animation-duration:18s}.paper-noise{opacity:.075}.ambient-glow{opacity:.34;filter:blur(34px)}.utility-strip{color:#786f66;background:#080706d4;border-bottom-color:#ffffff14}.nav-shell{border-color:var(--line);background:color-mix(in srgb, var(--surface) 89%, transparent);border-radius:7px;overflow:hidden;box-shadow:0 12px 34px #0000002b}.brand-mark{box-shadow:none;border-radius:3px}.theme-switch:hover{background:#ed40370e}.home-hero{border-color:var(--line);background:radial-gradient(circle at 19% 26%,#ed40370d,#0000 31%),linear-gradient(120deg,#ffffff04,#0000 52%);border-radius:8px 8px 0 0}.hero-copy h1{text-shadow:0 12px 40px #0000002b;animation:.8s cubic-bezier(.16,.84,.2,1) both title-settle}.hero-copy p{letter-spacing:.03em}.hero-kicker i{animation-duration:5.2s}.scrap-photo{border:0;border-radius:2px;padding:7px 7px 24px;animation:9s ease-in-out infinite alternate photo-breathe;box-shadow:0 20px 44px #00000057,0 2px #ffffff0a}.scrap-photo:nth-of-type(2){animation-duration:11s;animation-delay:-3s}.scrap-photo:nth-of-type(3){animation-duration:13s;animation-delay:-6s}.scrap-photo img{filter:saturate(.82)contrast(1.03)sepia(.04)brightness(.87)}.sticker-count{border:0;border-radius:50%;animation:7s ease-in-out infinite alternate sticker-float;transform:rotate(5deg);box-shadow:0 10px 28px #00000045}.archive-plate{border-color:#ffffff1c;border-radius:3px;box-shadow:0 10px 24px #00000040}.tape-strip{opacity:.82}.marquee-shell{background:#d73831;border-color:#0000;height:31px}.marquee-track{animation-duration:38s}.retro-window{border-color:var(--line);box-shadow:var(--shadow);border-radius:7px;overflow:hidden}.window-bar{color:#857b71;background:#0f0b09;border-bottom-color:#ffffff1a}.tool-browser-head,.browser-bottom{background:color-mix(in srgb, var(--surface-3) 92%, transparent)}.tool-row{border-bottom-color:var(--line);min-height:94px;transition:background .28s,color .28s,transform .28s cubic-bezier(.18,.8,.2,1)}.tool-row:before{background:linear-gradient(90deg,#ed403713,#b36f4906 38%,#0000 72%);transition-duration:.5s}.tool-row:hover{background:#ffffff05;transform:translate(4px)}.tool-name i{opacity:.7;border-radius:50%;width:6px;height:6px}.tool-row:hover .tool-name i{transform:none;box-shadow:0 0 14px #ed403773}.tool-stamp{box-shadow:none;border-color:var(--line);opacity:.8}select,.number-input{border-color:var(--line-strong);border-radius:4px;box-shadow:0 6px 14px #00000021}select:hover,.number-input:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000002e}.number-input{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:48px;color:var(--ink);outline:0;padding:0 14px;transition:transform .18s,box-shadow .18s,background-color .45s,border-color .45s}.number-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.note-string{border:0;border-radius:3px;box-shadow:0 8px 22px #00000030}.piano-module{border:1px solid var(--line);background:radial-gradient(circle at 20% 0%, #ed40370b, transparent 28%), color-mix(in srgb, var(--surface-2) 94%, transparent);width:min(860px,100%);color:var(--muted);border-radius:7px;margin-top:5px;padding:13px 13px 11px;overflow:hidden;box-shadow:0 18px 42px #00000029}html[data-theme=light] .piano-module{border-color:var(--line);box-shadow:0 15px 34px #36261c1a}.piano-caption,.piano-foot{min-height:25px;color:var(--muted);letter-spacing:.09em;text-transform:lowercase;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 3px;font-size:7px;display:flex}.piano-caption span:last-child{align-items:center;gap:6px;display:inline-flex}.piano-caption i{background:var(--red);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #ed403759}.piano-foot{min-height:27px;padding-top:5px}.piano-wrap{scrollbar-width:thin;scrollbar-color:#ed403759 transparent;width:100%;padding:0 0 4px;overflow-x:auto}.piano{background:#0a0908;border:1px solid #00000073;border-radius:5px;min-width:620px;height:202px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000002e}.white-key{background:linear-gradient(90deg, #d8d0c5, var(--key-white) 12%, var(--key-white) 88%, #d2cabf);color:#595047;border-right:1px solid #1a1411b8;transition:background .32s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,color .3s}.white-key:before{opacity:.22;height:9%}.white-key span{font-size:8px;font-weight:400;bottom:10px}.white-key i{display:none}.white-key.active{animation:cozy-key-in .42s calc(var(--key-order) * 26ms) cubic-bezier(.16,.84,.2,1) both;background:linear-gradient(90deg,#d09e98,#e0b4ae 16% 84%,#cc9892)}.white-key.root{color:#fff8ef;background:linear-gradient(90deg,#ce322b,#ed4037 18% 82%,#c92e28);box-shadow:inset 0 -12px 24px #5000001f}.black-key{color:#81766c;background:linear-gradient(90deg,#11100f,#27221e 20%,#1d1916 78%,#0b0a09);border:1px solid #000000d9;border-radius:0 0 4px 4px;width:8.5%;height:60%;transition:background .32s,transform .25s,height .25s,box-shadow .3s;box-shadow:0 6px 8px #00000059}.black-key:before{opacity:.38}.black-key span{font-size:6px;bottom:8px}.black-key i{display:none}.black-key.active{color:#efe5da;animation:cozy-black-key-in .42s calc(var(--key-order) * 24ms) cubic-bezier(.16,.84,.2,1) both;background:linear-gradient(90deg,#4a2623,#754039,#482421)}.black-key.root{color:#fff;background:linear-gradient(90deg,#a8241e,#e43b33,#a8241e);height:62%;box-shadow:0 7px 10px #00000059}.delay-controls,.tuner-controls{max-width:720px}.delay-readout{grid-template-columns:1.15fr 1fr 1fr;gap:10px;max-width:900px;margin-top:52px;display:grid}.delay-readout article{border:1px solid var(--line);background:#ffffff05;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:154px;padding:17px 16px;transition:transform .22s,border-color .22s,background .22s;animation:.42s both cozy-result-in;display:flex}.delay-readout article:nth-child(2){animation-delay:50ms}.delay-readout article:nth-child(3){animation-delay:.1s}.delay-readout article:hover{background:#ed403709;border-color:#ed40375c;transform:translateY(-3px)}.delay-readout article>span{color:var(--muted);text-transform:lowercase;font-size:8px}.delay-readout strong{font-family:var(--coolvetica);letter-spacing:-.035em;font-size:clamp(38px,5vw,66px);font-weight:400;line-height:.9}.delay-readout small{color:var(--muted);font-size:7px}.delay-primary strong{color:var(--red)}.tuner-readout{grid-template-columns:.7fr 1.3fr;align-items:end;gap:28px;max-width:900px;margin-top:54px;display:grid}.tuner-readout>div:first-child{animation:.42s both cozy-result-in}.tuner-readout strong{font-family:var(--coolvetica);color:var(--red);letter-spacing:-.045em;margin-top:8px;font-size:clamp(82px,12vw,145px);font-weight:400;line-height:.72;display:block}.cents-meter{padding-bottom:4px}.cents-meter>span{font-family:var(--coolvetica);margin-bottom:12px;font-size:28px;display:block}.cents-track{background:#ffffff14;border-radius:999px;height:7px;position:relative;overflow:visible}html[data-theme=light] .cents-track{background:#140f0c17}.cents-track:after{content:"";background:var(--ink-soft);opacity:.45;width:1px;height:17px;position:absolute;top:-5px;left:50%}.cents-track i{background:var(--red);border-radius:50%;width:12px;height:12px;transition:left .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #ed403757}.cents-meter small{color:var(--muted);margin-top:13px;font-size:7px;display:block}.target-note-box{border-top:1px solid var(--line);max-width:900px;margin-top:38px;padding-top:24px}.target-note-controls{grid-template-columns:150px 130px 1fr;align-items:center;gap:10px;margin-top:11px;display:grid}.target-note-controls strong{font-family:var(--coolvetica);color:var(--ink-soft);justify-self:end;font-size:36px;font-weight:400}@keyframes cozy-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(90px,55px)scale(1.12)}}@keyframes cozy-drift-b{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-80px,-45px)scale(.92)}}@keyframes cozy-drift-c{0%{transform:translate(0,0)}to{transform:translate(60px,85px)}}@keyframes dust-float{0%{opacity:0;transform:translateY(105vh)translate(0)}12%{opacity:.55}85%{opacity:.25}to{opacity:0;transform:translateY(-18vh)translate(25px)}}@keyframes title-settle{0%{opacity:0;letter-spacing:-.065em;transform:translateY(14px)}to{opacity:1;letter-spacing:-.047em;transform:none}}@keyframes photo-breathe{0%{translate:0}to{translate:0 -4px}}@keyframes sticker-float{0%{translate:0}to{translate:0 -6px}}@keyframes cozy-key-in{0%{filter:saturate(.7);transform:scaleY(.97)}to{filter:saturate();transform:scaleY(1)}}@keyframes cozy-black-key-in{0%{transform:translate(-50%)scaleY(.95)}to{transform:translate(-50%)scaleY(1)}}@keyframes cozy-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:680px){.delay-readout{grid-template-columns:1fr}.delay-readout article{min-height:120px}.tuner-readout{grid-template-columns:1fr}.target-note-controls{grid-template-columns:1fr 1fr}.target-note-controls strong{grid-column:1/-1;justify-self:start}.piano{min-width:560px;height:188px}}@media (prefers-reduced-motion:reduce){.cozy-orb,.dust-field i,.scrap-photo,.sticker-count,.hero-copy h1{animation:none!important}}:root{--pointer-rx:0;--pointer-ry:0;--red:red;--red-dark:#820000;--red-soft:#ff00001c;--shadow:0 12px 36px #0000002e;--shadow-soft:0 18px 58px #0000002e;--key-white-active:#d7aaa6;--key-black-active:#602b2b}html[data-theme=light]{--red:#b40000;--red-dark:#700;--red-soft:#b4000017;--shadow:0 10px 28px #2f211717;--shadow-soft:0 16px 46px #2f21171a}body{background:radial-gradient(circle at 14% 4%, #ff00000e, transparent 28%), radial-gradient(circle at 86% 72%, #7c4c330a, transparent 24%), linear-gradient(180deg, var(--bg-2), var(--bg));font-weight:400}.paper-noise,.scanlines{display:none!important}.signal-sweep{opacity:.055}.ambient-glow{opacity:.28;filter:blur(46px);background:radial-gradient(circle,#ff000013,#0000 68%)}.cozy-orb{opacity:.075;filter:blur(92px)}html[data-theme=light] .cozy-orb{opacity:.035}.dust-field{opacity:.32}.dust-field i{background:#f1e9dc45;width:1px;height:1px}.cursor-dot,.cursor-ring{left:var(--pointer-x);top:var(--pointer-y);pointer-events:none;z-index:9999;position:fixed;transform:translate(-50%,-50%)}.cursor-dot{background:var(--red);border-radius:50%;width:4px;height:4px;box-shadow:0 0 10px #ff000047}.cursor-ring{border:1px solid color-mix(in srgb, var(--red) 55%, var(--ink) 45%);opacity:.55;border-radius:50%;width:26px;height:26px;transition:left 75ms linear,top 75ms linear,width .2s,height .2s,opacity .2s,background-color .2s}body.cursor-hover .cursor-ring{opacity:.82;background:#ff00000e;width:42px;height:42px}@media (pointer:fine){body,button,a,select,input,.drop-zone{cursor:none!important}}.utility-status i,.status-led,.piano-caption i{box-shadow:0 0 8px #ff000052}.nav-shell{border-radius:4px;box-shadow:0 8px 22px #0000001a}.brand{gap:11px}.brand-mark{background:var(--red);box-shadow:none;border-radius:2px;transition:transform .28s cubic-bezier(.18,.8,.2,1),background-color .45s}.brand:hover .brand-mark{transform:rotate(-4deg)translateY(-2px)}.brand-copy{text-align:left;gap:5px;line-height:.86;display:grid}.brand-copy>span{font-family:var(--coolvetica);font-size:21px}.brand-copy small{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font:400 6px/1 Courier New,monospace}.nav-shell nav button{font-weight:400}.home-hero{border-radius:4px 4px 0 0;box-shadow:0 14px 42px #0000001f}.hero-copy h1{text-shadow:none}.hero-byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:min(290px,100%);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin:25px 0 0 7px;padding:9px 0 7px;font-size:7px;text-decoration:none;display:flex}.hero-byline span:last-child{color:var(--red);transition:transform .2s}.hero-byline:hover span:last-child{transform:translate(4px,-2px)}.hero-byline:hover{color:var(--ink-soft)}.scrap-photo{border-radius:1px;transition:transform .45s cubic-bezier(.18,.78,.18,1),box-shadow .35s,filter .35s;animation:none;box-shadow:0 12px 30px #0000003d}.scrap-photo img{filter:saturate(.74)contrast(1.04)brightness(.82);transform:translate(calc(var(--pointer-rx) * -2px), calc(var(--pointer-ry) * -2px)) scale(1.018);transition:filter .45s,transform .18s ease-out}.scrap-photo:hover img{filter:saturate(.9)contrast(1.05)brightness(.91);transform:translate(0)scale(1.035)}.sticker-count{background:var(--red);box-shadow:0 8px 22px #00000030}.archive-plate{box-shadow:0 8px 20px #0000002b}.tape-strip{background:#dbcbac45}.marquee-shell{background:var(--red)}.retro-window{box-shadow:var(--shadow);border-radius:4px}.tool-row{animation:.52s cubic-bezier(.18,.78,.18,1) both row-reveal}.tool-row:nth-child(2){animation-delay:35ms}.tool-row:nth-child(3){animation-delay:70ms}.tool-row:nth-child(4){animation-delay:.105s}.tool-row:nth-child(5){animation-delay:.14s}.tool-row:nth-child(6){animation-delay:.175s}.tool-row:before{background:linear-gradient(90deg,#ff000013,#0000 48%)}.tool-row:hover{background:#ff000007}.tool-name{font-weight:400}.tool-name i{border-color:color-mix(in srgb, var(--red) 70%, var(--ink) 30%);background:0 0}.tool-row:hover .tool-name i{background:var(--red);box-shadow:0 0 12px #ff00004d}.tool-arrow{color:var(--red)}.tool-heading{background:linear-gradient(120deg, var(--surface-2), var(--surface))}.tool-stamp{box-shadow:none}.tool-body{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 97%, transparent), color-mix(in srgb, var(--bg) 98%, transparent))}label>span{font-weight:400}.note-string{box-shadow:none;font-weight:400}strong,.big-number strong,.tempo-value strong,.key-value strong,.delay-readout strong,.tuner-readout strong,.target-note-controls strong,.creator-card strong{font-weight:400}.big-number strong{text-shadow:none}select,.number-input{box-shadow:none;border-radius:3px}select:hover,.number-input:hover{box-shadow:none;border-color:color-mix(in srgb, var(--red) 40%, var(--line-strong) 60%);transform:translateY(-1px)}.text-action{box-shadow:none;border-radius:2px}.note-string{background:var(--red);border-radius:2px}.piano-module{box-shadow:none;background:linear-gradient(180deg, #ffffff05, transparent), color-mix(in srgb, var(--surface-2) 97%, transparent);border-radius:4px}.piano{background:#0c0a09;border-radius:3px;box-shadow:0 8px 22px #00000021}.white-key{background:linear-gradient(90deg,#dad2c7,#eee7db 14% 86%,#d4ccc1);border-right-color:#19131085}.white-key.active{background:linear-gradient(90deg,#c89f9b,#ddb9b4 14% 86%,#c59793)}.white-key.root{background:linear-gradient(90deg, #970000, var(--red) 18%, var(--red) 82%, #970000);box-shadow:none}.black-key{background:linear-gradient(90deg,#14110f,#2a2521 22%,#1d1916 78%,#0d0b0a);box-shadow:0 5px 7px #00000047}.black-key.active{background:linear-gradient(90deg,#3f2222,#6c3938,#3d2020)}.black-key.root{background:linear-gradient(90deg, #7a0000, var(--red), #7a0000);box-shadow:0 5px 8px #00000047}.piano-caption,.piano-foot{font-weight:400}.drop-zone{box-shadow:none;background:radial-gradient(circle at 50% 43%, #ff00000d, transparent 26%), var(--surface-2);border-radius:3px}.drop-zone:hover,.drop-zone.dragging{transform:translateY(-2px);box-shadow:0 12px 28px #0000001f}.drop-mark{background:var(--red);box-shadow:0 0 0 5px #ff00000f}.file-line,.audio-player{box-shadow:none}.progress-track i{background:linear-gradient(90deg, var(--red-dark), var(--red), #d53333)}.pulse-lines:after{background:#ff000026}.waveform span.played{background:var(--red);filter:drop-shadow(0 0 2px #ff00003d)}.error-line{background:#ff000012}.delay-readout article{box-shadow:none;border-radius:3px}.delay-readout article:hover{background:#ff000006;border-color:#ff000054}.cents-track i{box-shadow:0 0 12px #ff000045}.creator-line{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:30px 0 0;font-size:7px;display:grid}.creator-line i{background:linear-gradient(90deg, var(--line), var(--red), var(--line));opacity:.5;height:1px;animation:4.8s ease-in-out infinite creator-line-pulse}.about-window{max-width:980px}.about-copy{min-height:540px}.about-copy:after{content:"ptbx";opacity:.025;letter-spacing:-.04em;font-size:150px;bottom:-35px;right:-28px;transform:rotate(-5deg)}.creator-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;align-items:center;gap:14px;width:min(430px,100%);margin-top:44px;padding:16px 0;display:grid}.creator-monogram{background:var(--red);color:#fff7ee;width:48px;height:48px;font-family:var(--coolvetica);place-items:center;font-size:32px;line-height:1;transition:transform .24s;display:grid;transform:rotate(-2deg)}.creator-card:hover .creator-monogram{transform:rotate(3deg)translateY(-2px)}.creator-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:6px;display:block}.creator-card strong{font-family:var(--coolvetica);letter-spacing:-.02em;font-size:33px;line-height:.86;display:block}.instagram-link{width:max-content;color:var(--ink-soft);align-items:center;gap:7px;margin-top:10px;font-size:8px;text-decoration:none;display:inline-flex}.instagram-link svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:15px;height:15px}.instagram-link .ig-dot{fill:currentColor;stroke:none}.instagram-link:hover{color:var(--red)}.about-stamp{border-color:var(--red);color:var(--red)}footer{font-weight:400}@keyframes row-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes creator-line-pulse{0%,to{opacity:.22;transform:scaleX(.985)}50%{opacity:.72;transform:scaleX(1)}}@media (max-width:680px){.brand-copy small{display:none}.hero-byline{margin-top:20px}.creator-line{grid-template-columns:1fr;gap:7px}.creator-line i{display:none}.about-copy{min-height:520px}.creator-card{grid-template-columns:44px 1fr}.creator-monogram{width:40px;height:40px;font-size:27px}}@media (prefers-reduced-motion:reduce){body,button,a,select,input,.drop-zone{cursor:auto!important}.cursor-dot,.cursor-ring{display:none!important}.tool-row,.creator-line i{animation:none!important}}.cursor-layer{z-index:2147483647;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}body.cursor-away .cursor-dot,body.cursor-away .cursor-ring{opacity:0}.cursor-dot,.cursor-ring{will-change:left, top, width, height, opacity}.utility-strip,.window-bar,.tool-browser-head,.browser-bottom,.tool-page-topline,.hero-kicker,.hero-readout,.image-index,.scrap-photo figcaption,.archive-plate,.archive-plate small,.tool-number,.tool-subtitle,.tool-heading p,.tool-stamp,.eyebrow,.microcopy,.practical,.drop-zone small,.loading-label,.loading-label b,.confidence-line,.player-topline,.metadata-row small,.tiny-label,.creator-label,.instagram-link,.creator-line,.delay-readout article>span,.delay-readout small,.cents-meter small,.piano-caption,.piano-foot{font-size:clamp(10px,.72vw,12px);line-height:1.45}.brand-copy small{font-size:9px}.nav-shell nav{font-size:12px}.theme-switch{font-size:10px}.hero-copy p{font-size:clamp(12px,.85vw,14px)}.about-copy p{font-size:clamp(12px,.88vw,14px);line-height:1.75}.tool-name{line-height:.95}.tool-heading p{margin-top:12px}.favorites-window{margin-top:44px;overflow:hidden;box-shadow:0 10px 32px #00000017}.favorites-list{background:color-mix(in srgb, var(--surface) 94%, transparent);flex-wrap:wrap;gap:8px;padding:14px;display:flex}.favorite-chip{border:1px solid var(--line);background:var(--surface-2);min-height:42px;color:var(--ink-soft);cursor:pointer;border-radius:3px;align-items:center;gap:9px;padding:0 13px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.favorite-chip>span{color:var(--red);font-size:14px}.favorite-chip strong{font-family:var(--coolvetica);letter-spacing:-.01em;font-size:19px;font-weight:400}.favorite-chip i{color:var(--red);font-size:14px;font-style:normal;transition:transform .2s}.favorite-chip:hover{border-color:color-mix(in srgb, var(--red) 50%, var(--line) 50%);background:var(--red-soft);color:var(--ink);transform:translateY(-2px)}.favorite-chip:hover i{transform:translate(2px,-2px)}.favorites-note{border-top:1px solid var(--line);color:var(--muted);padding:8px 14px 9px;font-size:10px}.tool-row-wrap{position:relative}.tool-row-wrap:not(:last-child){border-bottom:0}.favorite-toggle{z-index:5;width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;font-size:18px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:absolute;top:50%;right:46px;transform:translateY(-50%)}.favorite-toggle:hover{color:var(--red);border-color:var(--line);background:var(--surface-2);transform:translateY(-50%)scale(1.06)}.favorite-toggle.is-favorite{color:var(--red)}.tool-top-actions{align-items:center;gap:14px;display:flex}.tool-favorite{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;padding:0 9px;font-size:10px;transition:color .18s,border-color .18s,background .18s}.tool-favorite:hover,.tool-favorite.is-favorite{color:var(--red);border-color:color-mix(in srgb, var(--red) 42%, var(--line) 58%);background:var(--red-soft)}.tuner-mode-switch{border:1px solid var(--line);background:var(--surface-2);border-radius:4px;grid-template-columns:1fr 1fr;gap:0;width:min(680px,100%);display:grid;overflow:hidden}.tuner-mode-switch button{border:0;border-right:1px solid var(--line);min-height:72px;color:var(--muted);cursor:pointer;text-align:left;font-family:var(--coolvetica);letter-spacing:-.015em;background:0 0;padding:13px 16px 11px;font-size:24px;font-weight:400;transition:background .2s,color .2s}.tuner-mode-switch button:last-child{border-right:0}.tuner-mode-switch button small{color:var(--muted);letter-spacing:.02em;margin-top:5px;font:400 10px/1.2 Courier New,monospace;display:block}.tuner-mode-switch button:hover{color:var(--ink);background:#ff000009}.tuner-mode-switch button.active{background:var(--red-soft);color:var(--red)}.tuner-upload-section{width:min(900px,100%);margin-top:28px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tuner-drop-zone{border:1px dashed color-mix(in srgb, var(--line-strong) 72%, var(--red) 28%);background:radial-gradient(circle at 50% 45%, #ff00000b, transparent 32%), var(--surface-2);width:100%;min-height:180px;color:var(--ink);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .22s,border-color .22s,background .22s;display:flex}.tuner-drop-zone:hover,.tuner-drop-zone.dragging{border-color:var(--red);background:color-mix(in srgb, var(--surface-2) 94%, var(--red) 6%);transform:translateY(-2px)}.tuner-drop-icon{color:var(--red);margin-bottom:7px;font-size:31px;line-height:1;animation:2.3s ease-in-out infinite tuner-arrow-float}.tuner-drop-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-family:var(--coolvetica);font-size:clamp(27px,3vw,40px);font-weight:400;overflow:hidden}.tuner-drop-zone small{color:var(--muted);margin-top:7px;font-size:11px}.tuner-analysis-progress{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:14px;font-size:11px;display:grid}.tuner-analysis-progress>div{background:var(--line);height:3px;overflow:hidden}.tuner-analysis-progress i{background:var(--red);width:35%;height:100%;animation:1.05s ease-in-out infinite tuner-scan;display:block}.tuner-file-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:3px;margin-top:14px;padding:12px 13px}.tuner-file-preview audio{width:100%;height:38px}.tuner-file-preview>div{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:9px;font-size:10px;display:flex}.tuner-readout strong+em{color:var(--ink-soft);margin-top:13px;font:400 12px/1 Courier New,monospace;display:block}.tuner-confidence{color:var(--muted);margin-top:14px;font-size:10px}.tuner-confidence i{background:var(--red);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.confidence-high i{box-shadow:0 0 8px #ff000073}.confidence-low{opacity:.75}.tuner-warning{border-left:2px solid var(--red);max-width:900px;color:var(--muted);background:#ff00000b;margin:14px 0 0;padding:11px 12px;font-size:11px;line-height:1.55}.not-found-page{padding:70px 0 110px}.not-found-window{max-width:940px;margin:0 auto;overflow:hidden}.not-found-body{min-height:560px;padding:58px 60px;position:relative;overflow:hidden}.not-found-body:after{content:"pt";font-family:var(--coolvetica);color:var(--red);opacity:.035;pointer-events:none;font-size:280px;line-height:1;position:absolute;bottom:-82px;right:-5px}.not-found-code{color:var(--red);font-family:var(--coolvetica);letter-spacing:-.055em;margin-top:34px;font-size:clamp(110px,19vw,220px);line-height:.62}.not-found-body h1{font-family:var(--coolvetica);letter-spacing:-.035em;margin:44px 0 0;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:.9}.not-found-body p{color:var(--muted);margin:20px 0 0;font-size:12px}.not-found-body code{color:var(--ink-soft)}.not-found-home{border:0;border-bottom:1px solid var(--red);color:var(--ink);cursor:pointer;background:0 0;margin-top:28px;padding:10px 0 7px;font-size:12px}.not-found-home:hover{color:var(--red)}.not-found-tools{border-top:1px solid var(--line);max-width:560px;margin-top:60px;padding-top:16px}.not-found-tools>span{color:var(--muted);font-size:10px}.not-found-tools>div{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.not-found-tools button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:2px;padding:8px 10px;font-size:10px}.not-found-tools button:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}@keyframes tuner-scan{0%{transform:translate(-110%)}55%{transform:translate(185%)}to{transform:translate(300%)}}@keyframes tuner-arrow-float{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:760px){.tool-top-actions>span{display:none}.tool-row-wrap .tool-row{padding-right:50px}.favorite-toggle{right:9px}.favorites-list{flex-direction:column}.favorite-chip{justify-content:flex-start;width:100%}.favorite-chip i{margin-left:auto}.tuner-mode-switch button{min-height:66px;padding-inline-start:12px;padding-inline-end:12px;font-size:20px}.not-found-body{min-height:500px;padding:45px 24px}}@media (max-width:520px){.tuner-mode-switch{grid-template-columns:1fr}.tuner-mode-switch button{border-right:0;border-bottom:1px solid var(--line)}.tuner-mode-switch button:last-child{border-bottom:0}.tuner-drop-zone{min-height:150px}.tuner-file-preview>div{gap:8px 12px}}@media (pointer:fine){body,button,a,select,input,audio,.drop-zone,.tuner-drop-zone,[role=button]{cursor:none!important}}@media (prefers-reduced-motion:reduce){.tuner-drop-icon,.tuner-analysis-progress i{animation:none!important}}body{letter-spacing:.002em;font-weight:400}.hero-copy h1,.tool-heading h1,.theory-result h2,.tempo-value strong,.key-value strong,.tuner-readout strong,.delay-readout strong,.not-found-code,.not-found-body h1,.brand-copy>span,.tool-name,.favorite-chip strong,.drop-zone strong,.tuner-drop-zone strong,.creator-card strong{-webkit-font-smoothing:antialiased;font-weight:400}.theory-result h2{letter-spacing:-.018em}.hero-copy h1{letter-spacing:-.037em}.drop-zone strong,.tuner-drop-zone strong{letter-spacing:0}.brand-copy{gap:4px}.brand-copy small{letter-spacing:.115em;opacity:.72;text-transform:lowercase;font-size:7px!important}.hero-byline{width:min(258px,100%);color:var(--muted);font-size:9px}.hero-byline span:first-child{opacity:.72}.creator-line{opacity:.72;font-size:9px!important}.creator-label{opacity:.72;font-size:8px!important}.about-stamp{opacity:.66;font-size:8px!important}footer{letter-spacing:.09em;opacity:.62;font-size:9px!important}.utility-strip{opacity:.86;font-size:8px}.tool-row-wrap .tool-row{padding-right:102px}.favorite-toggle{border:0;border-left:1px solid var(--line);width:auto;min-width:68px;height:30px;color:var(--muted);letter-spacing:.03em;opacity:.72;background:0 0;border-radius:0;justify-content:flex-end;align-items:center;gap:7px;padding:0 9px;font-size:10px;display:inline-flex;right:20px;transform:translateY(-50%)}.favorite-toggle:before{content:"";background:var(--red);width:1px;height:0;transition:height .2s;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.favorite-toggle:hover{color:var(--ink);border-color:var(--line);opacity:1;background:0 0;transform:translateY(-50%)}.favorite-toggle:hover:before,.favorite-toggle.is-favorite:before{height:18px}.favorite-toggle.is-favorite{color:var(--red);opacity:1}.favorite-icon{text-align:center;width:12px;font-size:13px;line-height:1}.favorite-label{text-transform:lowercase;font-size:9px}.tool-favorite{border:0;border-bottom:1px solid var(--line);opacity:.76;background:0 0;border-radius:0;min-height:28px;padding:0 0 2px;font-size:9px}.tool-favorite:hover,.tool-favorite.is-favorite{color:var(--red);border-color:var(--red);opacity:1;background:0 0}.favorites-window{box-shadow:0 7px 22px #0000000e}.favorite-chip{background:0 0;border-radius:2px;min-height:38px}.favorite-chip strong{font-size:17px}.favorite-chip:hover{transform:translateY(-1px)}.marquee-shell{white-space:nowrap;background:var(--red);overflow:hidden}.marquee-track{will-change:transform;align-items:center;gap:0;width:max-content;min-width:max-content;display:flex;animation:29s linear infinite marquee-seamless!important}.marquee-group{flex:none;align-items:center;gap:24px;padding-right:24px;display:flex}.marquee-group span,.marquee-group b{flex:none}.marquee-group b{opacity:.72;font-weight:400}@keyframes marquee-seamless{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.scrapbook{background:radial-gradient(circle at 72% 20%,#ff000013,#0000 35%),radial-gradient(circle at 22% 82%,#6d453014,#0000 31%),linear-gradient(145deg,#15110f,#0a0908 74%)}.scrapbook-grid{opacity:.17}.scrap-photo{background:color-mix(in srgb, var(--cream) 86%, #bdb0a1 14%);border-radius:2px;padding:5px 5px 21px;box-shadow:0 11px 28px #00000038}.scrap-photo img{filter:saturate(.92)contrast(1.02)brightness(.9);transition:filter .45s,transform .55s cubic-bezier(.2,.8,.2,1)}.scrap-photo:hover{box-shadow:0 17px 34px #00000040}.scrap-photo:hover img{filter:saturate(1.02)contrast(1.02)brightness(.96)}.photo-console{width:68%;height:60%;top:5%;left:3%;transform:rotate(-1.15deg)}.photo-tape{width:36%;height:46%;top:41%;right:4%;transform:rotate(1.8deg)}.photo-piano{width:45%;height:34%;bottom:2%;left:14%;transform:rotate(.55deg)}.scrap-photo figcaption{opacity:.7;font-size:9px!important}.image-index{opacity:.7;font-size:8px!important}.archive-plate{opacity:.78}.nav-shell{box-shadow:0 5px 16px #00000013}.home-hero{box-shadow:0 9px 27px #00000014}.retro-window{box-shadow:0 8px 25px #00000013}.tool-browser{box-shadow:0 12px 38px #00000018}select,.number-input,.note-string{box-shadow:none}select:hover,.number-input:hover{box-shadow:0 4px 12px #00000014}.brand-mark{animation:8s ease-in-out infinite brand-idle}.window-dots{animation:4.8s ease-in-out infinite dots-soft-pulse}.tool-arrow{transition:transform .35s cubic-bezier(.16,.84,.2,1),color .25s}.tool-row:hover .tool-arrow{color:var(--red);transform:translate(5px,-4px)rotate(3deg)}@keyframes brand-idle{0%,74%,to{transform:rotate(-2deg)}82%{transform:rotate(1deg)translateY(-1px)}90%{transform:rotate(-3deg)}}@keyframes dots-soft-pulse{0%,to{opacity:.45}50%{opacity:.78}}@media (max-width:760px){.tool-row-wrap .tool-row{padding-right:70px}.favorite-toggle{border-left:0;min-width:48px;padding-inline-start:6px;padding-inline-end:6px;right:8px}.favorite-label{display:none}.hero-byline{width:min(245px,100%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none!important;transform:none!important}.brand-mark,.window-dots{animation:none!important}}@media (min-width:761px){.tool-browser-head,.tool-row{grid-template-columns:70px minmax(250px,1.25fr) 1fr 118px}.tool-arrow{justify-self:start;margin-left:8px}}@media (max-width:760px){.tool-row{grid-template-columns:38px 1fr 48px}.tool-arrow{display:none}}body,button,select,input{font-weight:400}strong,b,label>span,.note-string,.result-primary,.result-secondary,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.favorite-chip strong,.creator-card strong{font-weight:400!important}.hero-copy h1,.tool-heading h1,.theory-result h2,.tool-name,.brand-copy>span,.not-found-code,.not-found-body h1{letter-spacing:-.014em;font-weight:300!important}.hero-copy h1{letter-spacing:-.025em;color:color-mix(in srgb, var(--ink) 94%, transparent);font-size:clamp(68px,8.7vw,126px);line-height:.77}.tool-heading h1{letter-spacing:-.012em;font-size:clamp(50px,7vw,92px)}.tool-name{letter-spacing:-.004em;font-size:clamp(25px,2.55vw,36px)}.theory-result h2{font-size:clamp(43px,5.8vw,75px)}.brand{font-size:20px}.brand-copy small,.hero-kicker,.hero-readout,.window-bar,.tool-browser-head,.browser-bottom,.tool-page-topline,.tool-heading p,.eyebrow,.microcopy,.practical,.creator-label,.about-stamp,footer{font-weight:400!important}.tool-collage{isolation:isolate;background:radial-gradient(circle at 79% 20%,#ff000017,#0000 30%),radial-gradient(circle at 18% 78%,#eee7da09,#0000 29%),linear-gradient(145deg,#141210 0%,#0b0a09 72%);min-height:540px}.tool-collage:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05,#0000 36%,#ff000006);position:absolute;top:0;bottom:0;left:0;right:0}.tool-collage .scrapbook-grid{opacity:.2;background-size:28px 28px;-webkit-mask-image:linear-gradient(145deg,#000 15%,#000000db 55%,#0000 100%);mask-image:linear-gradient(145deg,#000 15%,#000000db 55%,#0000 100%)}.collage-index{z-index:8;color:var(--muted);letter-spacing:.11em;opacity:.76;font-size:9px;position:absolute;top:16px;right:18px}.collage-paper{z-index:3;color:#1a1714;background:#e9e1d4;border:1px solid #16110e85;border-radius:3px;transition:transform .42s cubic-bezier(.18,.8,.2,1),box-shadow .42s,filter .42s;position:absolute;overflow:hidden;box-shadow:0 10px 26px #00000029}.collage-paper:after{content:"";pointer-events:none;opacity:.11;background-image:linear-gradient(#1e140e2e 1px,#0000 1px);background-size:100% 22px;position:absolute;top:0;bottom:0;left:0;right:0}.collage-paper:hover{z-index:10;filter:brightness(1.02);box-shadow:0 18px 38px #00000040;transform:translateY(-5px)rotate(0)!important}.collage-paper-top,.collage-foot{z-index:2;text-transform:lowercase;letter-spacing:.055em;justify-content:space-between;align-items:center;display:flex;position:relative}.collage-paper-top{color:#635b53;font-size:9px}.collage-foot{color:#746b62;margin-top:12px;font-size:8px}.collage-live-dot{background:var(--red);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite collage-dot}.collage-analyzer{width:62%;min-height:252px;padding:16px 18px 14px;top:10%;left:6%;transform:rotate(-1.5deg)}.collage-analyzer-readout{z-index:2;justify-content:space-between;align-items:end;gap:18px;margin-top:22px;display:flex;position:relative}.collage-analyzer-readout>div:first-child{align-items:end;gap:8px;display:flex}.collage-analyzer-readout strong{font-family:var(--coolvetica);letter-spacing:-.025em;font-size:63px;line-height:.78;font-weight:300!important}.collage-analyzer-readout small{color:#5f5750;margin-bottom:5px;font-size:9px}.collage-key{text-align:right}.collage-key span{color:#766d64;margin-bottom:3px;font-size:8px;display:block}.collage-key b{font-family:var(--coolvetica);color:#9f1612;font-size:23px;font-weight:300!important}.mini-waveform{z-index:2;border-top:1px solid #1a171440;border-bottom:1px solid #1a171440;align-items:center;gap:2px;height:63px;margin-top:16px;padding:4px 0;display:flex;position:relative;overflow:hidden}.mini-waveform i{width:3px;height:var(--wave-height);opacity:.76;transform-origin:50%;max-width:6px;animation:3.8s ease-in-out infinite alternate waveform-breathe;animation-delay:calc(var(--wave-height) * -18ms);background:#28231f;flex:1}.mini-waveform i:nth-child(5n){background:var(--red);opacity:.88}.collage-label{z-index:2;color:#6e655d;letter-spacing:.085em;margin-bottom:14px;font-size:8px;display:block;position:relative}.collage-scale-note{width:49%;min-height:168px;padding:15px 16px 16px;bottom:7%;right:4%;transform:rotate(1.35deg)}.collage-scale-note>strong{z-index:2;font-family:var(--coolvetica);font-size:30px;line-height:1;display:block;position:relative;font-weight:300!important}.collage-notes{z-index:2;flex-wrap:wrap;gap:6px;margin-top:14px;display:flex;position:relative}.collage-notes span{text-align:center;border:1px solid #1e181457;border-radius:2px;min-width:27px;padding:5px 6px 4px;font-size:9px}.collage-notes span.root{background:var(--red);color:#fff7ec;border-color:var(--red)}.collage-scale-note>small{z-index:2;color:#776d63;margin-top:12px;font-size:8px;display:block;position:relative}.collage-pitch-note{color:#ece5da;background:#12100e;border-color:#eee7da47;width:28%;min-height:150px;padding:15px;top:12%;right:6%;transform:rotate(2.4deg)}.collage-pitch-note:after{opacity:.04}.collage-pitch-note .collage-label{color:#8f867b}.pitch-route{z-index:2;color:#a99f93;align-items:center;gap:8px;font-size:10px;display:flex;position:relative}.pitch-route i{color:var(--red);font-style:normal}.collage-pitch-note>strong{z-index:2;font-family:var(--coolvetica);color:#fff5e9;margin-top:14px;font-size:50px;line-height:.78;display:block;position:relative;font-weight:300!important}.collage-pitch-note>small{z-index:2;color:#8f867b;font-size:8px;position:relative}.collage-808-note{width:35%;min-height:124px;padding:14px 15px;bottom:8%;left:10%;transform:rotate(-2deg)}.tuner-mini-line{z-index:2;justify-content:space-between;align-items:baseline;gap:10px;display:flex;position:relative}.tuner-mini-line strong{font-family:var(--coolvetica);color:#9f1612;font-size:31px;font-weight:300!important}.tuner-mini-line span{color:#5f5750;font-size:9px}.tuner-mini-meter{z-index:2;border-top:1px solid #1c171347;border-bottom:1px solid #1c171347;height:15px;margin:7px 0 8px;position:relative}.tuner-mini-meter:before{content:"";background:var(--red);width:1px;position:absolute;top:-1px;bottom:-1px;left:50%}.tuner-mini-meter i{background:#1c171361;height:1px;position:absolute;top:50%;left:7%;right:7%}.tuner-mini-meter b{background:var(--red);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite tuner-dot;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);box-shadow:0 0 0 3px #ff00001f}.collage-808-note>small{z-index:2;color:#6d645c;font-size:8px;position:relative}.collage-hand-note{z-index:7;color:#c9bfb1;letter-spacing:-.02em;opacity:.72;font-family:Courier New,monospace;font-size:10px;line-height:1.45;position:absolute;top:55%;left:46%;transform:rotate(-5deg)}.collage-stamp{z-index:8;color:#aaa095;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05050575;border:1px solid #eee7da40;padding:8px 10px;font-size:9px;line-height:1.25;position:absolute;top:45%;right:5%;transform:rotate(4deg)}.collage-stamp small{color:var(--red);font-size:7px}.collage-tape{z-index:11;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d6c49e42;border:1px solid #ffffff0f;width:76px;height:15px;position:absolute}.tape-a{top:8%;left:23%;transform:rotate(-7deg)}.tape-b{bottom:5%;right:15%;transform:rotate(8deg)}.collage-scribble{z-index:6;fill:none;width:205px;height:92px;stroke:var(--red);stroke-width:1.5px;stroke-linecap:round;opacity:.52;stroke-dasharray:320;stroke-dashoffset:320px;animation:4.8s ease-in-out 1s infinite scribble-draw;position:absolute;top:35%;right:18%;transform:rotate(-7deg)}@keyframes collage-dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes waveform-breathe{0%{opacity:.58;transform:scaleY(.78)}to{opacity:.86;transform:scaleY(1)}}@keyframes tuner-dot{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes scribble-draw{0%,12%{stroke-dashoffset:320px;opacity:0}38%,72%{stroke-dashoffset:0;opacity:.52}90%,to{stroke-dashoffset:0;opacity:0}}html[data-theme=light] .tool-collage{background:radial-gradient(circle at 78% 18%,#ff000012,#0000 28%),linear-gradient(145deg,#d8cebe,#bfb29f 100%)}html[data-theme=light] .collage-hand-note{color:#544b42}html[data-theme=light] .collage-stamp{color:#4e463f;background:#eee6d894;border-color:#17120f52}@media (max-width:900px){.tool-collage{min-height:500px}.collage-analyzer{width:66%}.collage-pitch-note{width:31%}.collage-scale-note{width:52%}.collage-808-note{width:38%}}@media (max-width:620px){.tool-collage{min-height:430px}.collage-index{font-size:8px}.collage-analyzer{width:73%;min-height:220px;padding:13px;top:8%;left:4%}.collage-analyzer-readout strong{font-size:49px}.mini-waveform{height:50px}.collage-pitch-note{width:32%;min-height:128px;padding:11px;top:15%;right:3%}.collage-pitch-note>strong{font-size:39px}.collage-scale-note{width:57%;min-height:145px;padding:12px;bottom:5%;right:3%}.collage-scale-note>strong{font-size:24px}.collage-notes{gap:4px;margin-top:10px}.collage-notes span{min-width:23px;padding:4px;font-size:8px}.collage-808-note{width:40%;min-height:108px;padding:11px;bottom:5%;left:4%}.tuner-mini-line strong{font-size:25px}.collage-hand-note,.collage-scribble,.collage-stamp{display:none}}@media (prefers-reduced-motion:reduce){.collage-live-dot,.mini-waveform i,.tuner-mini-meter b,.collage-scribble{animation:none!important}}.white-key span,.black-key span,.piano-module strong,.piano-module b{font-weight:400!important}.hero-copy h1,.tool-heading h1,.tool-name,.brand-title,.theory-result h2,.not-found-code,.not-found-body h1{font-family:var(--coolvetica);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-weight:400!important}.brand-title,.tool-name-text,.tool-title-text,.hero-word{transform-origin:0;display:inline-block}.brand-title{opacity:.93;transform:scaleX(1.055);letter-spacing:.006em!important;font-size:19px!important}.hero-word{letter-spacing:.006em;transform:scaleX(1.065)}.hero-copy h1{width:94%;color:color-mix(in srgb, var(--ink) 91%, transparent);font-size:clamp(62px,8vw,116px);line-height:.82;letter-spacing:0!important}.tool-heading h1{width:94%;color:color-mix(in srgb, var(--ink) 93%, transparent);font-size:clamp(46px,6.25vw,82px);line-height:.9;letter-spacing:.004em!important}.tool-name{color:color-mix(in srgb, var(--ink) 91%, transparent);font-size:clamp(23px,2.35vw,33px);line-height:1;letter-spacing:.008em!important}.theory-result h2{font-size:clamp(39px,5vw,66px);letter-spacing:.006em!important}.drop-zone strong,.tuner-drop-zone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.favorite-chip strong,.creator-card strong{letter-spacing:.008em;font-weight:400!important}.brand-copy small,.hero-kicker,.hero-readout,.window-bar,.tool-browser-head,.browser-bottom,.tool-page-topline,.tool-heading p,.creator-label,.about-stamp,footer{letter-spacing:.055em}@media (max-width:760px){.brand-title{transform:scaleX(1.04);font-size:18px!important}.hero-copy h1{width:96%;font-size:clamp(58px,20vw,94px)}.hero-word{transform:scaleX(1.04)}.tool-heading h1{width:96%;font-size:clamp(43px,13vw,68px)}.tool-title-text{transform:scaleX(1.035)}.tool-name{font-size:24px}.tool-name-text{transform:scaleX(1.025)}}.brand-title,.hero-copy h1,.tool-heading h1,.tool-name,.theory-result h2,.not-found-code,.not-found-body h1,.drop-zone strong,.tuner-drop-zone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2{font-family:var(--coolvetica)!important;font-weight:300!important}.brand-title{transform:scaleX(1.035);letter-spacing:.025em!important}html,body,button,a,select,input,audio,.drop-zone,.tuner-drop-zone,.loop-midi-drop,[role=button]{cursor:auto!important}button,a,select,.drop-zone,.tuner-drop-zone,.loop-midi-drop,[role=button]{cursor:pointer!important}.cursor-layer,.cursor-dot,.cursor-ring{display:none!important}.tool-browser-head{letter-spacing:.075em;color:color-mix(in srgb, var(--ink-soft) 88%, transparent);font-weight:600;font-size:11px!important}.tool-subtitle{color:color-mix(in srgb, var(--ink-soft) 82%, transparent);line-height:1.35;font-size:12px!important}.tool-heading p,.microcopy,.practical,.browser-bottom,.favorites-note,.tool-page-topline,.creator-label{line-height:1.5;font-size:11px!important}.marquee-group span,.marquee-group b{letter-spacing:.075em;font-size:11px!important;font-weight:600!important}.marquee-track{animation:27s linear infinite marquee-seamless!important}.marquee-group{flex:0 0 max-content}.about-product{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-items:start;gap:15px;margin:44px 0 28px;padding:28px 0 24px;display:grid}.about-copy:after{content:"ptbx"!important}.piano-module.is-wide .piano{min-width:980px;height:196px}.piano-module.is-wide .white-key{flex:1 1 0;min-width:0}.piano-module.is-wide .black-key{width:var(--black-key-width)}.loop-midi-tool{max-width:980px}.loop-midi-drop{border:1px dashed color-mix(in srgb, var(--line-strong) 75%, var(--red) 25%);background:radial-gradient(circle at 76% 26%, color-mix(in srgb, var(--red) 7%, transparent), transparent 27%), var(--surface-2);border-radius:4px;justify-content:space-between;align-items:center;gap:24px;min-height:260px;padding:34px;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.loop-midi-drop:after{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);opacity:.25;height:1px;animation:6.5s ease-in-out infinite midi-scan;position:absolute;top:auto;bottom:21%;left:30%;right:-15%}.loop-midi-drop:hover{border-color:color-mix(in srgb, var(--red) 55%, var(--line-strong) 45%);transform:translateY(-2px)}.loop-midi-drop.is-working{border-style:solid}.loop-midi-drop-copy{z-index:1;gap:8px;display:grid;position:relative}.loop-midi-drop-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(620px,70vw);font-family:var(--coolvetica);letter-spacing:.012em;font-size:clamp(39px,6vw,74px);font-weight:300;line-height:.85;overflow:hidden}.loop-midi-drop-copy small{color:var(--muted);font-size:11px}.loop-midi-plus{font-family:var(--coolvetica);color:var(--red);opacity:.8;font-size:clamp(68px,9vw,116px);font-weight:300;line-height:.7;transition:transform .3s}.loop-midi-drop:hover .loop-midi-plus{transform:rotate(8deg)scale(1.04)}.loop-midi-status{min-height:24px;color:var(--muted);justify-content:space-between;gap:20px;margin-top:12px;font-size:11px;display:flex}.loop-midi-progress{background:var(--hairline);height:2px;overflow:hidden}.loop-midi-progress i{background:var(--red);height:100%;transition:width .18s linear;display:block}.loop-midi-result{border-top:1px solid var(--line);margin-top:44px;padding-top:24px}.midi-result-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.midi-result-head h2{margin:6px 0 0;font-size:clamp(42px,6vw,76px);line-height:.85}.midi-range{text-align:right;color:var(--ink-soft);gap:5px;font-size:12px;display:grid}.midi-range small{color:var(--muted);font-size:10px}.midi-roll{border:1px solid var(--line);background:repeating-linear-gradient(0deg, transparent 0 20px, var(--hairline) 20px 21px), repeating-linear-gradient(90deg, transparent 0 12.5%, var(--hairline) 12.5% calc(12.5% + 1px)), #090807;border-radius:3px;height:210px;margin-top:22px;position:relative;overflow:hidden}html[data-theme=light] .midi-roll{background-color:#241e1a}.midi-roll i{background:#d9cec0;border-radius:1px;min-width:3px;height:7px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #00000040}.midi-roll i:nth-child(3n){background:var(--red)}.midi-note-strip{flex-wrap:wrap;gap:5px;min-height:40px;padding:10px 0;display:flex}.midi-note-strip span{border:1px solid var(--line);color:var(--ink-soft);border-radius:2px;padding:5px 7px;font-size:10px}.midi-export-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;margin-top:14px;padding-top:16px;display:flex}.midi-export-bar label{width:160px}.midi-export-bar input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:2px;margin-top:7px;padding:11px 12px;font:13px Courier New,monospace}.midi-download{border:1px solid var(--red);background:var(--red);color:#fff8f3;letter-spacing:.06em;border-radius:2px;min-width:190px;padding:13px 16px;font:11px Courier New,monospace;transition:transform .18s,filter .18s}.midi-download:hover{filter:brightness(1.08);transform:translateY(-2px)}.mini-midi-grid{background:repeating-linear-gradient(0deg,#0000 0 11px,#32261e12 11px 12px);border-top:1px solid #32261e26;border-bottom:1px solid #32261e26;height:48px;margin:11px 0 8px;position:relative}.mini-midi-grid i{left:calc(var(--x) * 1%);top:calc(var(--y) * 9px);width:calc(var(--w) * 1%);background:#9f1612;border-radius:1px;height:5px;position:absolute}.collage-midi-note>strong{color:#9f1612}footer{opacity:.62;letter-spacing:.11em!important;font-size:8px!important}@keyframes midi-scan{0%,to{opacity:.08;transform:translate(-18%)}50%{opacity:.34;transform:translate(18%)}}@media (max-width:760px){.tool-subtitle{font-size:11px!important}.tool-browser-head,.marquee-group span,.marquee-group b{font-size:10px!important}.loop-midi-drop{min-height:220px;padding:24px 18px}.loop-midi-drop-copy strong{max-width:72vw;font-size:43px}.loop-midi-plus{font-size:72px}.midi-result-head{flex-direction:column;align-items:start}.midi-range{text-align:left}.midi-roll{height:180px}.midi-export-bar{flex-direction:column;align-items:stretch}.midi-export-bar label,.midi-download{width:100%}.piano-module.is-wide .piano{min-width:900px}}@media (prefers-reduced-motion:reduce){.loop-midi-drop:after{animation:none!important}}.brand-title,.hero-copy h1,.tool-heading h1,.tool-name,.theory-result h2,.not-found-code,.not-found-body h1,.drop-zone strong,.tuner-drop-zone strong,.audio-dropzone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2{-webkit-text-stroke:.22px currentColor;paint-order:stroke fill;font-family:var(--coolvetica)!important;font-weight:300!important}.audio-dropzone{border:1px dashed color-mix(in srgb, var(--line-strong) 78%, var(--red) 22%);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-2) 95%, var(--red) 5%), var(--surface-2));border-radius:4px;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;width:min(920px,100%);min-height:205px;margin-top:26px;padding:30px 32px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background-color .22s;display:grid;position:relative;overflow:hidden}.audio-dropzone:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--red) 72%, transparent), transparent);opacity:.34;height:2px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;top:0;left:0;right:0;transform:translate(-48%)}.audio-dropzone:hover,.audio-dropzone.is-dragging{border-color:color-mix(in srgb, var(--red) 56%, var(--line-strong) 44%);transform:translateY(-2px)}.audio-dropzone:hover:before,.audio-dropzone.is-dragging:before{opacity:.7;transform:translate(34%)}.audio-dropzone.is-busy{border-style:solid;cursor:progress!important}.audio-dropzone-copy{z-index:1;align-content:center;gap:7px;min-width:0;display:grid;position:relative}.audio-dropzone-eyebrow{width:-moz-fit-content;width:fit-content;color:var(--red);letter-spacing:.11em;font:10px/1.1 Courier New,ui-monospace,monospace}.audio-dropzone strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.015em;max-width:100%;font-size:clamp(35px,5vw,63px);line-height:.88;overflow:hidden}.audio-dropzone small{color:var(--ink-soft);letter-spacing:.02em;font:11px/1.4 Courier New,ui-monospace,monospace}.audio-dropzone em{color:var(--muted);letter-spacing:.025em;font:10px/1.35 Courier New,ui-monospace,monospace}.audio-dropzone-glyph{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--line-strong) 80%, var(--red) 20%);width:clamp(68px,8vw,96px);color:var(--red);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:50%;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .2s;display:grid}.audio-dropzone-glyph span{font-family:var(--coolvetica);font-size:clamp(42px,5vw,62px);font-weight:300;line-height:.7;transform:translateY(-2px)}.audio-dropzone:hover .audio-dropzone-glyph{border-color:var(--red);transform:rotate(6deg)scale(1.03)}.audio-dropzone.is-busy .audio-dropzone-glyph span{letter-spacing:.08em;font-family:Courier New,monospace;font-size:24px}.audio-dropzone-progress{background:var(--hairline);height:2px;position:absolute;bottom:0;left:0;right:0}.audio-dropzone-progress i{background:var(--red);height:100%;transition:width .18s linear;display:block}.tuner-upload-section,.loop-midi-tool{width:min(980px,100%)}.tuner-upload-section{margin-top:0}.loop-midi-status{width:min(920px,100%);min-height:22px;margin-top:10px}.loop-midi-status.is-error{color:color-mix(in srgb, var(--red) 74%, var(--ink) 26%)}.about-product{gap:12px;margin:38px 0 26px;padding:24px 0 22px}@media (max-width:760px){.brand-title,.hero-word{transform:scaleX(1.06)}.tool-title-text{transform:scaleX(1.055)}.tool-name-text{transform:scaleX(1.045)}.audio-dropzone{grid-template-columns:1fr auto;gap:16px;min-height:178px;padding:24px 20px}.audio-dropzone strong{font-size:clamp(31px,10.5vw,44px)}.audio-dropzone-glyph{width:62px}.audio-dropzone-glyph span{font-size:42px}.audio-dropzone small{font-size:10px}.audio-dropzone em{font-size:9px}}@media (prefers-reduced-motion:reduce){.audio-dropzone,.audio-dropzone:before,.audio-dropzone-glyph{transition:none!important}}.audio-dropzone-progress.is-indeterminate i{width:28%;animation:1.05s ease-in-out infinite shared-upload-indeterminate}@keyframes shared-upload-indeterminate{0%{transform:translate(-120%)}55%{transform:translate(190%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.audio-dropzone-progress.is-indeterminate i{width:35%;animation:none!important}}:root{--red:red;--red-dark:#a80000;--red-soft:#ff00001f}html[data-theme=light]{--red:red;--red-dark:#a80000;--red-soft:#ff00001a}.audio-dropzone-glyph span{font-size:clamp(48px,5.7vw,70px)!important}.loop-midi-status{width:min(1020px,100%)!important}.result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.result-actions button{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 94%, transparent);color:var(--ink-soft);letter-spacing:.035em;text-transform:lowercase;cursor:pointer;border-radius:2px;padding:10px 13px;font:10px/1 Courier New,ui-monospace,monospace;transition:transform .18s,color .18s,border-color .18s,background-color .18s}.result-actions button:hover{color:var(--ink);border-color:color-mix(in srgb, var(--red) 52%, var(--line-strong));transform:translateY(-1px)}.result-actions .workflow-action{color:var(--red)}.theory-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.analyzer-insights,.loop-feature-grid{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 82%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;display:grid}.analyzer-insights>span,.loop-feature-grid>span{border-right:1px solid var(--line);gap:6px;min-width:0;padding:13px 14px;display:grid}.analyzer-insights>span:last-child,.loop-feature-grid>span:last-child{border-right:0}.analyzer-insights small,.loop-feature-grid small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font:9px/1.2 Courier New,ui-monospace,monospace}.analyzer-insights b,.loop-feature-grid b{text-overflow:ellipsis;color:var(--ink);white-space:nowrap;font:400 12px/1.2 Courier New,ui-monospace,monospace;overflow:hidden}.loop-feature-grid em{color:var(--muted);font:9px/1.2 Courier New,ui-monospace,monospace}.midi-export-bar label>span{align-items:baseline;gap:8px;display:flex}.midi-export-bar label>span small{color:var(--muted);text-transform:lowercase;font-size:8px;font-weight:400}.white-key,.black-key{cursor:pointer;-webkit-user-select:none;user-select:none}.white-key:active{filter:brightness(.93);transform:translateY(2px)}.black-key:active{filter:brightness(1.2);transform:translateY(1px)}.white-key:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.black-key:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.global-drop-overlay{z-index:5000;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505b3;place-items:center;padding:24px;animation:.18s both global-drop-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.global-drop-overlay:before{content:"";border:1px dashed #f00c;position:absolute;top:20px;bottom:20px;left:20px;right:20px;box-shadow:inset 0 0 0 1px #ffffff0a}.global-drop-overlay>div{text-align:center;gap:8px;display:grid;position:relative}.global-drop-overlay span,.global-drop-overlay small{color:#b7afa5;letter-spacing:.08em;text-transform:lowercase;font:10px/1.2 Courier New,ui-monospace,monospace}.global-drop-overlay strong{color:#fff;font-family:var(--coolvetica);-webkit-text-stroke:.3px currentColor;font-size:clamp(48px,8vw,100px);font-weight:300;transform:scaleX(1.08)}@keyframes global-drop-in{0%{opacity:0}to{opacity:1}}.easter-toast{z-index:6000;color:#eee7da;background:#080807;border:1px solid #ff00009e;width:min(360px,100vw - 32px);padding:16px 18px;animation:.32s cubic-bezier(.18,.78,.2,1) both easter-pop;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #00000059}.easter-toast span{color:red;letter-spacing:.1em;font-size:9px}.easter-toast pre{color:#f2ece1;white-space:pre-wrap;margin:12px 0 8px;font:11px/1.2 Courier New,monospace;overflow:hidden}.easter-toast small{color:#8f867b;font-size:9px}@keyframes easter-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.brand-title{transform:scaleX(1.075)!important}.hero-word{transform:scaleX(1.08)!important}.tool-title-text{transform:scaleX(1.07)!important}.tool-name-text{transform:scaleX(1.06)!important}.audio-dropzone{gap:18px!important;min-height:195px!important;padding:28px 22px!important}.audio-dropzone strong{font-size:clamp(33px,11vw,47px)!important}.audio-dropzone-glyph{width:68px!important}.audio-dropzone-glyph span{font-size:46px!important}.analyzer-insights,.loop-feature-grid{grid-template-columns:1fr 1fr}.analyzer-insights>span:nth-child(2),.loop-feature-grid>span:nth-child(2){border-right:0}.analyzer-insights>span:nth-child(-n+2),.loop-feature-grid>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.result-actions{align-items:stretch}.result-actions button{flex:auto}.theory-actions{justify-content:flex-start}.easter-toast{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.global-drop-overlay,.easter-toast{animation:none!important}}.brand-title,.hero-copy h1,.tool-heading h1,.tool-name,.theory-result h2,.not-found-code,.not-found-body h1,.audio-dropzone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2{paint-order:stroke fill;-webkit-text-stroke:.36px currentColor!important}.brand-title{transform:scaleX(1.115)!important}.hero-word{transform:scaleX(1.125)!important}.tool-title-text{transform:scaleX(1.115)!important}.tool-name-text{transform:scaleX(1.095)!important}.audio-dropzone{gap:42px!important;width:min(1080px,100%)!important;min-height:276px!important;padding:44px 46px!important}.audio-dropzone-copy{gap:9px!important}.audio-dropzone strong{font-size:clamp(40px,5.5vw,70px)!important}.loop-midi-tool{width:100%!important;max-width:1120px!important}.tuner-upload-section,.loop-midi-status{width:min(1080px,100%)!important}.white-key,.black-key{transition:background .16s,color .16s,transform 80ms,box-shadow .16s,height .16s!important;animation:none!important}.white-key.active,.black-key.active{animation:none!important}.white-key.is-pressed{transform:translateY(3px)!important;box-shadow:inset 0 3px 8px #261a1429!important}.black-key.is-pressed{transform:translate(-50%)translateY(3px)!important;box-shadow:0 2px 4px #00000047,inset 0 2px 3px #ffffff08!important}.secret-overlay{z-index:7000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040403b8;place-items:center;padding:22px;animation:.24s both secret-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.secret-machine{color:#eee7da;background:#0b0a09;border:1px solid #ff00008f;border-radius:4px;width:min(560px,100%);animation:.34s cubic-bezier(.16,.82,.2,1) both secret-machine-in;overflow:hidden;box-shadow:0 28px 90px #0000007a}.secret-topline,.secret-foot{color:#948a7f;letter-spacing:.06em;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 13px;font:10px/1 Courier New,ui-monospace,monospace;display:flex}.secret-topline button{-webkit-appearance:none;appearance:none;color:#eee7da;cursor:pointer;background:0 0;border:0;font-size:20px}.secret-screen{text-align:center;background:radial-gradient(circle,#ff00001c,#0000 46%),#080807;place-content:center;gap:7px;min-height:155px;padding:24px;display:grid}.secret-screen span{color:red;letter-spacing:.14em;font:9px/1 Courier New,monospace}.secret-screen strong{font-family:var(--coolvetica);-webkit-text-stroke:.34px currentColor;font-size:clamp(34px,7vw,54px);font-weight:300;transform:scaleX(1.09)}.secret-screen i{color:#c8bfb4;letter-spacing:.12em;font:12px/1 Courier New,monospace;animation:1.7s ease-in-out infinite alternate secret-wave}.secret-pads{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;display:grid}.secret-pads button{color:#eee7da;cursor:pointer;background:#141210;border:1px solid #ffffff21;border-radius:3px;place-content:center;gap:8px;min-height:105px;transition:transform 80ms,border-color .14s,background .14s;display:grid}.secret-pads button:hover{border-color:#ff000094}.secret-pads button.is-hit{background:#ff000024;border-color:red;transform:translateY(3px)scale(.985)}.secret-pads button span{color:#776f67;font:9px/1 Courier New,monospace}.secret-pads button strong{font-family:var(--coolvetica);-webkit-text-stroke:.28px currentColor;font-size:25px;font-weight:300;transform:scaleX(1.06)}.secret-foot{border-top:1px solid #ffffff1c;border-bottom:0}.tool-crash-state{border:1px solid color-mix(in srgb, var(--red) 58%, var(--line));background:color-mix(in srgb, var(--surface-2) 94%, var(--red) 6%);max-width:760px;margin:28px 0 8px;padding:24px}.tool-crash-state>span{color:var(--red);letter-spacing:.08em;font-size:10px}.tool-crash-state strong{font-family:var(--coolvetica);-webkit-text-stroke:.3px currentColor;transform-origin:0;margin-top:10px;font-size:34px;font-weight:300;display:block;transform:scaleX(1.06)}.tool-crash-state p{max-width:620px;color:var(--muted);font-size:12px;line-height:1.6}.tool-crash-state button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:10px 12px}@keyframes secret-fade{0%{opacity:0}to{opacity:1}}@keyframes secret-machine-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:none}}@keyframes secret-wave{0%{opacity:.55;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1.04)}}@media (max-width:760px){.brand-title{transform:scaleX(1.09)!important}.hero-word{transform:scaleX(1.095)!important}.tool-title-text{transform:scaleX(1.085)!important}.tool-name-text{transform:scaleX(1.075)!important}.audio-dropzone{gap:20px!important;min-height:225px!important;padding:32px 24px!important}.secret-pads{grid-template-columns:repeat(2,1fr)}.secret-pads button{min-height:86px}}@media (prefers-reduced-motion:reduce){.secret-overlay,.secret-machine,.secret-screen i{animation:none!important}}:root{font-synthesis:weight}.brand-title,.hero-copy h1,.tool-heading h1,.tool-name,.theory-result h2,.not-found-code,.not-found-body h1,.audio-dropzone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.loop-feature-grid b,.metadata-row b,.target-note-controls strong{paint-order:stroke fill;-webkit-text-stroke:.48px currentColor!important;font-weight:600!important}.brand-title{transform-origin:0;transform:scaleX(1.14)!important}.tool-body :is(.theory-result h2,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.loop-feature-grid b,.metadata-row b,.target-note-controls strong,.note-string,.cents-meter>span,.midi-range>span){font-weight:600!important}.tool-body :is(.theory-result h2,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.target-note-controls strong){transform-origin:0;display:inline-block;transform:scaleX(1.07)}.tool-body .note-string{letter-spacing:.025em;font-weight:600!important}.tool-body.audio-tool-layout,.tool-body.loop-midi-tool,.tool-body.tuner-tool,.tuner-upload-section,.loop-midi-status{width:100%!important;max-width:none!important}.audio-dropzone{gap:44px!important;width:100%!important;max-width:none!important;min-height:294px!important;padding:48px 50px!important}.audio-dropzone-copy{max-width:100%}.audio-dropzone strong{letter-spacing:.01em!important;font-size:clamp(42px,5.65vw,72px)!important;line-height:.9!important}.audio-dropzone-glyph{width:clamp(88px,9vw,116px)!important}.audio-dropzone-glyph span{-webkit-text-stroke:.3px currentColor;font-weight:600!important}.analysis-stages{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 95%, transparent);width:100%;margin-top:12px;padding:11px 13px 10px}.analysis-stage-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.analysis-stage-list>span{min-width:0;color:var(--muted);letter-spacing:.025em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font:9px/1.2 Courier New,ui-monospace,monospace;display:flex;overflow:hidden}.analysis-stage-list>span>i{border:1px solid var(--line);width:18px;height:18px;color:var(--muted-2);border-radius:50%;flex:0 0 18px;place-items:center;font-size:8px;font-style:normal;display:grid}.analysis-stage-list>span.is-active{color:var(--ink)}.analysis-stage-list>span.is-active>i{border-color:var(--red);color:var(--red);box-shadow:0 0 10px #ff00002e}.analysis-stage-list>span.is-done{color:var(--ink-soft)}.analysis-stage-list>span.is-done>i{background:var(--red);border-color:var(--red);color:#fff}.analysis-stage-progress{background:var(--hairline);height:2px;margin-top:10px;overflow:hidden}.analysis-stage-progress i{background:var(--red);height:100%;transition:width .18s linear;display:block}.analysis-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.analysis-diagnostics details,.pitch-diagnostic{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent)}.analysis-diagnostics summary,.pitch-diagnostic summary{cursor:pointer;min-height:38px;color:var(--muted);letter-spacing:.03em;align-items:center;gap:8px;padding:0 11px;font:9px/1 Courier New,ui-monospace,monospace;list-style:none;display:flex}.analysis-diagnostics summary::-webkit-details-marker{display:none}.pitch-diagnostic summary::-webkit-details-marker{display:none}.analysis-diagnostics summary b{color:var(--ink);margin-left:auto;font-weight:700}.analysis-diagnostics summary i{color:var(--red);font-style:normal}.analysis-diagnostics p,.pitch-diagnostic p{color:var(--muted);margin:0;padding:0 11px 11px;font-size:10px;line-height:1.55}.analysis-diagnostics.is-compact{margin:8px 0 2px}.pitch-diagnostic{margin-top:13px}.pitch-diagnostic summary>i{background:var(--red);border-radius:50%;width:6px;height:6px}.pitch-diagnostic summary span{color:var(--red);margin-left:auto}.tool-message{border:1px solid var(--line);background:var(--surface-2);align-items:flex-start;gap:12px;width:100%;margin-top:12px;padding:14px 15px;display:flex}.tool-message>span{border:1px solid var(--red);width:25px;height:25px;color:var(--red);flex:0 0 25px;place-items:center;font-weight:700;display:grid}.tool-message strong{color:var(--ink);font-size:13px;display:block;font-weight:700!important}.tool-message p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.tool-message.is-error{border-color:color-mix(in srgb, var(--red) 38%, var(--line))}.loop-midi-status.is-done{color:var(--muted);justify-content:space-between;display:flex}.audio-wave-player{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 97%, transparent);width:100%;margin-top:18px;padding:13px 14px 15px}.audio-wave-player audio{display:none}.audio-wave-player-head{min-height:30px;color:var(--muted);align-items:center;gap:11px;font:9px/1 Courier New,ui-monospace,monospace;display:flex}.audio-wave-player-head>button{border:1px solid var(--line-strong);width:29px;height:29px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.audio-wave-player-meta{align-items:center;gap:12px;max-width:50%;margin-left:auto;display:flex;overflow:hidden}.audio-wave-player-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.audio-waveform{-webkit-appearance:none;appearance:none;cursor:crosshair;background:0 0;border:0;align-items:center;gap:2px;width:100%;height:84px;margin-top:10px;padding:8px 2px;display:flex;overflow:hidden}.audio-waveform>span{background:color-mix(in srgb, var(--ink-soft) 50%, transparent);flex:1px;min-width:1px;max-width:4px;transition:background .12s}.audio-waveform>span.is-played{background:var(--red)}.white-key span,.black-key span{z-index:4;letter-spacing:-.02em;text-shadow:none!important;font-family:Courier New,ui-monospace,monospace!important;font-weight:700!important}.white-key span.octave-note{background:#ffffff94;border-radius:2px;padding:2px 3px;color:#17120f!important;font-size:10px!important;bottom:9px!important}.white-key.active span,.white-key.root span{color:#2b1614!important}.black-key.active span,.black-key.root span{color:#fff!important}.piano-module.is-wide .black-key span{font-size:7px!important}.brand-copy{align-items:center;gap:8px;min-width:0;display:flex!important}.beta-badge{min-height:17px;color:var(--red);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ff000085;place-items:center;padding:0 6px;font:8px/1 Courier New,ui-monospace,monospace;display:inline-grid}.install-app-button{-webkit-appearance:none;appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;min-height:31px;padding:0 10px;font-size:9px;transition:border-color .18s,color .18s,transform .18s}.install-app-button:hover{color:var(--ink);border-color:var(--red);transform:translateY(-1px)}.toast-stack{z-index:9000;pointer-events:none;gap:7px;width:min(320px,100vw - 28px);display:grid;position:fixed;bottom:20px;right:20px}.toast-item{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 96%, #000 4%);min-height:43px;color:var(--ink);align-items:center;gap:10px;padding:9px 12px;font:10px/1.35 Courier New,ui-monospace,monospace;animation:.22s cubic-bezier(.18,.78,.2,1) both toast-in;display:flex;box-shadow:0 15px 40px #00000042}.toast-item>i{background:var(--muted);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.toast-item.tone-success>i{background:var(--red);box-shadow:0 0 8px #ff000059}.toast-item.tone-error{border-color:#ff000085}.toast-item.tone-error>i{background:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.secret-sequencer{width:min(760px,100%)!important}.secret-sequencer .secret-screen{min-height:178px;padding-bottom:17px}.secret-transport{justify-content:center;align-items:center;gap:8px;width:min(620px,100%);margin:9px auto 0;display:flex}.secret-transport>button{color:#eee7da;cursor:pointer;background:#141210;border:1px solid #ffffff24;min-height:31px;padding:0 10px;font:9px/1 Courier New,monospace}.secret-transport>button:first-child{color:#fff;border-color:#ff00009e}.secret-transport label{color:#827970;align-items:center;gap:7px;font:8px/1 Courier New,monospace;display:flex}.secret-transport input[type=range]{accent-color:red;width:110px}.secret-transport b{color:#eee7da;min-width:24px;font-weight:700}.secret-grid{gap:8px;padding:13px 14px 15px;display:grid}.secret-track{grid-template-columns:82px minmax(0,1fr);gap:8px;display:grid}.secret-track-label{color:#eee7da;cursor:pointer;background:#141210;border:1px solid #ffffff21;place-content:center;gap:4px;min-height:56px;display:grid}.secret-track-label.is-hit{background:#ff00001f;border-color:red;transform:translateY(2px)}.secret-track-label span{color:#776f67;font:8px/1 Courier New,monospace}.secret-track-label strong{font-family:var(--coolvetica);-webkit-text-stroke:.35px currentColor;font-size:21px;transform:scaleX(1.08);font-weight:600!important}.secret-steps{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.secret-steps button{color:#625b54;cursor:pointer;background:#100f0e;border:1px solid #ffffff1c;min-width:0;min-height:56px;transition:transform 80ms,background .12s,border-color .12s;position:relative}.secret-steps button span{font:7px/1 Courier New,monospace;position:absolute;bottom:4px;right:4px}.secret-steps button.is-on{color:#c8bfb4;background:#ff000029;border-color:#ff0000a3}.secret-steps button.is-current{box-shadow:inset 0 -3px red}.secret-steps button.is-on.is-current{background:#ff000047}@media (max-width:900px){.analysis-stage-list{grid-template-columns:1fr 1fr}.secret-track{grid-template-columns:66px minmax(0,1fr)}.secret-steps{gap:3px}.secret-steps button{min-height:48px}}@media (max-width:760px){.brand-title{transform:scaleX(1.11)!important}.hero-word{transform:scaleX(1.115)!important}.tool-title-text{transform:scaleX(1.105)!important}.tool-name-text{transform:scaleX(1.09)!important}.audio-dropzone{gap:18px!important;min-height:236px!important;padding:34px 24px!important}.analysis-diagnostics{grid-template-columns:1fr}.audio-wave-player-meta{gap:6px;max-width:42%}.audio-waveform{height:68px}.install-app-button{min-height:29px;padding:0 8px;font-size:8px}.beta-badge{padding-inline-start:5px;padding-inline-end:5px;font-size:7px}.toast-stack{bottom:14px;right:14px}.secret-sequencer .secret-screen{min-height:190px}.secret-transport{flex-wrap:wrap}.secret-track{grid-template-columns:54px minmax(0,1fr)}.secret-track-label strong{font-size:17px}.secret-steps button{min-height:42px}}@media (prefers-reduced-motion:reduce){.toast-item{animation:none!important}}.collage-analyzer-readout strong,.collage-key b,.collage-scale-note>strong,.collage-pitch-note>strong,.tuner-mini-line strong,.secret-screen strong,.secret-track-label strong,.tool-crash-state strong{-webkit-text-stroke:.38px currentColor!important;font-weight:600!important}.collage-analyzer-readout strong,.collage-scale-note>strong,.collage-pitch-note>strong,.tuner-mini-line strong{transform-origin:0;display:inline-block;transform:scaleX(1.07)}.tool-body strong{font-weight:600!important}.brand-title{margin-right:18px}@media (max-width:760px){.brand-title{margin-right:11px}}:root{--display-font:"Helvetica Neue", Helvetica, Arial, sans-serif;--ui-mono:Consolas, "SFMono-Regular", "Liberation Mono", Menlo, monospace;--coolvetica:var(--display-font)}.brand-title,.hero-copy h1,.tool-heading h1,.tool-name,.theory-result h2,.not-found-code,.not-found-body h1,.audio-dropzone strong,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.metadata-row b,.loop-feature-grid b,.target-note-controls strong,.collage-analyzer-readout strong,.collage-key b,.collage-scale-note>strong,.collage-pitch-note>strong,.tuner-mini-line strong,.secret-screen strong,.secret-track-label strong,.tool-crash-state strong{font-family:var(--display-font)!important;-webkit-text-stroke:0!important;paint-order:normal!important;font-weight:500!important}.brand-title{transform-origin:0;display:inline-block;letter-spacing:-.018em!important;margin-right:8px!important;transform:scaleX(1.085)!important}.hero-copy h1{letter-spacing:-.016em!important;line-height:.79!important}.hero-word{transform-origin:0;display:inline-block;transform:scaleX(1.085)!important}.tool-heading h1{letter-spacing:-.018em!important}.tool-title-text{transform-origin:0;display:inline-block;transform:scaleX(1.08)!important}.tool-name{letter-spacing:-.01em!important}.tool-name-text{transform-origin:0;display:inline-block;transform:scaleX(1.065)!important}.tool-body :is(select,input,button,.note-string,.cents-meter>span,.midi-range>span,.metadata-row b,.loop-feature-grid b){font-weight:500!important}.tool-body :is(label>span,.eyebrow,.audio-dropzone-eyebrow,.analysis-stage-list>span,.analysis-diagnostics summary,.pitch-diagnostic summary){font-family:var(--ui-mono)!important;font-weight:600!important}.tool-body :is(.metadata-row small,.loop-feature-grid small,.loop-feature-grid em,.audio-dropzone small,.audio-dropzone em){font-family:var(--ui-mono)!important;font-weight:500!important}.tool-body :is(.theory-result h2,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.target-note-controls strong){transform:scaleX(1.055)!important}.hero-copy h1 br{line-height:1}.hero-copy p{margin-left:3px!important}.hero-copy:after,.about-copy:after{content:""!important;display:none!important}.beta-badge{opacity:.72;border-color:color-mix(in srgb, var(--red) 34%, transparent)!important;min-height:11px!important;font:600 6px/1 var(--ui-mono)!important;letter-spacing:.045em!important;padding:1px 3px 0!important}.install-app-button{min-height:28px!important;font:600 8px/1 var(--ui-mono)!important;padding:0 8px!important}.install-nudge{z-index:8800;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 97%, #000 3%);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(390px,100vw - 28px);padding:11px;animation:.24s cubic-bezier(.18,.78,.2,1) both install-nudge-in;display:grid;position:fixed;bottom:78px;right:20px;box-shadow:0 18px 54px #00000047}.install-nudge-mark{background:var(--red);color:#fff;width:42px;height:42px;font:500 21px/1 var(--display-font);place-items:center;display:grid;transform:scaleX(1.06)}.install-nudge-copy{gap:4px;min-width:0;display:grid}.install-nudge-copy strong{font:500 15px/1.05 var(--display-font);letter-spacing:-.01em}.install-nudge-copy span{color:var(--muted);font:9px/1.25 var(--ui-mono)}.install-nudge-actions{gap:5px;display:flex}.install-nudge-actions button{border:1px solid var(--line);color:var(--ink-soft);font:600 8px/1 var(--ui-mono);cursor:pointer;background:0 0;padding:8px 9px}.install-nudge-actions button.is-primary{border-color:var(--red);color:var(--ink)}.install-nudge-actions button:hover{color:var(--ink);border-color:var(--red)}@keyframes install-nudge-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.tool-body.audio-tool-layout,.tool-body.loop-midi-tool,.tool-body.tuner-tool,.loop-midi-tool,.tuner-upload-section,.loop-midi-status{width:100%!important;max-width:none!important}.loop-midi-tool>.audio-dropzone,.audio-tool-layout>.audio-dropzone,.tuner-upload-section>.audio-dropzone{justify-self:stretch!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.audio-dropzone{min-height:306px!important;padding:50px 52px!important}.audio-dropzone-copy{width:100%}.audio-dropzone strong{transform-origin:0;transform:scaleX(1.055);letter-spacing:-.01em!important;font-size:clamp(40px,5.3vw,68px)!important;line-height:.94!important}.white-key span,.black-key span{font-family:var(--ui-mono)!important;font-weight:700!important}.white-key span{color:#27211d!important;font-size:9px!important}.white-key span.octave-note{text-align:center;border:1px solid #ffffff29;min-width:26px;color:#fff!important;background:#110e0cdb!important;padding:3px 4px!important;font-size:11px!important;line-height:1!important;bottom:8px!important}.white-key.active span.octave-note,.white-key.root span.octave-note{color:#fff!important;background:#7c1713!important}.black-key span{color:#f3ece2!important;font-size:8px!important}html[data-theme=light] .tool-row:hover{color:var(--ink)!important;background:#ff00000e!important}html[data-theme=light] .tool-row:hover .tool-subtitle{color:var(--ink-soft)!important}html[data-theme=light] .tool-row:hover .tool-name{color:var(--ink)!important}html[data-theme=light] .tool-row:hover .tool-number,html[data-theme=light] .tool-row:hover .tool-arrow{color:var(--red)!important}html[data-theme=light] .favorite-toggle:hover,html[data-theme=light] .favorite-chip:hover,html[data-theme=light] .result-actions button:hover,html[data-theme=light] .text-action:hover,html[data-theme=light] .install-app-button:hover{color:var(--ink)!important;background:#ff00000b!important}html[data-theme=light] .toast-item,html[data-theme=light] .install-nudge{color:#17120f!important;background:#f4ecdf!important}html[data-theme=light] .analysis-stages,html[data-theme=light] .analysis-diagnostics details,html[data-theme=light] .pitch-diagnostic,html[data-theme=light] .audio-wave-player{background:#ebe1d2!important}.brand-mark{position:relative}.brand-mark.secret-progress-1{animation:.38s cubic-bezier(.2,.8,.2,1) secret-logo-one}.brand-mark.secret-progress-2{animation:.42s cubic-bezier(.2,.8,.2,1) secret-logo-two}.brand-mark.secret-progress-1:after,.brand-mark.secret-progress-2:after{content:"";width:6px;height:6px;box-shadow:0 0 0 3px var(--red), 0 0 16px #ff00008c;background:#fff;border-radius:50%;position:absolute;top:-4px;right:-4px}.brand-mark.secret-progress-2:before{content:"";border:1px dashed #ff0000b8;animation:.8s linear infinite secret-ring;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes secret-logo-one{45%{transform:translateY(-2px)rotate(-3deg)scale(1.07)}}@keyframes secret-logo-two{30%{transform:rotate(4deg)scale(1.08)}65%{transform:rotate(-3deg)scale(1.05)}}@keyframes secret-ring{to{transform:rotate(180deg)}}.secret-overlay{cursor:default}.secret-topline button{min-width:30px;min-height:30px}.offline-overlay{z-index:9500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060505d6;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.offline-window{border:1px solid var(--line-strong);background:var(--surface);width:min(720px,100%);box-shadow:14px 14px #00000047}.offline-body{padding:52px 44px 44px}.offline-signal{border:1px solid var(--red);width:43px;height:43px;color:var(--red);font:500 24px/1 var(--display-font);place-items:center;margin-bottom:32px;display:grid}.offline-body small{color:var(--red);font:600 9px/1 var(--ui-mono);letter-spacing:.1em;text-transform:uppercase}.offline-body h1{font:500 clamp(50px, 9vw, 88px)/.88 var(--display-font);letter-spacing:-.018em;transform-origin:0;margin:10px 0 0;transform:scaleX(1.07)}.offline-body p{max-width:540px;color:var(--muted);font:10px/1.65 var(--ui-mono);margin:28px 0 0}.offline-actions{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.offline-actions button{border:1px solid var(--line-strong);color:var(--ink);font:600 9px/1 var(--ui-mono);cursor:pointer;background:0 0;padding:10px 12px}.offline-actions button:hover{border-color:var(--red)}.microcopy{color:var(--muted)!important;font:500 9px/1.45 var(--ui-mono)!important}.browser-bottom{font-size:8px!important}.hero-readout{grid-template-columns:auto auto!important}.hero-readout span{font-family:var(--ui-mono)}@media (max-width:760px){.brand-title{margin-right:5px!important;transform:scaleX(1.06)!important}.hero-word{transform:scaleX(1.06)!important}.tool-title-text{transform:scaleX(1.055)!important}.tool-name-text{transform:scaleX(1.045)!important}.audio-dropzone{min-height:246px!important;padding:34px 24px!important}.install-nudge{grid-template-columns:38px minmax(0,1fr);bottom:68px;right:14px}.install-nudge-mark{width:38px;height:38px}.install-nudge-actions{grid-column:1/-1;justify-content:flex-end}.offline-body{padding:42px 24px 34px}}@media (prefers-reduced-motion:reduce){.install-nudge,.brand-mark.secret-progress-1,.brand-mark.secret-progress-2,.brand-mark.secret-progress-2:before{animation:none!important}}:root{--display-font:Arial, Helvetica, sans-serif;--display-weight:600}.brand-title,.tool-title-text,.tool-name-text,.audio-dropzone strong,.mix-metric-card strong,.mix-band strong,.mix-diagnostic strong,.install-modal h2,.reference-ab-switch button{font-family:var(--display-font)!important;font-weight:var(--display-weight)!important}.brand-title{transform-origin:0;letter-spacing:.005em!important;margin-right:14px!important;transform:scaleX(1.1)scaleY(1.035)!important}.hero-copy h1{letter-spacing:.01em!important;gap:.09em!important;line-height:1!important;display:grid!important;overflow:visible!important}.hero-word{width:max-content;max-width:100%;font-family:var(--display-font)!important;letter-spacing:.012em!important;transform-origin:0!important;-webkit-text-stroke:0!important;font-weight:600!important;line-height:.87!important;display:block!important;transform:scaleX(1.105)scaleY(1.045)!important}.tool-title-text{transform-origin:0;letter-spacing:.002em;transform:scaleX(1.09)scaleY(1.035)!important}.tool-name-text{transform-origin:0;letter-spacing:.005em;transform:scaleX(1.07)scaleY(1.025)!important}.tool-body :is(.theory-result h2,.delay-readout strong,.tempo-value strong,.key-value strong,.tuner-readout strong,.midi-result-head h2,.target-note-controls strong,.metadata-row b,.loop-feature-grid b){transform-origin:0;font-weight:600!important;transform:scaleX(1.045)scaleY(1.02)!important}.tool-body :-webkit-any(select,input,button,label,small,em,.note-string,.eyebrow,.audio-dropzone-eyebrow){font-weight:550!important}.tool-body :is(select,input,button,label,small,em,.note-string,.eyebrow,.audio-dropzone-eyebrow){font-weight:550!important}.beta-badge{border:1px solid color-mix(in srgb, var(--red) 52%, transparent)!important;background:color-mix(in srgb, var(--red) 8%, transparent)!important;min-height:17px!important;color:var(--ink-soft)!important;font:700 8px/1 var(--ui-mono)!important;letter-spacing:.075em!important;opacity:1!important;padding:3px 6px 2px!important}.install-app-button{text-transform:lowercase;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #ffffff14,0 0 24px #ff000014;background:var(--red)!important;color:#fff!important;min-width:112px!important;min-height:100%!important;font:750 9px/1 var(--ui-mono)!important;letter-spacing:.08em!important;border:0!important;border-left:1px solid #ffffff29!important;padding:0 18px!important}.install-app-button:after{content:" ↘"}.install-app-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff24,0 0 30px #ff000029;color:#fff!important;background:var(--red)!important}html[data-theme=light] .install-app-button:hover{color:#fff!important;background:var(--red)!important}.install-modal-overlay{z-index:9200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050404bd;place-items:center;padding:20px;animation:.25s both install-modal-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.install-modal{border:1px solid var(--line-strong);background:var(--surface);width:min(560px,100%);padding:42px 42px 36px;position:relative;overflow:hidden;box-shadow:14px 14px #0000004d,0 30px 100px #0000005c}.install-modal:after{content:"";filter:blur(35px);pointer-events:none;background:#ff000024;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.install-modal-mark{background:var(--red);color:#fff;width:52px;height:52px;font:700 24px/1 var(--display-font);place-items:center;margin-bottom:34px;display:grid}.install-modal-kicker{color:var(--red);font:700 9px/1 var(--ui-mono);letter-spacing:.1em;text-transform:uppercase}.install-modal h2{letter-spacing:.005em;transform-origin:0;margin:12px 0 0;font-size:clamp(38px,7vw,66px);line-height:.92;transform:scaleX(1.07)scaleY(1.025)}.install-modal p{color:var(--muted);font:550 11px/1.5 var(--ui-mono);margin:20px 0 0}.install-modal-actions{gap:8px;margin-top:32px;display:flex}.install-modal-actions button{border:1px solid var(--line-strong);min-width:120px;color:var(--ink);font:700 9px/1 var(--ui-mono);cursor:pointer;background:0 0;padding:12px 16px}.install-modal-actions button.is-primary{background:var(--red);border-color:var(--red);color:#fff}.install-modal-actions button:hover{border-color:var(--red)}@keyframes install-modal-fade{0%{opacity:0}to{opacity:1}}.mix-metrics-grid{border:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mix-metric-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:10px;min-height:126px;padding:17px;display:flex}.mix-metric-card:nth-child(4n){border-right:0}.mix-metric-card:nth-last-child(-n+4){border-bottom:0}.mix-metric-card>span{color:var(--muted);font:650 8px/1.2 var(--ui-mono);letter-spacing:.07em;text-transform:uppercase}.mix-metric-card strong{letter-spacing:.005em;font-size:clamp(20px,2.5vw,32px);line-height:.95}.mix-metric-card small{color:var(--muted);font:500 8px/1.3 var(--ui-mono)}.mix-spectrum-panel,.mix-diagnostics,.reference-section{border:1px solid var(--line);background:var(--panel)}.mix-section-head{border-bottom:1px solid var(--line);min-height:39px;font:650 9px/1 var(--ui-mono);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.mix-section-head small{color:var(--muted);font-size:8px}.mix-band-meter{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 22px,var(--hairline) 23px);justify-content:center;align-items:flex-end;width:100%;height:112px;display:flex}.mix-band-meter i{background:linear-gradient(to top,var(--red),color-mix(in srgb,var(--red) 36%,var(--ink)));width:min(46px,55%);min-height:3px;transition:height .5s cubic-bezier(.2,.8,.2,1)}.mix-band strong{text-transform:lowercase;font-size:18px;line-height:1}.mix-band span,.mix-band b{font:600 8px/1 var(--ui-mono);color:var(--muted)}.mix-diagnostic-list{display:grid}.mix-diagnostic{border-bottom:1px solid var(--line);grid-template-columns:8px minmax(0,1fr);gap:13px;padding:16px;display:grid}.mix-diagnostic:last-child{border-bottom:0}.mix-diagnostic>i{background:var(--muted);border-radius:50%;width:7px;height:7px;margin-top:5px}.mix-diagnostic.warn>i{background:var(--red);box-shadow:0 0 11px #ff000059}.mix-diagnostic.ok>i{background:var(--ink-soft)}.mix-diagnostic strong{font-size:16px;line-height:1}.mix-diagnostic p{color:var(--muted);font:500 9px/1.5 var(--ui-mono);margin:5px 0 0}.reference-section{overflow:hidden}.reference-section>.audio-dropzone{border:0!important;border-bottom:1px solid var(--line)!important;min-height:210px!important}.reference-ab-player{border-bottom:1px solid var(--line);gap:13px;padding:17px;display:grid}.reference-ab-topline{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.reference-play{border:1px solid var(--line-strong);background:var(--surface-2);width:36px;height:36px;color:var(--ink);cursor:pointer}.reference-ab-switch{min-width:0;display:flex}.reference-ab-switch button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:0 0;flex:1;font-size:12px}.reference-ab-switch button+button{border-left:0}.reference-ab-switch button.active{background:var(--red);border-color:var(--red);color:#fff}.reference-ab-topline>span{color:var(--muted);font:600 8px/1 var(--ui-mono)}.reference-seek{width:100%;accent-color:var(--red)}.reference-match-note{color:var(--muted);font:600 8px/1 var(--ui-mono);justify-content:space-between;display:flex}.reference-match-note b{color:var(--ink-soft)}.mix-reference-table{border-bottom:1px solid var(--line);display:grid}.mix-reference-table>div{border-bottom:1px solid var(--hairline);min-height:36px;font:600 8px/1 var(--ui-mono);grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:0 14px;display:grid}.mix-reference-table>div:last-child{border-bottom:0}.mix-reference-table span{color:var(--muted)}.mix-reference-table b{font-weight:650}.mix-band-deltas{grid-template-columns:repeat(5,1fr);display:grid}.mix-band-deltas article{border-right:1px solid var(--line);text-align:center;gap:5px;padding:14px 10px;display:grid}.mix-band-deltas article:last-child{border-right:0}.mix-band-deltas span,.mix-band-deltas small{color:var(--muted);font:600 8px/1 var(--ui-mono)}.mix-band-deltas strong{font:650 18px/1 var(--display-font)}.shortcut-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0504049e;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.shortcut-panel{border:1px solid var(--line-strong);background:var(--surface);width:min(470px,100%);box-shadow:10px 10px #00000042}.shortcut-head{border-bottom:1px solid var(--line);min-height:38px;font:650 9px/1 var(--ui-mono);justify-content:space-between;align-items:center;padding:0 10px 0 14px;display:flex}.shortcut-head button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:18px}.shortcut-list{padding:10px}.shortcut-list>div{border-bottom:1px solid var(--hairline);min-height:40px;color:var(--muted);font:550 9px/1.35 var(--ui-mono);grid-template-columns:72px 1fr;align-items:center;display:grid}.shortcut-list>div:last-child{border-bottom:0}kbd{border:1px solid var(--line-strong);background:var(--surface-2);width:max-content;min-width:32px;color:var(--ink);text-align:center;box-shadow:0 2px 0 var(--line);font:700 8px/1 var(--ui-mono);padding:5px 7px}.update-notice{z-index:8900;border:1px solid var(--line-strong);background:var(--surface);grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:min(460px,100vw - 28px);padding:10px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000042}.update-notice div{gap:3px;display:grid}.update-notice strong{font:650 11px/1 var(--display-font)}.update-notice span{color:var(--muted);font:500 8px/1 var(--ui-mono)}.update-notice button{border:1px solid var(--red);background:var(--red);color:#fff;font:700 8px/1 var(--ui-mono);cursor:pointer;padding:8px 10px}.update-notice .update-dismiss{border-color:var(--line);color:var(--ink);background:0 0}.release-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:560px;margin:18px 0 28px;padding:11px 0}.release-notes summary{cursor:pointer;color:var(--ink-soft);font:650 9px/1 var(--ui-mono)}.release-notes p{color:var(--muted)!important;margin:10px 0 0!important;font-size:9px!important;line-height:1.5!important}html[data-theme=light] .mix-metric-card,html[data-theme=light] .mix-band,html[data-theme=light] .mix-spectrum-panel,html[data-theme=light] .mix-diagnostics,html[data-theme=light] .reference-section,html[data-theme=light] .reference-ab-player,html[data-theme=light] .shortcut-panel,html[data-theme=light] .install-modal,html[data-theme=light] .update-notice{color:var(--ink)!important}html[data-theme=light] .reference-ab-switch button:not(.active):hover,html[data-theme=light] .reference-play:hover{color:var(--ink)!important;background:#ff00000f!important}@media (max-width:900px){.mix-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-metric-card:nth-child(4n){border-right:1px solid var(--line)}.mix-metric-card:nth-child(2n){border-right:0}.mix-metric-card:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.mix-metric-card:nth-last-child(-n+2){border-bottom:0}}@media (max-width:760px){.hero-copy h1{gap:.12em!important}.hero-word{font-size:clamp(58px,18vw,96px)!important;transform:scaleX(1.065)scaleY(1.03)!important}.brand-title{margin-right:8px!important;transform:scaleX(1.055)scaleY(1.02)!important}.beta-badge{min-height:15px!important;padding:3px 5px 2px!important;font-size:7px!important}.install-app-button{min-width:82px!important;padding:0 10px!important;font-size:8px!important}.mix-band-chart,.mix-band-deltas{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}.mix-reference-table{overflow-x:auto}.mix-reference-table>div{min-width:460px}.reference-ab-topline{grid-template-columns:auto 1fr}.reference-ab-topline>span{grid-column:1/-1}.install-modal{padding:34px 24px 28px}.install-modal-actions{flex-direction:column}.install-modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.install-modal-overlay{animation:none!important}}.mix-audition-player{border:1px solid var(--line);background:var(--panel);gap:10px;padding:12px;display:grid}.mix-audition-topline{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.mix-audition-topline>span{color:var(--muted);font:600 8px/1 var(--ui-mono)}.mix-audition-topline button{border:1px solid var(--line);min-height:31px;color:var(--ink-soft);font:650 8px/1 var(--ui-mono);cursor:pointer;background:0 0;padding:0 10px}.mix-audition-topline button:hover,.mix-audition-topline button.is-active{border-color:var(--red);color:var(--ink);background:var(--red-soft)}.mix-audition-play{width:36px;color:var(--ink)!important;padding:0!important}.mix-band-solo button{border:0;border-right:1px solid var(--line);min-height:32px;color:var(--muted);font:650 8px/1 var(--ui-mono);cursor:pointer;background:0 0}.mix-band-solo button:hover{color:var(--ink);background:var(--red-soft)}.mix-band-solo button.active{color:#fff;background:var(--red)}.mix-file-meta{color:var(--muted);font:550 8px/1 var(--ui-mono);flex-wrap:wrap;gap:10px;margin-top:-14px;display:flex}.mix-file-meta span+span:before{content:"·";color:var(--muted-2);margin-right:10px}html[data-theme=light] .mix-audition-player{background:var(--panel)!important;color:var(--ink)!important}@media (max-width:760px){.mix-band-solo{grid-template-columns:repeat(3,1fr)}.mix-band-solo button:nth-child(3){border-right:0}.mix-band-solo button:nth-child(-n+3){border-bottom:1px solid var(--line)}}:root{--display-font:"Archivo", Arial, Helvetica, sans-serif;--interface-font:"Archivo", Arial, Helvetica, sans-serif;--display-wdth:118}.brand-title,.hero-word,.tool-title-text,.tool-name-text,.audio-dropzone strong,.mix-recommendation strong,.mix-metric-card strong,.mix-band strong,.install-modal h2{font-family:var(--display-font)!important;font-synthesis:weight style!important;font-variation-settings:"wdth" var(--display-wdth), "wght" 560!important;-webkit-text-stroke:0!important;font-stretch:118%!important}.brand-title{white-space:nowrap;letter-spacing:.018em!important;transform-origin:0!important;font-weight:560!important;display:inline-block!important;transform:scaleX(1.055)scaleY(1.055)!important}.hero-copy h1{isolation:isolate;grid-template-rows:auto auto;align-content:start;width:min(100%,760px);gap:.14em!important;margin-left:0!important;line-height:1!important;display:grid!important;overflow:visible!important}.hero-copy h1 br{display:none!important}.hero-word{font-variation-settings:"wdth" 122, "wght" 560!important;letter-spacing:.006em!important;transform-origin:0!important;width:93.0233%!important;max-width:none!important;text-shadow:none!important;font-weight:560!important;font-stretch:122%!important;line-height:.82!important;display:block!important;transform:scaleX(1.075)scaleY(1.075)!important}.tool-title-text{max-width:95.2381%;font-variation-settings:"wdth" 116, "wght" 560!important;transform-origin:0!important;letter-spacing:.004em!important;font-weight:560!important;display:inline-block!important;transform:scaleX(1.05)scaleY(1.045)!important}.tool-name-text{max-width:96.1539%;font-variation-settings:"wdth" 114, "wght" 540!important;transform-origin:0!important;letter-spacing:.008em!important;font-weight:540!important;display:inline-block!important;transform:scaleX(1.04)scaleY(1.04)!important}.tool-body,.tool-body button,.tool-body input,.tool-body select,.tool-body label,.tool-body small,.tool-body p,.mix-section-head,.mix-panel-tabs,.mix-reference-table{font-family:var(--interface-font)!important}.tool-body :-webkit-any(button,input,select,label,small,p,span,b){font-weight:500}.tool-body :is(button,input,select,label,small,p,span,b){font-weight:500}.mix-panel-tabs{border:1px solid var(--line-strong);background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mix-panel-tabs button{border:0;border-right:1px solid var(--line);min-height:46px;color:var(--muted);cursor:pointer;letter-spacing:.025em;text-transform:lowercase;background:0 0;transition:background .18s,color .18s;font:620 10px/1 var(--interface-font)!important}.mix-panel-tabs button:last-child{border-right:0}.mix-panel-tabs button:hover{color:var(--ink);background:var(--red-soft)}.mix-panel-tabs button.active{color:#fff;background:var(--red)}.mix-fixes-panel,.mix-spectrum-panel,.mix-diagnostics,.reference-section{border:1px solid var(--line);background:var(--panel)}.mix-recommendation-list{display:grid}.mix-recommendation{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:52px minmax(0,1fr);gap:17px;padding:20px 18px 19px;display:grid}.mix-recommendation:last-child{border-bottom:0}.mix-recommendation-index{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--muted);font:650 9px/1 var(--interface-font);place-items:center;display:grid}.mix-recommendation.fix .mix-recommendation-index{border-color:var(--red);color:var(--red)}.mix-recommendation.ok .mix-recommendation-index{color:var(--ink-soft)}.mix-recommendation-titleline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mix-recommendation-titleline strong{letter-spacing:-.01em;font-size:clamp(20px,2.3vw,30px);line-height:.98}.mix-recommendation-titleline span{color:var(--muted);font:600 8px/1 var(--interface-font);text-transform:uppercase;letter-spacing:.08em;flex:none}.mix-recommendation p{max-width:820px;color:var(--ink-soft);margin:10px 0 0;font:500 11px/1.55 var(--interface-font)!important}.mix-recommendation small{color:var(--muted);margin-top:9px;display:block;font:500 9px/1.45 var(--interface-font)!important}.mix-reference-cta{border:0;border-top:1px solid var(--line);width:100%;min-height:44px;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;padding:0 18px;font:620 9px/1 var(--interface-font)!important}.mix-reference-cta:hover{color:var(--red);background:var(--red-soft)}.mix-band-chart{background:var(--line);grid-template-columns:repeat(5,1fr);gap:1px;min-height:246px;display:grid}.mix-band{background:var(--surface);text-align:center;grid-template-rows:1fr auto auto auto auto;gap:6px;padding:16px 10px 13px;display:grid}.mix-band-meter{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top, transparent 0, transparent 26px, var(--hairline) 27px);justify-content:center;align-items:flex-end;width:100%;height:136px;display:flex;position:relative;overflow:hidden}.mix-band-meter i{background:linear-gradient(to top, var(--red), color-mix(in srgb, var(--red) 30%, var(--ink)));z-index:1;width:min(48px,56%);min-height:4px;transition:height .55s cubic-bezier(.2,.8,.2,1)}.mix-band-zero{background:color-mix(in srgb, var(--ink) 22%, transparent);pointer-events:none;height:1px;position:absolute;bottom:52%;left:8%;right:8%}.mix-band-reference{background:var(--cream);z-index:2;height:2px;position:absolute;left:17%;right:17%;transform:translateY(1px);box-shadow:0 0 0 1px #0000003d}.mix-band strong{line-height:1;font-size:19px!important}.mix-band span,.mix-band b,.mix-band small{color:var(--muted);font:600 8px/1.15 var(--interface-font)!important}.mix-band b{color:var(--ink-soft)}.mix-band small{min-height:9px;color:var(--muted-2)}.mix-spectrum-note{border-top:1px solid var(--line);color:var(--muted);padding:14px 16px 15px;font:500 9px/1.5 var(--interface-font)!important;margin:0!important}.mix-audition-topline{grid-template-columns:auto auto 1fr auto!important}.mix-audition-mode{color:var(--red);font:650 8px/1 var(--interface-font);letter-spacing:.04em;text-transform:uppercase;justify-self:start}.mix-band-solo button{font-family:var(--interface-font)!important;font-weight:650!important}.reference-ab-switch button{font-family:var(--interface-font)!important}.reference-ab-switch button.active{box-shadow:inset 0 -2px #ffffff59}html[data-theme=light] .mix-panel-tabs,html[data-theme=light] .mix-fixes-panel,html[data-theme=light] .mix-recommendation,html[data-theme=light] .mix-spectrum-panel,html[data-theme=light] .mix-band,html[data-theme=light] .reference-section{color:var(--ink)!important}html[data-theme=light] .mix-panel-tabs button:not(.active):hover,html[data-theme=light] .mix-reference-cta:hover{color:var(--ink)!important;background:#ff000012!important}html[data-theme=light] .mix-panel-tabs button.active{color:#fff!important;background:var(--red)!important}@media (max-width:760px){.hero-copy h1{width:100%;gap:.18em!important}.hero-word{font-variation-settings:"wdth" 116, "wght" 560!important;width:95.6938%!important;font-size:clamp(56px,18vw,90px)!important;font-stretch:116%!important;transform:scaleX(1.045)scaleY(1.055)!important}.brand-title{transform:scaleX(1.035)scaleY(1.045)!important}.tool-title-text{transform:scaleX(1.035)scaleY(1.04)!important}.tool-name-text{transform:scaleX(1.025)scaleY(1.035)!important}.mix-panel-tabs{grid-template-columns:repeat(2,1fr)}.mix-panel-tabs button:nth-child(2){border-right:0}.mix-panel-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.mix-recommendation{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:17px 14px}.mix-recommendation-index{width:32px;height:32px}.mix-recommendation-titleline{flex-direction:column;align-items:flex-start;gap:6px}.mix-band-chart,.mix-band-deltas{grid-template-columns:repeat(5,minmax(86px,1fr));overflow-x:auto}.mix-audition-topline{grid-template-columns:auto 1fr auto!important}.mix-audition-mode{grid-column:1/-1}}:root{--display-wdth:114;--display-weight:580}.brand-title,.hero-word,.tool-title-text,.tool-name-text,.audio-dropzone strong,.mix-recommendation-titleline strong,.mix-metric-card strong,.mix-band strong,.install-modal h2,.not-found-code,.not-found-body h1{text-shadow:none;font-family:var(--display-font)!important;font-variation-settings:"wdth" var(--display-wdth), "wght" var(--display-weight)!important;letter-spacing:.006em!important;-webkit-text-stroke:0!important;font-weight:580!important;font-stretch:114%!important}.brand-title{white-space:nowrap;max-width:100%;transform-origin:0!important;margin-right:10px!important;transform:scaleY(1.035)!important}.hero-copy h1{grid-template-rows:repeat(2,auto)!important;gap:.14em!important;width:100%!important;max-width:100%!important;margin-top:46px!important;line-height:1!important;display:grid!important;overflow:visible!important}.hero-word{white-space:nowrap;font-variation-settings:"wdth" 116, "wght" 590!important;letter-spacing:.004em!important;transform-origin:0!important;width:100%!important;max-width:100%!important;font-size:clamp(64px,7.7vw,106px)!important;font-stretch:116%!important;line-height:.84!important;display:block!important;transform:scaleY(1.045)!important}.tool-title-text,.tool-name-text{transform-origin:0!important;max-width:100%!important;transform:scaleY(1.032)!important}.tool-title-text{font-variation-settings:"wdth" 113, "wght" 580!important}.tool-name-text{font-variation-settings:"wdth" 111, "wght" 565!important}.audio-dropzone strong,.mix-metric-card strong,.mix-band strong{font-variation-settings:"wdth" 110, "wght" 575!important;transform-origin:0!important;transform:scaleY(1.02)!important}body,button,input,select,textarea,.tool-body,.tool-body p,.tool-body small,.tool-body label,.mix-section-head,.mix-panel-tabs,.mix-reference-table{font-family:var(--interface-font)!important}.hero-product-mark{margin-top:22px!important}.mix-check-tool{gap:28px!important}.mix-audition-player{border-color:var(--line-strong)!important;gap:12px!important;padding:14px!important}.mix-audition-waveform{min-height:104px!important}.mix-band-listen-head{border-top:1px solid var(--hairline);justify-content:space-between;align-items:end;gap:14px;padding-top:5px;display:flex}.mix-band-listen-head>div{gap:4px;display:grid}.mix-band-listen-head strong{letter-spacing:.01em;text-transform:lowercase;font:650 12px/1 var(--interface-font)!important}.mix-band-listen-head span,.mix-band-listen-head small{color:var(--muted);font:550 8px/1.25 var(--interface-font)!important}.mix-band-listen-head small{color:var(--ink-soft);flex:none}.mix-band-solo{border:1px solid var(--line-strong)!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;display:grid!important}.mix-band-solo button{cursor:pointer;border:0!important;border-right:1px solid var(--line)!important;min-height:52px!important;color:var(--muted)!important;background:0 0!important;align-content:center!important;place-items:center!important;gap:4px!important;padding:8px 6px!important;display:grid!important}.mix-band-solo button:last-child{border-right:0!important}.mix-band-solo button>span{color:inherit;font:650 9px/1 var(--interface-font)!important}.mix-band-solo button>small{color:var(--muted-2);white-space:nowrap;font:520 7px/1 var(--interface-font)!important}.mix-band-solo button:hover{background:var(--red-soft)!important;color:var(--ink)!important}.mix-band-solo button.active{background:var(--red)!important;color:#fff!important}.mix-band-solo button.active>small{color:#ffffffbf!important}.mix-audition-mode{white-space:nowrap}.mix-file-meta{margin-top:-8px!important;margin-bottom:6px!important}.mix-panel-tabs{margin-top:8px!important}.mix-fixes-panel,.mix-spectrum-panel,.mix-diagnostics,.reference-section{margin-top:2px}.mix-recommendation{grid-template-columns:42px minmax(0,1fr)!important;gap:14px!important;padding:15px 16px 14px!important}.mix-recommendation-index{width:32px!important;height:32px!important;font-size:8px!important}.mix-recommendation-titleline{gap:10px!important}.mix-recommendation-titleline strong{font-variation-settings:"wdth" 111, "wght" 590!important;transform-origin:0!important;font-size:clamp(16px,1.65vw,21px)!important;font-weight:590!important;line-height:1.05!important;transform:scaleY(1.02)!important}.mix-recommendation-titleline span{opacity:.8;font-size:7px!important}.mix-recommendation-why{width:max-content;max-width:100%;margin-top:7px}.mix-recommendation-why summary{cursor:pointer;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;list-style:none;font:600 7px/1 var(--interface-font)!important}.mix-recommendation-why summary::-webkit-details-marker{display:none}.mix-recommendation-why summary:after{content:" +";color:var(--red)}.mix-recommendation-why[open] summary:after{content:" –"}.mix-recommendation-why small{max-width:650px;display:block;color:var(--muted)!important;font:500 8px/1.45 var(--interface-font)!important;margin-top:7px!important}.mix-spectrum-note{padding-block-start:11px!important;padding-block-end:11px!important;font-size:8px!important}html[data-theme=light] .mix-band-solo button:not(.active):hover{color:var(--ink)!important;background:#ff000012!important}html[data-theme=light] .mix-band-solo button.active{color:#fff!important;background:var(--red)!important}@media (max-width:980px){.hero-word{font-size:clamp(60px,9.2vw,92px)!important}}@media (max-width:760px){.hero-copy h1{gap:.18em!important}.hero-word{font-variation-settings:"wdth" 113, "wght" 590!important;font-size:clamp(54px,16.2vw,88px)!important;font-stretch:113%!important;transform:scaleY(1.04)!important}.brand-title,.tool-title-text,.tool-name-text{transform:scaleY(1.028)!important}.mix-band-solo{grid-template-columns:repeat(3,1fr)!important}.mix-band-solo button:nth-child(3n){border-right:0!important}.mix-band-solo button:nth-child(-n+3){border-bottom:1px solid var(--line)!important}.mix-band-listen-head{align-items:start}.mix-recommendation{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:14px 12px!important}.mix-recommendation-index{width:28px!important;height:28px!important}.mix-recommendation-titleline{flex-direction:column;align-items:flex-start;gap:5px!important}}:root{--display-font:"Archivo", "Arial Narrow", Arial, Helvetica, sans-serif;--interface-font:"Archivo", Arial, Helvetica, sans-serif}.brand-title,.hero-word,.tool-title-text,.tool-name-text,.audio-dropzone strong,.tempo-value strong,.key-value strong,.delay-readout strong,.tuner-readout strong,.midi-result-head h2,.mix-metric-card strong,.mix-band strong,.not-found-code,.not-found-body h1{text-shadow:none;max-width:100%;font-family:var(--display-font)!important;font-variation-settings:"wdth" 121, "wght" 610!important;letter-spacing:.002em!important;-webkit-text-stroke:0!important;font-weight:610!important;font-stretch:121%!important}.brand-title{white-space:nowrap;transform-origin:0!important;margin-right:10px!important;transform:scaleY(1.035)!important}.hero-copy h1{grid-template-columns:minmax(0,1fr)!important;gap:.18em!important;width:100%!important;max-width:100%!important;margin-top:48px!important;line-height:1!important;display:grid!important;overflow:visible!important}.hero-word{font-variation-settings:"wdth" 123, "wght" 620!important;letter-spacing:.006em!important;transform-origin:0!important;white-space:nowrap!important;width:max-content!important;max-width:100%!important;font-size:clamp(58px,6.55vw,91px)!important;font-stretch:123%!important;line-height:.88!important;display:block!important;transform:scaleY(1.055)!important}.tool-title-text{font-variation-settings:"wdth" 118, "wght" 610!important;transform-origin:0!important;max-width:100%!important;display:inline-block!important;transform:scaleY(1.035)!important}.tool-name-text{font-variation-settings:"wdth" 116, "wght" 590!important;transform-origin:0!important;max-width:100%!important;display:inline-block!important;transform:scaleY(1.025)!important}.audio-dropzone strong,.tempo-value strong,.key-value strong,.delay-readout strong,.tuner-readout strong,.midi-result-head h2,.mix-metric-card strong,.mix-band strong{font-variation-settings:"wdth" 113, "wght" 590!important;transform-origin:0!important;font-weight:590!important;transform:scaleY(1.018)!important}body,button,input,select,textarea,.tool-body,.tool-body p,.tool-body small,.tool-body label{font-family:var(--interface-font)!important}.mix-fixes-panel{padding-top:2px}.mix-recommendation-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important;padding:10px!important;display:grid!important}.mix-recommendation{min-height:132px;position:relative;overflow:hidden;border:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb, var(--surface-2) 82%, transparent)!important;grid-template-columns:1fr!important;gap:0!important;padding:14px 14px 12px!important;display:grid!important}.mix-recommendation:before{content:"";background:var(--line-strong);width:3px;position:absolute;top:0;bottom:0;left:0}.mix-recommendation.fix:before{background:var(--red)}.mix-recommendation.ok:before{background:var(--muted)}.mix-recommendation-index{letter-spacing:.1em;top:10px;right:10px;width:auto!important;height:auto!important;color:var(--muted)!important;font:650 7px/1 var(--interface-font)!important;background:0 0!important;border:0!important;position:absolute!important}.mix-recommendation-titleline{padding-right:24px;grid-template-columns:1fr!important;place-items:start!important;gap:5px!important;display:grid!important}.mix-recommendation-titleline strong{font-family:var(--display-font)!important;font-variation-settings:"wdth" 116, "wght" 620!important;letter-spacing:.005em!important;font-size:14px!important;font-weight:620!important;line-height:1.05!important;transform:none!important}.mix-recommendation-titleline span{border:1px solid var(--line);letter-spacing:.04em;border-radius:99px;align-items:center;min-height:18px;padding:0 6px;display:inline-flex;color:var(--muted)!important;font:620 7px/1 var(--interface-font)!important}.mix-recommendation p{max-width:31ch!important;color:var(--ink)!important;font:545 11.5px/1.38 var(--interface-font)!important;margin:13px 0 0!important}.mix-recommendation-why{width:max-content;max-width:100%;padding-top:12px;margin-top:auto!important}.mix-recommendation-why summary{letter-spacing:.08em;font:620 7px/1 var(--interface-font)!important}.mix-recommendation-why small{max-width:29ch!important;font:500 9px/1.42 var(--interface-font)!important}.analyzer-insights b,.loop-feature-grid b,.metadata-row b,.mix-reference-table b,.mix-diagnostic strong{font-family:var(--interface-font)!important;letter-spacing:0!important;font-weight:640!important}@media (max-width:980px){.hero-word{font-variation-settings:"wdth" 120, "wght" 620!important;font-size:clamp(58px,9vw,86px)!important}}@media (max-width:760px){.hero-copy h1{gap:.22em!important}.hero-word{font-variation-settings:"wdth" 116, "wght" 620!important;width:max-content!important;font-size:clamp(50px,14.8vw,78px)!important;font-stretch:116%!important;transform:scaleY(1.04)!important}.brand-title,.tool-title-text{transform:scaleY(1.025)!important}.tool-name-text{transform:scaleY(1.018)!important}.mix-recommendation-list{grid-template-columns:1fr!important}.mix-recommendation{min-height:118px}}html,body,#root,.app-shell{width:100%;max-width:100%}html,body{overflow-x:clip}body{min-width:320px}main,.nav-shell{width:min(1220px,100% - 40px)}.tool-window,.tool-heading,.tool-heading>*,.tool-body,.audio-tool-layout,.analysis-results,.loop-midi-result,.mix-check-tool,.tuner-tool,.about-copy,.not-found-body,.hero-copy,.scrapbook,.tool-row,.tool-name,.tool-subtitle,.metadata-row,.analyzer-insights,.loop-feature-grid{min-width:0}.audio-dropzone strong,.audio-wave-player-meta,.mix-file-meta,.tool-heading p,.tool-subtitle,.loop-feature-grid b,.analyzer-insights b{overflow-wrap:anywhere}.hero-copy:after{display:none!important}.hero-copy h1{min-width:0!important;overflow:visible!important}.hero-word{max-inline-size:100%!important}@media (max-width:1180px){main,.nav-shell{width:calc(100% - 28px)}.utility-strip{padding-inline-start:14px;padding-inline-end:14px}.home-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.hero-copy{padding:46px 30px 40px 24px}.hero-word{font-size:clamp(56px,7vw,84px)!important}.tool-body{padding:38px 36px 44px 62px}.tool-heading{grid-template-columns:58px minmax(0,1fr) auto;padding-inline-start:18px;padding-inline-end:22px}.tool-heading h1{font-size:clamp(52px,7.3vw,92px)}}@media (max-width:980px){.home-page{padding-top:28px}.home-hero{grid-template-columns:1fr;min-height:0}.hero-copy{min-height:430px;padding:42px 34px 34px}.hero-copy h1{margin-top:38px!important}.hero-word{font-size:clamp(64px,11vw,96px)!important}.hero-readout{margin-top:44px}.scrapbook{border-left:0;border-top:1px solid var(--line-strong);min-height:440px}.tool-browser-head,.tool-row{grid-template-columns:56px minmax(210px,1.2fr) minmax(150px,.85fr) 36px}.tool-name{font-size:clamp(26px,4.2vw,38px)}.tool-body{padding:34px 30px 42px 48px}.tool-heading{min-height:150px}.control-grid{max-width:100%}.analyzer-insights,.loop-feature-grid,.metadata-row{grid-template-columns:repeat(2,minmax(0,1fr))}.analyzer-insights>span:nth-child(2n),.loop-feature-grid>span:nth-child(2n),.metadata-row>span:nth-child(2n){border-right:0}.analyzer-insights>span:nth-child(-n+2),.loop-feature-grid>span:nth-child(-n+2),.metadata-row>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.mix-metrics-grid,.mix-recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-window,.not-found-window{width:100%}}@media (max-width:359px){.brand-title{font-size:15px!important}.nav-right{grid-template-columns:minmax(0,1fr) 82px 42px}.install-app-button{min-width:82px!important}.hero-word{font-size:42px!important}.tool-name-text{font-size:23px!important}.audio-dropzone{grid-template-columns:1fr!important}.audio-dropzone-glyph{display:none!important}.mix-band-solo{grid-template-columns:1fr 1fr!important}}@media (display-mode:standalone){.utility-strip{padding-top:env(safe-area-inset-top)}.nav-shell{margin-top:max(12px, env(safe-area-inset-top))}footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (hover:none),(pointer:coarse){.tool-row:hover,.favorite-chip:hover,.result-actions button:hover,.text-action:hover,select:hover,.midi-download:hover{transform:none!important}button,[role=button],select,input{min-height:42px}.white-key,.black-key{touch-action:manipulation}}.tool-heading h1,.tool-title-text,.tool-name,.tool-name-text,.theory-result h2,.about-copy h1,.not-found-body h1{word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important}.tool-title-text,.tool-name-text{white-space:normal!important}.tool-body>.analysis-stages,.tool-body>.tool-message{margin-top:14px!important}.tool-body>.result-actions{margin-top:clamp(28px,3vw,38px)!important}.tuner-tool .tuner-mode-switch{margin-bottom:4px!important}.tuner-tool .tuner-upload-section{margin-top:30px!important}.tuner-tool .tuner-readout,.tuner-tool .target-note-box{margin-top:38px!important}.tuner-tool .result-actions{margin-top:32px!important}.tuner-upload-section>*+*{margin-top:18px!important}.audio-dropzone-glyph{flex:none!important;overflow:hidden!important}.audio-dropzone-glyph span{place-items:center!important;width:100%!important;height:100%!important;line-height:1!important;display:grid!important;transform:none!important}.audio-dropzone.is-busy .audio-dropzone-glyph span{letter-spacing:.02em!important;text-align:center!important;padding:0 0 .24em!important;font-size:clamp(16px,2.1vw,23px)!important;line-height:1!important}.analyzer-insights>span:last-child b{font-variant-numeric:tabular-nums}@media (max-width:760px){.tool-heading{grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important}.tool-heading h1{letter-spacing:-.012em!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:clamp(38px,10.7vw,58px)!important;line-height:.94!important}.tool-title-text{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}.tool-name-text{word-break:normal!important;overflow-wrap:normal!important}.hero-product-mark,.about-product{scrollbar-width:none;overflow-x:auto!important}.hero-product-mark::-webkit-scrollbar{display:none}.about-product::-webkit-scrollbar{display:none}.tool-body>*+*{margin-top:28px!important}.tuner-tool .tuner-upload-section,.tuner-tool .tuner-readout,.tuner-tool .target-note-box{margin-top:30px!important}}@media (max-width:480px){.tool-heading{grid-template-columns:28px minmax(0,1fr)!important;padding-inline-start:10px!important;padding-inline-end:12px!important}.tool-heading h1{font-size:clamp(34px,9.6vw,46px)!important;line-height:.98!important}.tool-title-text{letter-spacing:-.015em!important}.audio-dropzone.is-busy .audio-dropzone-glyph span{font-size:16px!important}}:root{--fluid-space:clamp(14px, 1.45vw + .5vh, 30px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}body,#root,main{min-width:0;max-width:100%}*,:before,:after{box-sizing:border-box}main,section,.tool-page,.tool-body,.tool-heading,.tool-heading>div,.audio-tool-layout,.tuner-tool,.mix-tool,.home-page{min-width:0}.tool-heading{column-gap:clamp(10px,2vw,26px);grid-template-columns:minmax(28px,6vw) minmax(0,1fr)!important}.tool-heading h1{letter-spacing:-.018em!important;word-break:keep-all!important;overflow-wrap:normal!important;white-space:normal!important;-webkit-hyphens:none!important;hyphens:none!important;width:auto!important;min-width:0!important;max-width:100%!important;font-size:clamp(28px,min(6.7vw,8.3vh),88px)!important;line-height:1.05!important}.tool-heading .tool-title-text{width:100%!important;min-width:0!important;letter-spacing:inherit!important;word-break:keep-all!important;overflow-wrap:normal!important;white-space:normal!important;-webkit-hyphens:none!important;hyphens:none!important;display:block!important;transform:none!important}.tool-heading p{line-height:1.5;font-size:clamp(10px,.7vw + .4vh,13px)!important}.tool-body{font-size:clamp(12px,.65vw + .55vh,16px)}.tool-body button,.tool-body input,.tool-body select,.tool-body img,.tool-body svg,.tool-body canvas{max-width:100%}.hero-byline{flex-wrap:wrap;align-items:baseline;gap:8px 12px;width:auto!important;display:flex!important}.hero-byline strong{font-size:clamp(15px,1.4vw + .6vh,25px)}.tool-name-text{overflow-wrap:normal!important;word-break:keep-all!important}.audio-dropzone.is-busy .audio-dropzone-glyph{place-items:center!important;display:grid!important}.audio-dropzone.is-busy .audio-dropzone-glyph span{letter-spacing:0!important;padding:0!important;font-size:clamp(13px,1.3vw + .5vh,19px)!important;line-height:1!important;transform:none!important}@media (max-width:760px){.tool-heading{grid-template-columns:22px minmax(0,1fr)!important;min-height:0!important;padding:clamp(14px,3vw,22px)!important}.tool-heading h1{font-size:clamp(24px,min(7.3vw,6.4vh),47px)!important;line-height:1.08!important}.tool-heading p{margin:10px 0 0!important}.tool-body>*+*{margin-top:clamp(24px,5vw,36px)!important}.tuner-tool .tuner-upload-section,.tuner-tool .tuner-readout,.tuner-tool .target-note-box{margin-top:32px!important}.tool-name-text{font-size:clamp(20px,5.6vw,30px)!important}.hero-word{font-size:clamp(43px,11vw,78px)!important}}@media (max-width:390px){.tool-heading{grid-template-columns:16px minmax(0,1fr)!important;padding-inline-start:10px!important;padding-inline-end:10px!important}.tool-heading h1{font-size:clamp(23px,7.15vw,29px)!important}.tool-name-text{font-size:21px!important}}@media (max-height:640px) and (min-width:761px){.tool-heading{min-height:110px!important;padding-block-start:12px!important;padding-block-end:12px!important}.tool-heading h1{font-size:clamp(32px,min(5.5vw,7.4vh),65px)!important}.hero-word{font-size:clamp(45px,min(8vw,11vh),105px)!important}}a,a:link,a:visited,a:active{color:inherit;-webkit-text-decoration:none;text-decoration:none}a:hover{color:var(--red)}a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hero-byline,.hero-byline strong,.hero-byline a,.creator-card strong,.instagram-link,footer{text-transform:lowercase!important}.hero-byline{letter-spacing:.055em!important;justify-content:flex-start!important;gap:8px 11px!important;width:max-content!important;max-width:100%!important}.hero-byline>span{color:var(--muted)}.hero-byline strong{color:var(--ink)!important;font-family:var(--display-font)!important;font-variation-settings:"wdth" 108, "wght" 500!important;letter-spacing:.012em!important;font-weight:500!important}.hero-byline a,.instagram-link{opacity:.82;transition:opacity .18s,color .18s;color:var(--red)!important}.hero-byline a:hover,.instagram-link:hover{opacity:1;color:var(--red)!important}.creator-card strong{font-variation-settings:"wdth" 108, "wght" 500!important;letter-spacing:.006em!important;font-weight:500!important}footer{color:var(--muted)}.brand-title,.hero-word,.tool-title-text,.tool-name-text,.not-found-code,.not-found-body h1{font-variation-settings:"wdth" 118, "wght" 540!important;font-weight:540!important}.hero-word{font-variation-settings:"wdth" 121, "wght" 540!important}.tool-title-text{font-variation-settings:"wdth" 116, "wght" 530!important;font-weight:530!important}.tool-name-text{font-variation-settings:"wdth" 114, "wght" 510!important;font-weight:510!important}.audio-dropzone strong,.tempo-value strong,.key-value strong,.delay-readout strong,.tuner-readout strong,.midi-result-head h2,.mix-metric-card strong,.mix-band strong{font-variation-settings:"wdth" 111, "wght" 540!important;font-weight:540!important}.mix-panel-tabs button,.mix-reference-table,.mix-recommendation p{font-weight:470!important}.tool-body :-webkit-any(button,input,select,label,small,p,span,b){font-weight:470!important}.tool-body :is(button,input,select,label,small,p,span,b){font-weight:470!important}.mix-recommendation-titleline strong{font-variation-settings:"wght" 550!important;font-weight:550!important}.tool-body :is(.metadata-row b,.loop-feature-grid b,.analyzer-insights b,.mix-diagnostic strong){font-variation-settings:"wght" 550!important;font-weight:550!important}:root{--v23-gutter:clamp(12px, 1.45vw + .25vh, 22px);--v23-section-gap:clamp(22px, 2.2vw + .8vh, 46px)}.nav-shell,main,footer{width:min(1220px, calc(100% - (var(--v23-gutter) * 2)))!important}.nav-shell{min-height:clamp(60px,min(5.4vw,8vh),70px)!important;margin-top:clamp(12px,min(2vw,2.5vh),24px)!important}.home-page{padding-top:clamp(22px,min(3vw,4vh),42px)!important}.tool-page{padding-top:clamp(24px,min(3vw,4.5vh),38px)!important}.about-page{padding-top:clamp(34px,min(5vw,7vh),72px)!important}.hero-copy{padding-top:clamp(34px,min(4.5vw,6vh),56px)!important;padding-bottom:clamp(30px,min(4vw,6vh),48px)!important}.hero-copy h1{gap:clamp(9px,min(1vw,1.4vh),16px)!important;margin-top:clamp(30px,min(4.2vw,6vh),48px)!important}.hero-word{font-size:clamp(54px,min(6.9vw,10.8vh),91px)!important}.tool-heading{min-height:clamp(116px,min(12vw,18vh),170px)!important;padding-block-start:clamp(17px,min(2.2vw,3vh),28px)!important;padding-block-end:clamp(17px,min(2.2vw,3vh),28px)!important}.tool-heading h1{font-size:clamp(36px,min(6.1vw,8.4vh),78px)!important;line-height:1.02!important}.tool-heading p{font-size:clamp(10px,min(.78vw,1.6vh),13px)!important}.tool-body{padding-top:clamp(28px,min(3.2vw,4.5vh),44px)!important;padding-bottom:clamp(34px,min(3.8vw,5.5vh),52px)!important}.tool-body>*+*{margin-top:clamp(22px,min(2.1vw,3.2vh),38px)!important}@media (max-width:980px){.hero-copy{min-height:clamp(340px,50vh,430px)!important}.hero-word{font-size:clamp(58px,min(10.3vw,10.5vh),88px)!important}.scrapbook{min-height:clamp(350px,48vh,440px)!important}.tool-heading h1{font-size:clamp(34px,min(7.5vw,7.8vh),66px)!important}}@media (max-width:760px){:root{--v23-gutter:clamp(10px, 3.2vw, 16px)}.utility-strip{padding-inline:var(--v23-gutter)!important}.nav-shell{align-items:center!important;min-height:58px!important}.brand{gap:9px!important;padding-inline-start:clamp(10px,3vw,15px)!important;padding-inline-end:clamp(10px,3vw,15px)!important}.brand-mark{width:28px!important;height:28px!important;font-size:15px!important}.brand-title{font-size:clamp(14px,min(4.3vw,3.2vh),19px)!important}.nav-shell nav{gap:6px!important;padding-inline-start:8px!important;padding-inline-end:8px!important;font-size:10px!important}.theme-switch{grid-template-columns:1fr!important;width:clamp(44px,12vw,62px)!important}.theme-switch-label{display:none!important}.hero-copy{min-height:auto!important;padding:clamp(28px,7vw,38px) clamp(18px,5.3vw,28px)!important}.hero-copy h1{margin-top:clamp(24px,6vh,34px)!important}.hero-word{white-space:nowrap!important;width:max-content!important;max-width:100%!important;font-size:clamp(43px,min(14.2vw,9.7vh),72px)!important;line-height:.9!important}.hero-byline{margin-top:20px!important;margin-left:0!important;font-size:9px!important}.hero-byline strong{font-size:clamp(14px,4.2vw,18px)!important}.tool-heading{grid-template-columns:22px minmax(0,1fr)!important;column-gap:9px!important;min-height:0!important;padding:clamp(15px,4.2vw,21px) clamp(11px,3.4vw,17px)!important}.tool-heading h1{word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important;font-size:clamp(27px,min(8.2vw,6.8vh),43px)!important;line-height:1.02!important}.tool-heading .tool-title-text{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.tool-body{padding:clamp(24px,6vw,32px) clamp(14px,4.2vw,24px) clamp(32px,8vw,42px)!important}.tool-body>*+*{margin-top:clamp(22px,min(6vw,4.5vh),32px)!important}.tuner-tool .tuner-upload-section,.tuner-tool .tuner-readout,.tuner-tool .target-note-box{margin-top:clamp(25px,min(7vw,5vh),34px)!important}}@media (max-height:620px) and (min-width:761px){.utility-strip{min-height:21px!important}.nav-shell{min-height:58px!important;margin-top:10px!important}.home-page{padding-top:16px!important}.hero-copy{padding-block-start:26px!important;padding-block-end:26px!important}.hero-copy h1{margin-top:22px!important}.hero-word{font-size:clamp(48px,min(6.2vw,11vh),72px)!important}.tool-page{padding-top:20px!important}.tool-heading{min-height:102px!important;padding-block-start:12px!important;padding-block-end:12px!important}.tool-heading h1{font-size:clamp(34px,min(5.5vw,8.3vh),58px)!important}}@media (max-width:390px){.hero-word{font-size:clamp(40px,min(13vw,9vh),58px)!important}.tool-heading{grid-template-columns:18px minmax(0,1fr)!important}.tool-heading h1{font-size:clamp(25px,min(7.7vw,6.3vh),34px)!important}.tool-name-text{font-size:clamp(20px,5.8vw,25px)!important}.hero-byline{gap:6px 8px!important}}