*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3d5a58;--primary-hover: #324a48;--primary-light: #e8efee;--neutral-900: #0B1220;--neutral-800: #1a2332;--neutral-700: #4B5563;--neutral-600: #6B7280;--neutral-400: #9CA3AF;--neutral-200: #E5E7EB;--neutral-100: #F3F4F6;--neutral-50: #F9FAFB;--success: #16A34A;--warn: #F59E0B;--error: #EF4444;--bg: #ffffff;--bg-secondary: #f9fafb}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--neutral-900);line-height:1.5}.titlebar{-webkit-app-region:drag;height:48px;display:flex;align-items:center;justify-content:flex-start;padding-left:80px}.titlebar *{-webkit-app-region:no-drag}.app-container{display:flex;height:100vh}.sidebar{width:240px;background:var(--neutral-50);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700)}.btn-secondary:hover{background:var(--neutral-200)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.input{padding:8px 12px;border:1px solid var(--neutral-200);border-radius:6px;font-size:14px;width:100%;transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--primary)}.card{background:#fff;border:1px solid var(--neutral-200);border-radius:8px;padding:16px}.nav-item{display:flex;align-items:center;padding:10px 16px;color:var(--neutral-700);text-decoration:none;font-size:14px;gap:10px;transition:background .15s ease}.nav-item:hover{background:var(--neutral-100)}.nav-item.active{background:var(--primary);color:#fff}.voice-indicator{display:flex;align-items:center;gap:12px;padding:16px;background:var(--neutral-50);border-radius:8px}.voice-indicator.listening{background:#fef2f2;border:1px solid var(--error)}.pulse{width:12px;height:12px;border-radius:50%;background:var(--error);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.transcript{font-family:monospace;padding:16px;background:var(--neutral-900);color:var(--neutral-100);border-radius:8px;min-height:100px;white-space:pre-wrap}.transcript-partial{color:var(--neutral-400)}.widget-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;padding:12px;background:transparent;display:flex}.widget-container{display:flex;flex-direction:column;flex:1;height:100%;background:var(--bg);overflow:hidden;position:relative;border-radius:16px}.widget-container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:19px;background:conic-gradient(from var(--glow-angle, 0deg),#3d5a58,#4a706d,#5a8582,#6b9a97,#4a706d,#3d5a58);animation:glow-rotate 4s linear infinite;z-index:-1}.widget-container:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:26px;background:conic-gradient(from var(--glow-angle, 0deg),#3d5a58,#4a706d,#5a8582,#6b9a97,#4a706d,#3d5a58);animation:glow-rotate 4s linear infinite,glow-pulse 3s ease-in-out infinite;z-index:-2;opacity:.6;filter:blur(15px)}@keyframes glow-rotate{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.widget-inner{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;height:100%;min-height:0;background:var(--bg);border-radius:16px;overflow:hidden}.widget-titlebar{-webkit-app-region:drag;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 8px 0 12px;background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);flex-shrink:0;gap:8px}.widget-titlebar *{-webkit-app-region:no-drag}.widget-title-group{display:flex;align-items:center;gap:8px}.widget-titlebar-spacer{flex:1}.widget-logo{height:28px;width:auto;border-radius:6px;object-fit:contain}.widget-title{font-family:Libre Caslon Text,Georgia,serif;font-size:15px;font-weight:400;color:var(--neutral-800)}.widget-btn{width:24px;height:24px;border:none;background:transparent;color:var(--neutral-600);cursor:pointer;border-radius:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.widget-btn:hover{background:var(--neutral-200)}.widget-content{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.widget-section{background:#fff;border:1px solid var(--neutral-200);border-radius:8px;padding:12px}.widget-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--neutral-500);margin-bottom:8px;letter-spacing:.5px}.widget-input{font-size:13px;padding:8px 10px;flex:1}.widget-voice-btn{width:40px;height:40px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:8px;color:var(--neutral-700);transition:all .15s ease}.widget-voice-btn:hover{background:var(--neutral-200);border-color:var(--neutral-400)}.widget-voice-btn.listening{background:var(--error);border-color:var(--error);color:#fff;animation:pulse 1.5s infinite}.widget-status{font-size:12px;color:var(--neutral-500);padding:4px 0}.widget-transcript{font-size:12px;color:var(--neutral-600);font-style:italic;padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-live-transcript{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:6px;margin-bottom:4px}.widget-live-indicator{animation:pulse 1.5s infinite;flex-shrink:0}.widget-live-text{font-size:13px;color:var(--neutral-800);line-height:1.4;word-break:break-word}.widget-interim{color:var(--neutral-500);font-style:italic}.widget-error{font-size:12px;color:var(--error);padding:8px;background:#fef2f2;border-radius:4px;margin-top:4px}.widget-match{background:#eff6ff;border:1px solid var(--primary);border-radius:8px;padding:10px}.widget-match-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.widget-match-name{font-weight:600;font-size:14px;color:var(--neutral-900)}.widget-match-owner{font-size:11px;color:var(--primary);margin-top:2px;display:flex;align-items:center;gap:4px}.widget-match-owner strong{font-weight:600}.widget-match-params{margin-bottom:8px}.widget-param{display:flex;gap:4px;font-size:12px;padding:2px 0}.widget-param-key{font-weight:500;color:var(--neutral-600)}.widget-param-value{color:var(--neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-match-actions{display:flex;gap:8px;justify-content:flex-end}.widget-param-confirmation{margin-top:8px}.widget-param-edit{margin-bottom:10px}.widget-param-label{display:block;font-size:12px;font-weight:500;color:var(--neutral-700);margin-bottom:4px;text-transform:capitalize}.widget-param-edit .widget-input{font-size:13px;padding:8px 10px}.widget-workflow-list{display:flex;flex-direction:column;gap:6px}.widget-workflow-item{display:flex;flex-direction:column;padding:8px 10px;background:var(--neutral-50);border-radius:6px;cursor:pointer;transition:background .15s ease}.widget-workflow-item:hover{background:var(--neutral-100)}.widget-workflow-name{font-size:13px;font-weight:500;color:var(--neutral-800)}.widget-workflow-trigger{font-size:11px;color:var(--primary);margin-top:2px}.widget-empty{text-align:center;padding:16px;color:var(--neutral-500);font-size:13px}.widget-history-list{display:flex;flex-direction:column;gap:6px}.widget-history-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--neutral-50);border-radius:6px}.widget-history-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.widget-history-item:has(.widget-history-status:first-child) .widget-history-status{background:var(--neutral-200);color:var(--neutral-600)}.widget-history-content{flex:1;min-width:0}.widget-history-workflow{font-size:13px;font-weight:500;color:var(--neutral-800)}.widget-history-command{font-size:11px;color:var(--neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-history-time{font-size:10px;color:var(--neutral-400);flex-shrink:0}.widget-history-type{margin-right:4px;font-size:10px}.widget-history-type-quick{color:var(--primary)}.widget-quick-input{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:var(--neutral-300)}.widget-quick-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.widget-quick-result{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:8px;padding:8px 10px;margin-top:8px;font-size:12px}.widget-quick-result-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.widget-quick-result-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--neutral-500);margin-bottom:6px;letter-spacing:.5px}.widget-quick-result-close{background:transparent;border:none;cursor:pointer;font-size:16px;color:var(--neutral-400);padding:0;line-height:1}.widget-quick-result-close:hover{color:var(--neutral-600)}.widget-quick-result-content{color:var(--neutral-700);line-height:1.5;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.widget-quick-result-error .widget-quick-result-content{color:var(--error)}.widget-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:8px 12px;border-top:1px solid var(--neutral-200);background:var(--neutral-50);flex-shrink:0}.widget-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .15s ease}.widget-nav-btn:hover{background:var(--neutral-200)}.widget-nav-btn-primary{background:var(--primary);color:#fff}.widget-nav-btn-primary:hover{background:var(--primary-hover)}.widget-nav-icon{font-size:18px}.widget-nav-btn-primary .widget-nav-icon{font-size:20px;font-weight:600}.widget-nav-label{font-size:10px;font-weight:500;color:var(--neutral-600)}.widget-nav-btn-primary .widget-nav-label{color:#fff}.widget-upper-section{flex-shrink:0;max-height:50%;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.widget-lower-section{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--neutral-200);padding-top:12px;margin-top:4px}.widget-commands-section{flex:1;display:flex;flex-direction:column;min-height:0}.widget-commands-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.widget-command-item{padding:10px 12px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:6px;cursor:pointer;transition:all .15s ease}.widget-command-item:hover{background:var(--neutral-100);border-color:var(--primary)}.widget-command-name{font-size:13px;font-weight:500;color:var(--neutral-800);display:flex;align-items:center;gap:6px}.widget-command-shared{font-size:11px;opacity:.7}.widget-command-trigger{font-size:11px;color:var(--neutral-500);margin-top:2px;font-style:italic}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--neutral-600);cursor:pointer;border-radius:6px;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.btn-icon:hover{background:var(--neutral-100)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.onboarding-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--neutral-200)}.onboarding-modal-body{flex:1;overflow-y:auto;padding:24px}.onboarding-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:0 0 16px 16px}.onboarding-step{text-align:center}.onboarding-title{font-family:Libre Caslon Text,Georgia,serif;font-size:22px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.onboarding-description{font-size:14px;color:var(--neutral-600);line-height:1.6;text-align:left;display:flex;align-items:flex-start;padding-left:16px;padding-right:16px}.onboarding-description span{flex:1}.onboarding-progress{display:flex;justify-content:center;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--neutral-200);transition:background .2s,transform .2s}.onboarding-dot.active{background:var(--primary);transform:scale(1.25)}.onboarding-dot.completed{background:var(--primary)}.onboarding-skip{background:none;border:none;color:var(--neutral-500);font-size:14px;cursor:pointer;padding:8px 12px}.onboarding-skip:hover{color:var(--neutral-700)}.onboarding-nav{display:flex;gap:12px}.onboarding-help-button{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:24px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:999;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.onboarding-help-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}