:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.touch-manipulation{touch-action:manipulation}button,.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bg-gradient-to-b{background:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from:#faf5ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(250,245,255,0))}.to-white{--tw-gradient-to:#fff}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}.to-blue-600{--tw-gradient-to:#2563eb}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.p-8{padding:2rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-gray-900{color:#111827}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-gray-800{color:#1f2937}.bg-gray-100{background-color:#f3f4f6}.p-4{padding:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-600{color:#4b5563}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.text-blue-600{color:#2563eb}.break-all{word-break:break-all}.bg-yellow-50{background-color:#fffbeb}.border{border-width:1px}.border-yellow-200{border-color:#fde68a}.p-6{padding:1.5rem}.text-yellow-800{color:#92400e}.text-yellow-600{color:#d97706}.mt-2,.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.bg-blue-50{background-color:#eff6ff}.border-blue-200{border-color:#bfdbfe}.flex{display:flex}.flex-col{flex-direction:column}.text-blue-800{color:#1e40af}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.text-gray-700{color:#374151}.bg-gray-900{background-color:#111827}.text-green-400{color:#4ade80}.overflow-x-auto{overflow-x:auto}.border-t{border-top-width:1px}.pt-6{padding-top:1.5rem}.inline-block{display:inline-block}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-white{color:#fff}.mr-2{margin-right:.5rem}.transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-center{text-align:center}.bg-purple-50{background-color:#faf5ff}.bg-green-50{background-color:#f0fdf4}.bg-amber-50{background-color:#fffbeb}.border-purple-200{border-color:#e9d5ff}.border-green-200{border-color:#bbf7d0}.border-amber-200{border-color:#fde68a}.text-purple-600{color:#9333ea}.text-green-600{color:#16a34a}.text-amber-800{color:#92400e}.text-xs{font-size:.75rem;line-height:1rem}.bg-blue-600{background-color:#2563eb}.bg-blue-600:hover{background-color:#1d4ed8}.bg-green-600{background-color:#16a34a}.bg-green-600:hover{background-color:#15803d}.bg-purple-600{background-color:#9333ea}.bg-purple-600:hover{background-color:#7c3aed}.bg-gray-600{background-color:#4b5563}.bg-gray-600:hover{background-color:#374151}.bg-orange-600{background-color:#ea580c}.bg-orange-600:hover{background-color:#dc2626}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-600:hover{background-color:#4338ca}.bg-pink-600{background-color:#db2777}.bg-pink-600:hover{background-color:#be185d}.bg-red-600{background-color:#dc2626}.bg-red-600:hover{background-color:#b91c1c}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:mb-0{margin-bottom:0}.sm\:mr-4{margin-right:1rem}}.min-w-0{min-width:0}