:root{--bg-primary: #0a0a0a;--bg-secondary: #171717;--text-primary: #ededed;--text-secondary: #a1a1aa;--accent-color: #6366f1;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center}#root{width:100%;display:flex;justify-content:center}.container{width:100%;max-width:1200px;padding:2rem}button{cursor:pointer;transition:all .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.app-grid{display:grid;grid-template-columns:minmax(300px,1fr) 350px;gap:40px;width:100%}.tab-nav{display:none;gap:8px;margin-bottom:20px;background:var(--bg-secondary);padding:4px;border-radius:12px}.tab-btn{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;font-weight:600;font-size:14px}.tab-btn.active{background:var(--accent-color);color:#fff}@media(max-width:850px){.container{padding:1rem}.app-grid{display:flex;flex-direction:column;gap:20px}.tab-nav{display:flex}.mobile-hidden{display:none!important}}