:root{--green: #1A9E70;--green-dark: #14845C;--green-light: #e6f5ef;--teal: #1B8E6E;--bg: #ffffff;--surface: #ffffff;--surface2: #f5f7f6;--border: #dce3df;--text: #1a1a1a;--text-muted: #6b7c74;--font-sans: "DM Sans", sans-serif;--font-serif: "DM Serif Display", serif;--font-mono: "DM Mono", monospace;--radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none;transition:opacity .15s,background .15s}button:hover{opacity:.9}input,textarea{font-family:var(--font-sans);background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-size:14px;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--green)}a{color:var(--green);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.mobile-tabs{display:none}@media (max-width: 768px){.mobile-tabs{display:flex!important}.panel-left,.panel-right,.video-section{display:none!important}.panel-left.active,.panel-right.active{display:flex!important;width:100%!important;border-right:none!important}.video-section.active{display:flex!important}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}