@layer base,density,motion,theme,color,components,utilities;@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer base{:root{--background: hsl(0deg 0% 100%);--foreground: hsl(222deg 47% 11%);--muted: hsl(210deg 40% 96%);--muted-foreground: hsl(215deg 16% 47%);--destructive: hsl(0deg 84% 60%);--destructive-foreground: hsl(210deg 40% 98%);--secondary: hsl(210deg 40% 96%);--secondary-foreground: hsl(222deg 47% 11%);--accent: hsl(210deg 40% 96%);--accent-foreground: hsl(222deg 47% 11%);--border: hsl(214deg 32% 91%);--input: hsl(214deg 32% 91%);--surface: var(--background);--on-surface: var(--foreground);--surface-1: var(--surface);--surface-2: var(--muted);--surface-3: var(--surface);--card: var(--surface);--card-foreground: var(--on-surface);--popover: var(--surface);--popover-foreground: var(--on-surface);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: var(--step-n2);--text-sm: var(--step-n1);--text-md: var(--step-0);--text-lg: var(--step-1);--text-xl: var(--step-2);--text-2xl: var(--step-3);--space-sm: clamp(.5rem, .455rem + .2vw, .625rem);--space-md: clamp(1rem, .909rem + .4vw, 1.25rem);--space-lg: clamp(2rem, 1.818rem + .8vw, 2.5rem);--space-xl: clamp(4rem, 3.636rem + 1.6vw, 5rem);--max-line-width: 65ch;--column-count: 2;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 .0625rem .125rem 0 hsl(0deg 0% 0% / 5%);--shadow-md: 0 .25rem .375rem -.0625rem hsl(0deg 0% 0% / 10%);--shadow-lg: 0 .625rem .9375rem -.1875rem hsl(0deg 0% 0% / 10%);--shadow-xl: 0 1.25rem 1.5625rem -.3125rem hsl(0deg 0% 0% / 10%);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 299;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--z-toast: 600;--z-maximum: 9999;--ring: var( --primary );--ring-offset: .125rem;--ring-width: .125rem;--ease-linear: linear;--ease-swift: cubic-bezier(.4, 0, .2, 1);--ease-fluid: cubic-bezier(.25, .1, .25, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--motion-duration: var(--duration-normal);--motion-duration-fast: var(--duration-fast);--motion-duration-slow: var(--duration-slow);--motion-ease: var(--ease-swift);--motion-transition: var(--motion-duration) var(--motion-ease);--motion-hover-scale: 1.02;--motion-active-scale: .98}}@layer base{:root{--step-n2: clamp(.7813rem, .7747rem + .0295vw, .8rem);--step-n1: clamp(.9375rem, .9148rem + .1023vw, 1rem);--step-0: clamp(1.125rem, 1.0795rem + .2045vw, 1.25rem);--step-1: clamp(1.35rem, 1.2727rem + .3477vw, 1.5625rem);--step-2: clamp(1.62rem, 1.4985rem + .5466vw, 1.9531rem);--step-3: clamp(1.944rem, 1.7619rem + .8189vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0682rem + 1.1903vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.4232rem + 1.6918vw, 3.8147rem)}body{font-size:var(--step-0)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}small,figcaption,.caption{font-size:var(--step-n1)}.text-xs{font-size:var(--step-n2)}.display{font-size:var(--step-5)}}@layer base{body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.5}:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset)}:focus:not(:focus-visible){outline:none}img{height:auto;max-width:100%}svg.lucide{width:.875em;height:.875em;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}li{padding-left:.5em}mark{padding:0 .2em;background-color:var(--accent);color:var(--accent-foreground);border-radius:.2em}summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background-color var(--motion-transition)}summary::-webkit-details-marker{display:none}p,li,td{color:var(--muted-foreground);text-wrap:pretty}h1,h2,h3,h4{display:flex;align-items:center;gap:var(--space-sm);color:var(--foreground);line-height:1.25;margin-block:.1em;text-wrap:balance}:is(h1,h2,h3,h4)+p{margin-top:0}h1{font-size:var(--step-4)}strong{color:var(--foreground);font-weight:600}small,figcaption{color:var(--muted-foreground);font-size:var(--text-sm);font-weight:400}a{color:var(--primary);text-decoration:none;transition:color var(--motion-transition),opacity var(--motion-transition)}article{display:flex;flex-direction:column}article h1,article h2,article h3,article p,article li{max-width:var(--max-line-width)}section>:is(h3,h4){margin-top:var(--space-lg)}main{flex:1;width:100%}header,footer,section,aside{width:100%;padding-top:var(--space-lg)}aside{padding:var(--space-lg);background-color:var(--muted);border-radius:var(--radius-lg)}h1+p,h1+time+p{color:var(--muted-foreground);font-size:1.125em}ol,ul{margin-block:var(--space-md);padding-left:1em}dl{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(25%,1fr))}dl.grid{grid-template-columns:repeat(var(--cols, auto-fit),minmax(min(var(--min-width, 16rem),100%),1fr))}dl>*{margin:.25em 0}dl p:first-child{margin-top:0}dt{display:flex;align-items:center;gap:var(--space-sm);color:var(--foreground);font-weight:500}dd{margin-left:0;color:var(--muted-foreground)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}nav a{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none}nav ul{display:flex;gap:1em;margin:0;padding:0;list-style:none}header,footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-block:var(--space-md)}:is(header,footer) nav:last-of-type{margin-left:0}footer{border-top:.05em solid var(--border);margin-top:var(--space-xl)}a[name]{color:inherit}a:target{background-color:var(--accent)}blockquote{margin:var(--space-lg) 0;padding-left:var(--space-md);color:var(--foreground);font-weight:500;border-left:4px solid var(--border)}hr,[data-separator-root]{border:1px solid var(--border);margin-block:var(--space-lg);border-width:1px 0 0}form{display:flex;flex-direction:column;gap:var(--space-md);margin-block:var(--space-md)}label h3{color:var(--foreground);font-size:1em;font-weight:500;margin-block:var(--space-sm)}input,textarea,select,[data-select-trigger],[data-combobox-trigger]{margin:0;padding:var(--space-sm);background-color:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;transition:border-color var(--motion-transition),box-shadow var(--motion-transition)}:is(input,textarea,select,[data-select-trigger],[data-combobox-trigger]):focus{outline:2px solid var(--ring);outline-offset:2px}:is(input,textarea,select,[data-select-trigger],[data-combobox-trigger]):user-valid{border-color:color-mix(in srgb,var(--primary),transparent 50%)}:is(input,textarea,select,[data-select-trigger],[data-combobox-trigger]):user-invalid{border-color:var(--destructive)}:is(input,textarea,select,[data-select-trigger],[data-combobox-trigger]):user-invalid:focus{outline-color:var(--destructive)}select option{background-color:var(--background);color:var(--foreground)}fieldset{display:flex;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md)}fieldset label{display:inline-flex;align-items:baseline;cursor:pointer;gap:var(--space-sm);color:var(--foreground)}fieldset:not(:has(legend)){padding:0;border:unset}table{border-collapse:collapse;width:100%;margin-block:var(--space-md)}table tr{vertical-align:baseline}table th,table td{border-bottom:1px solid var(--border);padding:var(--space-sm) 0;text-align:left}table tfoot td{color:var(--foreground);border:0;font-weight:500}table th:not(:first-child),table td:not(:first-child){padding-left:var(--space-xl)}table td:first-child{white-space:nowrap;width:25%}pre{padding:var(--space-xl);background-color:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);counter-reset:line-number 0;overflow-x:auto}pre *{font-weight:400;font-style:inherit;text-decoration:inherit}pre b{color:var(--primary)}pre em{color:var(--secondary-foreground)}pre strong{color:var(--foreground)}pre i{color:var(--muted-foreground);opacity:.7}pre sup{opacity:.5;vertical-align:inherit;font-size:inherit}pre mark{background-color:color-mix(in srgb,var(--primary),transparent 85%);color:inherit;border-radius:.2em;padding-block:.25em}pre label{color:var(--foreground);font-weight:700}pre span{counter-increment:line-number 1}pre span:before{display:inline-block;width:2.5em;margin-right:var(--space-md);padding-right:var(--space-md);opacity:.3;content:counter(line-number);text-align:right;border-right:1px solid var(--border)}code{padding:.125em .25em;background-color:var(--muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}label:has([data-switch-root]),label:has([data-checkbox-root]){display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}:is(label:has([data-switch-root]),label:has([data-checkbox-root])) span{color:var(--foreground);font-size:var(--text-sm)}button,[data-button-root],a.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--primary);color:var(--primary-foreground);border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-weight:500;transition:background-color var(--motion-transition),transform var(--motion-transition),opacity var(--motion-transition);cursor:pointer}:is(button,[data-button-root],a.button):hover{opacity:.9}:is(button,[data-button-root],a.button):active{opacity:.95}:is(button,[data-button-root],a.button):disabled{opacity:.5;pointer-events:none}dialog,[data-dialog-content],[data-alert-dialog-content]{max-width:min(90vw,60ch);padding:var(--space-xl);background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md)}:is(dialog,[data-dialog-content],[data-alert-dialog-content])::backdrop,:is(dialog,[data-dialog-content],[data-alert-dialog-content])+[data-dialog-overlay],:is(dialog,[data-dialog-content],[data-alert-dialog-content])+[data-alert-dialog-overlay]{background:color-mix(in srgb,var(--foreground),transparent 80%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--motion-transition)}details{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--motion-transition)}details[open] summary{border-bottom:1px solid var(--border);margin-bottom:var(--space-sm)}details>*:not(summary){display:grid;grid-template-rows:1fr;overflow:hidden;transition:grid-template-rows var(--motion-transition),opacity var(--motion-transition)}details:not([open])>*:not(summary){grid-template-rows:0fr;opacity:0}figure{margin:var(--space-xl) 0}figcaption{text-align:center;margin-top:var(--space-sm);color:var(--muted-foreground);font-size:.875em}kbd{padding:.1em .3em;background-color:var(--muted);border:1px solid var(--border);border-radius:.2em;font-family:var(--font-mono);font-size:.875em}time{font-variant-numeric:tabular-nums}}@layer density{:root,[data-density=normal]{--space-sm: clamp(.5rem, .455rem + .2vw, .625rem);--space-md: clamp(1rem, .909rem + .4vw, 1.25rem);--space-lg: clamp(2rem, 1.818rem + .8vw, 2.5rem);--space-xl: clamp(4rem, 3.636rem + 1.6vw, 5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem}[data-density=normal] body{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}[data-density=normal] h1,[data-density=normal] h2,[data-density=normal] h3,[data-density=normal] h4,[data-density=normal] h5,[data-density=normal] h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}[data-density=compact]{--space-sm: clamp(.425rem, .387rem + .17vw, .531rem);--space-md: clamp(.85rem, .773rem + .34vw, 1.063rem);--space-lg: clamp(1.7rem, 1.545rem + .68vw, 2.125rem);--space-xl: clamp(3.4rem, 3.091rem + 1.36vw, 4.25rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65}[data-density=compact] body{line-height:var(--line-height-normal)}[data-density=compact] h1,[data-density=compact] h2,[data-density=compact] h3,[data-density=compact] h4,[data-density=compact] h5,[data-density=compact] h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}[data-density=spacious]{--space-sm: clamp(.625rem, .568rem + .25vw, .781rem);--space-md: clamp(1.25rem, 1.136rem + .5vw, 1.563rem);--space-lg: clamp(2.5rem, 2.273rem + 1vw, 3.125rem);--space-xl: clamp(5rem, 4.545rem + 2vw, 6.25rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.3;--line-height-normal: 1.7;--line-height-relaxed: 1.85;--radius-sm: .313rem;--radius-md: .625rem;--radius-lg: .938rem}[data-density=spacious] body{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}[data-density=spacious] h1,[data-density=spacious] h2,[data-density=spacious] h3,[data-density=spacious] h4,[data-density=spacious] h5,[data-density=spacious] h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}}@layer motion{:root,[data-motion=full]{--motion-duration: .3s;--motion-duration-fast: .2s;--motion-duration-slow: .5s;--motion-ease: cubic-bezier(.25, .1, .25, 1);--motion-ease-enter: cubic-bezier(0, 0, .2, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-transition: var(--motion-duration) var(--motion-ease);--motion-hover-scale: 1.04;--motion-active-scale: .96;scroll-behavior:smooth;transition:background-color var(--motion-duration-slow) var(--motion-ease),color var(--motion-duration-slow) var(--motion-ease)}[data-motion=reduced]{--motion-duration: .15s;--motion-duration-fast: .1s;--motion-duration-slow: .2s;--motion-ease: cubic-bezier(.4, 0, .2, 1);--motion-transition: var(--motion-duration) var(--motion-ease);--motion-hover-scale: 1.02;--motion-active-scale: .98;scroll-behavior:smooth;transition:background-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}[data-motion=off]{--motion-duration: 0ms;--motion-duration-fast: 0ms;--motion-duration-slow: 0ms;--motion-ease: linear;--motion-transition: none;--motion-hover-scale: 1;--motion-active-scale: 1;scroll-behavior:auto}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{transition:none!important;animation:none!important}[data-motion=off] dialog,[data-motion=off] [popover]{transition:none!important}body{transition:background-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}button{transition:transform var(--motion-duration) var(--motion-ease),background-color var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease)}a{transition:color var(--motion-duration) var(--motion-ease),transform var(--motion-duration-fast) var(--motion-ease)}.card,article.card{transition:transform var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease)}input,select,textarea{transition:border-color var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease),transform var(--motion-duration-fast) var(--motion-ease)}[data-motion=full] button:hover{transform:scale(var(--motion-hover-scale));box-shadow:0 6px 24px color-mix(in srgb,var(--primary) 25%,transparent)}[data-motion=full] button:active{transform:scale(var(--motion-active-scale))}[data-motion=full] a:hover{transform:translateY(-1px)}[data-motion=full] .card:hover,[data-motion=full] article.card:hover{animation:hover-float .6s var(--motion-ease) forwards;box-shadow:var(--shadow-xl)}[data-motion=full] input:focus,[data-motion=full] select:focus,[data-motion=full] textarea:focus{transform:scale(1.01)}@supports (animation-timeline: view()){[data-motion=full] section,[data-motion=full] article:not(.card),[data-motion=full] main>header{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}[data-motion=full] .animated header,[data-motion=full] .animated figure img{animation:subtle-breathe 4s var(--motion-ease) infinite}[data-motion=full] .animated li{animation:slide-in-left var(--motion-duration-slow) var(--motion-ease) backwards}[data-motion=full] .animated li:nth-child(1){animation-delay:0ms}[data-motion=full] .animated li:nth-child(2){animation-delay:50ms}[data-motion=full] .animated li:nth-child(3){animation-delay:.1s}[data-motion=full] .animated li:nth-child(4){animation-delay:.15s}[data-motion=full] .animated li:nth-child(5){animation-delay:.2s}[data-motion=full] .animated li:nth-child(n+6){animation-delay:.25s}[data-motion=full] .animated aside{animation:pulse-in var(--motion-duration-slow) var(--motion-ease)}[data-motion=full] .animated pre{animation:fade-in-up var(--motion-duration) var(--motion-ease)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pulse-in{0%{opacity:0;transform:scale(.97)}60%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes hover-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-6px) scale(1.01)}}@keyframes subtle-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.005);opacity:.98}}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full],[data-motion=reduced]){--motion-duration: 0ms;scroll-behavior:auto}:root:not([data-motion=full],[data-motion=reduced]) *{transition:none!important;animation:none!important}}}@layer theme{:root,[data-theme=light]{--background: hsl(220deg 14% 96%);--foreground: hsl(224deg 71% 4%);--surface-1: hsl(220deg 12% 98%);--surface-2: hsl(220deg 10% 99%);--surface-3: hsl(0deg 0% 100%);--card: var(--surface-2);--card-foreground: hsl(224deg 71% 4%);--popover: var(--surface-3);--popover-foreground: hsl(224deg 71% 4%);--muted: hsl(220deg 14% 92%);--muted-foreground: hsl(220deg 9% 40%);--destructive: hsl(0deg 72% 45%);--destructive-foreground: hsl(0deg 0% 100%);--border: hsl(220deg 13% 87%);--input: hsl(220deg 13% 87%);--shadow-sm: 0 1px 2px 0 hsl(224deg 30% 15% / 5%);--shadow-md: 0 4px 6px -1px hsl(224deg 30% 15% / 8%), 0 2px 4px -2px hsl(224deg 30% 15% / 6%);--shadow-lg: 0 10px 15px -3px hsl(224deg 30% 15% / 10%), 0 4px 6px -4px hsl(224deg 30% 15% / 8%);--shadow-xl: 0 20px 25px -5px hsl(224deg 30% 15% / 12%), 0 8px 10px -6px hsl(224deg 30% 15% / 8%);color-scheme:light}[data-theme=dark]{--background: hsl(224deg 25% 10%);--foreground: hsl(210deg 20% 96%);--surface-1: hsl(224deg 22% 14%);--surface-2: hsl(224deg 20% 18%);--surface-3: hsl(224deg 18% 22%);--card: var(--surface-1);--card-foreground: hsl(210deg 20% 96%);--popover: var(--surface-2);--popover-foreground: hsl(210deg 20% 96%);--muted: hsl(224deg 15% 24%);--muted-foreground: hsl(224deg 10% 60%);--destructive: hsl(0deg 72% 55%);--destructive-foreground: hsl(0deg 0% 100%);--border: hsl(224deg 18% 20%);--input: hsl(224deg 18% 20%);--shadow-sm: 0 1px 2px 0 hsl(0deg 0% 0% / 40%);--shadow-md: 0 4px 6px -1px hsl(0deg 0% 0% / 45%), 0 2px 4px -2px hsl(0deg 0% 0% / 35%);--shadow-lg: 0 10px 15px -3px hsl(0deg 0% 0% / 50%), 0 4px 6px -4px hsl(0deg 0% 0% / 40%);--shadow-xl: 0 20px 25px -5px hsl(0deg 0% 0% / 55%), 0 8px 10px -6px hsl(0deg 0% 0% / 45%);color-scheme:dark}[data-theme=black]{--background: hsl(0deg 0% 0%);--foreground: hsl(0deg 0% 95%);--surface-1: hsl(0deg 0% 0%);--surface-2: hsl(0deg 0% 0%);--surface-3: hsl(0deg 0% 0%);--card: var(--surface-1);--card-foreground: hsl(0deg 0% 95%);--popover: var(--surface-1);--popover-foreground: hsl(0deg 0% 95%);--muted: hsl(0deg 0% 8%);--muted-foreground: hsl(0deg 0% 50%);--destructive: hsl(0deg 80% 58%);--destructive-foreground: hsl(0deg 0% 100%);--border: hsl(0deg 0% 18%);--input: hsl(0deg 0% 18%);--shadow-sm: 0 0 0 0 transparent;--shadow-md: 0 0 0 0 transparent;--shadow-lg: 0 0 0 0 transparent;--shadow-xl: 0 0 0 0 transparent;color-scheme:dark}}@layer color{[data-color=blue][data-theme=light]{--primary: hsl(221deg 83% 45%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(221deg 83% 96%);--secondary-foreground: hsl(221deg 83% 20%);--accent: hsl(221deg 83% 95%);--accent-foreground: hsl(221deg 83% 20%);--ring: hsl(221deg 83% 45%)}[data-color=blue][data-theme=dark],[data-color=blue][data-theme=black]{--primary: hsl(221deg 83% 53%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(221deg 50% 15%);--secondary-foreground: hsl(221deg 83% 90%);--accent: hsl(221deg 50% 18%);--accent-foreground: hsl(221deg 83% 90%);--ring: hsl(221deg 83% 53%)}[data-color=red][data-theme=light]{--primary: hsl(346deg 77% 47%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(346deg 84% 96%);--secondary-foreground: hsl(346deg 84% 25%);--accent: hsl(346deg 84% 95%);--accent-foreground: hsl(346deg 84% 25%);--ring: hsl(346deg 77% 47%)}[data-color=red][data-theme=dark],[data-color=red][data-theme=black]{--primary: hsl(346deg 84% 60%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(346deg 50% 15%);--secondary-foreground: hsl(346deg 84% 90%);--accent: hsl(346deg 50% 18%);--accent-foreground: hsl(346deg 84% 90%);--ring: hsl(346deg 84% 60%)}[data-color=green][data-theme=light]{--primary: hsl(142deg 72% 29%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(142deg 72% 96%);--secondary-foreground: hsl(142deg 72% 20%);--accent: hsl(142deg 72% 95%);--accent-foreground: hsl(142deg 72% 20%);--ring: hsl(142deg 72% 29%)}[data-color=green][data-theme=dark],[data-color=green][data-theme=black]{--primary: hsl(142deg 70% 45%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(142deg 50% 15%);--secondary-foreground: hsl(142deg 70% 90%);--accent: hsl(142deg 50% 18%);--accent-foreground: hsl(142deg 70% 90%);--ring: hsl(142deg 70% 45%)}[data-color=purple][data-theme=light]{--primary: hsl(262deg 80% 50%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(262deg 80% 96%);--secondary-foreground: hsl(262deg 80% 25%);--accent: hsl(262deg 80% 95%);--accent-foreground: hsl(262deg 80% 25%);--ring: hsl(262deg 80% 50%)}[data-color=purple][data-theme=dark],[data-color=purple][data-theme=black]{--primary: hsl(262deg 75% 62%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(262deg 50% 15%);--secondary-foreground: hsl(262deg 80% 90%);--accent: hsl(262deg 50% 18%);--accent-foreground: hsl(262deg 80% 90%);--ring: hsl(262deg 75% 62%)}[data-color=orange][data-theme=light]{--primary: hsl(25deg 95% 53%);--primary-foreground: hsl(25deg 100% 10%);--secondary: hsl(25deg 95% 96%);--secondary-foreground: hsl(25deg 100% 20%);--accent: hsl(25deg 95% 95%);--accent-foreground: hsl(25deg 100% 20%);--ring: hsl(25deg 95% 53%)}[data-color=orange][data-theme=dark],[data-color=orange][data-theme=black]{--primary: hsl(25deg 95% 58%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(25deg 50% 15%);--secondary-foreground: hsl(25deg 95% 90%);--accent: hsl(25deg 50% 18%);--accent-foreground: hsl(25deg 95% 90%);--ring: hsl(25deg 95% 58%)}[data-color=teal][data-theme=light]{--primary: hsl(175deg 80% 35%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(175deg 80% 96%);--secondary-foreground: hsl(175deg 90% 20%);--accent: hsl(175deg 80% 95%);--accent-foreground: hsl(175deg 90% 20%);--ring: hsl(175deg 80% 35%)}[data-color=teal][data-theme=dark],[data-color=teal][data-theme=black]{--primary: hsl(175deg 80% 35%);--primary-foreground: hsl(0deg 0% 100%);--secondary: hsl(175deg 50% 15%);--secondary-foreground: hsl(175deg 70% 90%);--accent: hsl(175deg 50% 18%);--accent-foreground: hsl(175deg 70% 90%);--ring: hsl(175deg 70% 50%)}}@layer utilities{.stack{display:flex;flex-direction:column;gap:var(--gap, var(--space-md))}.grid{display:grid;gap:var(--gap, var(--space-md));grid-template-columns:repeat(var(--cols, auto-fit),minmax(min(var(--min-width, 18rem),100%),1fr))}.columns{display:flex;flex-wrap:wrap;align-items:var(--align, stretch);gap:var(--gap, var(--space-md))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap, var(--space-sm))}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--gap, var(--space-sm))}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gap, var(--space-md))}.sidebar>:first-child{flex-basis:var(--side-width, 20rem);flex-grow:1}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-width:50%}.center{display:grid;place-items:center}.container{width:100%;max-width:var(--max-width, 1200px);margin-inline:auto;padding-inline:var(--space-md)}.flow>*+*{margin-block-start:var(--flow-space, 1em)}.note{max-width:var(--max-line-width);padding:var(--space-md);background-color:var(--muted);border-radius:var(--radius-md);margin-block:var(--space-md);border-left:4px solid var(--primary)}.note p{margin:0;color:var(--foreground)}.pill{border-radius:var(--radius-full)}.card{padding:var(--space-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md)}.compact{--gap: var(--space-sm)}.loose{--gap: var(--space-lg)}.thin{max-width:25em}.wide{width:100%;max-width:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,color-mix(in srgb,var(--muted),var(--background) 50%) 50%,var(--muted) 75%);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite;background-size:200% 100%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{:root{--background: white;--foreground: black;--muted: #f5f5f5;--muted-foreground: #666;--border: #ccc}body{font-size:12pt;line-height:1.4}nav,aside,.no-print,[data-theme-switcher]{display:none!important}a{color:inherit;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em;opacity:.7}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}.container{max-width:none;padding:0}h1,h2,h3{break-after:avoid}table,figure,pre{break-inside:avoid}}}@layer components{.primary{background-color:var(--primary);color:var(--primary-foreground)}.primary:hover{background-color:color-mix(in srgb,var(--primary) 90%,black)}.primary:active{background-color:color-mix(in srgb,var(--primary) 85%,black)}.secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.secondary:hover{background-color:color-mix(in srgb,var(--secondary) 90%,black)}.accent{background-color:var(--accent);color:var(--accent-foreground)}.accent:hover{background-color:color-mix(in srgb,var(--accent) 90%,black)}.ghost{background-color:transparent;color:var(--primary);transition:background-color var(--motion-transition),color var(--motion-transition)}.ghost:hover{background-color:var(--muted);color:var(--foreground)}.ghost:active{background-color:color-mix(in srgb,var(--muted) 80%,var(--foreground))}.outline{background-color:transparent;border:2px solid var(--foreground);transition:background-color var(--motion-transition),border-color var(--motion-transition)}.outline:hover{background-color:var(--muted);border-color:var(--primary)}.outline:active{background-color:color-mix(in srgb,var(--muted) 80%,var(--foreground))}.muted{background-color:var(--muted);color:var(--muted-foreground);transition:background-color var(--motion-transition),color var(--motion-transition)}.muted:hover{background-color:color-mix(in srgb,var(--muted) 90%,var(--foreground));color:var(--foreground)}.destructive{background-color:var(--destructive);color:var(--destructive-foreground);transition:background-color var(--motion-transition)}.destructive:hover{background-color:color-mix(in srgb,var(--destructive) 90%,black)}.destructive:active{background-color:color-mix(in srgb,var(--destructive) 85%,black)}}[data-disabled]{opacity:.5;pointer-events:none}[data-button-root]{border:0;border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer}[data-button-root]:hover{background:color-mix(in srgb,var(--primary) 85%,black)}[data-button-root]:active{transform:scale(var(--motion-active-scale))}[data-button-root]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-button-root][data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}[data-button-root][data-variant=destructive]{background:var(--destructive);color:var(--destructive-foreground)}[data-button-root][data-variant=outline]{background:transparent;color:var(--foreground);border:1px solid var(--border)}[data-button-root][data-variant=outline]:hover{background:var(--muted)}[data-button-root][data-variant=ghost]{background:transparent;color:var(--foreground)}[data-button-root][data-variant=ghost]:hover{background:var(--muted)}[data-dialog-overlay],[data-alert-dialog-overlay]{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-dialog-content],[data-alert-dialog-content]{position:fixed;inset:50% auto auto 50%;z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-md);width:min(90vw,28rem);max-height:85vh;padding:var(--space-lg);background:var(--card);color:var(--card-foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform:translate(-50%,-50%)}[data-dialog-title],[data-alert-dialog-title]{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}[data-dialog-description],[data-alert-dialog-description]{margin:0;color:var(--muted-foreground);font-size:var(--text-sm)}[data-dialog-close]{position:absolute;top:var(--space-md);right:var(--space-md);display:grid;place-items:center;width:1.5rem;aspect-ratio:1;padding:0;background:transparent;color:var(--muted-foreground);border:0;border-radius:var(--radius-sm);cursor:pointer}[data-dialog-close]:hover{color:var(--foreground)}[data-popover-content],[data-tooltip-content],[data-select-content],[data-combobox-content],[data-dropdown-menu-content],[data-context-menu-content]{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}[data-popover-content]{z-index:var(--z-popover);max-width:20rem;padding:var(--space-md)}[data-tooltip-content]{z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);background:var(--foreground);color:var(--background);font-size:var(--text-xs)}[data-select-content],[data-combobox-content]{z-index:var(--z-dropdown);width:var(--bits-select-anchor-width, var(--bits-combobox-anchor-width));max-height:20rem;padding:var(--space-sm);overflow-y:auto}[data-dropdown-menu-content],[data-context-menu-content]{z-index:var(--z-dropdown);min-width:8rem;padding:var(--space-sm)}[data-popover-arrow]{fill:var(--popover)}[data-tooltip-arrow]{fill:var(--foreground)}[data-select-item],[data-combobox-item],[data-dropdown-menu-item],[data-context-menu-item]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-transition)}:is([data-select-item],[data-combobox-item],[data-dropdown-menu-item],[data-context-menu-item])[data-highlighted]{background:var(--muted);outline:none}:is([data-select-item],[data-combobox-item],[data-dropdown-menu-item],[data-context-menu-item])[data-selected]{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}[data-dropdown-menu-checkbox-item],[data-dropdown-menu-radio-item],[data-context-menu-checkbox-item],[data-context-menu-radio-item]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-xl);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer}:is([data-dropdown-menu-checkbox-item],[data-dropdown-menu-radio-item],[data-context-menu-checkbox-item],[data-context-menu-radio-item])[data-highlighted]{background:var(--muted)}[data-dropdown-menu-label],[data-context-menu-label]{padding:var(--space-sm) var(--space-md);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}[data-select-separator],[data-combobox-separator],[data-dropdown-menu-separator],[data-context-menu-separator]{height:1px;margin:var(--space-sm) 0;background:var(--border)}[data-select-trigger],[data-combobox-trigger]{display:inline-flex;justify-content:space-between;align-items:center;width:100%;min-width:10rem;padding:var(--space-sm) var(--space-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}:is([data-select-trigger],[data-combobox-trigger]):hover{border-color:var(--primary)}:is([data-select-trigger],[data-combobox-trigger]):focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)}[data-accordion-root]{display:flex;flex-direction:column;width:100%}[data-accordion-item]{border-bottom:1px solid var(--border)}[data-accordion-header]{display:flex;margin:0}[data-accordion-trigger]{display:flex;flex:1;justify-content:space-between;align-items:center;min-height:3rem;padding-block:var(--space-sm);background:transparent;color:var(--foreground);border:0;font-size:var(--text-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:left;cursor:pointer}[data-accordion-trigger]:hover{color:var(--primary)}[data-accordion-trigger] svg,[data-accordion-trigger] [data-accordion-icon]{flex-shrink:0;transition:transform var(--motion-transition)}[data-accordion-trigger][data-state=open] svg,[data-accordion-trigger][data-state=open] [data-accordion-icon]{transform:rotate(180deg)}[data-accordion-content]{display:grid;grid-template-rows:0fr;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--line-height-normal);transition:grid-template-rows var(--motion-transition)}[data-accordion-content]>div{overflow:hidden}[data-accordion-content][data-state=open]{grid-template-rows:1fr}[data-accordion-content][data-state=open]>div{padding-bottom:var(--space-md)}[data-tabs-root]{display:flex;flex-direction:column;width:100%}[data-tabs-list]{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--muted);border-bottom:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0}[data-tabs-trigger]{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--muted-foreground);border:0;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}[data-tabs-trigger]:hover{color:var(--foreground)}[data-tabs-trigger][data-state=active]{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}[data-tabs-content]{padding:var(--space-md)}[data-toggle-group-root]{display:inline-flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--muted);border-radius:var(--radius-md)}[data-toggle-group-item]{display:inline-flex;flex:1;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;color:var(--muted-foreground);border:0;border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background var(--motion-transition),color var(--motion-transition),box-shadow var(--motion-transition);white-space:nowrap;cursor:pointer}[data-toggle-group-item]:hover{color:var(--foreground)}[data-toggle-group-item][data-state=on]{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}[data-checkbox-root][data-state=indeterminate]{border-color:var(--primary);background:var(--primary)}[data-radio-group-item]{border-radius:var(--radius-full)}[data-checkbox-root],[data-radio-group-item]{display:inline-grid;place-items:center;width:1.25rem;aspect-ratio:1;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-transition),background var(--motion-transition)}:is([data-checkbox-root],[data-radio-group-item]):hover{border-color:var(--primary)}:is([data-checkbox-root],[data-radio-group-item])[data-state=checked]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[data-radio-group-indicator]:after{display:block;width:.5rem;aspect-ratio:1;background:var(--primary);border-radius:var(--radius-full);content:""}[data-switch-root]{display:inline-flex;justify-content:flex-start;align-items:center;width:2.75rem;height:1.5rem;padding:2px;background:var(--muted);border:0;border-radius:var(--radius-full);cursor:pointer;transition:background var(--motion-transition)}[data-switch-root][data-state=checked]{background:var(--primary)}[data-switch-thumb]{display:block;width:1.25rem;aspect-ratio:1;background:var(--background);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--motion-transition)}[data-switch-root][data-state=checked] [data-switch-thumb]{transform:translate(1.25rem)}[data-avatar-root]{display:inline-grid;place-items:center;width:2.5rem;aspect-ratio:1;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);overflow:hidden}[data-avatar-image]{width:100%;height:100%;object-fit:cover}[data-avatar-fallback]{text-transform:uppercase}[data-slider-root]{position:relative;display:flex;align-items:center;width:100%;height:1.25rem;touch-action:none;-webkit-user-select:none;user-select:none}[data-slider-range]{position:absolute;height:.25rem;background:var(--primary);border-radius:var(--radius-full)}[data-slider-thumb]{display:block;width:1.25rem;aspect-ratio:1;background:var(--background);border:2px solid var(--primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:grab}[data-slider-thumb]:active{cursor:grabbing}[data-slider-thumb]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-progress-root],[data-meter-root]{position:relative;width:100%;height:.5rem;background:var(--muted);border-radius:var(--radius-full);overflow:hidden}[data-separator-root]{background:var(--border)}[data-separator-root][data-orientation=horizontal]{width:100%;height:1px}[data-separator-root][data-orientation=vertical]{width:1px;height:100%}[data-scroll-area-viewport]{width:100%;height:100%;overflow:auto}[data-scroll-area-scrollbar]{display:flex;padding:2px;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent;transition:background var(--motion-transition)}[data-scroll-area-scrollbar]:hover{background:var(--muted)}[data-scroll-area-scrollbar][data-orientation=vertical]{width:.625rem}[data-scroll-area-scrollbar][data-orientation=horizontal]{flex-direction:column;height:.625rem}[data-scroll-area-thumb]{position:relative;flex:1;background:var(--border);border-radius:var(--radius-full)}[data-scroll-area-thumb]:before{content:"";position:absolute;inset:-2px}[data-collapsible-content]{overflow:hidden;transition:height var(--motion-transition)}[data-collapsible-content][data-state=closed]{height:0}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@keyframes scale-out{to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes slide-out-top{to{opacity:0;transform:translateY(-.5rem)}}[data-dialog-overlay][data-state=open],[data-alert-dialog-overlay][data-state=open]{animation:fade-in var(--motion-duration) var(--motion-ease)}[data-dialog-overlay][data-state=closed],[data-alert-dialog-overlay][data-state=closed]{animation:fade-out var(--motion-duration) var(--motion-ease)}[data-dialog-content][data-state=open],[data-alert-dialog-content][data-state=open]{animation:scale-in var(--motion-duration) var(--motion-ease)}[data-dialog-content][data-state=closed],[data-alert-dialog-content][data-state=closed]{animation:scale-out var(--motion-duration) var(--motion-ease)}[data-popover-content][data-state=open],[data-tooltip-content][data-state=open],[data-tooltip-content][data-state=delayed-open],[data-select-content][data-state=open],[data-combobox-content][data-state=open],[data-dropdown-menu-content][data-state=open],[data-context-menu-content][data-state=open]{animation:slide-in-top var(--motion-duration) var(--motion-ease)}[data-popover-content][data-side=top][data-state=open],[data-tooltip-content][data-side=top][data-state=open],[data-select-content][data-side=top][data-state=open]{animation:slide-in-bottom var(--motion-duration) var(--motion-ease)}[data-popover-content][data-state=closed],[data-tooltip-content][data-state=closed],[data-select-content][data-state=closed],[data-combobox-content][data-state=closed],[data-dropdown-menu-content][data-state=closed],[data-context-menu-content][data-state=closed]{animation:slide-out-top var(--motion-duration) var(--motion-ease)}@layer utilities{[dir=rtl]{--shadow-directional: -.25rem .25rem .5rem hsl(0deg 0% 0% / 10%);text-align:start}[dir=rtl] pre,[dir=rtl] code{direction:ltr;text-align:left}[dir=rtl] button,[dir=rtl] [data-accordion-trigger],[dir=rtl] [data-select-trigger]{flex-direction:row-reverse}[dir=rtl] [data-dialog-close]{right:auto;left:var(--space-md)}@media(prefers-contrast:more){:root{--border: currentcolor;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 0 0 1px currentcolor;--shadow-xl: 0 0 0 2px currentcolor;--ring-width: .1875rem;--ring-offset: .1875rem;--muted-foreground: var(--foreground)}button,[data-button-root]{border:2px solid currentcolor}input,textarea,select,[data-select-trigger],[data-checkbox-root],[data-switch-root]{border-width:2px;border-color:currentcolor}a{text-decoration:underline;text-underline-offset:.2em}}@media(forced-colors:active){:focus-visible{outline:2px solid highlight;outline-offset:2px}button,[data-button-root],[data-select-trigger],[data-tabs-trigger]{background:buttonface;color:buttontext;border:1px solid buttontext}button:hover,[data-button-root]:hover{background:highlight;color:highlighttext}button:disabled,[data-button-root][data-disabled]{background:graytext;color:canvas}[data-checkbox-root][data-state=checked],[data-switch-root][data-state=checked]{background:highlight;border-color:highlight}a{color:linktext}a:visited{color:visitedtext}}}@layer utilities{[data-show=mobile]{display:initial}[data-show=desktop]{display:none}@media(min-width:768px){[data-show=mobile]{display:none}[data-show=desktop]{display:initial}}[data-show=mobile][data-display=flex]{display:flex}[data-show=desktop][data-display=flex]{display:none}@media(min-width:768px){[data-show=mobile][data-display=flex]{display:none}[data-show=desktop][data-display=flex]{display:flex}}[data-order=first-mobile]{order:-1}@media(min-width:768px){[data-order=first-mobile]{order:initial}}}.color-dot.svelte-u8uo5a{display:inline-block;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background-color:var(--primary);cursor:pointer;transition:transform var(--duration-fast)}.color-dot.svelte-u8uo5a:hover{transform:scale(1.15)}input.svelte-u8uo5a:checked+.color-dot:where(.svelte-u8uo5a){outline:.15rem solid var(--foreground);outline-offset:.15rem}.app-layout.svelte-12qhfyh{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar-nav.svelte-12qhfyh{background:var(--surface-1);border-right:1px solid var(--border);padding:var(--space-sm)}.sidebar-nav.svelte-12qhfyh>header:where(.svelte-12qhfyh){padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);padding-top:0}.sidebar-nav.svelte-12qhfyh h3:where(.svelte-12qhfyh){color:var(--primary)}.sidebar-nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){flex:1;list-style:none;padding:0;margin:0}.sidebar-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:var(--space-sm);border-radius:var(--radius-md)}.sidebar-nav.svelte-12qhfyh>footer:where(.svelte-12qhfyh){padding-top:var(--space-md);margin-top:auto;border-top:1px solid var(--border)}main.svelte-12qhfyh{padding:var(--space-sm);overflow-y:auto}@media(max-width:768px){.app-layout.svelte-12qhfyh{grid-template-columns:1fr}.sidebar-nav.svelte-12qhfyh{display:none}}