:root{color-scheme:dark;--c-bg: #0b0b0d;--c-surface: #141417;--c-surface-2: #1c1c20;--c-sunken: #0f0f12;--c-line: rgba(255, 255, 255, .08);--c-line-strong: rgba(255, 255, 255, .14);--c-text: #f2f2f3;--c-text-2: #a1a1aa;--c-text-3: #6b6b73;--c-accent: #4be3a9;--c-accent-2: #22c3a6;--c-accent-ink: #052a1d;--c-accent-soft: rgba(75, 227, 169, .14);--c-orig: #5b5b63;--c-danger: #ff5a4e;--c-warn: #f5c451;--c-err: #ff8a80;--f-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--f-mono: ui-monospace, "SF Mono", Menlo, monospace;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.125rem;--t-xl: 1.5rem;--w-regular: 400;--w-medium: 500;--w-bold: 650;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-full: 999px;--h-control: 44px;--h-control-sm: 34px;--h-primary: 52px;--h-wave: 132px;--rec: 76px;--m-fast: .12s;--m-base: .2s;--ease: cubic-bezier(.2, .8, .2, 1);--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--c-bg);color:var(--c-text);font:var(--w-regular) var(--t-md)/1.5 var(--f-sans);-webkit-font-smoothing:antialiased}main{max-width:560px;margin:0 auto;padding:max(var(--s-4),env(safe-area-inset-top)) max(var(--s-4),env(safe-area-inset-right)) calc(var(--s-8) + env(safe-area-inset-bottom)) max(var(--s-4),env(safe-area-inset-left))}[hidden]{display:none!important}a{color:var(--c-accent)}.grow{flex:1;min-width:0}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.caption{font-size:var(--t-xs);color:var(--c-text-2);margin:0}.title{font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:.01em}.note{font-size:var(--t-sm);margin:var(--s-3) 0 0}.warn{color:var(--c-warn)}.err{color:var(--c-err)}.w3{min-width:3.2em;text-align:right}@media(hover:none){.hide-touch{display:none}}.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ico.lg{width:28px;height:28px;stroke-width:1.5}[data-show]{display:none!important}body[data-phase=empty] [data-show~=empty],body[data-phase=recording] [data-show~=recording],body[data-phase=loaded] [data-show~=loaded],body[data-phase=processing] [data-show~=processing],body[data-phase=done] [data-show~=done]{display:revert!important}.transport,.runline,.act-sub,.row{display:flex;align-items:center;gap:var(--s-3)}body[data-phase=loaded] .transport,body[data-phase=done] .transport,body[data-phase=processing] .runline{display:flex!important}.top{display:flex;align-items:center;justify-content:space-between;padding:var(--s-1) 0 var(--s-4)}.brand{display:flex;align-items:center;gap:var(--s-2);font-weight:var(--w-bold);letter-spacing:.16em;font-size:var(--t-sm)}.mark{width:28px;height:28px;border-radius:7px;display:block}.chip{appearance:none;display:inline-flex;align-items:center;gap:var(--s-2);height:30px;padding:0 var(--s-3);border-radius:var(--r-full);border:1px solid var(--c-line);background:transparent;color:var(--c-text-2);font:var(--w-medium) var(--t-xs)/1 var(--f-sans);letter-spacing:.04em;cursor:pointer}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--c-text-3)}.chip.ok .chip-dot{background:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.chip.ok{color:var(--c-text)}.loadline{display:grid;gap:var(--s-2);margin:0 0 var(--s-3)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.clip{padding:var(--s-5);display:grid;gap:var(--s-4)}.clip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.clip-title{display:grid;gap:2px;min-width:0}.clip-title .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:var(--t-xs);font-weight:var(--w-medium);padding:3px var(--s-2);border-radius:var(--r-sm);background:var(--c-surface-2);color:var(--c-text-2);white-space:nowrap}.tag.rec{background:#ff5a4e24;color:var(--c-danger)}.actions{display:grid;gap:var(--s-4);justify-items:stretch}.dock{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:var(--s-1)}.dock-side{appearance:none;background:none;border:0;padding:0;color:var(--c-text);display:grid;justify-items:center;gap:var(--s-1);cursor:pointer;justify-self:center;transition:opacity var(--m-base)}.dock-side .caption{color:var(--c-text-3)}body[data-phase=recording] .dock-side,body[data-phase=processing] .dock-side{opacity:0;pointer-events:none}body[data-phase=processing] .dock{display:none}#recTime,#dropHint{justify-self:center;text-align:center}#dropHint{color:var(--c-text-3)}body[data-phase=loaded] .rec,body[data-phase=done] .rec{width:64px;height:64px}body[data-phase=loaded] .rec-dot,body[data-phase=done] .rec-dot{width:46px;height:46px}.rec{background:#ff5a4e24;color:var(--c-danger)}.tag.ok{background:var(--c-accent-soft);color:var(--c-accent)}.wavebox{position:relative;height:var(--h-wave);border-radius:var(--r-md);background:var(--c-sunken);border:1px solid var(--c-line);overflow:hidden;transition:border-color var(--m-base) var(--ease)}.drag .wavebox{border-color:var(--c-accent)}.wave{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}#wfLive{cursor:default}.wave-empty{position:absolute;inset:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);color:var(--c-text-3);text-align:center;padding:0 var(--s-6)}body:not([data-phase=empty]) .wave-empty{display:none!important}.wave-legend{position:absolute;left:var(--s-3);top:var(--s-2);gap:var(--s-3);font-size:var(--t-xs);color:var(--c-text-2);pointer-events:none}body[data-phase=done] .wave-legend{display:flex!important}.wave-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:0}.lg-orig:before{background:var(--c-orig)}.lg-clean:before{background:var(--c-accent)}button,.btn{font:inherit;color:inherit}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--h-control);padding:0 var(--s-4);border-radius:var(--r-full);border:1px solid var(--c-line-strong);background:transparent;color:var(--c-text);font-size:var(--t-sm);font-weight:var(--w-medium);text-decoration:none;cursor:pointer;transition:background var(--m-fast),transform var(--m-fast);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn.sm{height:var(--h-control-sm);padding:0 var(--s-3);font-size:var(--t-xs)}.btn.primary{border:0;background:var(--c-accent);color:var(--c-accent-ink);font-weight:var(--w-bold)}.btn.primary .ico{stroke-width:2}.btn.block{width:100%;height:var(--h-primary);font-size:var(--t-md)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-icon{appearance:none;width:var(--h-control);height:var(--h-control);border-radius:50%;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-text);display:grid;place-items:center;padding:0;cursor:pointer;flex:none}.btn-icon.solid{background:var(--c-text);color:var(--c-bg);border:0}.btn-icon .ico{width:22px;height:22px}.actions{display:grid;gap:var(--s-3)}.act-hero{display:grid!important;justify-items:center;gap:var(--s-2);padding:var(--s-2) 0}body:not([data-phase=empty]):not([data-phase=recording]) .act-hero{display:none!important}.act-pair{grid-template-columns:1fr 1fr;gap:var(--s-3)}body[data-phase=done] .act-pair{display:grid!important}.act-pair .btn{height:var(--h-primary)}.act-pair:has(#shareBtn[hidden]){grid-template-columns:1fr}.act-sub{justify-content:center;gap:var(--s-2);flex-wrap:wrap}body[data-phase=empty] .act-sub,body[data-phase=loaded] .act-sub,body[data-phase=done] .act-sub{display:flex!important}#dropHint{text-align:center;color:var(--c-text-3)}.rec{appearance:none;width:var(--rec);height:var(--rec);border-radius:50%;border:2px solid var(--c-line-strong);background:transparent;display:grid;place-items:center;padding:0;cursor:pointer;transition:border-color var(--m-base)}.rec-dot{width:56px;height:56px;border-radius:50%;background:var(--c-danger);transition:all var(--m-base) var(--ease)}.rec.on{border-color:var(--c-danger)}.rec.on .rec-dot{width:26px;height:26px;border-radius:6px}.rec:active .rec-dot{transform:scale(.92)}.rectime{font-size:var(--t-xl);color:var(--c-danger);letter-spacing:.04em}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--c-sunken);border:1px solid var(--c-line);border-radius:var(--r-full);padding:3px}.seg-item{appearance:none;border:0;background:transparent;color:var(--c-text-2);height:var(--h-control-sm);padding:0 var(--s-3);border-radius:var(--r-full);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;transition:background var(--m-fast),color var(--m-fast)}.seg-item.on{background:var(--c-surface-2);color:var(--c-text);font-weight:var(--w-medium);box-shadow:0 1px 2px #0006,0 0 0 1px var(--c-line-strong) inset}#abClean.on{color:var(--c-accent)}.adjust{display:grid;gap:var(--s-3);padding-top:var(--s-1);border-top:1px solid var(--c-line);padding-top:var(--s-4)}.label{flex:none;width:5.5em;font-size:var(--t-xs);color:var(--c-text-2)}input[type=range]{accent-color:var(--c-accent);height:var(--h-control-sm)}.progress{height:4px;background:var(--c-surface-2);border-radius:var(--r-full);overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--c-accent-2),var(--c-accent));transition:width var(--m-base) var(--ease)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2);margin:0;padding-top:var(--s-3);border-top:1px solid var(--c-line)}body[data-phase=done] .stats{display:grid!important}.stats dt{font-size:10px;color:var(--c-text-3);letter-spacing:.04em}.stats dd{margin:0;font-size:var(--t-sm);font-weight:var(--w-medium);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{margin-top:var(--s-4)}.sheet>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-5);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--c-text-2)}.sheet>summary::-webkit-details-marker,.dev>summary::-webkit-details-marker{display:none}.sheet>summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:rotate(45deg);transition:transform var(--m-base) var(--ease)}.sheet[open]>summary:after{transform:rotate(-135deg)}.sheet-body{padding:0 var(--s-5) var(--s-5);display:grid;gap:var(--s-4)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.field{display:grid;gap:var(--s-1);font-size:var(--t-xs);color:var(--c-text-2)}.field select{font:inherit;font-size:var(--t-sm);color:var(--c-text);background:var(--c-sunken);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:0 var(--s-3);height:var(--h-control);width:100%;min-width:0}.toggles{display:grid;gap:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--h-control);font-size:var(--t-sm);cursor:pointer;border-bottom:1px solid var(--c-line)}.toggle:last-child{border-bottom:0}.toggle input{appearance:none;width:42px;height:26px;border-radius:var(--r-full);background:var(--c-surface-2);border:1px solid var(--c-line-strong);position:relative;cursor:pointer;flex:none;transition:background var(--m-base);margin:0}.toggle input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--c-text);transition:transform var(--m-base) var(--ease)}.toggle input:checked{background:var(--c-accent);border-color:transparent}.toggle input:checked:after{transform:translate(16px)}.dev{border-top:1px solid var(--c-line);display:grid;gap:var(--s-3)}.dev>summary{list-style:none;cursor:pointer;padding-top:var(--s-3);font-size:var(--t-xs);color:var(--c-text-3)}.tools{display:flex;flex-wrap:wrap;gap:var(--s-2)}.console{white-space:pre-wrap;background:var(--c-sunken);border-radius:var(--r-sm);padding:var(--s-3);margin:0}#qcAudio audio{width:100%}.foot{color:var(--c-text-3)}.veil{position:fixed;inset:0;display:grid;place-items:center;background:#0b0b0db3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;pointer-events:none}.veil span{padding:var(--s-3) var(--s-5);border:1.5px dashed var(--c-accent);border-radius:var(--r-md);color:var(--c-accent);font-weight:var(--w-medium)}@media(min-width:880px){main{padding-top:var(--s-8)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body[data-phase=done] .transport .seg{display:grid!important}body[data-phase=recording] #wfLive,body[data-phase=loaded] #wfMain,body[data-phase=processing] #wfMain,body[data-phase=done] #wfMain{display:block!important}body[data-phase=done] .adjust{display:grid!important}body[data-phase=loaded] #runBtn{display:inline-flex!important}#timeLbl{white-space:nowrap}.transport .seg-item{padding:0 var(--s-3)}#fallbackNote{font-size:var(--t-xs);margin:0 0 var(--s-3)}body[data-phase=empty] .wave-empty{display:flex!important}body.loading[data-loading=wave] .wavebox:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.1s linear infinite}body.loading[data-loading=wave] .wavebox:before{content:"";position:absolute;left:var(--s-4);right:var(--s-4);top:50%;height:2px;margin-top:-1px;background:var(--c-line-strong);border-radius:1px}body.loading .transport,body.loading .adjust{opacity:.45;pointer-events:none;transition:opacity var(--m-base)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.clip>*{animation:fadein var(--m-base) var(--ease)}@keyframes fadein{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}