:root{--bg: #0f1412;--bg-elev: #171e1b;--bg-panel: #1d2723;--line: #2d3d36;--text: #e8f3ee;--muted: #93a89e;--accent: #4ade80;--accent-2: #34d399;--warn: #fbbf24;--danger: #fb7185;--shadow: 0 18px 50px rgba(0, 0, 0, .35);font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1b3a2c 0%,transparent 50%),radial-gradient(900px 500px at 100% 0%,#163028 0%,transparent 45%),var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:1280px;margin:0 auto;padding:24px 20px 48px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.brand h1{margin:0 0 6px;font-size:1.55rem;letter-spacing:.02em}.brand p{margin:0;color:var(--muted);font-size:.95rem}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);font-size:.85rem}.dot{width:8px;height:8px;border-radius:50%;background:#64748b}.dot.ok{background:var(--accent);box-shadow:0 0 10px var(--accent)}.dot.bad{background:var(--danger)}.panel{background:color-mix(in srgb,var(--bg-panel) 88%,transparent);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.grow{flex:1}.field label{font-size:.78rem;color:var(--muted)}.field input,.field select,.field textarea{background:#101714;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-2)}.btn{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(180deg,#4ade80,#22c55e);color:#052e16;font-weight:700;cursor:pointer}.btn.secondary{background:#22332c;color:var(--text);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.tab{background:#18211e;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer}.tab.active{color:#052e16;background:var(--accent);border-color:transparent;font-weight:700}.grid{display:grid;grid-template-columns:320px 1fr;gap:16px}.speaker-list{max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:8px}.speaker{text-align:left;background:#141c19;border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}.speaker.selected{border-color:var(--accent);background:#183025}.speaker strong{display:block}.speaker small{color:var(--muted)}.portrait{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#101714;margin-bottom:10px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.slider label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}input[type=range]{width:100%}.audio-bar{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}audio{width:min(420px,100%)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;background:#0c1210;border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto;max-height:360px;white-space:pre-wrap}.error{color:var(--danger);margin:8px 0 0;white-space:pre-wrap}.phrases{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.phrase{background:#14201b;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.kana{color:var(--accent-2);font-size:.85rem}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{border-bottom:1px solid var(--line);padding:8px;text-align:left}@media(max-width:900px){.grid,.sliders{grid-template-columns:1fr}.topbar{flex-direction:column}}