:root{--font-sans:var(--font-inter),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--color-primary:oklch(0.62 0.21 264);--color-primary-50:oklch(0.97 0.05 264);--color-primary-100:oklch(0.94 0.08 264);--color-primary-200:oklch(0.88 0.12 264);--color-primary-300:oklch(0.82 0.15 264);--color-primary-400:oklch(0.72 0.18 264);--color-primary-500:oklch(0.62 0.21 264);--color-primary-600:oklch(0.57 0.21 264);--color-primary-700:oklch(0.52 0.21 264);--color-primary-800:oklch(0.42 0.18 264);--color-primary-900:oklch(0.32 0.15 264);--color-secondary:oklch(0.58 0.18 190);--color-accent:oklch(0.75 0.18 45);--color-success:oklch(0.68 0.16 145);--color-warning:oklch(0.78 0.15 75);--color-error:oklch(0.62 0.21 25);--color-bg:oklch(1 0 0);--color-fg:oklch(0.15 0 0);--color-border:oklch(0.88 0 0);--color-muted:oklch(0.45 0 0);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}*{border-color:var(--color-border)}body{background-color:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600!important;letter-spacing:-.025em!important}h1{font-size:var(--text-4xl)!important}h2{font-size:var(--text-3xl)!important}h3{font-size:var(--text-2xl)!important}h4{font-size:var(--text-xl)!important}h5{font-size:var(--text-lg)!important}h6{font-size:var(--text-base)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;transition:all .2s;cursor:pointer;border:none;outline:none}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary)}.btn:disabled{pointer-events:none;opacity:.5}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-600)}.btn-primary:active{background-color:var(--color-primary-700)}.btn-secondary{border:1px solid var(--color-border);background-color:transparent}.btn-secondary:hover{background-color:rgba(0,0,0,.05)}.btn-secondary:active{background-color:var(--color-border)}.btn-ghost:hover{background-color:rgba(0,0,0,.03)}.btn-sm{padding:.375rem .75rem;font-size:var(--text-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-base)}.card{border-radius:var(--radius-lg);border:1px solid var(--color-border)}.card,.card-hover{background-color:#fff;padding:1.5rem;box-shadow:var(--shadow-sm)}.card-hover{border-radius:var(--radius-lg);border:1px solid var(--color-primary-100);transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-100)}.input{display:flex;width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:transparent;padding:.5rem .75rem;font-size:var(--text-sm);outline:none}.input::-moz-placeholder{color:var(--color-muted)}.input::placeholder{color:var(--color-muted)}.input:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary)}.input:disabled{cursor:not-allowed;opacity:.5}.input-error{border-color:var(--color-error)}.input-error:focus-visible{box-shadow:0 0 0 2px var(--color-error)}.input-range{width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--value,50%),var(--color-border) var(--value,50%),var(--color-border) 100%);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:all .2s;transition:all .2s}.input-range::-webkit-slider-thumb:hover{background-color:var(--color-primary-600);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.1)}.input-range::-webkit-slider-thumb:active{background-color:var(--color-primary-700);transform:scale(.95)}.input-range::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-transition:all .2s;transition:all .2s}.input-range::-moz-range-thumb:hover{background-color:var(--color-primary-600);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.1)}.input-range::-moz-range-thumb:active{background-color:var(--color-primary-700);transform:scale(.95)}.input-range::-moz-range-track{background:transparent;border:none}.input-range::-moz-range-progress{background-color:var(--color-primary);height:6px;border-radius:var(--radius-full)}.input-range:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--color-primary)}.input-range:disabled{cursor:not-allowed;opacity:.5}.input-range.input-error{background:linear-gradient(to right,var(--color-error) 0,var(--color-error) var(--value,50%),var(--color-border) var(--value,50%),var(--color-border) 100%)}.input-range.input-error::-webkit-slider-thumb{background-color:var(--color-error)}.input-range.input-error::-moz-range-progress,.input-range.input-error::-moz-range-thumb{background-color:var(--color-error)}.input-range.input-error:focus-visible{box-shadow:0 0 0 2px var(--color-error)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:.125rem .625rem;font-size:var(--text-xs);font-weight:500}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:oklch(.68 .16 145/.1);color:var(--color-success)}.badge-warning{background-color:oklch(.78 .15 75/.1);color:var(--color-warning)}.badge-error{background-color:oklch(.62 .21 25/.1);color:var(--color-error)}.my-container{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.my-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.my-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.my-container{max-width:90rem}}@media (min-width:1536px){.my-container{max-width:110rem}}@media (min-width:2560px){.my-container{max-width:150rem}}