:root{color-scheme:dark;--bg: #0c0d10;--surface: #15171c;--surface-2: #1c1f25;--border: #2a2e36;--text: #e8e9ec;--text-dim: #8d93a0;--accent: #ff9f43;--accent-soft: #ff9f4322;--ok: #4ade80;--warn: #f59e0b;--err: #ef4444;--radius: 14px;--radius-sm: 8px;--gap: 12px;font-family:-apple-system,SF Pro Text,SF Pro Display,Helvetica Neue,Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{display:flex;flex-direction:column}.conversation{flex:1 1 auto;overflow-y:auto;padding:32px 24px 120px;max-width:760px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}.msg{max-width:88%;padding:10px 14px;border-radius:var(--radius);font-size:14px;white-space:pre-wrap;word-break:break-word}.msg--bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.msg--user{align-self:flex-end;background:var(--accent-soft);border:1px solid var(--accent);color:var(--text)}.msg--note{align-self:center;font-size:12px;color:var(--text-dim);background:transparent;border:none;padding:2px 0}.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);max-width:88%}.chip--user{align-self:flex-end;border-color:var(--accent)}.chip__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#0c0d10;font-weight:700}.chip__body{display:flex;flex-direction:column;gap:2px}.chip__title{font-weight:600}.chip__sub{color:var(--text-dim);font-size:12px}.options{align-self:flex-start;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-width:100%;width:100%}.options__btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;transition:border-color 80ms ease,background 80ms ease}.options__btn:hover{border-color:var(--accent)}.options__btn:disabled{opacity:.4;cursor:default}.options__btn b{font-size:14px}.options__btn span{color:var(--text-dim);font-size:12px}.progress{align-self:flex-start;width:100%;max-width:540px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.progress__head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim)}.progress__steps{display:flex;flex-direction:column;gap:6px}.step{display:flex;align-items:center;gap:10px;font-size:13px}.step__dot{width:10px;height:10px;border-radius:50%;background:var(--border);flex:none}.step--done .step__dot{background:var(--ok)}.step--active .step__dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse 1.4s ease-in-out infinite}.step--err .step__dot{background:var(--err)}.step__label{flex:1}.step__time{color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 6px var(--accent-soft)}}.result{align-self:flex-start;width:100%;max-width:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.result__head{display:flex;justify-content:space-between;align-items:baseline}.result__title{font-weight:600}.result__meta{color:var(--text-dim);font-size:12px}.result__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-sm)}.metric{display:flex;flex-direction:column;gap:2px}.metric__k{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.metric__v{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.metric__delta{color:var(--text-dim);font-size:11px}.metric__delta--ok{color:var(--ok)}.metric__delta--warn{color:var(--warn)}.result__player{width:100%}.result__player audio{width:100%}.result__downloads{display:flex;flex-wrap:wrap;gap:6px}.dlbtn{padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:12px}.dlbtn:hover{border-color:var(--accent)}.composer{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 32px));display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 6px 28px #00000059}.composer input[type=text]{flex:1;background:transparent;border:none;color:var(--text);font:inherit;padding:8px 12px;outline:none}.composer button{width:40px;height:40px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text);font-size:18px;cursor:pointer}.composer button:hover{background:var(--border)}.composer button.send{background:var(--accent);color:#0c0d10}.composer button.send:hover{filter:brightness(1.05)}.composer button:disabled{opacity:.35;cursor:default}