:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e1e3f;--bg-input: #2a2a4a;--bg-hover: #2d2d5a;--text-primary: #e8e8f0;--text-secondary: #b8b8d0;--text-muted: #8a8aa0;--text-accent: #64b5f6;--border-primary: #3a3a5a;--border-secondary: #4a4a6a;--accent-primary: #6fcf97;--accent-secondary: #5c9eff;--accent-tertiary: #b794f4;--accent-warning: #f2994a;--accent-error: #ff6b6b;--shadow-light: 0 1px 6px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-card: #ffffff;--bg-input: #f8f9fa;--bg-hover: #f1f3f4;--text-primary: #23272f;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-accent: #3b82f6;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--accent-primary: #6fcf97;--accent-secondary: #5c9eff;--accent-tertiary: #b794f4;--accent-warning: #f2994a;--accent-error: #dc2626;--shadow-light: 0 1px 6px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .2)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:var(--text-accent);text-decoration:inherit}a:hover{color:var(--accent-secondary)}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--accent-secondary);background-color:var(--bg-hover)}button:focus,button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.sidebar{width:250px;background:var(--bg-secondary);padding:16px;border-right:1px solid var(--border-primary);color:var(--text-primary)}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.sidebar li:hover{background:var(--bg-hover)}.sidebar li.selected{background:var(--accent-primary)!important;color:var(--bg-primary);font-weight:600}.project-view{max-width:700px;margin:0 auto;background:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:var(--shadow-light)}.note-section{margin-bottom:24px}@keyframes toast-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}#root{width:100%;height:100vh;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--accent-secondary))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--accent-tertiary))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-light);border:1px solid var(--border-primary)}.read-the-docs{color:var(--text-muted)}.app-layout{background:var(--bg-primary);color:var(--text-primary)}main{background:var(--bg-primary);color:var(--text-primary);overflow-y:auto}input,textarea,select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #5c9eff1a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.myndee-welcome-gif{display:block;object-fit:contain}