:root{color-scheme:dark;--surface: #09090b;--surface-container: #121215;--surface-high: #1c1c21;--surface-card: #18181d;--surface-hover: #23232a;--on-surface: #f4f4f5;--on-surface-variant: #a1a1aa;--on-surface-muted: #71717a;--primary: #6366f1;--primary-light: #818cf8;--primary-container: rgba(99, 102, 241, .12);--primary-border: rgba(99, 102, 241, .35);--on-primary: #ffffff;--outline: #27272e;--outline-light: #383842;--accent: #14b8a6;--emerald: #10b981;--rose: #f43f5e;--amber: #f59e0b;--blue: #3b82f6;--purple: #a855f7;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;font-family:var(--font);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-light);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-muted)}.min-h-screen{min-height:100vh}.min-h-0{min-height:0}.min-h-\[320px\]{min-height:320px}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.divide-y>*+*{border-top:1px solid var(--outline)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-1\/2{top:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.-translate-y-1\/2{transform:translateY(-50%)}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--outline)}.border-t{border-top:1px solid var(--outline)}.border-b{border-bottom:1px solid var(--outline)}.border-l{border-left:1px solid var(--outline)}.border-r{border-right:1px solid var(--outline)}.border-l-2{border-left-width:2px;border-left-style:solid}.border-dashed{border-style:dashed}.border-collapse{border-collapse:collapse}.border-outline{border-color:var(--outline)}.border-outline-light{border-color:var(--outline-light)}.border-outline\/50{border-color:#3f3f4680}.border-primary{border-color:var(--primary)}.border-primary\/30{border-color:#6366f14d}.border-accent{border-color:var(--accent)}.border-accent\/20{border-color:#14b8a633}.border-emerald\/30{border-color:#10b9814d}.border-rose\/30{border-color:#f43f5e4d}.border-amber\/30{border-color:#f59e0b4d}.bg-surface{background:var(--surface)}.bg-surface-container{background:var(--surface-container)}.bg-surface-high{background:var(--surface-high)}.bg-surface-card{background:var(--surface-card)}.bg-surface-hover{background:var(--surface-hover)}.bg-primary{background:var(--primary)}.bg-primary\/5{background:#6366f10d}.bg-primary\/10{background:#6366f11a}.bg-primary\/20{background:#6366f133}.bg-primary-container{background:#6366f126}.bg-accent{background:var(--accent)}.bg-accent\/10{background:#14b8a61a}.bg-emerald{background:var(--emerald)}.bg-emerald\/10{background:#10b9811a}.bg-emerald\/20{background:#10b98133}.bg-rose{background:var(--rose)}.bg-rose\/10{background:#f43f5e1a}.bg-rose\/20{background:#f43f5e33}.bg-amber{background:var(--amber)}.bg-amber\/10{background:#f59e0b1a}.bg-amber\/20{background:#f59e0b33}.bg-blue\/10{background:#3b82f61a}.bg-purple\/10{background:#a855f71a}.bg-outline\/30{background:#27272e4d}.bg-black\/60{background:#0009}.bg-black\/80{background:#000c}.bg-transparent{background:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-from, var(--primary)),var(--tw-to, var(--accent)))}.from-primary{--tw-from: var(--primary)}.to-accent{--tw-to: var(--accent)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-sm{backdrop-filter:blur(8px)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-surface-muted{color:var(--on-surface-muted)}.text-on-primary{color:var(--on-primary)}.text-primary{color:var(--primary)}.text-primary-light{color:var(--primary-light)}.text-accent{color:var(--accent)}.text-emerald{color:var(--emerald)}.text-rose{color:var(--rose)}.text-rose-400{color:#fb7185}.text-amber{color:var(--amber)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-white{color:#fff}.font-headline,.font-sans{font-family:var(--font)}.font-mono,.font-label{font-family:var(--mono)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[9px\]{font-size:9px;line-height:12px}.text-\[10px\]{font-size:10px;line-height:14px}.text-\[11px\]{font-size:11px;line-height:16px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.015em}.tracking-tighter{letter-spacing:-.03em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.line-through{text-decoration:line-through}.decoration-outline{text-decoration-color:var(--outline)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.size-1\.5{width:.375rem;height:.375rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-4\.5{width:1.125rem;height:1.125rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-\[800px\]{width:800px;height:800px}.w-20{width:5rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[260px\]{width:260px}.w-\[320px\]{width:320px}.w-\[380px\]{width:380px}.w-\[420px\]{width:420px}.w-\[460px\]{width:460px}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.h-1{height:.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-\[38px\]{height:38px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.transition{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .15s,border-color .15s,color .15s}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.shadow-sm{box-shadow:0 1px 2px #0006}.shadow-lg{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080}.shadow-xl{box-shadow:0 20px 25px -5px #0009,0 8px 10px -6px #0009}.shadow-2xl{box-shadow:0 25px 50px -12px #000000b3}.shadow-glow-primary{box-shadow:0 0 20px #6366f133}.shadow-glow-emerald{box-shadow:0 0 20px #10b98133}.shadow-glow-rose{box-shadow:0 0 20px #f43f5e33}.shadow-brand{box-shadow:0 0 15px #6366f126}.blur-\[120px\]{filter:blur(120px)}.opacity-60{opacity:.6}.outline-none{outline:none}.resize-none{resize:none}.disabled\:opacity-50:disabled{opacity:.5}.input,.select,textarea.input-area{width:100%;background:var(--surface-container);border:1px solid var(--outline);color:var(--on-surface);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.input:hover,.select:hover,textarea.input-area:hover{border-color:var(--outline-light)}.input:focus,.select:focus,textarea.input-area:focus{border-color:var(--primary);background:var(--surface-high);box-shadow:0 0 0 1px var(--primary),0 0 12px #6366f126}.input::placeholder,textarea::placeholder,textarea.input-area::placeholder{color:var(--on-surface-muted)}.hover\:bg-primary\/90:hover{background:#818cf8}.hover\:bg-surface-container:hover{background:var(--surface-container)}.hover\:bg-surface-container-high:hover{background:var(--surface-high)}.hover\:bg-surface-hover:hover{background:var(--surface-hover)}.hover\:bg-surface-container-high\/50:hover{background:#27272a80}.hover\:bg-outline\/40:hover{background:#3f3f4666}.hover\:bg-rose-500:hover{background:#f43f5e}.hover\:text-on-surface:hover{color:var(--on-surface)}.hover\:border-primary\/40:hover{border-color:#6366f166}.hover\:border-primary\/50:hover{border-color:#6366f180}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.96)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideInRight .25s cubic-bezier(.16,1,.3,1) forwards}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:w-auto{width:auto}.sm\:w-48{width:12rem}.sm\:p-10{padding:2.5rem}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:w-\[360px\]{width:360px}.lg\:w-\[400px\]{width:400px}}@media (min-width: 1280px){.xl\:flex-row{flex-direction:row}.xl\:border-b-0{border-bottom:0}.xl\:border-r{border-right:1px solid var(--outline)}.xl\:w-\[380px\]{width:380px}.xl\:w-\[420px\]{width:420px}.xl\:w-\[460px\]{width:460px}.xl\:w-\[30\%\]{width:30%}.xl\:min-w-\[340px\]{min-width:340px}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}