:root{--bg: #0b0b10;--surface: #16161f;--surface-2: #1f1f2b;--text: #f4f4f8;--dim: #8d8da0;--accent: #7c5cff;--accent-2: #9d86ff;--danger: #ff4d5e;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}.app{max-width:560px;margin:0 auto;min-height:100%;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.screen{display:flex;flex-direction:column;gap:20px;padding:12px 0 32px;min-height:100vh}.screen.center{align-items:center;justify-content:center;text-align:center}.dim{color:var(--dim)}.small{font-size:.85rem}.error{color:var(--danger);max-width:320px;margin:0}.brand h1{margin:12px 0 4px;font-size:2rem;letter-spacing:-.02em}.brand p{margin:0}.actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:16px}.btn-primary,.btn-secondary{padding:16px 20px;border-radius:16px;font-size:1.05rem;font-weight:600}.btn-primary{background:var(--accent);display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary .dot{width:12px;height:12px;border-radius:50%;background:#fff}.btn-secondary{background:var(--surface-2)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.topbar h2{margin:0;font-size:1.05rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>:last-child{justify-self:end}.btn-text{background:none;color:var(--accent-2);font-size:1rem;padding:8px 0;justify-self:start}.record-wrap{position:relative;width:220px;height:220px;display:grid;place-items:center}.ring{position:absolute;top:0;right:0;bottom:0;left:0}.ring-bg,.ring-fg{fill:none;stroke-width:8}.ring-bg{stroke:var(--surface-2)}.ring-fg{stroke:var(--accent-2);stroke-linecap:round}.record-btn{width:150px;height:150px;border-radius:50%;background:var(--surface);display:grid;place-items:center;transition:transform .06s linear}.record-icon{width:56px;height:56px;border-radius:50%;background:var(--danger);transition:border-radius .15s,width .15s,height .15s}.record-btn.active .record-icon{border-radius:12px;width:44px;height:44px}.timer{font-size:1.6rem;font-variant-numeric:tabular-nums;margin:0}.hint{margin:0;color:var(--dim);max-width:280px}.waveform-card{background:var(--surface);border-radius:20px;padding:16px}.waveform{min-height:140px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.transport{display:flex;align-items:center;gap:14px;margin-top:14px}.btn-round{width:52px;height:52px;border-radius:50%;background:var(--accent);font-size:1.1rem}.time{flex:1;font-variant-numeric:tabular-nums;font-size:1.05rem}.btn-chip{background:var(--surface-2);padding:10px 16px;border-radius:999px;font-weight:600}.btn-chip.on{background:var(--accent)}.placeholder-card{background:var(--surface);border-radius:20px;padding:16px}.placeholder-card p{margin:0 0 6px}.selection-info{margin:-6px 0 0;font-size:.9rem;min-height:1.3em}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tool{background:var(--surface-2);border-radius:14px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.8rem;font-weight:600}.tool-icon{font-size:1.3rem;line-height:1}.notice{margin:0;padding:10px 14px;background:var(--surface);border-radius:12px;color:var(--accent-2)}.waveform ::part(region){border-left:2px solid var(--accent-2);border-right:2px solid var(--accent-2)}.select-row{display:flex;gap:10px}.select-row .btn-chip{flex:1;padding:12px 8px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-radius:14px;padding:4px;gap:4px}.tabs button{background:none;padding:10px;border-radius:10px;font-weight:600;color:var(--dim)}.tabs button.on{background:var(--surface-2);color:var(--text)}.fx-bar{display:flex;gap:10px;align-items:center}.fx-bar .btn-chip{padding:12px 14px}.small-btn{padding:12px 22px;margin-left:auto;font-size:1rem;border-radius:999px;background:var(--accent)}.small-btn:disabled{background:var(--surface-2)}.fx-panel{display:flex;flex-direction:column;gap:12px}.presets{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.presets::-webkit-scrollbar{display:none}.presets .btn-chip{white-space:nowrap;flex:none}.fx-card{background:var(--surface);border-radius:18px;padding:14px 16px;border:1px solid transparent}.fx-card.on{border-color:var(--accent)}.fx-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fx-head h3{margin:0;font-size:1.05rem}.fx-head p{margin:2px 0 0}.fx-body{margin-top:10px;display:flex;flex-direction:column;gap:8px}.fx-card:not(.on) .fx-body{opacity:.55}.switch{flex:none;width:52px;height:32px;border-radius:999px;background:var(--surface-2);position:relative;transition:background .15s}.switch[aria-checked=true]{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .15s}.switch[aria-checked=true] .knob{transform:translate(20px)}.slider{display:block}.slider-head{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:2px}.slider-value{color:var(--accent-2);font-variant-numeric:tabular-nums}.slider input[type=range]{width:100%;height:36px;margin:0;accent-color:var(--accent);touch-action:pan-y}