:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem}body{color:#333;background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}h1{color:#2c3e50;text-align:center;border-bottom:2px solid #eaeaea;margin-bottom:2rem;padding-bottom:1rem}h2{color:#3498db;margin-top:0;margin-bottom:1.5rem}.error{color:#ef4444;text-align:center;background-color:#fee2e2;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.loading{text-align:center;color:#666;padding:2rem;font-style:italic}.section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:#4b5563;margin-bottom:.5rem;font-weight:500}input,textarea,select{border:1px solid #d1d5db;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}textarea{resize:vertical;min-height:100px}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s}button:hover{background-color:#2563eb}.data-section{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}@media (max-width:768px){.data-section{grid-template-columns:1fr}}.users-section,.posts-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}.users-list,.posts-list{margin:0;padding:0;list-style:none}.user-item,.post-item{border-bottom:1px solid #e2e8f0;padding:1rem}.user-item:last-child,.post-item:last-child{border-bottom:none}.user-item h3,.post-item h3{color:#1f2937;margin-top:0;margin-bottom:.5rem}.post-author{color:#6b7280;margin-top:.5rem;font-size:.875rem;font-style:italic}@media (max-width:640px){.app-container{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}