@property --color-bg{syntax: "<color>"; inherits: true; initial-value: oklch(100% 0 0);}@property --color-bg-subtle{syntax: "<color>"; inherits: true; initial-value: oklch(98% 0 0);}@property --color-bg-muted{syntax: "<color>"; inherits: true; initial-value: oklch(95% 0 0);}@property --color-text{syntax: "<color>"; inherits: true; initial-value: oklch(15% 0 0);}@property --color-text-subtle{syntax: "<color>"; inherits: true; initial-value: oklch(45% 0 0);}@property --color-primary{syntax: "<color>"; inherits: true; initial-value: oklch(52% .24 264);}@property --color-primary-hover{syntax: "<color>"; inherits: true; initial-value: oklch(46% .24 264);}@property --color-primary-text{syntax: "<color>"; inherits: true; initial-value: oklch(100% 0 0);}@property --color-border{syntax: "<color>"; inherits: true; initial-value: oklch(87% 0 0);}@property --color-border-strong{syntax: "<color>"; inherits: true; initial-value: oklch(73% 0 0);}@property --color-accent{syntax: "<color>"; inherits: true; initial-value: oklch(58% .22 305);}@property --color-success{syntax: "<color>"; inherits: true; initial-value: oklch(55% .18 155);}@property --color-warning{syntax: "<color>"; inherits: true; initial-value: oklch(72% .16 70);}@property --color-error{syntax: "<color>"; inherits: true; initial-value: oklch(55% .22 27);}@property --color-info{syntax: "<color>"; inherits: true; initial-value: oklch(55% .2 240);}@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*: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}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}}@layer tokens{:root{color-scheme:light dark;interpolate-size:allow-keywords;--color-bg: light-dark(oklch(100% 0 0), oklch(15% 0 0));--color-bg-subtle: light-dark(oklch(98% 0 0), oklch(19% 0 0));--color-bg-muted: light-dark(oklch(95% 0 0), oklch(23% 0 0));--color-text: light-dark(oklch(15% 0 0), oklch(95% 0 0));--color-text-subtle: light-dark(oklch(45% 0 0), oklch(72% 0 0));--color-primary: light-dark(oklch(52% .24 264), oklch(65% .2 264));--color-primary-hover: color-mix(in oklch, var(--color-primary), white 15%);--color-primary-text: light-dark(oklch(100% 0 0), oklch(15% 0 0));--color-border: light-dark(oklch(87% 0 0), oklch(30% 0 0));--color-border-strong: light-dark(oklch(73% 0 0), oklch(45% 0 0));--color-accent: light-dark(oklch(58% .22 305), oklch(70% .18 305));--color-success: light-dark(oklch(55% .18 155), oklch(65% .15 155));--color-warning: light-dark(oklch(72% .16 70), oklch(75% .14 70));--color-error: light-dark(oklch(55% .22 27), oklch(68% .18 27));--color-info: light-dark(oklch(55% .2 240), oklch(68% .17 240));--color-primary-10: color-mix(in oklch, var(--color-primary) 10%, transparent);--color-primary-50: color-mix(in oklch, var(--color-primary) 50%, transparent);--color-overlay: color-mix(in oklch, oklch(0% 0 0) 50%, transparent);--s-0: 0;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--ratio-minor-third: 1.2;--ratio-major-third: 1.25;--ratio-perfect-fourth: 1.333;--ratio-golden: 1.618;--design-ratio: var(--ratio-golden);--ms-2: calc(var(--ms-1) / var(--design-ratio));--ms-1: calc(var(--ms0) / var(--design-ratio));--ms0: 1rem;--ms1: calc(var(--ms0) * var(--design-ratio));--ms2: calc(var(--ms1) * var(--design-ratio));--ms3: calc(var(--ms2) * var(--design-ratio));--ms4: calc(var(--ms3) * var(--design-ratio));--content-narrow: 20ch;--content-base: 45ch;--content-wide: 65ch;--content-feature: 85ch;--content-max: 115ch;--gutter: clamp(var(--ms1, 1rem), 5vw, var(--ms3, 3rem));--fs-sm: clamp(.8rem, .75rem + .25vw, .875rem);--fs-base: clamp(1rem, .9rem + .5vw, 1.125rem);--fs-md: clamp(1.125rem, 1rem + .625vw, 1.25rem);--fs-lg: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--fs-xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--fs-2xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--fs-3xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 color-mix(in oklch, oklch(0% 0 0) 5%, transparent);--shadow-md: 0 4px 6px -1px color-mix(in oklch, oklch(0% 0 0) 10%, transparent), 0 2px 4px -1px color-mix(in oklch, oklch(0% 0 0) 6%, transparent);--shadow-lg: 0 10px 15px -3px color-mix(in oklch, oklch(0% 0 0) 10%, transparent), 0 4px 6px -2px color-mix(in oklch, oklch(0% 0 0) 5%, transparent);--transition-base: .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-sheet: .2s ease-out;--transition-toast: .3s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-theme=light]{--color-bg: oklch(100% 0 0);--color-bg-subtle: oklch(98% 0 0);--color-bg-muted: oklch(95% 0 0);--color-text: oklch(15% 0 0);--color-text-subtle: oklch(45% 0 0);--color-primary: oklch(52% .24 264);--color-primary-text: oklch(100% 0 0);--color-border: oklch(87% 0 0);--color-border-strong: oklch(73% 0 0);--color-accent: oklch(58% .22 305);--color-success: oklch(55% .18 155);--color-warning: oklch(72% .16 70);--color-error: oklch(55% .22 27);--color-info: oklch(55% .2 240)}[data-theme=dark]{--color-bg: oklch(15% 0 0);--color-bg-subtle: oklch(19% 0 0);--color-bg-muted: oklch(23% 0 0);--color-text: oklch(95% 0 0);--color-text-subtle: oklch(72% 0 0);--color-primary: oklch(65% .2 264);--color-primary-text: oklch(15% 0 0);--color-border: oklch(30% 0 0);--color-border-strong: oklch(45% 0 0);--color-accent: oklch(70% .18 305);--color-success: oklch(65% .15 155);--color-warning: oklch(75% .14 70);--color-error: oklch(68% .18 27);--color-info: oklch(68% .17 240)}[data-theme=ocean]{--color-primary: oklch(55% .2 230);--color-accent: oklch(60% .15 190)}[data-theme=forest]{--color-primary: oklch(50% .18 145);--color-accent: oklch(55% .12 90)}}@layer tokens{:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-humanist: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;--font-slab: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif}}@layer base{body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);scrollbar-gutter:stable}h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);font-weight:700;color:var(--color-text);text-wrap:balance}h1{font-size:var(--fs-3xl);margin-block:var(--s-6) var(--s-4)}h2{font-size:var(--fs-2xl);margin-block:var(--s-5) var(--s-3)}h3{font-size:var(--fs-xl);margin-block:var(--s-4) var(--s-3)}h4{font-size:var(--fs-lg);margin-block:var(--s-4) var(--s-2)}h5{font-size:var(--fs-md);margin-block:var(--s-3) var(--s-2)}h6{font-size:var(--fs-base);margin-block:var(--s-3) var(--s-2)}p{margin-block:var(--s-4);text-wrap:pretty}strong,b{font-weight:600}em,i{font-style:italic}small{font-size:var(--fs-sm)}a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}a:visited{color:var(--color-accent)}:where(ul,ol){margin-block:var(--s-4);padding-inline-start:var(--s-5)}li{margin-block:var(--s-1)}:where(ul,ol) :where(ul,ol){margin-block:var(--s-2)}code{font-family:var(--font-mono);font-size:.9em;padding:var(--s-1) var(--s-2);background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--fs-sm);padding:var(--s-4);background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--s-4)}pre code{padding:0;background:none;border:none}blockquote{margin-block:var(--s-5);margin-inline:var(--s-4);padding-inline-start:var(--s-4);border-inline-start:4px solid var(--color-border-strong);font-style:italic;color:var(--color-text-subtle)}hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--s-6)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@supports (view-transition-name: none){::view-transition{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000008}::view-transition-group(root){animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){::view-transition{background-color:transparent}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms}}}@layer layout{nika-stack{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--stack-space, var(--s-4))}nika-stack[space="0"]{--stack-space: var(--s-0)}nika-stack[space="1"]{--stack-space: var(--s-1)}nika-stack[space="2"]{--stack-space: var(--s-2)}nika-stack[space="3"]{--stack-space: var(--s-3)}nika-stack[space="4"]{--stack-space: var(--s-4)}nika-stack[space="5"]{--stack-space: var(--s-5)}nika-stack[space="6"]{--stack-space: var(--s-6)}nika-stack[space="7"]{--stack-space: var(--s-7)}nika-stack[space="8"]{--stack-space: var(--s-8)}nika-stack[split=true]{justify-content:space-between}}@layer layout{nika-box{display:block;padding:var(--box-padding, var(--s-4));border-width:var(--box-border-width, 0);border-style:solid;border-color:var(--color-border)}nika-box[padding="0"]{--box-padding: var(--s-0)}nika-box[padding="1"]{--box-padding: var(--s-1)}nika-box[padding="2"]{--box-padding: var(--s-2)}nika-box[padding="3"]{--box-padding: var(--s-3)}nika-box[padding="4"]{--box-padding: var(--s-4)}nika-box[padding="5"]{--box-padding: var(--s-5)}nika-box[padding="6"]{--box-padding: var(--s-6)}nika-box[padding="7"]{--box-padding: var(--s-7)}nika-box[padding="8"]{--box-padding: var(--s-8)}nika-box[borderwidth="1"]{--box-border-width: 1px}nika-box[borderwidth="2"]{--box-border-width: 2px}}@layer layout{nika-center{display:block;box-sizing:content-box;max-width:var(--center-max, 60ch);margin-inline:auto;padding-inline:var(--center-gutter, var(--s-4))}nika-center[max=narrow]{--center-max: 45ch}nika-center[max=medium]{--center-max: 60ch}nika-center[max=wide]{--center-max: 75ch}nika-center[max=full]{--center-max: 100%}nika-center[intrinsic]{display:flex;flex-direction:column;align-items:center}}@layer layout{nika-cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-space, var(--s-3));justify-content:var(--cluster-justify, flex-start);align-items:var(--cluster-align, center)}nika-cluster[space="1"]{--cluster-space: var(--s-1)}nika-cluster[space="2"]{--cluster-space: var(--s-2)}nika-cluster[space="3"]{--cluster-space: var(--s-3)}nika-cluster[space="4"]{--cluster-space: var(--s-4)}nika-cluster[space="5"]{--cluster-space: var(--s-5)}nika-cluster[justify=start]{--cluster-justify: flex-start}nika-cluster[justify=center]{--cluster-justify: center}nika-cluster[justify=end]{--cluster-justify: flex-end}nika-cluster[justify=between]{--cluster-justify: space-between}nika-cluster[align=start]{--cluster-align: flex-start}nika-cluster[align=center]{--cluster-align: center}nika-cluster[align=end]{--cluster-align: flex-end}}@layer layout{nika-sidebar{display:flex;flex-wrap:wrap;gap:var(--sidebar-space, var(--s-4))}nika-sidebar>*{flex-grow:1}nika-sidebar>[data-sidebar]{flex-basis:var(--sidebar-width, 20rem);flex-grow:0}nika-sidebar[side=left]{flex-direction:row}nika-sidebar[side=right]{flex-direction:row-reverse}nika-sidebar[space="3"]{--sidebar-space: var(--s-3)}nika-sidebar[space="4"]{--sidebar-space: var(--s-4)}nika-sidebar[space="5"]{--sidebar-space: var(--s-5)}nika-sidebar[space="6"]{--sidebar-space: var(--s-6)}}@layer layout{nika-switcher{display:flex;flex-wrap:wrap;gap:var(--switcher-space, var(--s-4))}nika-switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-threshold, 30rem) - 100%) * 999)}nika-switcher[threshold=narrow]{--switcher-threshold: 20rem}nika-switcher[threshold=medium]{--switcher-threshold: 30rem}nika-switcher[threshold=wide]{--switcher-threshold: 40rem}nika-switcher[space="3"]{--switcher-space: var(--s-3)}nika-switcher[space="4"]{--switcher-space: var(--s-4)}nika-switcher[space="5"]{--switcher-space: var(--s-5)}}@layer layout{nika-cover{display:flex;flex-direction:column;min-height:var(--cover-min-height, 100vh);padding:var(--cover-space, var(--s-4))}nika-cover>*{margin-block:var(--cover-space, var(--s-4))}nika-cover>[data-cover-center]{margin-block:auto}nika-cover[space="3"]{--cover-space: var(--s-3)}nika-cover[space="4"]{--cover-space: var(--s-4)}nika-cover[space="5"]{--cover-space: var(--s-5)}nika-cover[space="6"]{--cover-space: var(--s-6)}}@layer layout{nika-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min, 15rem)),1fr));gap:var(--grid-space, var(--s-4))}nika-grid[min=small]{--grid-min: 10rem}nika-grid[min=medium]{--grid-min: 15rem}nika-grid[min=large]{--grid-min: 20rem}nika-grid[space="3"]{--grid-space: var(--s-3)}nika-grid[space="4"]{--grid-space: var(--s-4)}nika-grid[space="5"]{--grid-space: var(--s-5)}nika-grid[space="6"]{--grid-space: var(--s-6)}}@layer layout{nika-frame{display:block;aspect-ratio:var(--frame-ratio, 16 / 9);overflow:hidden;position:relative}nika-frame>*{width:100%;height:100%;object-fit:cover}nika-frame[ratio="1:1"]{--frame-ratio: 1 / 1}nika-frame[ratio="4:3"]{--frame-ratio: 4 / 3}nika-frame[ratio="16:9"]{--frame-ratio: 16 / 9}nika-frame[ratio="21:9"]{--frame-ratio: 21 / 9}nika-frame[ratio="2:3"]{--frame-ratio: 2 / 3}nika-frame[ratio="3:4"]{--frame-ratio: 3 / 4}nika-frame[fit=contain]>*{object-fit:contain}}@layer layout{nika-reel{display:flex;gap:var(--reel-space, var(--s-4));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}nika-reel::-webkit-scrollbar{height:.5rem}nika-reel::-webkit-scrollbar-track{background:transparent}nika-reel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}nika-reel>*{flex-shrink:0;flex-basis:var(--reel-item-width, auto)}nika-reel[snap=true]{scroll-snap-type:x mandatory}nika-reel[snap=true]>*{scroll-snap-align:start}nika-reel[space="3"]{--reel-space: var(--s-3)}nika-reel[space="4"]{--reel-space: var(--s-4)}nika-reel[space="5"]{--reel-space: var(--s-5)}}@layer layout{nika-imposter{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--imposter-z, 1000)}nika-imposter>*{max-width:var(--imposter-max-width, min(90%, 40rem));max-height:var(--imposter-max-height, 90%);overflow:auto}nika-imposter[backdrop=true]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:-1}}@layer layout{nika-container{display:block;max-width:var(--container-max, 80rem);margin-inline:auto;padding-inline:var(--container-gutter, var(--s-4))}nika-container[size=sm]{--container-max: 40rem}nika-container[size=md]{--container-max: 60rem}nika-container[size=lg]{--container-max: 80rem}nika-container[size=xl]{--container-max: 90rem}nika-container[size=full]{--container-max: 100%}nika-container[gutter="2"]{--container-gutter: var(--s-2)}nika-container[gutter="3"]{--container-gutter: var(--s-3)}nika-container[gutter="4"]{--container-gutter: var(--s-4)}nika-container[gutter="5"]{--container-gutter: var(--s-5)}nika-container[gutter="6"]{--container-gutter: var(--s-6)}}@layer layout{nika-content-layout{--_full: minmax(var(--gutter, var(--s-4)), 1fr);--_feature: minmax(0, calc((var(--content-max) - var(--content-feature)) * .5));--_popout: minmax(0, calc((var(--content-feature) - var(--content-wide)) * .5));--_content: minmax(0, calc((var(--content-wide) - var(--content-base)) * .5));--_inner: min(var(--content-base), 100% - var(--gutter, var(--s-4)) * 2);display:grid;grid-template-columns:[full-start] var(--_full) [feature-start] var(--_feature) [popout-start] var(--_popout) [content-start] var(--_content) [inner-start] var(--_inner) [inner-end] var(--_content) [content-end] var(--_popout) [popout-end] var(--_feature) [feature-end] var(--_full) [full-end]}nika-content-layout>*{grid-column:content}nika-content-layout>[breakout=full]{grid-column:full}nika-content-layout>[breakout=feature]{grid-column:feature}nika-content-layout>[breakout=popout]{grid-column:popout}nika-content-layout>[breakout=inner]{grid-column:inner}}@layer components{nika-button{display:inline-block}nika-button button,nika-button a{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-size:var(--fs-base);font-weight:500;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:var(--color-bg-muted);color:var(--color-text)}nika-button button:hover:not(:disabled),nika-button a:hover{background-color:var(--color-bg-subtle)}nika-button button:disabled{opacity:.5;cursor:not-allowed}nika-button[variant=primary] button,nika-button[variant=primary] a{background-color:var(--color-primary);color:var(--color-primary-text)}nika-button[variant=primary] button:hover:not(:disabled),nika-button[variant=primary] a:hover{background-color:var(--color-primary-hover)}nika-button[variant=outline] button,nika-button[variant=outline] a{background-color:transparent;border-color:var(--color-border-strong)}nika-button[variant=outline] button:hover:not(:disabled),nika-button[variant=outline] a:hover{background-color:var(--color-bg-muted)}nika-button[variant=ghost] button,nika-button[variant=ghost] a{background-color:transparent}nika-button[variant=ghost] button:hover:not(:disabled),nika-button[variant=ghost] a:hover{background-color:var(--color-bg-muted)}nika-button[size=sm] button,nika-button[size=sm] a{padding:var(--s-1) var(--s-3);font-size:var(--fs-sm)}nika-button[size=lg] button,nika-button[size=lg] a{padding:var(--s-3) var(--s-5);font-size:var(--fs-lg)}nika-button[full-width]{display:block;width:100%}nika-button[full-width] button,nika-button[full-width] a{width:100%}nika-button[data-loading] button,nika-button[data-loading] a{opacity:.7;pointer-events:none;position:relative}nika-button[data-loading] button:after,nika-button[data-loading] a:after{content:"…";margin-left:var(--s-1)}}@layer components{nika-card{display:block;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow-sm)}nika-card[padding=sm]{padding:var(--s-3)}nika-card[padding=lg]{padding:var(--s-6)}nika-card[variant=elevated]{box-shadow:var(--shadow-md);border:none}nika-card[variant=outline]{box-shadow:none;border-color:var(--color-border-strong)}nika-card[interactive]{display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-base)}nika-card[interactive] nika-button:last-child{margin-top:auto}nika-card[interactive]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}nika-card header{margin-bottom:var(--s-4)}nika-card footer{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--color-border)}@media(prefers-reduced-motion:reduce){nika-card[interactive]:hover{transform:none}}}@layer components{nika-field{display:block;margin-bottom:var(--s-4)}nika-field label{display:block;font-weight:500;font-size:var(--fs-sm);margin-bottom:var(--s-2);color:var(--color-text)}nika-field input[type=text],nika-field input[type=email],nika-field input[type=password],nika-field input[type=number],nika-field input[type=tel],nika-field input[type=url],nika-field input[type=search],nika-field input[type=date],nika-field input[type=time],nika-field textarea,nika-field select{display:block;width:100%;padding:var(--s-2) var(--s-3);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}nika-field input:user-invalid:not(:placeholder-shown),nika-field textarea:user-invalid:not(:placeholder-shown),nika-field select:user-invalid{border-color:var(--color-error)}nika-field input:user-valid:not(:placeholder-shown),nika-field textarea:user-valid:not(:placeholder-shown),nika-field select:user-valid{border-color:var(--color-success)}nika-field input:focus-visible,nika-field textarea:focus-visible,nika-field select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a6df41a}nika-field input:disabled,nika-field textarea:disabled,nika-field select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-muted)}nika-field textarea{min-height:6rem;resize:vertical}nika-field [data-error],nika-field [data-field-error]{display:block;color:var(--color-error);font-size:var(--fs-sm);margin-top:var(--s-1)}nika-field [data-hint],nika-field [data-field-hint]{display:block;color:var(--color-text-subtle);font-size:var(--fs-sm);margin-top:var(--s-1)}nika-field[error] input,nika-field[error] textarea,nika-field[error] select{border-color:var(--color-error)}nika-field[error] input:focus-visible,nika-field[error] textarea:focus-visible,nika-field[error] select:focus-visible{box-shadow:0 0 0 3px #ef43431a}nika-field input[type=checkbox],nika-field input[type=radio]{width:auto;margin-inline-end:var(--s-2);accent-color:var(--color-primary)}nika-field [data-checkbox-group],nika-field [data-radio-group]{display:flex;flex-direction:column;gap:var(--s-2)}nika-field [data-checkbox-group] label,nika-field [data-radio-group] label{display:flex;align-items:center;font-weight:400;margin-bottom:0}@supports (field-sizing: content){nika-field textarea{field-sizing:content;min-height:3lh}}}@layer components{nika-table{display:block;overflow-x:auto}nika-table table{width:100%;border-collapse:collapse;border-spacing:0;margin-block:var(--s-4)}nika-table thead{background-color:var(--color-bg-subtle)}nika-table th{padding:var(--s-3);text-align:left;font-weight:600;font-size:var(--fs-sm);color:var(--color-text);border-bottom:2px solid var(--color-border-strong)}nika-table td{padding:var(--s-3);border-bottom:1px solid var(--color-border)}nika-table tbody tr:hover{background-color:var(--color-bg-subtle)}nika-table tbody tr:last-child td{border-bottom:none}nika-table table[data-size=sm] th,nika-table table[data-size=sm] td{padding:var(--s-2)}nika-table table[data-striped] tbody tr:nth-child(odd){background-color:var(--color-bg-subtle)}table{width:100%;border-collapse:collapse;border-spacing:0;margin-block:var(--s-4)}thead{background-color:var(--color-bg-subtle)}th{padding:var(--s-3);text-align:left;font-weight:600;font-size:var(--fs-sm);color:var(--color-text);border-bottom:2px solid var(--color-border-strong)}td{padding:var(--s-3);border-bottom:1px solid var(--color-border)}tbody tr:hover{background-color:var(--color-bg-subtle)}tbody tr:last-child td{border-bottom:none}table[data-size=sm] th,table[data-size=sm] td{padding:var(--s-2)}table[data-striped] tbody tr:nth-child(odd){background-color:var(--color-bg-subtle)}}@layer components{nika-dialog[open=false] dialog{display:none!important}nika-dialog dialog{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--s-6);max-width:min(90%,40rem);max-height:90vh;overflow:auto;overscroll-behavior:contain;margin:5vh auto}nika-dialog dialog[open]{opacity:1;transform:translateY(0);transition:opacity var(--transition-base),transform var(--transition-base),display var(--transition-base) allow-discrete,overlay var(--transition-base) allow-discrete}@starting-style{nika-dialog dialog[open]{opacity:0;transform:translateY(1rem)}}nika-dialog dialog::backdrop{background:var(--color-overlay);transition:background var(--transition-base),display var(--transition-base) allow-discrete,overlay var(--transition-base) allow-discrete}@starting-style{nika-dialog dialog::backdrop{background:transparent}}nika-dialog [data-dialog-close]{position:absolute;top:var(--s-4);right:var(--s-4);background:none;border:none;font-size:var(--fs-lg);cursor:pointer;color:var(--color-text-subtle);line-height:1;padding:var(--s-1)}nika-dialog [data-dialog-close]:hover{color:var(--color-text)}nika-dialog [data-dialog-title]{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--s-4)}nika-dialog [data-dialog-footer]{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--color-border);display:flex;gap:var(--s-3);justify-content:flex-end}}@layer components{nika-tabs{display:block}nika-tabs [data-tabs-list]{display:flex;gap:var(--s-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--s-4)}nika-tabs [data-tab]{padding:var(--s-2) var(--s-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:var(--fs-base);font-weight:500;color:var(--color-text-subtle);transition:all var(--transition-base)}nika-tabs [data-tab]:hover{color:var(--color-text);background-color:var(--color-bg-subtle)}nika-tabs [data-tab][aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}nika-tabs [data-tab-panel]{display:none}nika-tabs [data-tab-panel][active]{display:block;opacity:1;transition:opacity var(--transition-base),display var(--transition-base) allow-discrete}@starting-style{nika-tabs [data-tab-panel][active]{opacity:0}}}@layer components{nika-accordion{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}nika-accordion details{border-bottom:1px solid var(--color-border)}nika-accordion details:last-child{border-bottom:none}nika-accordion details[open] summary:after{transform:rotate(90deg)}nika-accordion details>*:not(summary){padding:0 var(--s-4) var(--s-4) var(--s-4)}nika-accordion summary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--s-4);font-size:var(--fs-base);font-weight:500;cursor:pointer;color:var(--color-text);list-style:none;transition:background-color var(--transition-base)}nika-accordion summary::-webkit-details-marker{display:none}nika-accordion summary:hover{background-color:var(--color-bg-subtle)}nika-accordion summary:after{content:"▼";font-size:var(--fs-sm);transition:transform var(--transition-base);transform:rotate(-90deg)}nika-accordion [data-accordion-item]{border-bottom:1px solid var(--color-border)}nika-accordion [data-accordion-item]:last-child{border-bottom:none}nika-accordion [data-accordion-trigger]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--s-4);background:none;border:none;text-align:left;font-size:var(--fs-base);font-weight:500;cursor:pointer;color:var(--color-text);transition:background-color var(--transition-base)}nika-accordion [data-accordion-trigger]:hover{background-color:var(--color-bg-subtle)}nika-accordion [data-accordion-trigger]:after{content:"▼";font-size:var(--fs-sm);transition:transform var(--transition-base);transform:rotate(-90deg)}nika-accordion [data-accordion-trigger][aria-expanded=true]:after{transform:rotate(90deg)}nika-accordion [data-accordion-content]{height:0;overflow:hidden;padding:0 var(--s-4) 0 var(--s-4);transition:height var(--transition-base)}nika-accordion [data-accordion-content][open]{height:auto;padding:0 var(--s-4) var(--s-4) var(--s-4)}}@layer components{nika-dropdown{display:inline-block;position:relative}nika-dropdown [popover]{position:fixed;margin:0;min-width:12rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--s-1);opacity:0;transform:translateY(-4px);transition:opacity .15s ease-out,transform .15s ease-out,display .15s allow-discrete,overlay .15s allow-discrete}nika-dropdown [popover]:popover-open{opacity:1;transform:translateY(0)}nika-dropdown [popover] hr{height:1px;background-color:var(--color-border);border:none;margin:var(--s-1) 0}nika-dropdown [role=menuitem]{display:flex;align-items:center;justify-content:start;width:100%;padding:var(--s-2) var(--s-3);font-size:var(--fs-sm);text-align:start;color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}nika-dropdown [role=menuitem]:hover,nika-dropdown [role=menuitem]:focus{background-color:var(--color-bg-muted);outline:none}@starting-style{nika-dropdown [popover]:popover-open{opacity:0;transform:translateY(-4px)}}}@layer components{nika-toast-container{position:fixed;bottom:var(--s-4);right:var(--s-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s-2);max-width:min(90%,24rem)}nika-toast-container[position=top-right]{top:var(--s-4);bottom:auto;right:var(--s-4);left:auto}nika-toast-container[position=top-left]{top:var(--s-4);bottom:auto;right:auto;left:var(--s-4)}nika-toast-container[position=bottom-left]{top:auto;bottom:var(--s-4);right:auto;left:var(--s-4)}nika-toast-container[position=top-center]{top:var(--s-4);bottom:auto;left:50%;right:auto;transform:translate(-50%)}nika-toast-container[position=bottom-center]{top:auto;bottom:var(--s-4);left:50%;right:auto;transform:translate(-50%)}nika-toast{display:flex;align-items:flex-start;gap:var(--s-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--s-4);opacity:1;transform:translate(0);transition:opacity var(--transition-toast),transform var(--transition-toast)}@starting-style{nika-toast{opacity:0;transform:translate(100%)}}nika-toast[variant=success]{border-left:4px solid var(--color-success)}nika-toast[variant=error]{border-left:4px solid var(--color-error)}nika-toast[variant=warning]{border-left:4px solid var(--color-warning)}nika-toast[variant=info]{border-left:4px solid var(--color-info)}nika-toast [data-toast-body]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}nika-toast [data-toast-title]{font-weight:600;font-size:var(--fs-sm);margin:0;line-height:1.3}nika-toast [data-toast-close]{margin-left:auto;background:none;border:none;font-size:var(--fs-lg);cursor:pointer;color:var(--color-text-subtle);line-height:1;padding:0}nika-toast [data-toast-close]:hover{color:var(--color-text)}}@layer components{nika-popover{display:inline-block;position:relative}nika-popover [popover]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--s-3);max-width:20rem;margin:0}nika-popover [popover]:popover-open{animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@layer components{nika-sheet:not([open=true]):not([open=open]) dialog{display:none!important}nika-sheet dialog{background-color:var(--color-bg);box-shadow:var(--shadow-lg);overflow:auto;padding:var(--s-6);max-width:none;max-height:none;margin:0;border:none;transition:transform var(--transition-sheet),display var(--transition-sheet) allow-discrete,overlay var(--transition-sheet) allow-discrete}nika-sheet dialog[open]{position:fixed;top:0;right:0;bottom:0;width:min(90%,24rem);transform:translate(0)}@starting-style{nika-sheet dialog[open]{transform:translate(100%)}}nika-sheet dialog::backdrop{background:var(--color-overlay);transition:background var(--transition-base),display var(--transition-base) allow-discrete,overlay var(--transition-base) allow-discrete}@starting-style{nika-sheet dialog::backdrop{background:transparent}}nika-sheet[side=left] dialog[open]{left:0;right:auto}@starting-style{nika-sheet[side=left] dialog[open]{transform:translate(-100%)}}nika-sheet[side=top] dialog[open]{top:0;left:0;right:0;bottom:auto;width:100%;height:min(50%,30rem);transform:translateY(0)}@starting-style{nika-sheet[side=top] dialog[open]{transform:translateY(-100%)}}nika-sheet[side=bottom] dialog[open]{top:auto;left:0;right:0;bottom:0;width:100%;height:min(50%,30rem);transform:translateY(0)}@starting-style{nika-sheet[side=bottom] dialog[open]{transform:translateY(100%)}}nika-sheet [data-sheet-close]{position:absolute;top:var(--s-4);right:var(--s-4);background:none;border:none;font-size:var(--fs-lg);cursor:pointer;color:var(--color-text-subtle);line-height:1;padding:var(--s-1)}nika-sheet [data-sheet-close]:hover{color:var(--color-text)}}@layer components{nika-alert{display:block;padding:var(--s-4);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);margin-block:var(--s-4)}nika-alert[variant=info]{background-color:#2ab0f41a;border-left-color:var(--color-info);color:var(--color-info)}nika-alert[variant=success]{background-color:#1bbb501a;border-left-color:var(--color-success);color:var(--color-success)}nika-alert[variant=warning]{background-color:#f59f0a1a;border-left-color:var(--color-warning);color:var(--color-warning)}nika-alert[variant=error]{background-color:#ef43431a;border-left-color:var(--color-error);color:var(--color-error)}nika-alert [data-alert-title]{font-weight:600;margin-bottom:var(--s-2)}nika-alert [data-alert-content]{color:var(--color-text)}}@layer components{nika-badge{display:inline-flex;align-items:center;padding:var(--s-1) var(--s-2);font-size:var(--fs-sm);font-weight:500;line-height:1;border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-text)}nika-badge[variant=primary]{background-color:var(--color-primary);color:var(--color-primary-text)}nika-badge[variant=success]{background-color:var(--color-success);color:#fff}nika-badge[variant=warning]{background-color:var(--color-warning);color:#fff}nika-badge[variant=error]{background-color:var(--color-error);color:#fff}nika-badge[variant=outline]{background-color:transparent;border:1px solid var(--color-border-strong)}}@layer components{nika-progress{display:block}nika-progress progress{width:100%;height:var(--s-3);border:none;border-radius:var(--radius-full);background-color:var(--color-bg-muted);overflow:hidden}nika-progress progress::-webkit-progress-bar{background-color:var(--color-bg-muted);border-radius:var(--radius-full)}nika-progress progress::-webkit-progress-value{background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}nika-progress progress::-moz-progress-bar{background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}nika-progress[variant=success] progress::-webkit-progress-value,nika-progress[variant=success] progress::-moz-progress-bar{background-color:var(--color-success)}nika-progress[variant=warning] progress::-webkit-progress-value,nika-progress[variant=warning] progress::-moz-progress-bar{background-color:var(--color-warning)}nika-progress[variant=error] progress::-webkit-progress-value,nika-progress[variant=error] progress::-moz-progress-bar{background-color:var(--color-error)}nika-progress[size=sm] progress{height:var(--s-2)}nika-progress[size=lg] progress{height:var(--s-4)}}@layer components{nika-tooltip{display:inline-block;position:relative}nika-tooltip [data-tooltip-content]{position:absolute;bottom:calc(100% + var(--s-2));left:50%;transform:translate(-50%);padding:var(--s-2) var(--s-3);background-color:var(--color-text);color:var(--color-bg);font-size:var(--fs-sm);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:var(--z-tooltip)}nika-tooltip:hover [data-tooltip-content],nika-tooltip:focus-within [data-tooltip-content]{opacity:1}nika-tooltip[placement=top] [data-tooltip-content]{bottom:calc(100% + var(--s-2));top:auto}nika-tooltip[placement=bottom] [data-tooltip-content]{bottom:auto;top:calc(100% + var(--s-2))}nika-tooltip[placement=left] [data-tooltip-content]{bottom:auto;left:auto;right:calc(100% + var(--s-2));top:50%;transform:translateY(-50%)}nika-tooltip[placement=right] [data-tooltip-content]{bottom:auto;left:calc(100% + var(--s-2));right:auto;top:50%;transform:translateY(-50%)}}@layer components{nika-skeleton{display:block;background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}nika-skeleton[variant=text]{height:1em;margin-bottom:var(--s-2)}nika-skeleton[variant=circle]{width:3rem;height:3rem;border-radius:var(--radius-full)}nika-skeleton[variant=rect]{width:100%;height:10rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{nika-spinner{display:inline-block;width:var(--spinner-size, 2rem);height:var(--spinner-size, 2rem)}nika-spinner:after{content:"";display:block;width:100%;height:100%;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}nika-spinner[size=sm]{--spinner-size: 1rem}nika-spinner[size=lg]{--spinner-size: 3rem}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{nika-breadcrumb{display:block}nika-breadcrumb nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}nika-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);list-style:none;padding:0;margin:0}nika-breadcrumb li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);margin:0}nika-breadcrumb li:not(:last-child):after{content:"/";color:var(--color-text-subtle)}nika-breadcrumb a{color:var(--color-text-subtle);text-decoration:none}nika-breadcrumb a:hover{color:var(--color-primary)}nika-breadcrumb [aria-current]{color:var(--color-text);font-weight:500}}@layer components{nika-pagination{display:block}nika-pagination nav{display:flex;justify-content:center;gap:var(--s-1)}nika-pagination button,nika-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:var(--s-2);font-size:var(--fs-sm);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}nika-pagination button:hover:not(:disabled),nika-pagination a:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-strong)}nika-pagination [aria-current]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}nika-pagination button:disabled{opacity:.5;cursor:not-allowed}}@layer components{nika-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 3rem);height:var(--avatar-size, 3rem);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-text);font-weight:500;overflow:hidden}nika-avatar img{width:100%;height:100%;object-fit:cover}nika-avatar[size=sm]{--avatar-size: 2rem;font-size:var(--fs-sm)}nika-avatar[size=lg]{--avatar-size: 4rem;font-size:var(--fs-lg)}nika-avatar[size=xl]{--avatar-size: 6rem;font-size:var(--fs-xl)}}@layer components{nika-divider{display:block;height:1px;background-color:var(--color-border);margin-block:var(--s-4)}nika-divider[spacing=sm]{margin-block:var(--s-2)}nika-divider[spacing=lg]{margin-block:var(--s-6)}nika-divider[variant=dashed]{background:none;border-top:1px dashed var(--color-border)}nika-divider[variant=strong]{background-color:var(--color-border-strong)}}@layer components{nika-nav{display:block}nika-nav nav{display:flex;flex-direction:column;gap:var(--s-1)}nika-nav a,nika-nav button{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);text-decoration:none;color:var(--color-text);border-radius:var(--radius-md);transition:background-color var(--transition-base);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:var(--fs-base)}nika-nav a:hover,nika-nav button:hover{background-color:var(--color-bg-muted)}nika-nav [aria-current],nika-nav [data-active]{background-color:var(--color-primary);color:var(--color-primary-text)}nika-nav [data-nav-group]{margin-top:var(--s-4)}nika-nav [data-nav-group-title]{font-size:var(--fs-sm);font-weight:600;color:var(--color-text-subtle);padding:var(--s-2) var(--s-3);text-transform:uppercase;letter-spacing:.05em}}@layer components{nika-navbar{display:block;background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}nika-navbar nav{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);max-width:var(--container-max, 80rem);margin-inline:auto}nika-navbar [data-navbar-brand]{font-weight:600;font-size:var(--fs-lg);text-decoration:none;color:var(--color-text)}nika-navbar [data-navbar-links]{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}nika-navbar a{text-decoration:none;color:var(--color-text);font-weight:500;transition:color var(--transition-base)}nika-navbar a:hover{color:var(--color-primary)}nika-navbar [aria-current]{color:var(--color-primary)}}@layer components{nika-switch{display:inline-flex;align-items:center;gap:var(--s-2)}nika-switch input[type=checkbox]{position:relative;width:3rem;height:1.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base)}nika-switch input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}nika-switch input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}nika-switch input[type=checkbox]:checked:before{transform:translate(1.5rem)}nika-switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}nika-switch label{cursor:pointer;-webkit-user-select:none;user-select:none}}@layer components{nika-checkbox{display:inline-flex;align-items:flex-start;gap:var(--s-2)}nika-checkbox input[type=checkbox]{position:relative;width:1.25rem;height:1.25rem;margin:.25em 0 0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}nika-checkbox input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}nika-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:.35rem;top:.1rem;width:.35rem;height:.6rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}nika-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}nika-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}nika-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}}@layer components{nika-radio-group{display:flex;flex-direction:column;gap:var(--s-2)}nika-radio-group fieldset{border:none;padding:0;margin:0}nika-radio-group legend{margin-bottom:var(--s-2);font-weight:500}nika-radio-group label{display:inline-flex;align-items:center;gap:var(--s-2);cursor:pointer;-webkit-user-select:none;user-select:none}nika-radio-group input[type=radio]{position:relative;width:1.25rem;height:1.25rem;margin:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}nika-radio-group input[type=radio]:checked{border-color:var(--color-primary);border-width:5px}nika-radio-group input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}nika-radio-group input[type=radio]:disabled{opacity:.5;cursor:not-allowed}nika-radio-group input[type=radio]:disabled+label{cursor:not-allowed}}@layer components{nika-input-group{display:flex;align-items:stretch;width:100%;max-width:100%}nika-input-group input,nika-input-group select,nika-input-group textarea{flex:1;min-width:0;border-radius:0;border-right:none}nika-input-group input:first-child,nika-input-group select:first-child,nika-input-group textarea:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}nika-input-group input:last-child:not([type=submit]):not([type=button]),nika-input-group select:last-child,nika-input-group textarea:last-child{border-right:1px solid var(--color-border);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}nika-input-group>*{border:1px solid var(--color-border)}nika-input-group>*+*{margin-left:-1px}nika-input-group button,nika-input-group nika-button{flex-shrink:0;border-radius:0}nika-input-group nika-button:last-child button,nika-input-group nika-button:last-child a,nika-input-group>button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}nika-input-group span,nika-input-group label{display:flex;align-items:center;padding:0 var(--s-3);background-color:var(--color-bg-muted);color:var(--color-text-subtle);font-size:.875em;border:1px solid var(--color-border)}nika-input-group span:first-child,nika-input-group label:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}}@layer components{nika-collapsible{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}nika-collapsible details{display:block}nika-collapsible details[open] summary:after{transform:rotate(0)}nika-collapsible details>*:not(summary){padding:0 var(--s-4) var(--s-4) var(--s-4)}nika-collapsible summary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--s-4);font-size:var(--fs-base);font-weight:500;cursor:pointer;color:var(--color-text);list-style:none;transition:background-color var(--transition-base)}nika-collapsible summary::-webkit-details-marker{display:none}nika-collapsible summary:hover{background-color:var(--color-bg-subtle)}nika-collapsible summary:after{content:"▼";font-size:var(--fs-sm);transition:transform var(--transition-base);transform:rotate(-90deg)}}@layer components{nika-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-8);text-align:center;color:var(--color-text-subtle)}nika-empty-state [data-empty-state-icon]{font-size:2.5rem;line-height:1;opacity:.5}nika-empty-state [data-empty-state-icon] svg{width:3rem;height:3rem}nika-empty-state [data-empty-state-title]{font-size:var(--fs-lg);font-weight:500;color:var(--color-text);margin:0}nika-empty-state [data-empty-state-description]{max-width:28rem;margin:0;font-size:var(--fs-sm)}nika-empty-state [data-empty-state-action]{margin-top:var(--s-2)}}@layer components{nika-confirm-dialog dialog{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--s-6);max-width:min(90%,28rem);margin:5vh auto}nika-confirm-dialog dialog::backdrop{background-color:#00000080}nika-confirm-dialog [data-confirm-title]{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--s-3)}nika-confirm-dialog [data-confirm-body]{margin-bottom:var(--s-5)}nika-confirm-dialog [data-confirm-actions]{display:flex;gap:var(--s-3);justify-content:flex-end}}@layer components{nika-scroll-area{display:block;overflow:auto;scrollbar-width:thin}nika-scroll-area::-webkit-scrollbar{width:8px;height:8px}nika-scroll-area::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:var(--radius-full)}nika-scroll-area::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}:is():hover{background:var(--color-text-subtle)}nika-scroll-area[data-orientation=vertical]{overflow-x:hidden}nika-scroll-area[data-orientation=horizontal]{overflow-y:hidden}}@layer components{nika-banner{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background-color:var(--color-primary);color:var(--color-primary-text);text-align:center}nika-banner[data-variant=info]{background-color:var(--color-info)}nika-banner[data-variant=warning]{background-color:var(--color-warning)}nika-banner[data-variant=error]{background-color:var(--color-error)}nika-banner [data-banner-content]{flex:1}nika-banner [data-banner-dismiss]{background:none;border:none;color:inherit;cursor:pointer;padding:var(--s-1);opacity:.8}nika-banner [data-banner-dismiss]:hover{opacity:1}}@layer components{nika-rating{display:inline-flex;gap:var(--s-1)}nika-rating input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}nika-rating input[type=radio]:checked+span{color:var(--color-warning)}nika-rating input[type=radio]:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}nika-rating label{cursor:pointer;font-size:1.5rem;line-height:1}nika-rating label span{color:var(--color-border-strong);transition:color var(--transition-base)}nika-rating label:hover span{color:var(--color-warning)}nika-rating [data-rating-icon]{display:block}}@layer components{nika-prose{max-width:65ch}nika-prose :is(h1,h2,h3){margin-top:1.5em;margin-bottom:.5em;font-weight:600;text-wrap:balance}nika-prose :is(h1,h2,h3):first-child{margin-top:0}nika-prose p{margin-bottom:1em;line-height:var(--lh-relaxed);text-wrap:pretty}nika-prose :is(ul,ol){margin:1em 0;padding-left:1.5em}nika-prose li{margin-bottom:.5em}nika-prose blockquote{margin:1em 0;padding-left:1em;border-left:4px solid var(--color-border-strong);color:var(--color-text-subtle)}nika-prose :is(pre,code){font-family:ui-monospace,monospace}nika-prose pre{padding:var(--s-4);overflow-x:auto;background:var(--color-bg-muted);border-radius:var(--radius-md);margin:1em 0}nika-prose :not(pre)>code{padding:.2em .4em;font-size:.9em;background:var(--color-bg-muted);border-radius:var(--radius-sm)}nika-prose a{color:var(--color-primary);text-decoration:underline}}@layer components{nika-button-group{display:inline-flex}nika-button-group nika-button,nika-button-group button,nika-button-group a{border-radius:0}nika-button-group nika-button:first-child button,nika-button-group nika-button:first-child a,nika-button-group>button:first-child,nika-button-group>a:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}nika-button-group nika-button:last-child button,nika-button-group nika-button:last-child a,nika-button-group>button:last-child,nika-button-group>a:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}nika-button-group nika-button+nika-button,nika-button-group button+button,nika-button-group a+a{margin-left:-1px}}@layer components{nika-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--s-4)}nika-image-gallery [data-gallery-image]{cursor:pointer;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:1}nika-image-gallery [data-gallery-image] img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}nika-image-gallery [data-gallery-image]:hover img{transform:scale(1.05)}nika-image-gallery [data-gallery-lightbox]::backdrop{background:#000c}}@layer components{nika-marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}nika-marquee [data-marquee-track]{display:flex;gap:var(--s-6);animation:marquee-scroll var(--marquee-duration, 20s) linear infinite}nika-marquee[data-pause-on-hover]:hover [data-marquee-track]{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}}@layer components{nika-carousel{position:relative;overflow:hidden}nika-carousel [data-carousel-track]{display:flex;transition:transform var(--transition-base)}nika-carousel [data-carousel-item]{flex:0 0 100%;min-width:0}nika-carousel [data-carousel-prev],nika-carousel [data-carousel-next]{position:absolute;top:50%;transform:translateY(-50%);z-index:1}nika-carousel [data-carousel-prev][aria-disabled=true],nika-carousel [data-carousel-next][aria-disabled=true]{opacity:.5;pointer-events:none}nika-carousel [data-carousel-prev]{left:var(--s-2)}nika-carousel [data-carousel-next]{right:var(--s-2)}}@layer components{nika-slider{display:block}nika-slider input[type=range]{width:100%;height:var(--s-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}nika-slider input[type=range]::-webkit-slider-runnable-track{height:.5rem;background-color:var(--color-bg-muted);border-radius:var(--radius-full)}nika-slider input[type=range]::-moz-range-track{height:.5rem;background-color:var(--color-bg-muted);border-radius:var(--radius-full)}nika-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background-color:var(--color-primary);border-radius:var(--radius-full);margin-top:-.375rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}nika-slider input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;background-color:var(--color-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}nika-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}nika-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.1)}nika-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}}@layer components{nika-meter{display:block}nika-meter meter{width:100%;height:var(--s-3);border:none;border-radius:var(--radius-full);background-color:var(--color-bg-muted);overflow:hidden}nika-meter meter::-webkit-meter-bar{background-color:var(--color-bg-muted);border-radius:var(--radius-full)}nika-meter meter::-webkit-meter-optimum-value{background-color:var(--color-success);border-radius:var(--radius-full)}nika-meter meter::-webkit-meter-suboptimum-value{background-color:var(--color-warning);border-radius:var(--radius-full)}nika-meter meter::-webkit-meter-even-less-good-value{background-color:var(--color-error);border-radius:var(--radius-full)}nika-meter meter::-moz-meter-bar{background-color:var(--color-primary);border-radius:var(--radius-full)}nika-meter[size=sm] meter{height:var(--s-2)}nika-meter[size=lg] meter{height:var(--s-4)}}@layer components{nika-callout{display:block;padding:var(--s-4);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);margin-block:var(--s-4)}nika-callout[variant=tip]{background-color:#1bbb5014;border-left-color:var(--color-success)}nika-callout[variant=note]{background-color:#2ab0f414;border-left-color:var(--color-info)}nika-callout[variant=caution]{background-color:#f59f0a14;border-left-color:var(--color-warning)}nika-callout[variant=danger]{background-color:#ef434314;border-left-color:var(--color-error)}nika-callout [data-callout-title]{font-weight:600;margin-bottom:var(--s-2);color:var(--color-text)}nika-callout [data-callout-content]{color:var(--color-text)}}@layer components{nika-password-field{display:grid;grid-template-columns:1fr auto;gap:var(--s-2);align-items:center;margin-bottom:var(--s-4)}nika-password-field label{display:block;grid-column:1 / -1;font-weight:500;font-size:var(--fs-sm);margin-bottom:0;color:var(--color-text)}nika-password-field button[type=button]{grid-column:2}nika-password-field [data-field-error],nika-password-field [data-field-hint]{grid-column:1 / -1}nika-password-field input[type=password],nika-password-field input[type=text]{grid-column:1;min-width:0;display:block;width:100%;padding:var(--s-2) var(--s-3);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}nika-password-field input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a6df41a}nika-password-field [data-field-error]{display:block;color:var(--color-error);font-size:var(--fs-sm);margin-top:var(--s-1)}nika-password-field [data-field-hint]{display:block;color:var(--color-text-subtle);font-size:var(--fs-sm);margin-top:var(--s-1)}}@layer components{nika-autogrow{display:block}nika-autogrow textarea{display:block;width:100%;min-height:3rem;overflow-y:hidden;resize:none;padding:var(--s-2) var(--s-3);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}nika-autogrow textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2a6df41a}}@layer components{nika-copy-button{display:inline-block}nika-copy-button button{cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}nika-copy-button[data-copy-state=success] button{background-color:var(--color-success);color:var(--color-bg);border-color:var(--color-success)}nika-copy-button[data-copy-state=error] button{background-color:var(--color-error);color:var(--color-bg);border-color:var(--color-error)}}@layer components{nika-youtube-lite{display:block;position:relative}nika-youtube-lite details{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-bg-muted);border-radius:var(--radius-md);overflow:hidden}nika-youtube-lite details[open] summary{visibility:hidden}nika-youtube-lite summary{display:grid;grid-template-areas:"thumbnail";place-items:center;width:100%;height:100%;cursor:pointer;list-style:none}nika-youtube-lite summary::-webkit-details-marker{display:none}nika-youtube-lite summary:hover [data-youtube-play-icon],nika-youtube-lite summary:focus [data-youtube-play-icon]{transform:scale(1.1)}nika-youtube-lite summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}nika-youtube-lite [data-youtube-thumbnail]{grid-area:thumbnail;width:100%;height:100%;object-fit:cover}nika-youtube-lite [data-youtube-play-icon]{grid-area:thumbnail;width:68px;height:48px;z-index:1;transition:transform var(--transition-base);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}nika-youtube-lite [data-youtube-content]{position:absolute;top:0;left:0;width:100%;height:100%}nika-youtube-lite iframe{width:100%;height:100%;border:none}@media(prefers-reduced-motion:reduce){nika-youtube-lite [data-youtube-play-icon]{transition:none}nika-youtube-lite summary:hover [data-youtube-play-icon],nika-youtube-lite summary:focus [data-youtube-play-icon]{transform:none}}}@layer components{nika-youtube{display:block;position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-bg-muted);border-radius:var(--radius-md);overflow:hidden}nika-youtube [data-youtube-placeholder]{display:grid;grid-template-areas:"content";place-items:center;width:100%;height:100%;position:relative}nika-youtube [data-youtube-thumbnail]{grid-area:content;width:100%;height:100%;object-fit:cover}nika-youtube [data-youtube-play]{grid-area:content;z-index:1;width:68px;height:48px;padding:0;background:none;border:none;cursor:pointer;transition:transform var(--transition-base);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}nika-youtube [data-youtube-play] svg{width:100%;height:100%}nika-youtube [data-youtube-play]:hover,nika-youtube [data-youtube-play]:focus{transform:scale(1.1)}nika-youtube [data-youtube-play]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}nika-youtube [data-youtube-player]{position:absolute;top:0;left:0;width:100%;height:100%}nika-youtube iframe{width:100%;height:100%;border:none}nika-youtube[loaded] [data-youtube-placeholder]{opacity:0;pointer-events:none;transition:opacity var(--transition-base)}nika-youtube[loaded] [data-youtube-player]{animation:youtubeFadeIn .3s ease-out}@keyframes youtubeFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){nika-youtube [data-youtube-play]{transition:none}nika-youtube [data-youtube-play]:hover,nika-youtube [data-youtube-play]:focus{transform:none}nika-youtube[loaded] [data-youtube-player]{animation:none}}}@layer components{nika-hover-card{display:inline-block;position:relative}nika-hover-card [data-hover-trigger]{cursor:pointer}nika-hover-card [popover],nika-hover-card [data-hover-content]{position:absolute;z-index:var(--z-dropdown);min-width:16rem;max-width:24rem;padding:var(--s-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none}nika-hover-card[data-hover-open] [data-hover-content]{display:block}nika-hover-card [popover]:popover-open{display:block}nika-hover-card[placement=top] [popover],nika-hover-card[placement=top] [data-hover-content]{bottom:calc(100% + var(--s-2));left:50%;transform:translate(-50%)}nika-hover-card[placement=bottom] [popover],nika-hover-card[placement=bottom] [data-hover-content]{top:calc(100% + var(--s-2));left:50%;transform:translate(-50%)}nika-hover-card[placement=left] [popover],nika-hover-card[placement=left] [data-hover-content]{right:calc(100% + var(--s-2));top:50%;transform:translateY(-50%)}nika-hover-card[placement=right] [popover],nika-hover-card[placement=right] [data-hover-content]{left:calc(100% + var(--s-2));top:50%;transform:translateY(-50%)}nika-hover-card:not([placement]) [popover],nika-hover-card:not([placement]) [data-hover-content]{bottom:calc(100% + var(--s-2));left:50%;transform:translate(-50%)}nika-hover-card [popover]:popover-open,nika-hover-card[data-hover-open] [data-hover-content]{animation:hoverCardFadeIn .15s ease-out}@keyframes hoverCardFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){nika-hover-card [popover]:popover-open,nika-hover-card[data-hover-open] [data-hover-content]{animation:none}}}@layer components{nika-context-menu{display:block}nika-context-menu [data-context-trigger]{cursor:context-menu}nika-context-menu [popover],nika-context-menu [data-context-menu]{position:fixed;z-index:var(--z-sticky);min-width:12rem;padding:var(--s-1);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none}nika-context-menu[data-context-open] [data-context-menu]{display:block}nika-context-menu [popover]:popover-open{display:block}nika-context-menu [role=menuitem]{display:block;width:100%;padding:var(--s-2) var(--s-3);text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast);font-size:var(--fs-sm)}nika-context-menu [role=menuitem]:hover{background-color:var(--color-bg-muted)}nika-context-menu [role=menuitem]:focus{outline:none;background-color:var(--color-bg-muted)}nika-context-menu [role=menuitem]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}nika-context-menu [role=menuitem][disabled]{opacity:.5;cursor:not-allowed}nika-context-menu hr{height:1px;background-color:var(--color-border);border:none;margin:var(--s-1) 0}nika-context-menu [popover]:popover-open,nika-context-menu[data-context-open] [data-context-menu]{animation:contextMenuFadeIn .1s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){nika-context-menu [popover]:popover-open,nika-context-menu[data-context-open] [data-context-menu]{animation:none}}}@layer components{nika-command-palette{display:contents}nika-command-palette dialog,nika-command-palette [data-command-dialog]{position:fixed;top:20%;left:50%;transform:translate(-50%);max-width:40rem;width:90%;max-height:60vh;padding:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;z-index:var(--z-modal)}nika-command-palette dialog[open],nika-command-palette[data-command-open] [data-command-dialog]{display:flex;animation:commandPaletteSlideIn .2s ease-out}nika-command-palette dialog::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}nika-command-palette dialog[open]::backdrop{animation:commandPaletteFadeIn .2s ease-out}nika-command-palette input[type=search],nika-command-palette [data-command-input]{width:100%;padding:var(--s-4);font-size:var(--fs-lg);border:none;border-bottom:1px solid var(--color-border);background-color:transparent;color:var(--color-text);outline:none}nika-command-palette input[type=search]::placeholder{color:var(--color-text-muted)}nika-command-palette input[type=search]::-webkit-search-cancel-button{display:none}nika-command-palette [data-command-list]{overflow-y:auto;max-height:40vh;padding:var(--s-2)}nika-command-palette [data-command-item]{display:block;width:100%;padding:var(--s-3) var(--s-4);text-align:left;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-size:var(--fs-base);transition:background-color var(--transition-fast)}nika-command-palette [data-command-item]:hover{background-color:var(--color-bg-muted)}nika-command-palette [data-command-item][data-focused]{background-color:var(--color-primary);color:var(--color-bg)}nika-command-palette [data-command-empty]{padding:var(--s-6);text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm)}@keyframes commandPaletteSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes commandPaletteFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){nika-command-palette dialog[open],nika-command-palette[data-command-open] [data-command-dialog]{animation:none}nika-command-palette dialog[open]::backdrop{animation:none}}}@layer components{nika-control{display:inline-block}nika-control input,nika-control select,nika-control button{font:inherit}}@layer components{nika-animate{display:block;position:relative}nika-animate>*{position:relative}}
