:root{--bg: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-elevated: #3a3a3c;--text-primary: #ffffff;--text-secondary: rgba(235, 235, 245, .6);--text-tertiary: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .65);--accent: #FF9900;--accent-light: #FFB84D;--red: #FF453A;--green: #30D158;--blue: #0A84FF;--radius: 12px;--radius-sm: 8px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:.5px solid var(--separator);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-title{font-size:17px;font-weight:600;letter-spacing:-.4px}.app-subtitle{font-size:13px;color:var(--text-secondary);font-weight:400}.app-body{flex:1;display:flex;gap:0;min-height:0}.card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px}.input-field{width:100%;background:var(--bg-tertiary);border:none;border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.5;resize:none;outline:none;transition:box-shadow var(--transition)}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{box-shadow:0 0 0 2px var(--accent)}.input-field:disabled{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius);font-family:var(--font);font-size:16px;font-weight:600;padding:12px 20px;cursor:pointer;transition:opacity var(--transition),transform .1s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-primary{background:var(--accent);color:#000;width:100%}.btn-ghost{background:none;color:var(--accent);padding:8px;border-radius:50%;width:36px;height:36px}.btn-ghost:hover{background:#ff99001a}.btn-small{font-size:14px;padding:6px 12px;border-radius:var(--radius-sm)}.btn-text{background:none;color:var(--accent);padding:4px 8px;font-size:14px;font-weight:500;border-radius:var(--radius-sm)}.btn-text:hover{background:#ff990014}.btn-danger-text{background:none;color:var(--red);padding:4px 8px;font-size:14px;font-weight:500;border-radius:var(--radius-sm)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:13px;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.pill-accent{background:#ff990026;color:var(--accent)}.output-card{background:var(--bg-tertiary);border-radius:var(--radius);padding:14px 16px;min-height:100px;font-size:16px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.annotation{background:#ff990014;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.error-banner{background:#ff453a1a;border-left:3px solid var(--red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:14px;color:var(--red);display:flex;align-items:center;justify-content:space-between;gap:8px}@keyframes shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.skeleton-line{height:14px;border-radius:6px;background:var(--bg-elevated);animation:shimmer 1.5s ease-in-out infinite}.streaming-cursor{display:inline-block;width:2px;height:18px;background:var(--accent);animation:shimmer .8s ease-in-out infinite;margin-left:2px;vertical-align:text-bottom;border-radius:1px}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.history-header{padding:14px 16px;font-size:15px;font-weight:600;border-bottom:.5px solid var(--separator);color:var(--text-primary)}.history-list{list-style:none;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-entry{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:.5px solid var(--separator);padding:12px 16px;cursor:pointer;color:var(--text-primary);font-family:var(--font);transition:background var(--transition);-webkit-tap-highlight-color:transparent}.history-entry:hover{background:#ffffff0a}.history-entry:active{background:#ffffff14}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-tertiary);gap:8px}.empty-state-title{font-size:15px;font-weight:500;color:var(--text-secondary)}.empty-state-desc{font-size:13px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.voice-controls{display:flex;align-items:center;gap:4px}.voice-error{font-size:12px;color:var(--red);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.app-body{flex-direction:column}}