*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080810;--surface: #12121e;--surface2:#1c1c2e;--border: #2a2a42;--text: #e2e2f0;--muted: #6666aa;--ok: #10b981;--warn: #f59e0b;--err: #ef4444;--r: 12px}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100dvh;display:flex;justify-content:center;padding:2rem 1rem 4rem}.app{width:100%;max-width:580px;display:flex;flex-direction:column;gap:1rem}header{text-align:center;padding-top:.5rem}header h1{font-size:1.9rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header .subtitle{color:var(--muted);font-size:.82rem;margin-top:.25rem}.tabs-wrap{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.tabs-wrap::-webkit-scrollbar{display:none}.plan-tabs{display:flex;gap:.5rem;min-width:max-content}.plan-tab{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:.55rem .9rem;transition:border-color .15s,background .15s,color .15s;min-width:72px}.plan-tab:hover{border-color:var(--plan-color);color:var(--text)}.plan-tab:disabled{opacity:.4;cursor:not-allowed}.plan-tab.active{background:color-mix(in srgb,var(--plan-color) 15%,transparent);border-color:var(--plan-color);color:var(--text);box-shadow:0 0 12px color-mix(in srgb,var(--plan-color) 30%,transparent)}.tab-name{font-size:.82rem;font-weight:700}.tab-price{font-size:.68rem;color:var(--muted);margin-top:.1rem}.plan-tab.active .tab-price{color:var(--plan-color)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem}.plan-info{border-color:color-mix(in srgb,var(--plan-color, #818cf8) 40%,var(--border))}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.plan-name-lg{font-size:1.1rem;font-weight:700;color:var(--plan-color);margin-right:.5rem}.plan-price-lg{font-size:1.1rem;font-weight:700}.plan-price-lg small{font-size:.75rem;color:var(--muted)}.plan-credits{font-size:.75rem;color:var(--muted);background:var(--surface2);border-radius:6px;padding:.2rem .55rem}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.feature-list li{font-size:.82rem}.feat-ok{color:var(--text)}.feat-locked{color:var(--muted);display:flex;gap:.4rem;align-items:center}.req{font-size:.68rem;font-weight:600;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem;color:var(--warn);white-space:nowrap}.config{display:flex;flex-direction:column;gap:.9rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input,.field select{background:var(--surface2);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:.88rem;padding:.5rem .7rem;outline:none;width:100%;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--plan-color, #818cf8)}.field input:disabled,.field select:disabled{opacity:.4;cursor:not-allowed}.output-badge{background:color-mix(in srgb,var(--plan-color, #818cf8) 15%,var(--surface2));border:1px solid color-mix(in srgb,var(--plan-color, #818cf8) 40%,transparent);border-radius:7px;color:var(--text);font-size:.88rem;padding:.5rem .75rem;font-weight:600}.voice-note{font-size:.75rem;margin-top:.1rem}.voice-note.ok{color:var(--ok)}.voice-note.warn{color:var(--warn)}.controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.btn-start,.btn-stop{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 3rem;width:100%;max-width:280px;transition:transform .1s,box-shadow .15s}.btn-start{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 20px #7c3aed66;color:#fff}.btn-start:hover{box-shadow:0 6px 28px #7c3aed99;transform:translateY(-1px)}.btn-stop{background:#2a1f2e;border:1px solid var(--err);color:var(--err)}.btn-stop:hover{background:#3a2030}.btn-start:active,.btn-stop:active{transform:translateY(0)}.status-bar{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#444;transition:background .3s}.meter-card{display:flex;flex-direction:column;gap:.5rem}.meter-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meter-bar{background:var(--surface2);border-radius:99px;height:9px;overflow:hidden}.meter-fill{height:100%;width:0%;border-radius:99px;transition:width .06s,background .3s}#log{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.log-line{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted);word-break:break-word}.log-line.ok{color:var(--ok)}.log-line.error{color:var(--err)}