@layer settings {
:root{--background:45 25% 97%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:222 47% 11%;--primary-foreground:45 25% 97%;--secondary:40 15% 93%;--secondary-foreground:222 47% 11%;--muted:40 15% 93%;--muted-foreground:215 16% 45%;--accent:221 83% 53%;--accent-foreground:210 20% 98%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:40 15% 89%;--input:40 15% 89%;--ring:221 83% 53%;--radius:.5rem;--color-fg-primary:#0f1729;--color-fg-secondary:#48566a;--color-fg-muted:#606e85;--color-fg-subtle:#94a3b8;--color-fg-inverted:#f8fafc;--color-bg-base:#f8f9fa;--color-bg-raised:#fff;--color-bg-overlay:#fff;--color-bg-surface:var(--color-bg-raised);--color-bg-muted:#f1f0ee;--color-bg-muted-40:#f6f5f4;--color-bg-muted-60:#f3f2f1;--color-bg-muted-80:#f3f1ed;--color-bg-muted-selection:#eae9e6;--color-bg-subtle:#f9fafb;--color-border-default:#e7e5df;--color-border-subtle:#f0eeeb;--color-border-muted:#f4f3f0;--color-border-60:#efedeb;--color-border-70:#ebedf0;--color-border-80:#ece9e4;--color-border-active-card:#b4b6bb;--color-border-emphasis:#cbd5e1;--color-brand:var(--color-brand-mark);--color-brand-hover:#1d4fd7;--color-brand-active:#1e3fae;--color-brand-soft:#2463eb14;--color-brand-fg:#fff;--color-curator:#f59f0a;--color-curator-hover:#db7706;--color-curator-soft:#f59f0a1f;--color-destructive:#dc2828;--color-destructive-fg:#fff;--color-destructive-soft:#dc282814;--color-warning:#db7706;--color-warning-fg:#fff;--color-warning-soft:#db77061a;--color-success:#16a249;--color-success-fg:#fff;--color-success-soft:#16a2491a;--color-info:#0284c5;--color-info-fg:#fff;--color-info-soft:#0284c51a;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:var(--shadow-sm);--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-focus:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-brand);--editorial-bg:#faf9f5;--editorial-surface:var(--color-bg-raised);--editorial-ink:#111827;--editorial-muted:#576070;--editorial-border:var(--color-border-default);--editorial-accent:var(--color-brand);--editorial-accent-soft:var(--color-brand-soft);--rams-white:#fff;--rams-grey:var(--editorial-bg);--rams-dark-grey:var(--color-border-emphasis);--rams-black:#111827;--rams-normal:-.01em;--rams-accent:var(--color-brand);--rams-border:var(--color-border-default);--bg-color:var(--color-bg-base);--text-primary:#0f172a;--text-secondary:#65758b;--accent-color:var(--color-brand);--line-color:#e1e7ef;--color-brand-mark:#ea580c}.dark,[data-theme=dark]{--background:222 47% 7%;--foreground:210 20% 95%;--card:222 47% 10%;--card-foreground:210 20% 95%;--popover:222 47% 10%;--popover-foreground:210 20% 95%;--primary:210 20% 95%;--primary-foreground:222 47% 7%;--secondary:217 33% 17%;--secondary-foreground:210 20% 95%;--muted:217 33% 17%;--muted-foreground:215 20% 65%;--accent:217 91% 60%;--accent-foreground:210 20% 95%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:217 33% 18%;--input:217 33% 18%;--ring:217 91% 60%;--editorial-bg:#0c1018;--editorial-ink:#f1f5f9;--editorial-muted:#94a3b8;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--line-color:#1d283a;--rams-dark-grey:#48566a;--color-fg-primary:#f1f5f9;--color-fg-secondary:#cbd5e1;--color-fg-muted:#94a3b8;--color-fg-subtle:#65758b;--color-fg-inverted:#0c1018;--color-bg-base:#0b0f17;--color-bg-raised:#111827;--color-bg-overlay:#1d283a;--color-bg-muted:#1d283a;--color-bg-muted-40:#1d283a80;--color-bg-muted-60:#1d283ab3;--color-bg-muted-80:#1d283ad9;--color-bg-muted-selection:#ffffff14;--color-bg-subtle:#0f1729;--color-border-default:#1d283a;--color-border-subtle:#ffffff14;--color-border-muted:#ffffff0f;--color-border-60:#ffffff1a;--color-border-70:#ffffff1f;--color-border-80:#ffffff26;--color-border-active-card:#fff6;--color-border-emphasis:#344256;--color-brand:#3c83f6;--color-brand-hover:#61a6fa;--color-brand-active:#2463eb;--color-brand-soft:#3c83f626;--color-brand-fg:#fff;--color-curator:#fbbd23;--color-curator-hover:#f59f0a;--color-curator-soft:#fbbd232e;--color-destructive:#ef4343;--color-destructive-fg:#fff;--color-destructive-soft:#ef434326;--color-warning:#f59f0a;--color-warning-fg:#0c1018;--color-warning-soft:#f59f0a26;--color-success:#21c45d;--color-success-fg:#fff;--color-success-soft:#21c45d26;--color-info:#3abff8;--color-info-fg:#0c1018;--color-info-soft:#3abff826;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-focus:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-brand)}
}

@layer settings {
:root,body{--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--font-display:var(--font-sans);--font-serif:"Playfair Display",serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-wider:.08em;--step--3:clamp(.5625rem,.53rem + .15vw,.625rem);--step--2:clamp(.6875rem,.65rem + .15vw,.75rem);--step--1:clamp(.75rem,.71rem + .18vw,.8125rem);--step-0:clamp(.875rem,.83rem + .22vw,.9375rem);--step-1:clamp(1rem,.93rem + .33vw,1.125rem);--step-2:clamp(1.125rem,1.05rem + .45vw,1.25rem);--step-3:clamp(1.25rem,1.15rem + .6vw,1.5rem);--step-4:clamp(1.5rem,1.35rem + .9vw,1.875rem);--step-5:clamp(1.75rem,1.5rem + 1.5vw,2.75rem);--step-6:clamp(2rem,1.6rem + 2.5vw,3.25rem);--type-instrument:clamp(.3125rem,.28rem + .15vw,.375rem);--type-instrument-small:clamp(.375rem,.34rem + .15vw,.4375rem);--type-instrument-medium:clamp(.4375rem,.4rem + .15vw,.5rem);--type-caption-small:clamp(.5rem,.47rem + .15vw,.5625rem);--type-prose:clamp(1rem,.97rem + .15vw,1.0625rem);--type-body:clamp(.9375rem,.91rem + .15vw,1rem);--font-features-tabular:"tnum" 1,"cv02" 1;--step-down-1:var(--step--1);--step-up-1:var(--step-1);--step-up-5:clamp(2.25rem,3.5vw + 1rem,4.25rem)}
}

@layer settings {
:root{--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--measure:clamp(45ch,60ch + 2vw,70ch);--measure-narrow:clamp(35ch,45ch + 1vw,50ch);--measure-wide:clamp(65ch,80ch + 2vw,90ch);--container-size-sm:clamp(36rem,85vw,65rem);--container-size-md:clamp(48rem,90vw,75rem);--container-size-lg:clamp(64rem,95vw,84.375rem);--container-size-main:88rem;--layout-container-padding-sm:clamp(1rem,2vw + .5rem,1.75rem);--layout-container-padding-md:clamp(1.5rem,3.5vw + .5rem,3rem);--layout-container-padding-lg:clamp(2rem,5vw + .5rem,4.5rem);--layout-stack-gap-sm:.75rem;--layout-stack-gap-md:1.5rem;--layout-stack-gap-lg:2rem;--layout-cluster-gap-sm:.75rem;--layout-cluster-gap-md:1.5rem;--layout-cluster-gap-lg:2rem;--layout-grid-gap-sm:.75rem;--layout-grid-gap-md:1.5rem;--layout-grid-gap-lg:2rem;--layout-switcher-gap-sm:.75rem;--layout-switcher-gap-md:1.5rem;--layout-switcher-gap-lg:2rem;--layout-switcher-collapse-sm:30rem;--layout-switcher-collapse-md:48rem;--layout-switcher-collapse-lg:64rem;--input-padding-block:clamp(.5rem,.8vw,.688rem);--input-padding-inline:clamp(.75rem,1.2vw,1rem);--btn-padding-block:var(--input-padding-block);--btn-padding-inline:clamp(.875rem,1.8vw,1.375rem);--header-block-size:clamp(3.75rem,5vw,4.75rem);--sidebar-inline-size:clamp(14rem,18vw,18rem);--sidebar-inline-size-compact:clamp(4.5rem,6vw,5.5rem);--space-sm:var(--space-s);--space-md:var(--space-m);--space-lg:var(--space-l)}
}

@layer settings {
:root{--duration-instant:50ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-deliberate:.6s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--transition-fast:var(--duration-fast)var(--ease-out);--transition-normal:var(--duration-normal)var(--ease-out);--transition-medium:var(--transition-normal)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--duration-deliberate:0s;--transition-fast:none;--transition-normal:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
}

@layer reset {
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;font-family:var(--font-sans)}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin-block:0;margin-inline:0}ul[role=list],ol[role=list]{padding-inline-start:0;list-style:none}body{background-color:var(--color-bg-base);min-block-size:100dvh;color:var(--color-fg-primary);line-height:1.5;font-family:var(--font-sans);font-size:var(--type-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight,1.15);font-family:var(--font-display,var(--font-sans));text-wrap:balance;color:var(--color-fg-primary)}p{text-wrap:pretty}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{text-align:inherit;background-color:#0000;background-image:none;border-style:none;margin:0;padding:0}button,[role=button]{cursor:pointer}button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}textarea:not([rows]){min-block-size:6em}:target{scroll-margin-block:4rem}
}

@layer vendor {
[data-radix-portal]{z-index:50;position:relative}[data-sonner-toaster]{font-family:var(--font-sans)!important}[data-sonner-toast]{border-radius:var(--radius-md)!important;font-size:var(--step-0)!important}
}

@layer elements {
html,body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.editorial-prose{color:var(--text-primary);line-height:1.8;font-size:var(--type-prose)}.editorial-prose p{margin-bottom:1.5rem}.editorial-prose strong{color:var(--text-primary);font-weight:600}.editorial-prose a{color:var(--accent-color);text-underline-offset:3px;text-decoration:underline}.editorial-prose blockquote{border-left:3px solid var(--editorial-accent);color:var(--text-secondary);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--editorial-border);border-radius:9999px}.mono{font-family:var(--font-jetbrains-mono),monospace;text-transform:uppercase;letter-spacing:.08em;font-size:var(--step--3);color:#888}.grill-pattern{background-image:repeating-linear-gradient(0deg,var(--rams-border),var(--rams-border)2px,transparent 2px,transparent 12px)}@media (max-width:767px){.grill-pattern-mobile{background-image:repeating-linear-gradient(0deg,var(--rams-border),var(--rams-border)1px,transparent 1px,transparent 16px);opacity:.5}}.tuning-scale{background-color:var(--rams-grey);background-image:repeating-linear-gradient(90deg,#0000004d,#0000004d 1px,#0000 1px 15px);position:relative}@media (max-width:767px){.tuning-scale-mobile{background-image:repeating-linear-gradient(90deg,#0000004d,#0000004d 1px,#0000 1px 24px)}}.knob-btn{border:1px solid var(--rams-border);background-color:var(--rams-grey);width:38px;height:38px;transition:background-color var(--duration-fast)ease,box-shadow var(--duration-fast)ease;cursor:pointer;border-radius:50%;position:relative}.knob-btn:hover,.knob-btn:active{will-change:background-color,box-shadow}@keyframes tab-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-tab-enter{animation:tab-enter var(--duration-normal)var(--ease-out-expo)both}.knob-btn:after{content:"";background-color:var(--rams-dark-grey);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-btn.active{box-shadow:0 0 8px var(--rams-accent)}@media (max-width:767px){.knob-btn-mobile{width:44px;min-width:44px;height:44px;min-height:44px}}.plate{transition:transform var(--duration-normal)var(--ease-out-expo)}.plate:hover{will-change:transform;transform:translateY(-4px)}@media (max-width:767px){.plate-mobile{transition:transform var(--duration-fast)var(--ease-out-expo)}.plate-mobile:active{will-change:transform;transform:translateY(-2px)}}.rams-input{border:none;border-bottom:2px solid var(--rams-border);transition:border-color var(--duration-normal);font-family:var(--font-inter),sans-serif;letter-spacing:var(--rams-normal);background:0 0;padding:8px 0}.rams-input:focus{border-bottom-color:var(--rams-black);outline:none}@media (max-width:767px){.rams-input-mobile{padding:12px 0}}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.touch-target-comfortable{min-width:48px;min-height:48px}.touch-target-spacious{min-width:56px;min-height:56px}.touch-feedback{-webkit-tap-highlight-color:#ff5f001a;tap-highlight-color:#ff5f001a}.touch-feedback:active{opacity:.8}@media (hover:none) and (pointer:coarse){.plate:hover{transform:none}.plate:active{transform:translateY(-2px)}}.p-mobile-sm{padding:.5rem}.p-mobile-md{padding:1rem}.p-mobile-lg{padding:1.5rem}@media (min-width:768px){.p-mobile-sm{padding:1rem}.p-mobile-md{padding:1.5rem}.p-mobile-lg{padding:2rem}}.gap-mobile-sm{gap:.5rem}.gap-mobile-md{gap:1rem}.gap-mobile-lg{gap:1.5rem}@media (min-width:768px){.gap-mobile-sm{gap:1rem}.gap-mobile-md{gap:1.5rem}.gap-mobile-lg{gap:2rem}}.grid-mobile-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-mobile-1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-mobile-1{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-mobile-1{grid-template-columns:repeat(4,minmax(0,1fr))}}.swipe-container{touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipe-active{transition:transform .1s ease-out}.swipe-threshold{opacity:.6}@media (max-width:767px){.animate-complex{animation-duration:.3s!important;animation-timing-function:ease-out!important}.animate-decorative{animation:none!important}.transform-complex{transform:none!important}}.bg-background{background-color:var(--bg-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent,.hover\:text-accent:hover{color:var(--accent-color)}.border-line{border-color:var(--line-color)}.font-serif{font-family:Playfair Display,serif}.reveal{opacity:0;animation:.8s cubic-bezier(.2,1,.3,1) forwards reveal;transform:translateY(20px)}.reveal:not(.reveal-complete){will-change:opacity,transform}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.reveal{animation-duration:.4s;animation-timing-function:ease-out}.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{animation-delay:0s}}.hover-underline{display:inline-block;position:relative}.hover-underline:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:1px;transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.hover-underline:hover:after,.hover-underline:focus:after{transform-origin:0 100%;will-change:transform;transform:scaleX(1)}@media (max-width:767px){.hover-underline:after{display:none}}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .7s cubic-bezier(.2,1,.3,1)}.img-hover-zoom:hover img{will-change:transform;transform:scale(1.03)}@media (max-width:767px){.img-hover-zoom img{transition-duration:.3s;transition-timing-function:ease-out}.img-hover-zoom:active img{transform:scale(1.015)}}@media (prefers-reduced-motion:reduce){.plate,.plate-mobile,.reveal,.hover-underline:after,.img-hover-zoom img,.knob-btn,.rams-input,*{will-change:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes equalizer-bar-1{0%,to{height:25%}50%{height:95%}}@keyframes equalizer-bar-2{0%,to{height:85%}50%{height:20%}}@keyframes equalizer-bar-3{0%,to{height:40%}50%{height:100%}}@keyframes equalizer-bar-4{0%,to{height:90%}50%{height:35%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-equalizer-1{animation:1s ease-in-out infinite equalizer-bar-1}.animate-equalizer-2{animation:.8s ease-in-out infinite equalizer-bar-2}.animate-equalizer-3{animation:1.2s ease-in-out infinite equalizer-bar-3}.animate-equalizer-4{animation:.9s ease-in-out infinite equalizer-bar-4}.animate-spin-slow{animation:20s linear infinite spin-slow}::selection{color:#fff;background-color:#000}.dark ::selection{color:#000;background-color:#fff}.tiptap.ProseMirror{outline:none}.tiptap.ProseMirror p.is-editor-empty:first-child:before{color:hsl(var(--muted-foreground)/.6);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap.ProseMirror blockquote{border-left:2px solid hsl(var(--primary)/.6);color:hsl(var(--muted-foreground));margin-top:.75rem;margin-bottom:.75rem;padding-left:1rem;font-style:italic}.tiptap.ProseMirror ul{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.25rem;list-style-type:disc}.tiptap.ProseMirror ol{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.25rem;list-style-type:decimal}.tiptap.ProseMirror code{background-color:hsl(var(--secondary));font-family:var(--font-jetbrains-mono),monospace;color:hsl(var(--foreground));border-radius:.25rem;padding:.15rem .35rem;font-size:clamp(.8em,.77em + .1vw,.85em)}.tiptap.ProseMirror h2{font-size:var(--step-2);color:hsl(var(--foreground));margin-top:1rem;margin-bottom:.5rem;font-weight:700;line-height:1.3}.tiptap.ProseMirror h3{font-size:var(--step-1);color:hsl(var(--foreground));margin-top:.75rem;margin-bottom:.35rem;font-weight:600;line-height:1.3}.rams-input-mobile{font-size:var(--step-1)}
}

@layer elements {
h1,h2,h3,h4,h5,h6{font-family:var(--font-display,var(--font-sans))}h1{font-size:var(--step-4);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--step-3);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}h3{font-size:var(--step-2);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}h4{font-size:var(--step-1);font-weight:var(--font-weight-medium)}h5{font-size:var(--step-0);font-weight:var(--font-weight-medium)}h6{font-size:var(--step--1);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-muted)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-brand)}blockquote{border-inline-start:3px solid var(--color-brand);margin-block:var(--space-m);color:var(--color-fg-secondary);padding-inline-start:var(--space-s);font-style:italic}code,kbd,samp,pre{font-family:var(--font-mono);font-size:clamp(.85em,.82em + .1vw,.9em)}pre{padding:var(--space-s);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow-x:auto}hr{border:0;border-block-start:1px solid var(--color-border-default);margin-block:var(--space-l)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}::-webkit-scrollbar{block-size:6px;inline-size:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-emphasis);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-muted)}
}

@layer objects {
[data-stack]{--stack-gap:var(--space-s,1rem);--stack-align:stretch;justify-content:flex-start;gap:var(--stack-gap);align-items:var(--stack-align);flex-direction:column;display:flex}[data-stack~=gap\:3xs]{--stack-gap:var(--space-3xs)}[data-stack~=gap\:2xs]{--stack-gap:var(--space-2xs)}[data-stack~=gap\:xs]{--stack-gap:var(--space-xs)}[data-stack~=gap\:s],[data-stack~=gap\:sm],[data-stack~=gap\:1]{--stack-gap:var(--layout-stack-gap-sm,var(--space-s))}[data-stack~=gap\:m],[data-stack~=gap\:md],[data-stack~=gap\:2]{--stack-gap:var(--layout-stack-gap-md,var(--space-m))}[data-stack~=gap\:l],[data-stack~=gap\:lg],[data-stack~=gap\:3]{--stack-gap:var(--layout-stack-gap-lg,var(--space-l))}[data-stack~=gap\:xl]{--stack-gap:var(--space-xl)}[data-stack~=gap\:2xl]{--stack-gap:var(--space-2xl)}[data-stack~=gap\:3xl]{--stack-gap:var(--space-3xl)}[data-stack~=align\:start]{--stack-align:flex-start}[data-stack~=align\:center]{--stack-align:center}[data-stack~=align\:end]{--stack-align:flex-end}[data-stack~=align\:stretch]{--stack-align:stretch}[data-stack~=only-child]:only-child{block-size:100%}
}

@layer objects {
[data-box]{--box-padding:var(--space-s,1rem);--box-border-width:1px;--box-border-color:var(--color-border-default);--box-bg:transparent;--box-color:inherit;--box-radius:var(--radius-md);padding:var(--box-padding);border:var(--box-border-width)solid var(--box-border-color);background-color:var(--box-bg);color:var(--box-color);border-radius:var(--box-radius);display:block}[data-box~=variant\:raised]{--box-bg:var(--color-bg-raised);--box-border-color:var(--color-border-default)}[data-box~=variant\:subtle]{--box-bg:var(--color-bg-subtle);--box-border-color:var(--color-border-subtle)}[data-box~=variant\:muted]{--box-bg:var(--color-bg-muted);--box-border-color:var(--color-border-subtle)}[data-box~=invert]{--box-bg:var(--color-fg-primary);--box-color:var(--color-bg-base);--box-border-color:transparent}[data-box~=border\:none]{--box-border-width:0}[data-box~=radius\:none]{--box-radius:0}[data-box~=radius\:sm]{--box-radius:var(--radius-sm)}[data-box~=radius\:lg]{--box-radius:var(--radius-lg)}[data-box~=padding\:none]{--box-padding:0}[data-box~=padding\:xs]{--box-padding:var(--space-xs)}[data-box~=padding\:s],[data-box~=padding\:sm],[data-box~=padding\:1]{--box-padding:var(--space-s)}[data-box~=padding\:m],[data-box~=padding\:md],[data-box~=padding\:2]{--box-padding:var(--space-m)}[data-box~=padding\:l],[data-box~=padding\:lg],[data-box~=padding\:3]{--box-padding:var(--space-l)}[data-box~=padding\:xl]{--box-padding:var(--space-xl)}
}

@layer objects {
[data-cluster]{--cluster-padding:0;--cluster-gap:var(--space-s,1rem);--justify:flex-start;--align:center;gap:var(--cluster-gap);justify-content:var(--justify);align-items:var(--align);padding:var(--cluster-padding);flex-wrap:wrap;display:flex}[data-cluster~=justify\:start]{--justify:flex-start}[data-cluster~=justify\:center]{--justify:center}[data-cluster~=justify\:end]{--justify:flex-end}[data-cluster~=justify\:around]{--justify:space-around}[data-cluster~=justify\:between]{--justify:space-between}[data-cluster~=justify\:evenly]{--justify:space-evenly}[data-cluster~=align\:start]{--align:flex-start}[data-cluster~=align\:center]{--align:center}[data-cluster~=align\:end]{--align:flex-end}[data-cluster~=align\:stretch]{--align:stretch}[data-cluster~=align\:baseline]{--align:baseline}[data-cluster~=gap\:none]{--cluster-gap:0}[data-cluster~=gap\:3xs]{--cluster-gap:var(--space-3xs)}[data-cluster~=gap\:2xs]{--cluster-gap:var(--space-2xs)}[data-cluster~=gap\:xs]{--cluster-gap:var(--space-xs)}[data-cluster~=gap\:s],[data-cluster~=gap\:sm],[data-cluster~=gap\:1]{--cluster-gap:var(--layout-cluster-gap-sm,var(--space-s))}[data-cluster~=gap\:m],[data-cluster~=gap\:md],[data-cluster~=gap\:2]{--cluster-gap:var(--layout-cluster-gap-md,var(--space-m))}[data-cluster~=gap\:l],[data-cluster~=gap\:lg],[data-cluster~=gap\:3]{--cluster-gap:var(--layout-cluster-gap-lg,var(--space-l))}[data-cluster~=gap\:xl]{--cluster-gap:var(--space-xl)}[data-cluster~=gap\:2xl]{--cluster-gap:var(--space-2xl)}[data-cluster~=gap\:3xl]{--cluster-gap:var(--space-3xl)}[data-cluster~=nowrap]{flex-wrap:nowrap}[data-cluster~=distribute\:equally]>*{flex:1 1 0}
}

@layer objects {
[data-grid]{--min-width:var(--layout-grid-min-width,16rem);--grid-gap:var(--space-s,1rem);gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min-width)),1fr));display:grid}[data-grid~=gap\:none]{--grid-gap:0}[data-grid~=gap\:xs]{--grid-gap:var(--space-xs)}[data-grid~=gap\:sm],[data-grid~=gap\:1]{--grid-gap:var(--layout-grid-gap-sm,var(--space-s))}[data-grid~=gap\:md],[data-grid~=gap\:2]{--grid-gap:var(--layout-grid-gap-md,var(--space-m))}[data-grid~=gap\:lg],[data-grid~=gap\:3]{--grid-gap:var(--layout-grid-gap-lg,var(--space-l))}[data-grid~=gap\:xl]{--grid-gap:var(--space-xl)}[data-grid~=min\:2xs]{--min-width:10rem}[data-grid~=min\:xs]{--min-width:12rem}[data-grid~=min\:sm]{--min-width:16rem}[data-grid~=min\:md]{--min-width:20rem}[data-grid~=min\:lg]{--min-width:25rem}[data-grid~=min\:xl]{--min-width:30rem}
}

@layer objects {
[data-center]{--measure:65ch;--max-width:var(--measure);--center-padding:0;box-sizing:content-box;max-inline-size:var(--max-width);padding-inline:var(--center-padding);margin-inline:auto}[data-center~=center\:children],[data-center~=intrinsic]{flex-direction:column;align-items:center;display:flex}[data-center~=center\:text]{text-align:center}[data-center~=center\:vertically]{flex-direction:column;justify-content:center;min-block-size:100%;display:flex}[data-center~=max\:xs]{--max-width:45rem}[data-center~=max\:sm]{--max-width:var(--container-size-sm,65rem)}[data-center~=max\:md]{--max-width:var(--container-size-md,75rem)}[data-center~=max\:lg]{--max-width:var(--container-size-lg,84.375rem)}[data-center~=max\:measure]{--max-width:var(--measure,65ch)}[data-center~=padding\:sm],[data-center~=padding\:1]{--center-padding:var(--space-s,1rem)}[data-center~=padding\:md],[data-center~=padding\:2]{--center-padding:var(--space-m,1.5rem)}[data-center~=padding\:lg],[data-center~=padding\:3]{--center-padding:var(--space-l,2rem)}
}

@layer objects {
[data-switcher]{--switcher-gap:var(--space-s,1rem);--collapse-at:var(--layout-switcher-collapse-md,48rem);gap:var(--switcher-gap);flex-wrap:wrap;display:flex}[data-switcher]>*{flex-grow:1;flex-basis:calc((var(--collapse-at) - 100%)*666)}[data-switcher~=limit\:2]>:nth-last-child(n+3),[data-switcher~=limit\:2]>:nth-last-child(n+3)~*,[data-switcher~=limit\:3]>:nth-last-child(n+4),[data-switcher~=limit\:3]>:nth-last-child(n+4)~*,[data-switcher~=limit\:4]>:nth-last-child(n+5),[data-switcher~=limit\:4]>:nth-last-child(n+5)~*{flex-basis:100%}[data-switcher~=gap\:xs]{--switcher-gap:var(--space-xs)}[data-switcher~=gap\:sm],[data-switcher~=gap\:1]{--switcher-gap:var(--layout-switcher-gap-sm,var(--space-s))}[data-switcher~=gap\:md],[data-switcher~=gap\:2]{--switcher-gap:var(--layout-switcher-gap-md,var(--space-m))}[data-switcher~=gap\:lg],[data-switcher~=gap\:3]{--switcher-gap:var(--layout-switcher-gap-lg,var(--space-l))}[data-switcher~=collapse\:sm]{--collapse-at:var(--layout-switcher-collapse-sm,30rem)}[data-switcher~=collapse\:md]{--collapse-at:var(--layout-switcher-collapse-md,48rem)}[data-switcher~=collapse\:lg]{--collapse-at:var(--layout-switcher-collapse-lg,64rem)}[data-switcher~=align\:start]{align-items:flex-start}[data-switcher~=align\:center]{align-items:center}[data-switcher~=align\:end]{align-items:flex-end}
}

@layer objects {
[data-cover]{--cover-padding:var(--layout-container-padding-sm,1rem);--cover-margin:var(--space-s,1rem);--block-size:100dvh;min-block-size:var(--block-size);padding:var(--cover-padding);flex-direction:column;display:flex}[data-cover]>*{margin-block:var(--cover-margin)}[data-cover]>:first-child:not([data-cover-main]){margin-block-start:0}[data-cover]>:last-child:not([data-cover-main]){margin-block-end:0}[data-cover]>[data-cover-main]{margin-block:auto}[data-cover~=padding\:none]{--cover-padding:0}[data-cover~=padding\:sm],[data-cover~=padding\:1]{--cover-padding:var(--layout-container-padding-sm)}[data-cover~=padding\:md],[data-cover~=padding\:2]{--cover-padding:var(--layout-container-padding-md)}[data-cover~=padding\:lg],[data-cover~=padding\:3]{--cover-padding:var(--layout-container-padding-lg)}[data-cover~=height\:25]{--block-size:25dvh}[data-cover~=height\:50]{--block-size:50dvh}[data-cover~=height\:75]{--block-size:75dvh}[data-cover~=height\:100]{--block-size:100dvh}
}

@layer objects {
[data-frame]{--ratio:initial;aspect-ratio:var(--ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}[data-frame~=ratio\:1],[data-frame~=ratio\:square]{--ratio:1}[data-frame~="ratio:16/9"],[data-frame~=ratio\:video]{--ratio:16/9}[data-frame~="ratio:4/3"]{--ratio:4/3}[data-frame~="ratio:21/9"]{--ratio:21/9}[data-frame]>img,[data-frame]>video,[data-frame]>iframe{object-fit:cover;block-size:100%;inline-size:100%}
}

@layer objects {
[data-reel]{--reel-gap:var(--space-s,1rem);--reel-padding:0;--reel-item-width:auto;gap:var(--reel-gap);padding:var(--reel-padding);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--reel-padding);display:flex;overflow:auto hidden}[data-reel]>*{flex:0 0 var(--reel-item-width);scroll-snap-align:start}[data-reel~=items\:2]{--reel-item-width:calc((100% - var(--reel-gap))/2)}[data-reel~=items\:3]{--reel-item-width:calc((100% - var(--reel-gap)*2)/3)}[data-reel~=items\:4]{--reel-item-width:calc((100% - var(--reel-gap)*3)/4)}[data-reel~=items\:5]{--reel-item-width:calc((100% - var(--reel-gap)*4)/5)}[data-reel~=snap\:center]>*{scroll-snap-align:center}[data-reel~=snap\:end]>*{scroll-snap-align:end}[data-reel~=gap\:xs]{--reel-gap:var(--space-xs)}[data-reel~=gap\:sm],[data-reel~=gap\:1]{--reel-gap:var(--space-s)}[data-reel~=gap\:md],[data-reel~=gap\:2]{--reel-gap:var(--space-m)}[data-reel~=gap\:lg],[data-reel~=gap\:3]{--reel-gap:var(--space-l)}
}

@layer objects {
[data-imposter]{--imposter-margin:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}[data-imposter~=fixed]{position:fixed}[data-imposter~=contain]{--imposter-margin:var(--space-m,1.5rem);max-inline-size:calc(100% - (var(--imposter-margin)*2));max-block-size:calc(100% - (var(--imposter-margin)*2));overflow:auto}
}

@layer objects {
[data-flanked]{--flanked-gap:var(--space-s,1rem);--sidebar-width:16rem;--min-content-width:50%;gap:var(--flanked-gap);flex-wrap:wrap;display:flex}[data-flanked]>:first-child{flex-basis:var(--sidebar-width);flex-grow:1}[data-flanked]>:last-child,[data-flanked~=sidebar\:right]>:first-child{min-inline-size:min(var(--min-content-width),100%);flex-grow:999;flex-basis:0}[data-flanked~=sidebar\:right]>:last-child{flex-basis:var(--sidebar-width);flex-grow:1;min-inline-size:0}[data-flanked~=gap\:sm]{--flanked-gap:var(--space-s)}[data-flanked~=gap\:md]{--flanked-gap:var(--space-m)}[data-flanked~=gap\:lg]{--flanked-gap:var(--space-l)}[data-flanked~=sidebar\:sm]{--sidebar-width:12rem}[data-flanked~=sidebar\:md]{--sidebar-width:16rem}[data-flanked~=sidebar\:lg]{--sidebar-width:20rem}
}

@layer objects {
[data-container]{--container-size:var(--container-size-main,88rem);--container-padding:var(--layout-container-padding-sm,1rem);inline-size:100%;max-inline-size:var(--container-size);padding-inline:var(--container-padding);margin-inline:auto}[data-container~=width\:sm]{--container-size:var(--container-size-sm)}[data-container~=width\:md]{--container-size:var(--container-size-md)}[data-container~=width\:lg]{--container-size:var(--container-size-lg)}[data-container~=width\:main]{--container-size:var(--container-size-main)}[data-container~=padding\:none]{--container-padding:0}[data-container~=padding\:sm],[data-container~=padding\:1]{--container-padding:var(--layout-container-padding-sm,1rem)}[data-container~=padding\:md],[data-container~=padding\:2]{--container-padding:var(--layout-container-padding-md,2rem)}[data-container~=padding\:lg],[data-container~=padding\:3]{--container-padding:var(--layout-container-padding-lg,3rem)}
}

@layer objects {

}

@layer components {
.c-button{--btn-bg:var(--color-fg-primary);--btn-fg:var(--color-bg-base);--btn-border:transparent;--btn-min-block-size:clamp(2.25rem,4vw,2.75rem);--btn-padding-inline:clamp(.875rem,1.8vw,1.375rem);--btn-padding-block:clamp(.375rem,.8vw,.625rem);--btn-font-size:var(--step-0);--btn-radius:var(--radius-md);min-block-size:var(--btn-min-block-size);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);background-color:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;line-height:1.25;text-decoration:none;display:inline-flex}.c-button:hover{text-decoration:none}.c-button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-button:disabled,.c-button[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.c-button[data-variant=default],.c-button[data-variant=primary]{--btn-bg:var(--color-fg-primary);--btn-fg:var(--color-bg-base);--btn-border:transparent}:is(.c-button[data-variant=default],.c-button[data-variant=primary]):hover{--btn-bg:var(--color-fg-secondary)}.c-button[data-variant=destructive]{--btn-bg:var(--color-destructive);--btn-fg:var(--color-destructive-fg);--btn-border:transparent}.c-button[data-variant=destructive]:hover{opacity:.9}.c-button[data-variant=outline]{--btn-bg:var(--color-bg-raised);--btn-fg:var(--color-fg-primary);--btn-border:var(--color-border-default)}.c-button[data-variant=outline]:hover{--btn-bg:var(--color-bg-muted)}.c-button[data-variant=secondary]{--btn-bg:var(--color-bg-muted);--btn-fg:var(--color-fg-primary);--btn-border:var(--color-border-subtle)}.c-button[data-variant=secondary]:hover{--btn-bg:var(--color-border-default)}.c-button[data-variant=ghost]{--btn-bg:transparent;--btn-fg:var(--color-fg-primary);--btn-border:transparent}.c-button[data-variant=ghost]:hover{--btn-bg:var(--color-bg-muted)}.c-button[data-variant=link]{--btn-bg:transparent;--btn-fg:var(--color-brand);--btn-border:transparent;min-block-size:auto;padding-inline:0}.c-button[data-variant=link]:hover{text-underline-offset:4px;text-decoration:underline}.c-button[data-size=sm]{--btn-min-block-size:2rem;--btn-padding-inline:.75rem;--btn-padding-block:.25rem;--btn-font-size:var(--step--1);font-weight:500}.c-button[data-size=lg]{--btn-min-block-size:clamp(2.5rem,5vw,3.25rem);--btn-padding-inline:clamp(1.25rem,2.5vw,1.875rem);--btn-padding-block:clamp(.5rem,1vw,.875rem);--btn-font-size:var(--step-1)}.c-button[data-size=icon]{--btn-min-block-size:clamp(2.25rem,4vw,2.75rem);inline-size:var(--btn-min-block-size);block-size:var(--btn-min-block-size);aspect-ratio:1;padding-block:0;padding-inline:0}.c-button{flex-wrap:nowrap}
}

@layer components {
.c-card{background-color:var(--color-bg-raised);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);--stack-gap:0;overflow:hidden}.c-card-header{padding:clamp(var(--space-s),2.5vw,var(--space-l))}.c-card-title{font-size:var(--step-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg-primary)}.c-card-description{font-size:var(--step-0);color:var(--color-fg-muted)}.c-card-content{padding-inline:clamp(var(--space-s),2.5vw,var(--space-l));flex:auto;padding-block-end:clamp(var(--space-s),2.5vw,var(--space-l))}.c-card-header+.c-card-content{padding-block-start:0}.c-card-footer{padding-inline:clamp(var(--space-s),2.5vw,var(--space-l));--cluster-gap:0;flex-wrap:nowrap;padding-block-end:clamp(var(--space-s),2.5vw,var(--space-l))}
}

@layer components {
.c-badge{--badge-bg:var(--color-fg-primary);--badge-fg:var(--color-bg-base);--badge-border:transparent;border-radius:var(--radius-full);border:1px solid var(--badge-border);font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--font-weight-semibold);white-space:nowrap;background-color:var(--badge-bg);color:var(--badge-fg);transition:background-color var(--transition-fast),color var(--transition-fast);padding-block:clamp(.188rem,.4vw,.313rem);padding-inline:clamp(.5rem,1vw,.75rem);line-height:1;display:inline-flex}.c-badge[data-variant=default]{--badge-bg:var(--color-fg-primary);--badge-fg:var(--color-bg-base);--badge-border:transparent}.c-badge[data-variant=secondary]{--badge-bg:var(--color-bg-muted);--badge-fg:var(--color-fg-primary);--badge-border:var(--color-border-subtle)}.c-badge[data-variant=destructive]{--badge-bg:var(--color-destructive);--badge-fg:var(--color-destructive-fg);--badge-border:transparent}.c-badge[data-variant=outline]{--badge-bg:transparent;--badge-fg:var(--color-fg-primary);--badge-border:var(--color-border-emphasis)}.c-badge{flex-wrap:nowrap}.c-notification-badge{background-color:var(--color-brand);border-radius:var(--radius-full);block-size:1.25rem;inline-size:1.25rem;box-shadow:var(--shadow-sm);color:#fff;font-size:var(--step--3);pointer-events:none;--cluster-gap:0;flex-wrap:nowrap;font-weight:700;line-height:1;position:absolute;inset-block-start:-.25rem;inset-inline-end:-.25rem}.c-theme-badge{border:1px solid var(--color-border-default);background-color:var(--color-bg-base);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-muted);transition:all var(--transition-fast);padding-block:.25rem;padding-inline:.625rem;text-decoration:none;display:inline-flex}.c-theme-badge:hover{background-color:var(--color-bg-muted);color:var(--color-fg-primary)}.c-theme-badge{flex-wrap:nowrap}
}

@layer components {
.c-input{min-block-size:clamp(2.25rem,4vw,2.75rem);inline-size:100%;padding-block:var(--input-padding-block);padding-inline:var(--input-padding-inline);background-color:var(--color-bg-base);color:var(--color-fg-primary);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--line-height-tight);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:block}.c-input::placeholder{color:var(--color-fg-muted)}.c-input:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-color:var(--color-brand)}.c-input:disabled,.c-input[aria-disabled=true]{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-muted)}.c-input[aria-invalid=true]{border-color:var(--color-destructive)}.c-input[aria-invalid=true]:focus-visible{outline-color:var(--color-destructive)}.c-textarea{min-block-size:clamp(4.5rem,10vw,7rem);inline-size:100%;padding-block:var(--input-padding-block);padding-inline:var(--input-padding-inline);background-color:var(--color-bg-base);color:var(--color-fg-primary);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--line-height-normal);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:block}.c-textarea::placeholder{color:var(--color-fg-muted)}.c-textarea:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-color:var(--color-brand)}.c-textarea:disabled,.c-textarea[aria-disabled=true]{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-muted)}.c-label{font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;display:inline-block}.c-label[data-disabled=true]{opacity:.6;cursor:not-allowed}
}

@layer components {
.c-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dialogFadeIn var(--duration-fast)var(--ease-out);background-color:#000000bf;position:fixed;inset:0}.c-dialog-overlay[data-state=closed]{animation:dialogFadeOut var(--duration-fast)var(--ease-out)}.c-dialog-content{z-index:50;max-block-size:calc(100dvh - 2rem);inline-size:clamp(18rem,90vw,34rem);max-inline-size:calc(100% - 2rem);padding:clamp(var(--space-s),3vw,var(--space-l));background-color:var(--color-bg-overlay);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:dialogScaleIn var(--duration-normal)var(--ease-out);position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow-y:auto;transform:translate(-50%,-50%)}.c-dialog-content[data-state=closed]{animation:dialogScaleOut var(--duration-fast)var(--ease-out)}.c-dialog-content{--stack-gap:var(--space-s)}.c-dialog-close{z-index:50;border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:clamp(1.75rem,3vw,2.25rem);inline-size:clamp(1.75rem,3vw,2.25rem);color:var(--color-fg-primary);opacity:.8;cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast);border:none;display:inline-flex;position:absolute;inset-block-start:clamp(.625rem,1.5vw,.875rem);inset-inline-end:clamp(.625rem,1.5vw,.875rem)}.c-dialog-close:hover{opacity:1;background-color:var(--color-border-default)}.c-dialog-close:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-dialog-close{--cluster-gap:0;flex-wrap:nowrap}.c-dialog-header{text-align:start}.c-dialog-footer{flex-flow:wrap-reverse;margin-block-start:var(--space-s)}.c-dialog-footer>*{flex-grow:1;flex-basis:clamp(7rem,23976rem - 99900%,100%)}.c-dialog-footer{flex-wrap:nowrap}.c-dialog-title{font-size:var(--step-2);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-fg-primary);line-height:var(--line-height-tight)}.c-dialog-description{font-size:var(--step-0);color:var(--color-fg-muted);line-height:var(--line-height-normal)}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogScaleIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dialogScaleOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}
}

@layer components {
.c-sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:dialogFadeIn var(--duration-fast)var(--ease-out);background-color:#000000b3;position:fixed;inset:0}.c-sheet-overlay[data-state=closed]{animation:dialogFadeOut var(--duration-fast)var(--ease-out)}.c-sheet-content{z-index:50;background-color:var(--color-bg-overlay);color:var(--color-fg-primary);padding:clamp(var(--space-s),3vw,var(--space-l));box-shadow:var(--shadow-lg);transition:transform var(--duration-normal)var(--ease-out);position:fixed;overflow-y:auto}.c-sheet-content[data-side=right]{border-inline-start:1px solid var(--color-border-default);inline-size:clamp(16rem,85vw,26rem);max-inline-size:calc(100vw - 2rem);animation:slideInRight var(--duration-normal)var(--ease-out);inset-block:0;inset-inline-end:0}.c-sheet-content[data-side=right][data-state=closed]{animation:slideOutRight var(--duration-fast)var(--ease-out)}.c-sheet-content[data-side=left]{border-inline-end:1px solid var(--color-border-default);inline-size:clamp(16rem,85vw,26rem);max-inline-size:calc(100vw - 2rem);animation:slideInLeft var(--duration-normal)var(--ease-out);inset-block:0;inset-inline-start:0}.c-sheet-content[data-side=left][data-state=closed]{animation:slideOutLeft var(--duration-fast)var(--ease-out)}.c-sheet-content[data-side=top]{border-block-end:1px solid var(--color-border-default);max-block-size:clamp(12rem,50vh,24rem);inset-block-start:0;inset-inline:0}.c-sheet-content[data-side=bottom]{border-block-start:1px solid var(--color-border-default);max-block-size:clamp(12rem,50vh,24rem);inset-block-end:0;inset-inline:0}.c-sheet-content{--stack-gap:var(--space-s)}.c-sheet-close{z-index:50;border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:clamp(1.75rem,3vw,2.25rem);inline-size:clamp(1.75rem,3vw,2.25rem);color:var(--color-fg-primary);opacity:.8;cursor:pointer;transition:opacity var(--transition-fast);border:none;display:inline-flex;position:absolute;inset-block-start:clamp(.625rem,1.5vw,1rem);inset-inline-end:clamp(.625rem,1.5vw,1rem)}.c-sheet-close:hover{opacity:1;background-color:var(--color-border-default)}.c-sheet-close:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-sheet-close{--cluster-gap:0;flex-wrap:nowrap}.c-sheet-footer{flex-flow:wrap-reverse;margin-block-start:auto}.c-sheet-footer>*{flex-grow:1;flex-basis:clamp(7rem,19980rem - 99900%,100%)}.c-sheet-footer{flex-wrap:nowrap}.c-sheet-title{font-size:var(--step-2);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.c-sheet-description{font-size:var(--step-0);color:var(--color-fg-muted)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}
}

@layer components {
.c-tabs-list{background-color:var(--color-bg-muted);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-wrap:nowrap;min-block-size:clamp(2.25rem,4vw,2.75rem);padding:clamp(.188rem,.4vw,.313rem);display:inline-flex}.c-tabs-trigger{white-space:nowrap;font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background:0 0;border:none;padding-block:clamp(.313rem,.6vw,.438rem);padding-inline:clamp(.625rem,1.2vw,1rem);line-height:1;display:inline-flex}.c-tabs-trigger:hover{color:var(--color-fg-primary)}.c-tabs-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-tabs-trigger[data-state=active]{background-color:var(--color-bg-raised);color:var(--color-fg-primary);box-shadow:var(--shadow-sm)}.c-tabs-trigger:disabled{opacity:.5;cursor:not-allowed}.c-tabs-trigger{--cluster-gap:0;flex-wrap:nowrap}.c-tabs-content{outline:none;margin-block-start:var(--space-s)}.c-tabs-content:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
}

@layer components {
.c-dropdown-content{z-index:50;background-color:var(--color-bg-overlay);min-inline-size:clamp(8rem,20vw,12rem);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:dropdownFadeIn var(--duration-fast)var(--ease-out);padding:clamp(.2rem,.5vw,.375rem);overflow:hidden}.c-dropdown-content[data-state=closed]{animation:dropdownFadeOut var(--duration-fast)var(--ease-out)}.c-dropdown-item{font-family:var(--font-sans);font-size:var(--step--1);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);outline:none;padding-block:clamp(.313rem,.6vw,.438rem);padding-inline:clamp(.438rem,.8vw,.625rem);position:relative}.c-dropdown-item:hover,.c-dropdown-item:focus,.c-dropdown-item[data-highlighted]{background-color:var(--color-bg-muted);color:var(--color-fg-primary)}.c-dropdown-item[data-disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}.c-dropdown-item[data-inset=true]{padding-inline-start:clamp(1.25rem,2.5vw,1.75rem)}.c-dropdown-item{flex-wrap:nowrap}.c-dropdown-label{font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:var(--color-fg-muted);padding-block:clamp(.313rem,.6vw,.438rem);padding-inline:clamp(.438rem,.8vw,.625rem)}.c-dropdown-separator{background-color:var(--color-border-default);block-size:1px;margin-block:.25rem}.c-dropdown-shortcut{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-wider);opacity:.6;margin-inline-start:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes dropdownFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}
}

@layer components {
.c-tooltip-content{z-index:50;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-bg-overlay);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--step--1);box-shadow:var(--shadow-sm);animation:tooltipFadeIn var(--duration-fast)var(--ease-out);padding-block:clamp(.2rem,.4vw,.35rem);padding-inline:clamp(.5rem,1vw,.75rem);overflow:hidden}.c-tooltip-content[data-state=closed]{animation:tooltipFadeOut var(--duration-fast)var(--ease-out)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}
}

@layer components {
.c-table-wrapper{inline-size:100%;position:relative;overflow-x:auto}.c-table{caption-side:bottom;border-collapse:collapse;inline-size:100%;font-family:var(--font-sans);font-size:var(--step-0);text-align:start}.c-table-header tr{border-block-end:1px solid var(--color-border-default)}.c-table-head{padding-inline:var(--space-s);text-align:start;vertical-align:middle;font-weight:var(--font-weight-semibold);font-size:var(--step--1);color:var(--color-fg-muted);padding-block:.75rem}.c-table-row{border-block-end:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast)}.c-table-row:hover,.c-table-row[data-state=selected]{background-color:var(--color-bg-muted)}.c-table-cell{padding-inline:var(--space-s);vertical-align:middle;color:var(--color-fg-primary);padding-block:.75rem}.c-table-footer{border-block-start:1px solid var(--color-border-default);background-color:var(--color-bg-muted);font-weight:var(--font-weight-medium)}.c-table-caption{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:var(--space-s)}
}

@layer components {
.c-popover-content{z-index:50;inline-size:clamp(14rem,80vw,22rem);max-inline-size:calc(100vw - 2rem);padding:clamp(var(--space-2xs),2vw,var(--space-s));border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-overlay);color:var(--color-fg-primary);box-shadow:var(--shadow-md);animation:popoverFadeIn var(--duration-fast)var(--ease-out);outline:none}.c-popover-content[data-state=closed]{animation:popoverFadeOut var(--duration-fast)var(--ease-out)}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popoverFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}
}

@layer components {
.c-checkbox{border-radius:var(--radius-xs);border:1px solid var(--color-border-emphasis);background-color:var(--color-bg-base);block-size:1.125rem;inline-size:1.125rem;color:var(--color-brand-fg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;display:inline-flex}.c-checkbox:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-checkbox[data-state=checked]{background-color:var(--color-brand);border-color:var(--color-brand)}.c-checkbox:disabled,.c-checkbox[aria-disabled=true]{opacity:.5;cursor:not-allowed}.c-checkbox{--cluster-gap:0;flex-wrap:nowrap}.c-switch{border-radius:var(--radius-full);background-color:var(--color-border-emphasis);cursor:pointer;block-size:1.5rem;inline-size:2.75rem;transition:background-color var(--transition-fast);border:2px solid #0000;flex-shrink:0;padding:1px;display:inline-flex}.c-switch:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-switch[data-state=checked]{background-color:var(--color-brand)}.c-switch:disabled,.c-switch[aria-disabled=true]{opacity:.5;cursor:not-allowed}.c-switch{--cluster-gap:0;flex-wrap:nowrap}.c-switch-thumb{pointer-events:none;border-radius:var(--radius-full);block-size:1.25rem;inline-size:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background-color:#fff;display:block}.c-switch[data-state=checked] .c-switch-thumb{transform:translate(1.25rem)}.c-select-trigger{min-block-size:2.5rem;inline-size:100%;padding-block:var(--input-padding-block);padding-inline:var(--input-padding-inline);background-color:var(--color-bg-base);color:var(--color-fg-primary);border:1px solid var(--color-border-emphasis);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--step-0);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.c-select-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-color:var(--color-brand)}.c-select-trigger:disabled,.c-select-trigger[aria-disabled=true]{opacity:.5;cursor:not-allowed}.c-select-trigger{--cluster-gap:0;flex-wrap:nowrap}.c-select-content{z-index:50;background-color:var(--color-bg-overlay);max-block-size:24rem;min-inline-size:8rem;color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:dropdownFadeIn var(--duration-fast)var(--ease-out);overflow:hidden}.c-select-viewport{padding:.25rem}.c-select-item{font-family:var(--font-sans);font-size:var(--step--1);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--transition-fast);outline:none;padding-block:.375rem;padding-inline:1.75rem .5rem;position:relative}.c-select-item:hover,.c-select-item[data-highlighted]{background-color:var(--color-bg-muted)}.c-select-item[data-disabled]{opacity:.5;pointer-events:none}.c-select-item{--cluster-gap:0;flex-wrap:nowrap}.c-select-item-indicator{--cluster-gap:0;flex-wrap:nowrap;inline-size:1rem;display:inline-flex;position:absolute;inset-inline-start:.375rem}.c-select-label{font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:var(--color-fg-muted);padding-block:.375rem;padding-inline:.5rem}.c-select-separator{background-color:var(--color-border-default);block-size:1px;margin-block:.25rem}.c-radio-group{gap:var(--space-xs);display:grid}.c-radio-item{aspect-ratio:1;border-radius:var(--radius-full);border:1px solid var(--color-brand);background-color:var(--color-bg-base);block-size:1rem;inline-size:1rem;color:var(--color-brand);cursor:pointer;transition:all var(--transition-fast);padding:0;display:inline-flex}.c-radio-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-radio-item:disabled,.c-radio-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.c-radio-item{--cluster-gap:0;flex-wrap:nowrap}
}

@layer components {
.c-accordion{flex-direction:column;display:flex}.c-accordion-item{border-block-end:1px solid var(--color-border-default)}.c-accordion-header{--cluster-gap:0;flex-wrap:nowrap;margin:0}.c-accordion-trigger{padding-block:var(--space-s);font-family:var(--font-sans);color:var(--color-fg-primary);cursor:pointer;text-align:start;transition:all var(--transition-fast);background:0 0;border:none;flex:auto;font-weight:500}.c-accordion-trigger:hover{text-decoration:underline}.c-accordion-trigger[data-state=open] .c-accordion-icon{transform:rotate(180deg)}.c-accordion-trigger{--cluster-gap:0;flex-wrap:nowrap}.c-accordion-icon{block-size:1rem;inline-size:1rem;color:var(--color-fg-muted);flex-shrink:0;transition:transform .2s}.c-accordion-content{font-size:var(--step--1);color:var(--color-fg-muted);transition:all .2s;overflow:hidden}.c-accordion-content[data-state=closed]{display:none}.c-accordion-content-inner{padding-block-start:0;padding-block-end:var(--space-s)}
}

@layer components {
.c-modal-dialog{max-block-size:calc(100dvh - 2rem);padding:var(--space-m);background-color:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);inline-size:100%;overflow-y:auto}.c-modal-dialog[data-size=sm]{max-inline-size:24rem}.c-modal-dialog[data-size=md]{max-inline-size:28rem}.c-modal-dialog[data-size=lg]{max-inline-size:32rem}.c-modal-dialog[data-size=xl]{max-inline-size:36rem}.c-modal-dialog[data-size="2xl"]{max-inline-size:42rem}.c-modal-dialog[data-size="3xl"]{max-inline-size:48rem}.c-modal-dialog[data-size=full]{max-inline-size:64rem}.c-modal-dialog{--stack-gap:0}.c-modal-header{border-block-end:1px solid var(--color-border-subtle);padding-block-end:var(--space-s)}.c-modal-header-row{flex-wrap:nowrap}.c-modal-header-icon{padding:var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--color-bg-muted);color:var(--color-brand);flex-shrink:0}.c-modal-header-text{flex:1;min-inline-size:0}.c-modal-title{font-size:var(--step-0);letter-spacing:-.01em;font-weight:700}.c-modal-description{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:var(--space-3xs)}.c-modal-body{min-inline-size:0;padding-block:var(--space-s);--stack-gap:0;flex:1}.c-modal-footer{border-block-start:1px solid var(--color-border-subtle);flex-wrap:nowrap;margin-block-start:var(--space-s);padding-block-start:var(--space-s)}.c-progress{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:.625rem;inline-size:100%;position:relative;overflow:hidden}.c-progress-indicator,.c-value-progress{appearance:none;block-size:100%;inline-size:100%;color:var(--progress-color,var(--color-brand));background:0 0;border:0;display:block}.c-progress-indicator::-webkit-progress-bar{background:0 0}.c-value-progress::-webkit-progress-bar{background:0 0}.c-progress-indicator::-webkit-progress-value{background:var(--progress-color,var(--color-brand))}.c-value-progress::-webkit-progress-value{background:var(--progress-color,var(--color-brand))}.c-progress-indicator::-moz-progress-bar{background:var(--progress-color,var(--color-brand))}.c-value-progress::-moz-progress-bar{background:var(--progress-color,var(--color-brand))}.c-slider{touch-action:none;-webkit-user-select:none;user-select:none;--cluster-gap:0;flex-wrap:nowrap;inline-size:100%;position:relative}.c-slider-track{border-radius:var(--radius-full);background-color:var(--color-bg-muted);flex-grow:1;block-size:.375rem;inline-size:100%;position:relative;overflow:hidden}.c-slider-range{background-color:var(--color-brand);block-size:100%;position:absolute}.c-slider-thumb{border-radius:var(--radius-full);border:2px solid var(--color-brand);background-color:var(--color-bg-base);block-size:1.125rem;inline-size:1.125rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);display:block}.c-slider-thumb:hover{transform:scale(1.1)}.c-slider-thumb:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-scroll-area{position:relative;overflow:hidden}.c-scroll-viewport{border-radius:inherit;block-size:100%;inline-size:100%}.c-scroll-bar{-webkit-user-select:none;user-select:none;touch-action:none;transition:background-color var(--transition-fast);background-color:#0000;padding:2px}.c-scroll-bar[data-orientation=vertical]{inline-size:.625rem}.c-scroll-bar[data-orientation=horizontal]{flex-direction:column;block-size:.625rem}.c-scroll-bar{--cluster-gap:0;flex-wrap:nowrap}.c-scroll-thumb{background-color:var(--color-border-emphasis);border-radius:var(--radius-full);flex:1;position:relative}.c-drawer-overlay{z-index:50;background-color:#000000b3;position:fixed;inset:0}.c-drawer-content{z-index:50;border:1px solid var(--color-border-subtle);background-color:var(--color-bg-base);--stack-gap:0;border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);block-size:auto;margin-block-start:6rem;position:fixed;inset-block-end:0;inset-inline:0}.c-drawer-handle{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:.375rem;inline-size:5rem;margin-block-start:var(--space-s);margin-inline:auto}.c-command{border-radius:var(--radius-md);background-color:var(--color-bg-raised);block-size:100%;inline-size:100%;color:var(--color-fg-primary);--stack-gap:0;overflow:hidden}.c-command-input-wrap{border-block-end:1px solid var(--color-border-subtle);padding-inline:var(--space-s);flex-wrap:nowrap}.c-command-input{border-radius:var(--radius-sm);block-size:2.75rem;inline-size:100%;padding-block:var(--space-xs);font-size:var(--step--1);font-family:var(--font-mono);color:inherit;--cluster-gap:0;background:0 0;border:none;outline:none;flex-wrap:nowrap}.c-command-list{max-block-size:18rem;padding:var(--space-2xs);overflow:hidden auto}.c-command-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);padding-inline:var(--space-s);padding-block:var(--space-xs);font-size:var(--step--1);font-family:var(--font-mono);transition:background-color var(--transition-fast);outline:none;position:relative}.c-command-item[data-selected=true],.c-command-item:hover{background-color:var(--color-bg-muted);color:var(--color-fg-primary)}.c-command-item{--cluster-gap:0;flex-wrap:nowrap}.c-menu-bar{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);--cluster-gap:.25rem;flex-wrap:nowrap;block-size:2.5rem;padding:.25rem}.c-menu-content{z-index:50;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);min-inline-size:12rem;box-shadow:var(--shadow-md);padding:.25rem;overflow:hidden}.c-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);padding-inline:var(--space-s);padding-block:var(--space-2xs);font-size:var(--step--1);font-family:var(--font-mono);transition:background-color var(--transition-fast);outline:none;position:relative}.c-menu-item:hover,.c-menu-item[data-highlighted]{background-color:var(--color-bg-muted);color:var(--color-fg-primary)}.c-menu-item{--cluster-gap:0;flex-wrap:nowrap}.c-otp-container{align-items:center;gap:var(--space-xs);display:flex}.c-otp-group{--cluster-gap:0;flex-wrap:nowrap}.c-otp-slot{border:1px solid var(--color-border-subtle);block-size:2.5rem;inline-size:2.5rem;font-family:var(--font-mono);font-size:var(--step-0);border-radius:var(--radius-xs);background-color:var(--color-bg-base);transition:all var(--transition-fast);position:relative}.c-otp-slot[data-active=true]{border-color:var(--color-brand);outline:2px solid var(--color-brand);outline-offset:-1px}.c-otp-slot{--cluster-gap:0;flex-wrap:nowrap}.c-otp-caret-wrap{pointer-events:none;--cluster-gap:0;flex-wrap:nowrap;position:absolute;inset:0}.c-otp-caret{background-color:currentColor;block-size:1rem;inline-size:1px}.c-resizable-handle{background-color:var(--color-border-subtle);inline-size:1px;position:relative}.c-resizable-handle:after{content:"";position:absolute;inset-block:0;inset-inline:-4px}.c-resizable-handle{--cluster-gap:0;flex-wrap:nowrap}.c-toast-viewport{z-index:100;max-block-size:100vh;inline-size:100%;max-inline-size:26rem;padding:var(--space-m);gap:var(--space-2xs);flex-direction:column-reverse;display:flex;position:fixed;inset-block-start:0;inset-inline-end:0}@media (min-width:640px){.c-toast-viewport{flex-direction:column;inset-block:auto 0}}.c-toast{pointer-events:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-base);inline-size:100%;color:var(--color-fg-primary);padding:var(--space-m);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);padding-inline-end:var(--space-xl);position:relative;overflow:hidden}.c-toast[data-variant=destructive]{border-color:var(--color-danger,#ef4444);background-color:color-mix(in srgb,#ef4444 15%,var(--color-bg-base));color:var(--color-danger,#ef4444)}.c-toast{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-toast-close{border-radius:var(--radius-xs);color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem;position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs)}.c-toast-close:hover{color:var(--color-fg-primary)}.c-toast-title{font-size:var(--step--1);font-weight:600}.c-toast-desc{font-size:var(--step--2);color:var(--color-fg-muted)}.c-artist-links-cluster{--cluster-gap:.5rem}.c-artist-link{border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.c-artist-link[data-size=sm]{font-size:var(--step--2);padding-block:.25rem;padding-inline:.625rem}.c-artist-link[data-size=sm] svg{flex-shrink:0;block-size:.75rem;inline-size:.75rem}.c-artist-link[data-size=sm] .c-artist-link-external{block-size:.625rem;inline-size:.625rem}.c-artist-link[data-size=md]{font-size:var(--step--1);padding-block:.25rem;padding-inline:.75rem}.c-artist-link[data-size=md] svg{flex-shrink:0;block-size:.875rem;inline-size:.875rem}.c-artist-link[data-size=md] .c-artist-link-external{block-size:.75rem;inline-size:.75rem}.c-artist-link .c-artist-link-external{opacity:.5;transition:opacity var(--transition-fast)}.c-artist-link:hover .c-artist-link-external{opacity:1}.c-artist-link[data-platform=bandcamp]{color:#4a7d8c;background-color:#0000;border:1px solid #629aa94d}.c-artist-link[data-platform=bandcamp] svg{color:#629aa9}.c-artist-link[data-platform=bandcamp]:hover{background-color:#629aa940;text-decoration:none}.c-artist-link[data-platform=instagram]{color:#b52a5f;background-color:#e1306c1a;border:1px solid #e1306c40}.c-artist-link[data-platform=instagram] svg{color:#e1306c}.c-artist-link[data-platform=instagram]:hover{background-color:#e1306c33;text-decoration:none}.c-artist-link[data-platform=youtube]{color:#bf1b1b;background-color:#ff00001a;border:1px solid #ff000040}.c-artist-link[data-platform=youtube] svg{color:red}.c-artist-link[data-platform=youtube]:hover{background-color:#f003;text-decoration:none}.c-artist-link[data-platform=website]{background-color:hsl(var(--secondary)/.8);color:hsl(var(--foreground)/.8);border:1px solid hsl(var(--border))}.c-artist-link[data-platform=website] svg{color:hsl(var(--muted-foreground))}.c-artist-link[data-platform=website]:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground));text-decoration:none}.c-artist-link{--cluster-gap:.375rem;flex-wrap:nowrap}:is(.dark,[data-theme=dark]) .c-artist-link[data-platform=bandcamp]{color:#88c2d2}:is(.dark,[data-theme=dark]) .c-artist-link[data-platform=instagram]{color:#f2638f}:is(.dark,[data-theme=dark]) .c-artist-link[data-platform=youtube]{color:#ff6b6b}.c-chart-indicator{border-radius:2px;flex-shrink:0;block-size:.625rem;inline-size:.625rem}.c-chart-indicator[data-indicator=line]{align-self:stretch;block-size:auto;inline-size:.25rem}.c-chart-indicator-dashed{display:none}.c-chart-indicator[data-indicator=dashed]{align-self:stretch;block-size:auto;inline-size:3px}.c-chart-indicator[data-indicator=dashed] .c-chart-indicator-solid{display:none}.c-chart-indicator[data-indicator=dashed] .c-chart-indicator-dashed{stroke-width:1.5px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;display:block}.c-chart-legend-swatch{flex-shrink:0;block-size:.5rem;inline-size:.5rem}.c-chart-container{aspect-ratio:16/9;font-size:var(--step--2);--cluster-gap:0;flex-wrap:nowrap}.c-chart-tooltip-label{font-weight:500}.c-chart-tooltip-content{align-items:flex-start;gap:var(--space-3xs);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-base);min-inline-size:8rem;padding-inline:var(--space-xs);padding-block:var(--space-2xs);font-size:var(--step--2);box-shadow:var(--shadow-lg);display:grid}.c-chart-tooltip-grid{gap:var(--space-3xs);display:grid}.c-chart-tooltip-item{inline-size:100%}.c-chart-tooltip-item[data-indicator-dot=true]{align-items:center}.c-chart-tooltip-item[data-indicator-dot=false]{align-items:stretch}.c-chart-tooltip-row{--cluster-gap:0;flex-wrap:nowrap;flex:1;line-height:1}.c-chart-tooltip-row[data-nest-label=true]{align-items:flex-end}.c-chart-tooltip-row[data-nest-label=false]{align-items:center}.c-chart-tooltip-name{color:var(--color-fg-muted)}.c-chart-tooltip-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.c-chart-legend{padding-block:var(--space-xs);--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-chart-legend-item{flex-wrap:nowrap}
}

@layer components {

}

@layer components {
.c-app-shell{background-color:var(--color-bg-base);block-size:100dvh;inline-size:100%;color:var(--color-fg-primary);--cluster-gap:0;flex-wrap:nowrap;overflow:hidden}.c-app-main{scroll-behavior:smooth;background-color:var(--color-bg-base);color:var(--color-fg-primary);flex:auto;position:relative;overflow-y:auto}.c-app-content{--stack-gap:0;min-block-size:100%}.c-app-mobile-header{display:block}@media (min-width:768px){.c-app-mobile-header{display:none}}.c-announcement{z-index:40;border-block-end:1px solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--step--1);background-color:var(--color-bg-raised);color:var(--color-fg-primary);position:relative}.c-announcement[data-type=highlight]{background-color:var(--color-brand);color:#fff;border-block-end-color:color-mix(in srgb,var(--color-brand)80%,black)}.c-announcement[data-type=warning]{color:#000;background-color:#f59e0b;border-block-end-color:#d97706;font-weight:700}.c-announcement-container{max-inline-size:var(--container-size-main);padding-inline:clamp(var(--space-s),2.5vw,var(--space-m));--cluster-gap:0;flex-wrap:nowrap;margin-inline:auto;padding-block:.375rem}.c-announcement-content{flex-wrap:nowrap;flex:auto;min-inline-size:0}.c-announcement-badge{font-size:var(--type-caption-small);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:#000;border-radius:var(--radius-xs);background-color:#fff;flex-shrink:0;padding-block:.05rem;padding-inline:.375rem;font-weight:700}.c-announcement-dismiss{border-radius:var(--radius-xs);color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-inline-start:var(--space-xs);padding:.25rem;display:inline-flex}.c-announcement-dismiss:hover{background-color:#0000001a}.c-announcement-dismiss{--cluster-gap:0;flex-wrap:nowrap}
}

@layer components {
.c-header{z-index:40;background-color:hsl(var(--background)/.9);border-block-end:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);block-size:calc(4rem + 1px);min-block-size:calc(4rem + 1px);position:sticky;inset-block-start:0}@media (min-width:640px){.c-header{block-size:calc(5rem + 1px);min-block-size:calc(5rem + 1px)}}.c-header-container{block-size:100%;inline-size:100%;max-inline-size:1600px;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.c-header-container{padding-inline:1.5rem}}@media (min-width:1024px){.c-header-container{padding-inline:2rem}}.c-header-container{--cluster-gap:0;flex-wrap:nowrap}.c-header-brand{color:var(--color-fg-primary);text-decoration:none}.c-header-brand:hover{opacity:.85}.c-header-brand{--cluster-gap:.75rem;flex-wrap:nowrap}.c-header-logo{flex-shrink:0;block-size:2.5rem;inline-size:2.5rem}@media (min-width:640px){.c-header-logo{block-size:3rem;inline-size:3rem}}.c-header-title{letter-spacing:-.025em;color:var(--color-fg-primary);font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-weight:700}.c-header-subtitle-wrap{display:none}@media (min-width:640px){.c-header-subtitle-wrap{border-inline-start:1px solid var(--color-border-subtle);align-items:center;padding-inline-start:.75rem;display:flex}}.c-header-subtitle{font-family:var(--font-sans);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);font-weight:500;display:inline-block}.c-header-status{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-fg-muted);display:none}@media (min-width:640px){.c-header-status{border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);align-items:center;gap:.5rem;padding-block:.25rem;padding-inline:.625rem;display:inline-flex}}.c-header-status-dot{border-radius:var(--radius-full);background-color:var(--color-success);block-size:.375rem;inline-size:.375rem}@media (min-width:640px){.c-header-actions{gap:.75rem}}.c-header-actions{--cluster-gap:.5rem;flex-wrap:nowrap}.c-header-btn{color:var(--color-fg-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.c-header-btn:hover{background-color:var(--color-bg-muted)}.c-header-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#0006;transition:opacity .2s;position:fixed;inset:0}@media (min-width:768px){.c-header-overlay{display:none}}.c-header-drawer{background-color:var(--color-bg-surface);border-inline-start:1px solid var(--color-border-default);z-index:50;flex-direction:column;justify-content:space-between;inline-size:18rem;max-inline-size:85vw;transition:transform .2s ease-out;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026}@media (min-width:768px){.c-header-drawer{display:none}}.c-header-drawer-top{border-block-end:1px solid var(--color-border-subtle);--cluster-gap:0;flex-wrap:nowrap;padding:1.25rem}.c-header-drawer-nav{--stack-gap:.375rem;padding:1rem}.c-header-drawer-link{font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-muted);transition:all var(--transition-fast);border-radius:.5rem;padding-block:.625rem;padding-inline:.75rem;font-weight:600;text-decoration:none}.c-header-drawer-link:hover{color:var(--color-fg-primary);background-color:var(--color-bg-muted)}.c-header-drawer-link[data-active=true]{background-color:var(--color-bg-muted);color:var(--color-fg-primary);font-weight:var(--font-weight-bold)}.c-header-drawer-link{--cluster-gap:.75rem;flex-wrap:nowrap}.c-header-drawer-footer{padding:var(--space-s);border-block-start:1px solid var(--color-border-subtle);--stack-gap:var(--space-s)}.c-header-theme-card{padding-inline:var(--space-xs);padding-block:var(--space-2xs);border-radius:var(--radius-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);--cluster-gap:0;flex-wrap:nowrap}.c-header-overlay[data-mobile-menu-open=true]{opacity:1;pointer-events:auto}.c-header-overlay[data-mobile-menu-open=false]{opacity:0;pointer-events:none}.c-header-drawer[data-mobile-menu-open=true]{transform:translate(0)}.c-header-drawer[data-mobile-menu-open=false]{transform:translate(100%)}.c-header-left{flex-wrap:nowrap}.c-header-period{color:var(--color-brand);font-family:var(--font-serif)}.c-header-btn-rel{position:relative}.c-header-btn-menu{--cluster-gap:0;flex-wrap:nowrap;display:inline-flex}.c-header-drawer-subtitle{font-size:var(--step--3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);margin-block-start:.125rem;font-weight:500}.c-header-drawer-notifications-btn{cursor:pointer;background:0 0;border:none;justify-content:space-between;inline-size:100%}.c-header-drawer-badge{border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-brand)12%,transparent);color:var(--color-brand);font-family:var(--font-mono);font-size:var(--step--3);padding-block:.125rem;padding-inline:.5rem;font-weight:700}.c-header-theme-label{font-size:var(--step--1);color:var(--color-fg-muted)}.c-header-user-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-xs)}.c-header-user-row{flex-wrap:nowrap;margin-block-end:var(--space-xs)}.c-header-avatar-link{border-radius:var(--radius-full);display:block;position:relative}.c-header-avatar-img{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border-default);block-size:2rem;inline-size:2rem}.c-header-user-meta{flex:1;min-inline-size:0}.c-header-user-name{font-size:var(--step--1);color:var(--color-fg-primary);font-weight:600;text-decoration:none;display:block}.c-header-user-handle{font-size:var(--step--2);color:var(--color-fg-muted);display:block}.c-header-signout-btn{justify-content:flex-start;inline-size:100%}.c-header-status-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-2xs)}.c-header-status-row{font-size:var(--step--2);color:var(--color-fg-muted);flex-wrap:nowrap}.c-header-status-text{font-family:var(--font-mono)}
}

@layer components {
.c-sidebar{background-color:color-mix(in srgb,var(--color-bg-raised)50%,transparent);-webkit-backdrop-filter:blur(12px);border-inline-end:1px solid var(--color-border-default);z-index:20;flex-shrink:0;display:none}@media (min-width:768px){.c-sidebar{block-size:100%;inline-size:5rem;transition:inline-size var(--transition-fast),padding var(--transition-fast);flex-direction:column;justify-content:space-between;padding-block:1.5rem;padding-inline:.625rem;display:flex}}@media (min-width:960px){.c-sidebar{inline-size:16rem;padding:2.5rem}}.c-sidebar-brand{color:var(--color-fg-primary);margin-block-end:2rem;text-decoration:none}@media (min-width:960px){.c-sidebar-brand{align-items:flex-start;margin-block-end:3rem}}.c-sidebar-brand:hover{opacity:.85}.c-sidebar-brand{--stack-gap:0}.c-sidebar-logo{block-size:auto;inline-size:2.25rem;transition:inline-size var(--transition-fast)}@media (min-width:960px){.c-sidebar-logo{inline-size:8rem}}.c-sidebar-brand-title{letter-spacing:-.02em;color:var(--color-fg-primary);text-align:center;margin-block-start:.25rem;font-size:clamp(.75rem,.5rem + 1vw,1.5rem);font-weight:700;display:block}@media (min-width:960px){.c-sidebar-brand-title{text-align:start;margin-block-start:0}}.c-sidebar-brand-sub{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);margin-block-start:.125rem;font-weight:500;display:none}@media (min-width:960px){.c-sidebar-brand-sub{display:block}}.c-sidebar-nav{--stack-gap:.375rem}.c-sidebar-link{border-radius:var(--radius-md);block-size:2.75rem;inline-size:100%;font-family:var(--font-sans);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);cursor:pointer;appearance:none;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:0;margin:0;padding-block:.625rem;padding-inline:.625rem;font-weight:600;text-decoration:none}@media (min-width:960px){.c-sidebar-link{justify-content:flex-start;block-size:auto;padding-block:.625rem;padding-inline:.75rem}}.c-sidebar-link:hover{background-color:var(--color-bg-muted);color:var(--color-fg-primary);text-decoration:none}.c-sidebar-link[data-active=true]{background-color:var(--color-bg-muted);color:var(--color-fg-primary);box-shadow:var(--shadow-sm);font-weight:700}.c-sidebar-link:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-sidebar-link{--cluster-gap:.75rem;flex-wrap:nowrap}.c-sidebar-link-text{display:none}@media (min-width:960px){.c-sidebar-link-text{text-align:start;flex:auto;display:inline}}.c-sidebar-footer{border-block-start:1px solid var(--color-border-subtle);margin-block-start:auto;padding-block-start:1rem}@media (min-width:960px){.c-sidebar-footer{align-items:stretch;gap:1.25rem}}.c-sidebar-footer{--stack-gap:1rem}.c-sidebar-theme-card{inline-size:100%}@media (min-width:960px){.c-sidebar-theme-card{border-radius:var(--radius-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);justify-content:space-between;padding-block:.5rem;padding-inline:.75rem}}.c-sidebar-theme-card{--cluster-gap:0;flex-wrap:nowrap}.c-sidebar-theme-label{font-size:var(--step--1);color:var(--color-fg-muted);font-weight:500;display:none}@media (min-width:960px){.c-sidebar-theme-label{display:inline}}.c-sidebar-theme-btn{border-radius:var(--radius-md);block-size:2.75rem;inline-size:2.75rem;color:var(--color-fg-primary);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:0;padding:.625rem}.c-sidebar-theme-btn:hover{background-color:var(--color-bg-muted)}@media (min-width:960px){.c-sidebar-theme-btn{border-radius:var(--radius-sm);block-size:auto;inline-size:auto;padding:.375rem}.c-sidebar-theme-btn:hover{background-color:var(--color-bg-raised)}}.c-sidebar-theme-btn{--cluster-gap:0;flex-wrap:nowrap}.c-sidebar-profile-card{inline-size:100%}@media (min-width:960px){.c-sidebar-profile-card{justify-content:flex-start}}.c-sidebar-profile-card{--cluster-gap:.75rem;flex-wrap:nowrap}.c-sidebar-profile-info{flex:auto;min-inline-size:0;display:none}@media (min-width:960px){.c-sidebar-profile-info{display:block}}.c-sidebar-signout-btn{font-family:var(--font-sans);font-size:var(--step--1);color:var(--color-fg-muted);cursor:pointer;text-align:start;inline-size:100%;transition:color var(--transition-fast);background:0 0;border:none;padding-block:.25rem;display:none}.c-sidebar-signout-btn:hover{color:var(--color-destructive)}@media (min-width:960px){.c-sidebar-signout-btn{display:block}}.c-sidebar-auth-group{flex-direction:column;align-items:center;gap:.5rem;inline-size:100%;display:flex}@media (min-width:960px){.c-sidebar-auth-group{align-items:stretch}}.c-sidebar-auth-btn{min-block-size:2.75rem;inline-size:2.75rem;padding:0}@media (min-width:960px){.c-sidebar-auth-btn{min-block-size:2.25rem;inline-size:100%;padding-block:.375rem;padding-inline:.75rem}}.c-sidebar-auth-btn svg{flex-shrink:0;block-size:1.125rem;inline-size:1.125rem}.c-sidebar-auth-btn-text{display:none}@media (min-width:960px){.c-sidebar-auth-btn-text{display:inline}}.c-sidebar-icon-wrap{--cluster-gap:0;flex-wrap:nowrap;flex-shrink:0;position:relative}.c-sidebar-badge-corner{border-radius:var(--radius-full);color:#fff;block-size:1rem;inline-size:1rem;font-size:var(--type-caption-small);--cluster-gap:0;background-color:#ea580c;flex-wrap:nowrap;font-weight:700;position:absolute;inset-block-start:-.375rem;inset-inline-end:-.375rem}.c-sidebar-badge-count{font-family:var(--font-mono);font-size:clamp(.5625rem,.5rem + .2vw,.625rem);font-weight:700;display:none}@media (min-width:960px){.c-sidebar-badge-count{border-radius:var(--radius-full);color:#ea580c;background-color:#ea580c1f;margin-inline-start:auto;padding-block:.125rem;padding-inline:.375rem;display:inline-flex}}.c-sidebar-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border-default);block-size:2.25rem;inline-size:2.25rem}.c-sidebar-period{color:var(--color-brand)}.c-sidebar-nav-icon{flex-shrink:0}.c-sidebar-avatar-wrap{border-radius:var(--radius-full);flex-shrink:0;display:block;position:relative}.c-sidebar-user-name{font-size:var(--step--1);color:var(--color-fg-primary);font-weight:600;text-decoration:none;display:block}.c-sidebar-user-handle{font-size:var(--step--2);color:var(--color-fg-muted);display:block}
}

@layer components {
.c-footer{border-block-start:1px solid hsl(var(--border)/.7);background-color:hsl(var(--card)/.6);margin-block-start:auto}.c-footer-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-s),3vw,var(--space-l));padding-block:clamp(var(--space-m),5vw,var(--space-2xl))}.c-footer-grid{--grid-gap:clamp(var(--space-m),3vw,var(--space-l));--min-width:clamp(12rem,25vw,16rem);margin-block-end:clamp(var(--space-m),3vw,var(--space-l))}.c-footer-column-title{font-size:var(--step--1);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-primary)}.c-footer-link{font-size:var(--step--1);color:var(--color-fg-muted);transition:color var(--transition-fast);text-decoration:none}.c-footer-link:hover{color:var(--color-fg-primary)}.c-footer-bottom{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--1);color:var(--color-fg-muted);--cluster-gap:clamp(var(--space-s),2vw,var(--space-m));padding-block-start:clamp(var(--space-s),2vw,var(--space-m))}.c-footer-brand-title{font-size:var(--step-1);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-fg-primary)}.c-footer-brand-desc{font-size:var(--step--1);color:var(--color-fg-muted);line-height:var(--line-height-normal);max-inline-size:20rem}.c-footer-bottom-link{color:inherit;transition:color var(--transition-fast);text-decoration:none}.c-footer-bottom-link:hover{color:var(--color-fg-primary);text-underline-offset:4px;text-decoration:underline}.c-footer-sep{color:var(--color-border-subtle);-webkit-user-select:none;user-select:none}.c-footer-bottom-tagline{font-size:var(--step--2);color:var(--color-fg-muted);opacity:.6}.c-footer-colophon-note{font-size:var(--step--1);color:var(--color-fg-muted)}.c-footer-disclaimer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--2);color:var(--color-fg-muted);opacity:.7;line-height:var(--line-height-normal);max-inline-size:var(--measure-wide);margin-block-start:clamp(var(--space-xs),2vw,var(--space-s));padding-block-start:clamp(var(--space-xs),2vw,var(--space-s))}
}

@layer components {

}

@layer components {
.c-docking-player{z-index:50;inline-size:clamp(18rem,90vw,26rem);max-inline-size:calc(100vw - 1.5rem);padding:clamp(var(--space-2xs),2vw,var(--space-s));background-color:var(--color-bg-overlay);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dialogScaleIn var(--duration-normal)var(--ease-out);position:fixed;inset-block-end:clamp(.75rem,2vw,1.5rem);inset-inline-end:clamp(.75rem,2vw,1.5rem)}.c-player-progress-bar{background-color:var(--color-bg-muted);border-radius:var(--radius-full);block-size:.375rem;inline-size:100%;margin-block-end:var(--space-xs);overflow:hidden}.c-player-progress-fill{border-radius:var(--radius-full);block-size:100%}.c-player-content{flex-wrap:nowrap}.c-player-thumb{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);cursor:pointer;background-color:var(--color-bg-muted);flex-shrink:0;block-size:clamp(3rem,6vw,3.75rem);inline-size:clamp(3rem,6vw,3.75rem);position:relative;overflow:hidden}.c-player-thumb:hover img{transform:scale(1.05)}.c-player-thumb img{transition:transform var(--transition-normal);object-fit:cover}.c-player-meta{min-inline-size:0;flex:auto;padding-inline-end:var(--space-2xs)}.c-player-title{font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);line-height:var(--line-height-tight)}.c-player-artist{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.125rem}.c-player-time{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;--cluster-gap:.25rem;flex-wrap:nowrap;margin-block-start:.25rem}.c-player-controls{--cluster-gap:.25rem;flex-wrap:nowrap;flex-shrink:0}.c-player-btn-circle{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:2rem;inline-size:2rem;color:var(--color-fg-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border:none;display:inline-flex}.c-player-btn-circle:hover{background-color:var(--color-border-default)}.c-player-btn-circle[data-primary=true]{background-color:var(--color-brand);color:var(--color-brand-fg)}.c-player-btn-circle[data-primary=true]:hover{background-color:var(--color-brand-hover)}.c-player-btn-circle{--cluster-gap:0;flex-wrap:nowrap}
}

@layer components {

}

@layer components {
.c-playlist-card{background-color:var(--color-bg-raised);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.c-playlist-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-emphasis);transform:translateY(-2px)}.c-playlist-card{--stack-gap:0}.c-playlist-cover-frame{background-color:var(--color-bg-muted);display:block;position:relative;overflow:hidden}.c-playlist-cover-frame img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--transition-normal)}.c-playlist-cover-frame:hover img{transform:scale(1.03)}.c-playlist-badge-top-left{z-index:10;flex-wrap:nowrap;position:absolute;inset-block-start:clamp(.5rem,1.5vw,.75rem);inset-inline-start:clamp(.5rem,1.5vw,.75rem)}.c-playlist-badge-staff{color:#fff;border-radius:var(--radius-sm);font-size:var(--step--3);text-transform:uppercase;letter-spacing:.05em;background-color:#9333ea;padding:.125rem .5rem;font-weight:600}.c-playlist-badge-top-right{z-index:10;position:absolute;inset-block-start:clamp(.5rem,1.5vw,.75rem);inset-inline-end:clamp(.5rem,1.5vw,.75rem)}.c-playlist-pill-glass{border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;border:1px solid #ffffff26;padding-block:clamp(.188rem,.4vw,.313rem);padding-inline:clamp(.5rem,1vw,.75rem)}.c-playlist-card-body{padding:clamp(var(--space-xs),2vw,var(--space-s));--stack-gap:var(--space-s);flex:auto;justify-content:space-between}.c-playlist-tags-row{padding-block-start:var(--space-3xs)}.c-playlist-card-title{font-size:var(--step-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-fg-primary);text-decoration:none}.c-playlist-card-title:hover{color:var(--color-brand)}.c-playlist-card-desc{font-size:var(--step--1);color:var(--color-fg-muted);line-height:var(--line-height-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.c-playlist-card-footer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--1);color:var(--color-fg-muted);--cluster-gap:0;flex-wrap:nowrap;padding-block-start:var(--space-xs)}.c-playlist-curator-link{color:inherit;flex-wrap:nowrap;text-decoration:none}.c-playlist-curator-avatar{border-radius:var(--radius-full);object-fit:cover;block-size:1.25rem;inline-size:1.25rem}
}

@layer components {
.c-track-row{padding:clamp(var(--space-2xs),1.5vw,var(--space-s));background-color:var(--color-bg-base);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.c-track-row:hover{background-color:var(--color-bg-muted)}.c-track-row[data-dragging=true]{border-color:var(--color-brand);background-color:var(--color-bg-raised);box-shadow:var(--shadow-lg);cursor:grabbing;z-index:40}.c-track-row{--cluster-gap:clamp(var(--space-2xs),1.5vw,var(--space-s));flex-wrap:nowrap}.c-track-row-index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--step--1);color:var(--color-fg-muted);text-align:end;flex-shrink:0;inline-size:clamp(1.25rem,2vw,1.75rem)}.c-track-row-thumb{aspect-ratio:16/9;background-color:var(--color-bg-muted);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);flex-shrink:0;inline-size:clamp(3.5rem,8vw,4.5rem);position:relative;overflow:hidden}.c-track-row-thumb img{object-fit:cover;pointer-events:none}.c-track-row-details{flex:auto;min-inline-size:0}.c-track-row-title{font-size:var(--step-0);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-fg-primary)}.c-track-row-artist{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-fg-muted)}.c-track-row-actions{flex-wrap:nowrap;flex-shrink:0}.c-track-cover-badge{font-family:var(--font-mono);font-size:var(--step--2);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wider);color:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-xs);pointer-events:none;z-index:2;background-color:#000000d9;padding:1px 4px;line-height:1;position:absolute;inset-block-start:var(--space-3xs);inset-inline-start:var(--space-3xs)}.c-track-row-cover-btn[data-active=true]{color:var(--color-brand)}
}

@layer components {
.c-story-container{--container-size:var(--container-size-main);--container-padding:clamp(1rem,3vw,2rem);color:var(--color-fg-primary);padding-block:clamp(1.5rem,4vw,3rem) clamp(3rem,6vw,4.5rem)}.c-story-backlink{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);transition:color var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.c-story-backlink:hover{color:var(--color-fg-primary)}.c-story-backlink:hover svg{transform:translate(-3px)}.c-story-backlink svg{block-size:.875rem;inline-size:.875rem;transition:transform var(--transition-fast)}.c-story-backlink{--cluster-gap:.375rem;flex-wrap:nowrap}.c-story-header{border-block-end:1px solid var(--color-border-70)}.c-story-header>:not(.c-story-title){border-block-start:1px solid var(--color-border-subtle);padding-block:var(--layout-stack-gap-sm)}.c-story-badges{--cluster-gap:.625rem;margin-block-end:1rem}.c-story-badge{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;padding-block:.25rem;padding-inline:.75rem;font-weight:600;display:inline-flex}.c-story-badge svg{flex-shrink:0;block-size:.875rem;inline-size:.875rem}.c-story-badge[data-type=featured]{color:#d97706;background-color:#f59e0b1a;border:1px solid #f59e0b4d}.c-story-badge[data-type=staff]{color:#9333ea;background-color:#a855f71a;border:1px solid #a855f74d}.c-story-badge{--cluster-gap:.5rem;flex-wrap:nowrap}.c-story-title{font-family:var(--font-sans);font-size:var(--step-6);letter-spacing:-.025em;color:var(--color-fg-primary);padding-block-end:var(--layout-stack-gap-md);font-weight:700;line-height:1.15}.c-story-curator-row{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.c-story-curator-row{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}}.c-story-curator-link{flex-shrink:0;text-decoration:none}.c-story-curator-link:hover .c-story-curator-name{text-decoration:underline}.c-story-curator-link{--cluster-gap:.75rem;flex-wrap:nowrap}.c-story-curator-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border-80);flex-shrink:0;block-size:2.5rem;min-block-size:2.5rem;inline-size:2.5rem;min-inline-size:2.5rem}.c-story-curator-meta{--stack-gap:0}.c-story-curator-label{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);font-weight:600}.c-story-curator-name-line{--cluster-gap:.375rem;flex-wrap:nowrap}.c-story-curator-name{font-size:var(--step-0);color:var(--color-fg-primary);font-weight:600}.c-story-curator-handle{font-size:var(--step--1);color:var(--color-fg-muted)}@media (min-width:640px){.c-story-meta-actions{gap:.75rem}}.c-story-meta-actions{--cluster-gap:.625rem}.c-story-action-btn{border-radius:var(--radius-lg);border:1px solid hsl(var(--border));background-color:hsl(var(--secondary)/.4);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--step--1);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);align-items:center;gap:.375rem;padding-block:.5rem;padding-inline:.75rem;font-weight:500;line-height:1.33333;text-decoration:none;display:inline-flex}.c-story-action-btn:hover{background-color:hsl(var(--secondary));text-decoration:none}.c-story-action-btn svg{block-size:.875rem;inline-size:.875rem;color:inherit;flex-shrink:0}.c-story-action-btn[data-action=layout-toggle]{display:none}@media (min-width:768px){.c-story-action-btn[data-action=layout-toggle]{display:inline-flex}}.c-story-action-btn[data-action=radio] svg{color:var(--text-primary)}.c-story-action-btn[data-action=radio]:hover svg{animation:2s cubic-bezier(.4,0,.6,1) infinite c-pulse}.c-story-action-btn[data-variant=primary]{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000;font-weight:600}.c-story-action-btn[data-variant=primary]:hover{background-color:hsl(var(--primary)/.9)}@keyframes c-pulse{0%,to{opacity:1}50%{opacity:.5}}.c-story-stats{font-size:var(--step--1);color:var(--color-fg-muted);line-height:1.35;display:none}@media (min-width:640px){.c-story-stats{text-align:end;margin-inline-end:.25rem;display:block}}.c-story-stats-date{font-weight:500;display:block}.c-story-stats-tracks{display:block}.c-story-pacing-guide{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-fg-muted)}@media (min-width:640px){.c-story-pacing-guide{gap:.75rem}}.c-story-pacing-guide{--cluster-gap:.5rem}.c-story-pacing-label{font-family:var(--font-sans);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--color-fg-primary)70%,transparent);margin-inline-end:.25rem;font-weight:600}.c-story-pacing-chip{border-radius:var(--radius-md);background-color:var(--color-bg-muted-60);border:1px solid var(--color-border-60);font-size:var(--step--1);color:var(--color-fg-muted);padding-block:.25rem;padding-inline:.625rem;display:inline-flex}.c-story-pacing-chip svg{color:var(--color-fg-muted);block-size:.75rem;inline-size:.75rem}.c-story-pacing-chip{--cluster-gap:.375rem;flex-wrap:nowrap}.c-story-tags{--cluster-gap:.5rem}.c-story-tags-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);margin-inline-end:.25rem;font-weight:600}.c-story-reading-width[data-center]{--max-width:48rem}.c-story-layout{--switcher-gap:clamp(1.5rem,3vw,3rem);--stack-gap:clamp(1.5rem,3vw,3rem);--collapse-at:51rem}.c-story-layout>*{min-inline-size:0}.c-story-layout[data-switcher]{align-items:flex-start}.c-story-aside{inline-size:100%}@media (min-width:768px){.c-story-aside{z-index:30;position:sticky;top:2rem}}.c-story-hero-anchor{pointer-events:none;block-size:1px;inline-size:100%;margin-block-start:-1px}.c-story-player-placeholder{border-radius:var(--radius-2xl);background-color:var(--color-bg-muted);opacity:.3;inline-size:100%}@media (min-width:768px){.c-story-player-placeholder{display:none}}.c-story-player-wrapper{inline-size:100%}.c-story-player-wrapper.is-docked{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);background-color:#f8f9fafa;padding-block:.625rem;padding-inline:1rem;position:fixed;top:0;left:0;right:0}@media (min-width:768px){.c-story-player-wrapper.is-docked{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:0;position:static}}.c-story-player-status-bar{flex-wrap:nowrap}.c-story-player-status{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);--cluster-gap:.5rem;flex-wrap:nowrap;min-inline-size:0;font-weight:600}.c-story-player-icon{block-size:.875rem;inline-size:.875rem;color:var(--color-fg-primary);flex-shrink:0}.c-story-player-status-right{--cluster-gap:.5rem;flex-wrap:nowrap;flex-shrink:0}.c-story-playing-pill{border-radius:var(--radius-full);color:#059669;font-size:var(--step--2);--cluster-gap:.375rem;background-color:#10b9811a;flex-wrap:nowrap;padding-block:.125rem;padding-inline:.5rem;font-weight:500;display:inline-flex}.c-story-playing-dot,.c-story-chapter-playing-dot{border-radius:var(--radius-full);background-color:#10b981;block-size:.375rem;inline-size:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite c-pulse}.c-story-player-stage{border-radius:var(--radius-2xl);inline-size:100%;min-inline-size:200px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-70);transition:all var(--transition-normal);background-color:#000;position:relative;overflow:hidden}.c-story-player-stage.is-docked{max-block-size:12rem;margin-inline:auto}@media (min-width:640px){.c-story-player-stage.is-docked{max-block-size:14rem}}@media (min-width:768px){.c-story-player-stage.is-docked{max-block-size:none}}.c-story-video-mount{block-size:100%;inline-size:100%;min-inline-size:200px;display:none;position:relative}.c-story-video-mount.is-visible{display:block}.c-story-player-div{block-size:100%;inline-size:100%;min-inline-size:200px}.c-story-cover-poster{cursor:pointer;block-size:100%;inline-size:100%;position:relative}.c-story-cover-poster img{object-fit:cover;opacity:.85;transition:opacity var(--transition-normal),transform var(--transition-normal)}.c-story-cover-poster:hover img{opacity:.95;transform:scale(1.01)}.c-story-play-overlay{text-align:center;transition:background-color var(--transition-fast);background:#0000004d;justify-content:center;padding:1.5rem;position:absolute;inset:0}.c-story-play-overlay:hover{background:#0006}.c-story-play-overlay{--stack-gap:0}.c-story-play-btn{border-radius:var(--radius-full);color:#000;block-size:3.5rem;inline-size:3.5rem;box-shadow:var(--shadow-xl);transition:transform var(--transition-fast);background-color:#fffffff2;margin-block-end:.5rem}.c-story-play-btn:hover{transform:scale(1.1)}.c-story-play-btn svg{fill:currentColor;block-size:1.5rem;inline-size:1.5rem;margin-inline-start:2px}.c-story-play-btn{--cluster-gap:0;flex-wrap:nowrap}.c-story-play-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;text-shadow:0 1px 2px #0009;font-weight:600}.c-story-now-playing{border-radius:var(--radius-2xl);background-color:var(--color-bg-raised);border:1px solid var(--color-border-80);box-shadow:var(--shadow-sm);--cluster-gap:.75rem;flex-wrap:nowrap;padding:clamp(.75rem,1.5vw,1rem)}.c-story-now-playing-info{flex:auto;min-inline-size:0}.c-story-now-playing-pill-line{--cluster-gap:.375rem;flex-wrap:nowrap;margin-block-end:.125rem}.c-story-now-playing-track-pill{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-xs);color:var(--color-fg-primary);background-color:#11182714;padding-block:.125rem;padding-inline:.375rem;font-weight:700}.c-story-now-playing-album{font-size:var(--step--2);color:var(--color-fg-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.c-story-now-playing-title{color:var(--color-fg-primary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.75rem,1vw,.875rem);font-weight:600;line-height:1.25;overflow:hidden}.c-story-now-playing-curator{color:var(--color-fg-muted);white-space:nowrap;text-overflow:ellipsis;margin-block-start:.125rem;font-size:clamp(.625rem,.8vw,.6875rem);overflow:hidden}.c-story-transport-cluster{flex-shrink:0}@media (min-width:640px){.c-story-transport-cluster{gap:.375rem}}.c-story-transport-cluster{--cluster-gap:.25rem;flex-wrap:nowrap}.c-story-round-btn{border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);border:none;display:inline-flex}.c-story-round-btn[data-variant=play]{background-color:var(--color-fg-primary);block-size:clamp(2rem,3vw,2.5rem);inline-size:clamp(2rem,3vw,2.5rem);color:var(--color-bg-raised);box-shadow:var(--shadow-sm)}.c-story-round-btn[data-variant=play]:hover{opacity:.9}.c-story-round-btn[data-variant=play] svg{fill:currentColor;block-size:1rem;inline-size:1rem}.c-story-round-btn[data-variant=nav]{block-size:clamp(1.75rem,2.5vw,2rem);inline-size:clamp(1.75rem,2.5vw,2rem);color:var(--color-fg-muted);background:0 0}.c-story-round-btn[data-variant=nav]:hover:not(:disabled){background-color:var(--color-bg-muted);color:var(--color-fg-primary)}.c-story-round-btn[data-variant=nav]:disabled{opacity:.3;cursor:not-allowed}.c-story-round-btn[data-variant=nav] svg{block-size:1rem;inline-size:1rem}.c-story-round-btn{--cluster-gap:0;flex-wrap:nowrap}.c-story-play-icon{margin-inline-start:2px}.c-story-chapters-box{border-radius:var(--radius-2xl);background-color:hsl(var(--card)/.6);border:1px solid hsl(var(--border)/.6);margin-block-start:.75rem;padding:1rem}@media (max-width:767px){.c-story-chapters-box{display:none}}.c-story-chapters-box-header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:.75rem}.c-story-chapters-label{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);font-weight:600}.c-story-chapters-label svg{block-size:.875rem;inline-size:.875rem;color:var(--color-fg-primary)}.c-story-chapters-label{--cluster-gap:.5rem;flex-wrap:nowrap}.c-story-chapters-quick-jump{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;color:var(--color-fg-muted)}.c-story-chapters-scroll{--stack-gap:.25rem;max-block-size:14rem;padding-inline-end:.25rem;overflow-y:auto}.c-story-chapter-link{text-align:start;border-radius:var(--radius-md);inline-size:100%;font-size:var(--step--1);color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;padding:.5rem .75rem;text-decoration:none}.c-story-chapter-link:hover{color:var(--color-fg-primary);background-color:hsl(var(--secondary)/.6);text-decoration:none}.c-story-chapter-link[data-active=true]{background-color:hsl(var(--primary)/.1);color:var(--text-primary);font-weight:600}.c-story-chapter-link.is-guestbook{font-weight:500}.c-story-chapter-link{--cluster-gap:.625rem;flex-wrap:nowrap}.c-story-chapter-link-info{--cluster-gap:.5rem;flex-wrap:nowrap;min-inline-size:0}.c-story-chapter-link-num{font-family:var(--font-mono);font-size:var(--step--2);opacity:.7;flex-shrink:0}.c-story-guestbook-jump-row{border-block-start:1px solid var(--color-border-subtle);margin-block-start:.5rem;padding-block-start:.5rem}.c-story-guestbook-jump-icon{block-size:.875rem;inline-size:.875rem;color:var(--text-primary);flex-shrink:0}.c-story-guestbook-jump-badge{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-fg-muted)}.c-story-reel-card{padding:var(--space-s);border-radius:var(--radius-xl);background-color:var(--color-bg-raised);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);--cluster-gap:var(--space-s);flex-wrap:nowrap;margin-block-start:.75rem}.c-story-reel-info{flex:auto;min-inline-size:0}.c-story-reel-header{--cluster-gap:.375rem;flex-wrap:nowrap;margin-block-end:.125rem}.c-story-reel-badge{font-size:var(--step--2);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-xs);background-color:var(--color-brand-soft);color:var(--color-brand);padding-block:.125rem;padding-inline:.375rem;font-weight:700}.c-story-reel-sub{font-size:var(--step--2);color:var(--color-fg-muted);font-weight:500}.c-story-reel-title{font-size:var(--step-0);color:var(--color-fg-primary);font-weight:600}.c-story-reel-desc{font-size:var(--step--2);color:var(--color-fg-muted);margin-block-start:.125rem}.c-story-reel-icon{block-size:.875rem;inline-size:.875rem;margin-inline-end:.375rem}.c-story-main{--stack-gap:clamp(1.75rem,3.5vw,2.5rem);min-inline-size:0}.c-story-curator-notes{border-block-end:1px solid var(--color-border-subtle);padding-block-end:1.5rem}.c-story-curator-notes-title{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);margin-block-end:1rem;font-weight:600;display:block}.c-story-chapters-section{--stack-gap:clamp(1.25rem,2.5vw,2rem)}.c-story-chapters-section-header{border-block-end:1px solid var(--color-border-subtle);--cluster-gap:.5rem;flex-wrap:nowrap;padding-block-end:.5rem}.c-story-chapters-section-icon{block-size:1rem;inline-size:1rem;color:var(--color-fg-muted)}.c-story-chapters-section-title{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);font-weight:600}.c-story-prose{font-family:var(--font-sans);font-size:var(--step-0);color:var(--color-fg-primary);line-height:1.625}.c-story-prose p{margin-block-end:.75rem}.c-story-chapter-card{border-radius:var(--radius-2xl);border:1px solid hsl(var(--border)/.6);background-color:hsl(var(--card)/.4);box-shadow:var(--shadow-xs);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);padding:clamp(1.25rem,2.5vw,1.75rem);scroll-margin-block-start:4rem}.c-story-chapter-card:hover{background-color:hsl(var(--card)/.8)}.c-story-chapter-card[data-active=true]{background-color:hsl(var(--card));border:1px solid hsl(var(--primary)/.4);box-shadow:var(--shadow-sm)}.c-story-chapter-card-header{--cluster-gap:1rem;flex-wrap:nowrap}.c-story-chapter-meta{--cluster-gap:.75rem;flex-wrap:nowrap;min-inline-size:0}.c-story-chapter-index{font-family:var(--font-mono);color:color-mix(in srgb,var(--color-fg-muted)60%,transparent);flex-shrink:0;padding-block-start:.125rem;font-size:clamp(1.5rem,2vw,1.75rem);font-weight:700;line-height:1}.c-story-chapter-title{font-family:var(--font-sans);color:var(--color-fg-primary);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;line-height:1.25}.c-story-chapter-artist{color:var(--color-fg-muted);margin-block-start:.125rem;font-size:clamp(.75rem,.9vw,.8125rem);font-weight:500}.c-story-contributor-pill{border-radius:var(--radius-full);background-color:hsl(var(--secondary)/.8);border:1px solid hsl(var(--border)/.8);font-size:var(--step--2);color:var(--color-fg-muted);transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0;padding-block:.125rem .25rem;padding-inline:.625rem;text-decoration:none;display:inline-flex}.c-story-contributor-pill:hover{color:var(--color-fg-primary);background-color:var(--color-bg-muted);text-decoration:none}.c-story-contributor-pill img{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border-60);block-size:1.125rem;inline-size:1.125rem}.c-story-contributor-pill strong{color:var(--color-fg-primary);font-weight:600}.c-story-contributor-pill{--cluster-gap:.5rem;flex-wrap:nowrap}.c-story-contributor-by{display:none}@media (min-width:640px){.c-story-contributor-by{display:inline}}.c-story-media-bar{border-radius:var(--radius-xl);background-color:hsl(var(--secondary)/.4);border:1px solid hsl(var(--border)/.4);flex-direction:column;gap:.75rem;margin-block:1rem;padding:.75rem;display:flex}@media (min-width:640px){.c-story-media-bar{flex-direction:row;align-items:center;gap:1rem;margin-block:1.25rem}}.c-story-media-thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);cursor:pointer;text-align:start;background-color:#000;border:none;flex-shrink:0;inline-size:100%;padding:0;position:relative;overflow:hidden}@media (min-width:640px){.c-story-media-thumb{inline-size:9rem}}.c-story-media-thumb img{object-fit:cover;opacity:.8;transition:opacity var(--transition-normal),transform var(--transition-normal)}.c-story-media-thumb:hover img{opacity:1;transform:scale(1.05)}.c-story-media-thumb:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.c-story-media-play-circle{border-radius:var(--radius-full);color:#000;block-size:2rem;inline-size:2rem;box-shadow:var(--shadow-md);background-color:#fff}.c-story-media-play-circle svg{fill:currentColor;block-size:.875rem;inline-size:.875rem}.c-story-media-play-circle{--cluster-gap:0;flex-wrap:nowrap}.c-story-media-play-icon{margin-inline-start:2px}.c-story-media-actions{flex:auto;min-inline-size:0}.c-story-media-buttons{--cluster-gap:.5rem}.c-story-play-track-btn{border-radius:var(--radius-lg);font-size:var(--step--1);cursor:pointer;border:1px solid hsl(var(--border)/.7);background-color:hsl(var(--background));color:hsl(var(--foreground));transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);padding-block:.375rem;padding-inline:.75rem;font-weight:600;line-height:1.33333;display:inline-flex}.c-story-play-track-btn:hover{background-color:hsl(var(--secondary))}.c-story-play-track-btn[data-playing=true]{background-color:var(--color-fg-primary);color:var(--color-bg-base);border-color:#0000}.c-story-play-track-btn[data-playing=true]:hover{background-color:var(--color-fg-secondary)}.c-story-play-track-btn svg{fill:currentColor;block-size:.75rem;inline-size:.75rem}.c-story-play-track-btn{--cluster-gap:.5rem;flex-wrap:nowrap}.c-story-track-notes{border-block-start:1px solid var(--color-border-subtle);padding-block-start:.75rem}.c-story-track-notes-header{--cluster-gap:.75rem;flex-wrap:nowrap;margin-block-end:.5rem}.c-story-track-notes-label{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted);font-weight:600}.c-story-track-notes-edit-btn{border-radius:var(--radius-md);font-size:var(--step--1);color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;display:inline-flex}.c-story-track-notes-edit-btn:hover{color:var(--color-fg-primary);background-color:var(--color-bg-muted)}.c-story-track-notes-edit-btn{--cluster-gap:.25rem;flex-wrap:nowrap}.c-story-edit-icon{block-size:.75rem;inline-size:.75rem}.c-story-track-notes-empty{font-size:var(--step--1);color:var(--color-fg-muted);opacity:.6;padding-block:.25rem;font-style:italic}.c-story-colophon{text-align:center;border-radius:var(--radius-2xl);border:1px dashed var(--color-border-80);background-color:var(--color-bg-muted-40);--stack-gap:.75rem;margin-block-start:2rem;padding:2.5rem 1.5rem}.c-story-colophon-title{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-muted);font-weight:600}.c-story-colophon-text{font-size:var(--step-0);color:var(--color-fg-muted);text-align:center;max-inline-size:40ch}.c-story-colophon-actions{padding-block-start:.5rem}.c-story-colophon-icon{block-size:.875rem;inline-size:.875rem;margin-inline-end:.375rem}
}