:root{--bg: #0d0d0f;--surface: #18181c;--surface-high: #222227;--surface-user: #261e1a;--overlay: rgba(0, 0, 0, .78);--text-primary: #f4f2ed;--text-secondary: #c8c5bd;--text-muted: #9e9a91;--accent: #ffb454;--accent-warm: #ffc47a;--accent-text: #0d0d0f;--focus: #ffd08a;--danger: #ff6b6b;--success: #6dd68a;--accent-dim: rgba(255, 180, 84, .13);--success-dim: rgba(109, 214, 138, .13);--danger-dim: rgba(255, 107, 107, .13);--border: #2a2a32;--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--touch: 64px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:560px;margin:0 auto;display:flex;flex-direction:column}.skip-link{position:absolute;top:-44px;left:12px;padding:10px 18px;background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:700;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:9999;transition:top .12s ease;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px;padding:28px 20px;padding-bottom:max(28px,env(safe-area-inset-bottom));padding-top:max(28px,env(safe-area-inset-top))}.title{font-size:36px;font-weight:900;line-height:1.08;letter-spacing:-.03em;margin:0;color:var(--text-primary);text-wrap:balance}.subtitle{font-size:20px;font-weight:500;color:var(--text-secondary);margin:0;letter-spacing:-.01em;text-wrap:balance}.heading{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:0;color:var(--text-primary);text-wrap:balance}.body{font-size:17px;color:var(--text-secondary);margin:0;line-height:1.58}.muted{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:0}.btn{min-height:var(--touch);width:100%;border-radius:var(--r-md);padding:14px 24px;font-size:18px;font-weight:700;font-family:inherit;letter-spacing:-.01em;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .12s ease,opacity .12s ease,border-color .12s ease;position:relative}.btn:active:not(:disabled){opacity:.84}.btn:disabled{opacity:.38;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text);font-weight:800}.btn-primary:hover:not(:disabled){background:var(--accent-warm)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-high);border-color:#38383e}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-dim)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);font-size:16px;font-weight:500;font-family:inherit;padding:12px 4px;cursor:pointer;min-height:var(--touch);display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:color .12s ease,text-decoration-color .12s ease;width:auto}.btn-ghost:hover{color:var(--text-primary);text-decoration-color:var(--border)}.btn-recording{position:relative}.btn-recording:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:calc(var(--r-md) + 5px);border:2.5px solid var(--success);animation:mic-ring 1.6s ease-out infinite;pointer-events:none}.btn-icon{min-height:var(--touch);min-width:var(--touch);flex-shrink:0;border-radius:var(--r-md);border:2px solid var(--border);background:var(--surface-high);color:var(--text-primary);font-size:20px;font-family:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.btn-icon:hover:not(:disabled){background:#2c2c34}.btn-icon:disabled{opacity:.38;cursor:default}.input{min-height:var(--touch);width:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:17px;font-weight:400;padding:0 16px;transition:border-color .12s ease}.input:focus{outline:none;border-color:var(--accent)}.input:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.row{display:flex;gap:10px}.col{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}.phase-indicator{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-md);padding:16px 20px;font-size:18px;font-weight:700;letter-spacing:-.01em;border:2px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease}.phase-speaking{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.phase-idle{background:var(--success-dim);border-color:var(--success);color:var(--success)}.phase-recording{background:#6dd68a33;border-color:var(--success);color:var(--success)}.phase-processing{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}.phase-error{background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}.phase-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.phase-speaking .phase-dot{background:var(--accent);animation:dot-pulse 1.4s ease-in-out infinite}.phase-idle .phase-dot{background:var(--success)}.phase-recording .phase-dot{background:var(--success);animation:dot-pulse 1.1s ease-in-out infinite}.phase-processing .phase-dot{background:var(--text-muted);animation:dot-pulse 2s ease-in-out infinite}.phase-error .phase-dot{background:var(--danger)}.convo-area{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;min-height:84px}.turn{max-width:100%;width:100%;border-radius:var(--r-md);padding:12px 16px;border:1px solid var(--border)}.turn-assistant{align-self:stretch;background:var(--surface-high);border-color:var(--accent)}.turn-user{align-self:stretch;background:var(--surface-user)}.turn-speaker{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.turn-text{font-size:17px;line-height:1.5;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word}.browse-category{font-size:12px;font-weight:700;color:var(--accent);margin:0;padding-bottom:10px;border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase}.browse-item{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.browse-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.browse-item-name{font-size:17px;font-weight:700;margin:0;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em}.browse-item-price{font-size:17px;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.browse-item-desc{font-size:15px;color:var(--text-secondary);margin:6px 0 0;line-height:1.5}.browse-item-sub{font-weight:700;color:var(--text-muted)}@keyframes mic-ring{0%{transform:scale(1);opacity:.65}65%{transform:scale(1.06);opacity:0}to{transform:scale(1.06);opacity:0}}@keyframes dot-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.btn-recording:after{animation:none;opacity:.5}.phase-speaking .phase-dot,.phase-recording .phase-dot,.phase-processing .phase-dot{animation:none;opacity:1;transform:none}.phase-indicator,.btn,.btn-icon,.btn-ghost,.input,.skip-link{transition:none}}