:root{color:#f4f5f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--green:#b2ff59;background:#080b06;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle,#59613c33 .7px,#0000 1px) 3px 3px/24px 24px,#080b06;flex-direction:column;min-height:100svh;margin:0;display:flex}header{padding:28px max(24px,env(safe-area-inset-left)) 0}.brand{color:#f1f4ec;letter-spacing:.5px;font-size:18px;font-weight:500;text-decoration:none}.workspace{flex-shrink:0;width:min(100% - 48px,440px);margin:auto;padding:32px 0}h1{letter-spacing:-.5px;margin:0 0 24px 8px;font-size:26px;font-weight:500;line-height:1.4}.picker{cursor:pointer;background:#ffffff01;border:1px solid #7e8766;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:15px 22px;display:flex;position:relative}.picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.picker:focus-within{outline:2px solid var(--green);outline-offset:4px}.picker:hover,.picker.dragging{border-color:var(--green);background:#b2ff5905}.picker:has(input:disabled){border-color:#505b3e}.picker input:disabled{cursor:wait}.plus{color:var(--green);font-size:32px;font-weight:300;line-height:1}.picker>span:last-child{overflow-wrap:anywhere;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}#working{margin-top:18px}.signal-card{isolation:isolate;aspect-ratio:3.6;background:#12160f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 16px;display:flex;position:relative;overflow:hidden}.signal-card canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.signal-card>strong{color:#fff;text-shadow:0 1px 5px #000;font-size:16px;font-weight:500}.signal-card>span{font-variant-numeric:tabular-nums;letter-spacing:-1px;white-space:nowrap;color:#fff;text-shadow:0 1px 8px #0006;font-size:29px;font-weight:550}.signal-card>span>span{font-size:25px}.text-button{color:#939a82;cursor:pointer;background:0 0;border:0;min-height:40px;margin:6px 0 -8px auto;padding:9px 3px;font-size:13px;display:block}button,a,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit}.primary{background:var(--green);color:#18200e;cursor:pointer;border:1px solid #b2ff5955;border-radius:12px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:46px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:flex}#convert{margin-top:18px}.primary:hover{background:#c5ff82}.primary:disabled{opacity:.5;cursor:wait}#result{margin-top:18px}audio{width:100%;height:40px;margin-bottom:12px;display:block}.secondary{color:#b4bca7;cursor:pointer;background:0 0;border:1px solid #465334;border-radius:10px;width:100%;min-height:42px;margin-top:8px;padding:10px;font-size:13px}#error{color:#e2b2a3;margin:13px 0 0;font-size:12px;line-height:1.7}footer{color:#858e73;padding:0 24px max(27px,env(safe-area-inset-bottom));flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}footer svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}@media (width>=760px){header{padding:32px 40px 0}.workspace{width:440px}h1{font-size:30px}.picker{min-height:120px}.signal-card{padding:0 22px}.signal-card>strong{font-size:20px}.signal-card>span{font-size:38px}}@media (height<=620px){header{padding-top:18px}.workspace{padding:24px 0}h1{margin-bottom:16px}footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.signal-card canvas{z-index:0;pointer-events:none}.signal-card>strong,.signal-card>#signal-number{z-index:1;position:relative}