@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:1.5rem;--shadow-xs:0 1px 2px -1px var(--elevation-1);--shadow-sm:0 1px 3px 0 var(--elevation-1), 0 1px 2px -1px var(--elevation-1);--shadow-lg:0 12px 28px -6px var(--elevation-2), 0 4px 10px -4px var(--elevation-1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display);--font-body:var(--font-body);--text-h1:3.052rem;--text-h1--line-height:1.08;--text-h1--font-weight:700;--text-h1--letter-spacing:-.02em;--text-caption:.78rem;--text-caption--line-height:1.4;--text-caption--letter-spacing:.01em;--spacing-block:1.5rem;--spacing-gutter:clamp(1rem, 5vw, 2rem);--spacing-section:clamp(3.5rem, 7vw, 6rem);--spacing-section-lg:clamp(5rem, 11vw, 9rem);--container-page:72rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--brand-h:250;--brand-c:0;--brand-l:.55;--radius:.625rem;--font-display:ui-sans-serif, system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, sans-serif;--brand-50:oklch(.97 calc(var(--brand-c) * .25) var(--brand-h));--brand-100:oklch(.93 calc(var(--brand-c) * .4) var(--brand-h));--brand-200:oklch(.87 calc(var(--brand-c) * .6) var(--brand-h));--brand-300:oklch(.78 calc(var(--brand-c) * .8) var(--brand-h));--brand-400:oklch(.67 var(--brand-c) var(--brand-h));--brand-500:oklch(var(--brand-l) var(--brand-c) var(--brand-h));--brand-600:oklch(calc(var(--brand-l) - .08) var(--brand-c) var(--brand-h));--brand-700:oklch(calc(var(--brand-l) - .16) calc(var(--brand-c) * .9) var(--brand-h));--brand-800:oklch(calc(var(--brand-l) - .24) calc(var(--brand-c) * .75) var(--brand-h));--brand-900:oklch(calc(var(--brand-l) - .32) calc(var(--brand-c) * .55) var(--brand-h));--background:oklch(.99 .004 var(--brand-h));--foreground:oklch(.18 .01 var(--brand-h));--card:oklch(1 .002 var(--brand-h));--card-foreground:var(--foreground);--popover:var(--card);--popover-foreground:var(--foreground);--primary:var(--brand-600);--primary-foreground:oklch(.99 .01 var(--brand-h));--secondary:oklch(.96 .006 var(--brand-h));--secondary-foreground:oklch(.25 .02 var(--brand-h));--muted:oklch(.96 .006 var(--brand-h));--muted-foreground:oklch(.5 .02 var(--brand-h));--accent:oklch(.96 .006 var(--brand-h));--accent-foreground:oklch(.25 .02 var(--brand-h));--destructive:#e40014;--border:oklch(.9 .008 var(--brand-h));--input:oklch(.9 .008 var(--brand-h));--ring:var(--brand-500);--elevation-1:oklch(.2 .03 var(--brand-h) / .06);--elevation-2:oklch(.2 .04 var(--brand-h) / .1);--elevation-3:oklch(.2 .05 var(--brand-h) / .14);--shadow-brand-color:oklch(var(--brand-l) var(--brand-c) var(--brand-h) / .35)}@supports (color:lab(0% 0 0)){:root{--destructive:lab(48.4493% 77.4328 61.5452)}}.dark{--background:oklch(.16 .012 var(--brand-h));--foreground:oklch(.96 .006 var(--brand-h));--card:oklch(.2 .014 var(--brand-h));--card-foreground:var(--foreground);--popover:var(--card);--popover-foreground:var(--foreground);--primary:var(--brand-400);--primary-foreground:oklch(.18 .02 var(--brand-h));--secondary:oklch(.26 .014 var(--brand-h));--secondary-foreground:var(--foreground);--muted:oklch(.26 .014 var(--brand-h));--muted-foreground:oklch(.7 .02 var(--brand-h));--accent:oklch(.26 .014 var(--brand-h));--accent-foreground:var(--foreground);--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:var(--brand-500);--elevation-1:#0006;--elevation-2:#00000080;--elevation-3:#0009;--shadow-brand-color:oklch(var(--brand-l) var(--brand-c) var(--brand-h) / .45)}@supports (color:lab(0% 0 0)){.dark{--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--elevation-1:lab(0% 0 0/.4);--elevation-2:lab(0% 0 0/.5);--elevation-3:lab(0% 0 0/.6)}}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components{.app-ui{--app-gap:1.5rem;--app-padding:clamp(1rem, 3vw, 2.5rem);--app-row-padding:1rem;--app-heading-size:clamp(1.5rem, 2.2vw, 2rem);--app-panel-radius:var(--radius,.625rem);--app-positive:#185b37;--app-warning:#724d0b;--app-critical:var(--destructive);--app-info:var(--primary);background:var(--background);min-width:0;color:var(--foreground);font-family:var(--font-body);font-size:.875rem;line-height:1.5}@supports (color:lab(0% 0 0)){.app-ui{--app-positive:lab(33.887% -28.7524 14.833);--app-warning:lab(36.1081% 12.1392 41.1204)}}.app-ui[data-density=compact]{--app-gap:1rem;--app-padding:clamp(1rem, 2vw, 1.75rem);--app-row-padding:.625rem;--app-heading-size:clamp(1.375rem, 2vw, 1.75rem)}.dark .app-ui{--app-positive:#88d1a2;--app-warning:#eebe7c}@supports (color:lab(0% 0 0)){.dark .app-ui{--app-positive:lab(78.1229% -31.4185 16.1419);--app-warning:lab(80.286% 11.6414 40.1682)}}.app-ui :where(h1,h2,h3,p,dl,dd){margin:0}.app-ui :where(h2,h3){font-size:1rem;font-weight:600;line-height:1.4}.app-ui-shell{grid-template-columns:var(--app-sidebar-width,14rem) minmax(0, 1fr);min-height:100dvh;display:grid}.app-ui-sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;gap:2rem;min-width:0;padding:1.5rem 1rem;display:flex}.app-ui-brand{overflow-wrap:anywhere;padding-inline:.5rem;font-size:1.25rem;font-weight:650}.app-ui-sidebar nav{flex-direction:column;gap:.375rem;display:flex}.app-ui-sidebar nav :where(a,button){border-radius:var(--app-panel-radius);color:var(--muted-foreground);text-align:start;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.app-ui-sidebar nav [aria-current=page]{background:var(--accent);color:var(--accent-foreground);font-weight:600}.app-ui-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.app-ui-workspace{min-width:0}.app-ui-topbar{min-height:4.25rem;padding:1rem var(--app-padding);background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-ui-content{max-width:100rem;padding:var(--app-padding);margin-inline:auto}.app-ui-page-header{justify-content:space-between;align-items:center;gap:var(--app-gap);margin-bottom:var(--app-gap);display:flex}.app-ui-page-header>div:first-child{min-width:0}.app-ui-page-header h1{font-size:var(--app-heading-size);letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:650;line-height:1.25}.app-ui-description{color:var(--muted-foreground);max-width:70ch;margin-top:.5rem;font-size:.875rem;line-height:1.6}.app-ui-breadcrumb{color:var(--muted-foreground);margin-bottom:.75rem;font-size:.8125rem}.app-ui-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-ui-panel{margin-block:var(--app-gap);border-radius:var(--app-panel-radius);box-shadow:none;overflow:hidden}.app-ui-panel-header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem}.app-ui-metrics{border:1px solid var(--border);border-radius:var(--app-panel-radius);background:var(--border);margin-block:var(--app-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1px;display:grid;overflow:hidden}.app-ui-metric{background:var(--card);padding:var(--app-gap);min-width:0}.app-ui-metric dt{color:var(--muted-foreground);font-size:.8125rem}.app-ui-metric dd{letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block:.5rem;font-size:clamp(1.625rem,2.5vw,2.125rem);font-weight:600;line-height:1.2}.app-ui-metric-detail,.app-ui-metric-trend{color:var(--muted-foreground);font-size:.8125rem}.app-ui-metric-trend{margin-top:.5rem}.app-ui-form-section{gap:calc(var(--app-gap) * 2);padding-block:var(--app-gap);border-bottom:1px solid var(--border);grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);display:grid}.app-ui-form-fields{gap:1rem;min-width:0;display:grid}.app-ui-form-actions{justify-content:space-between;align-items:center;gap:var(--app-gap);padding-block:var(--app-gap);flex-wrap:wrap;display:flex}.app-ui-list-toolbar{margin-block:var(--app-gap);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-ui-filters,.app-ui-list-tools{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.app-ui-list-tools input{width:min(100%,16rem);min-width:0}.app-ui-table{background:var(--card);border:1px solid var(--border);border-radius:var(--app-panel-radius);min-width:0;overflow:hidden}.app-ui-table table{font-size:.875rem}.app-ui-table th{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;font-size:.8125rem;font-weight:500}.app-ui-table :where(th,td){padding:var(--app-row-padding)}.app-ui-table .app-ui-align-right{text-align:right;font-variant-numeric:tabular-nums}.app-ui-table-state{text-align:center;color:var(--muted-foreground);padding:2rem 1rem}.app-ui-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.app-ui-empty .app-ui-description{margin:0}.app-ui-status{--app-status-color:var(--muted-foreground);color:var(--app-status-color);background:var(--app-status-color);align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.app-ui-status{background:color-mix(in oklch, var(--app-status-color) 8%, var(--card))}}.app-ui-status{border-color:var(--app-status-color)}@supports (color:color-mix(in lab, red, red)){.app-ui-status{border-color:color-mix(in oklch, var(--app-status-color) 20%, var(--card))}}.app-ui-status{white-space:nowrap;font-size:.75rem;font-weight:500}.app-ui-status[data-tone=positive]{--app-status-color:var(--app-positive)}.app-ui-status[data-tone=warning]{--app-status-color:var(--app-warning)}.app-ui-status[data-tone=critical]{--app-status-color:var(--app-critical)}.app-ui-status[data-tone=info]{--app-status-color:var(--app-info)}.app-ui-status>span{background:currentColor;border-radius:50%;width:.3rem;height:.3rem}@media (max-width:760px){.app-ui-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.app-ui-sidebar{border-right:0;border-bottom:1px solid var(--border);gap:1rem}.app-ui-sidebar nav{flex-flow:wrap}.app-ui-sidebar-footer{margin-top:0}.app-ui-page-header{flex-direction:column;align-items:flex-start}.app-ui-form-section{grid-template-columns:minmax(0,1fr);gap:1rem}.app-ui-list-tools{width:100%}}.section{padding-inline:var(--spacing-gutter);padding-block:var(--spacing-section)}.section-lg{padding-inline:var(--spacing-gutter);padding-block:var(--spacing-section-lg)}.container-page{width:100%;max-width:var(--container-page);padding-inline:var(--spacing-gutter);margin-inline:auto}.lift{transition-property:transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-out-expo);transition-duration:.2s;transition-timing-function:var(--ease-out-expo)}@media (hover:hover){.lift:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 12px 28px -6px var(--tw-shadow-color,var(--elevation-2)), 0 4px 10px -4px var(--tw-shadow-color,var(--elevation-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.text-eyebrow{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height));letter-spacing:var(--tw-tracking,var(--text-caption--letter-spacing));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.08em;letter-spacing:.08em;color:var(--brand-600);text-transform:uppercase}}@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.\[display\:inline-block\]{display:inline-block}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\[60px\]{min-height:60px}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-72{width:calc(var(--spacing) * 72)}.w-\[1px\]{width:1px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[34rem\]{max-width:34rem}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[var\(--app-panel-radius\)\]{border-radius:var(--app-panel-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border,.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary,.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-transparent{border-color:#0000}.bg-\[\#16363a\]{background-color:#16363a}.bg-\[\#112233\]{background-color:#123}.bg-\[\#ddeeff\]{background-color:#def}.bg-accent{background-color:var(--accent)}.bg-background,.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, var(--background) 95%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/90{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/90{background-color:color-mix(in oklab, var(--card) 90%, transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-muted,.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[var\(--app-row-padding\)\]{padding:var(--app-row-padding)}.p-block{padding:var(--spacing-block)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-gutter{padding-inline:var(--spacing-gutter)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height));letter-spacing:var(--tw-tracking,var(--text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h1--font-weight))}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[13px\]{font-size:13px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\(--mk-muted\){color:var(--mk-muted)}.text-\[\#9aa\]{color:#9aa}.text-\[\#ffeecc\]{color:#fec}.text-\[color\:var\(--app-status-color\)\]{color:var(--app-status-color)}.text-accent-foreground{color:var(--accent-foreground)}.text-brand-500{color:var(--brand-500)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 12px 28px -6px var(--tw-shadow-color,var(--elevation-2)), 0 4px 10px -4px var(--tw-shadow-color,var(--elevation-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 12px -2px var(--tw-shadow-color,var(--elevation-2)), 0 2px 6px -2px var(--tw-shadow-color,var(--elevation-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,var(--elevation-1)), 0 1px 2px -1px var(--tw-shadow-color,var(--elevation-1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 24px 48px -12px var(--tw-shadow-color,var(--elevation-3));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--app-gap\:0\.5rem\]{--app-gap:.5rem}.fade-in{--tw-enter-opacity:0}.inline-block{inline-size:var(--spacing-block)}.paused{animation-play-state:paused}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/70:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/70:hover{background-color:color-mix(in oklab, var(--secondary) 70%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:color-mix(in oklab, var(--background) 60%, transparent)}}}@media (min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:mt-5{margin-top:calc(var(--spacing) * 5)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[2\.5rem\]{font-size:2.5rem}.md\:leading-\[1\.06\]{--tw-leading:1.06;line-height:1.06}}@media (min-width:64rem){.lg\:grid{display:grid}.lg\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(280px\,0\.8fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.lg\:overflow-visible{overflow:visible}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.lg\:border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.lg\:pr-6{padding-right:calc(var(--spacing) * 6)}.lg\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.lg\:text-\[2\.875rem\]{font-size:2.875rem}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_\.app-ui-metric\]\:p-1 .app-ui-metric{padding:calc(var(--spacing) * 1)}.\[\&_\.app-ui-status\]\:font-bold .app-ui-status{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_\.app-ui-status\]\:text-\[\#112233\] .app-ui-status{color:#123}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.splotnut-progression-page{--progression-bg:#090d0c;--progression-panel:#111715;--progression-ink:#f1f5f0;--progression-muted:#a8b2ab;--progression-line:#28312d;--progression-accent:#a8f279;min-height:calc(100vh - 56px);color:var(--progression-ink);background:radial-gradient(ellipse at 82% 8%, #a8f27914, transparent 32rem), var(--progression-bg);font-family:var(--font-body);padding:0 clamp(20px,5vw,76px) 76px;overflow:clip}.splotnut-progression-hero,.splotnut-progression-facts,.splotnut-progression-details,.splotnut-progression-bottom-cta{width:min(100%,1180px);margin-left:auto;margin-right:auto}.splotnut-progression-hero{grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);align-items:center;gap:clamp(36px,8vw,116px);padding-top:clamp(64px,10vw,138px);padding-bottom:clamp(64px,9vw,112px);display:grid}.splotnut-progression-hero-copy{min-width:0}.splotnut-progression-eyebrow,.splotnut-progression-settings-heading,.splotnut-progression-index{color:var(--progression-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;line-height:1.5}.splotnut-progression-hero h1{max-width:850px;font-family:var(--font-display);letter-spacing:-.075em;text-align:left;text-wrap:balance;margin:18px 0 0;font-size:clamp(2.6rem,6.3vw,5.8rem);font-weight:550;line-height:.99}.splotnut-progression-lead{max-width:620px;color:var(--progression-muted);margin:25px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.75}.splotnut-progression-cta{border:1px solid var(--progression-accent);color:#10150d;background:var(--progression-accent);text-align:center;border-radius:6px;justify-content:center;align-items:center;min-height:52px;margin-top:30px;padding:0 21px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.splotnut-progression-cta:hover{color:var(--progression-accent);background:0 0;transform:translateY(-2px)}.splotnut-progression-cta:focus-visible,.genre-template-link:focus-visible{outline:2px solid var(--progression-accent);outline-offset:4px}.splotnut-progression-cta-note{color:var(--progression-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.splotnut-progression-settings{border:1px solid var(--progression-line);background:linear-gradient(145deg, #151d19, var(--progression-panel) 70%);border-radius:10px;min-width:0;padding:26px;box-shadow:0 24px 70px #0000003d}.splotnut-progression-settings-heading{border-bottom:1px solid var(--progression-line);padding-bottom:20px}.splotnut-progression-setting{border-bottom:1px solid var(--progression-line);flex-direction:column;gap:8px;padding:19px 0;display:flex}.splotnut-progression-setting span{color:var(--progression-muted);font-size:12px}.splotnut-progression-setting strong{overflow-wrap:anywhere;letter-spacing:-.045em;font-size:clamp(20px,2.2vw,28px);font-weight:550}.splotnut-progression-settings-note{color:var(--progression-muted);margin:19px 0 0;font-size:12px;line-height:1.65}.splotnut-progression-facts{border-top:1px solid var(--progression-line);border-bottom:1px solid var(--progression-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.splotnut-progression-facts>div{align-items:baseline;gap:13px;min-width:0;padding:23px clamp(12px,2.3vw,30px);display:flex}.splotnut-progression-facts>div+div{border-left:1px solid var(--progression-line)}.splotnut-progression-facts strong{color:var(--progression-accent);font-family:var(--font-display);letter-spacing:-.06em;flex:none;font-size:26px;font-weight:550}.splotnut-progression-facts span{color:var(--progression-muted);font-size:12px;line-height:1.45}.splotnut-progression-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,5vw,72px);padding-top:clamp(64px,9vw,104px);padding-bottom:clamp(70px,10vw,124px);display:grid}.splotnut-progression-details article{min-width:0}.splotnut-progression-index{color:var(--progression-muted);font-size:9px}.splotnut-progression-details h2,.splotnut-progression-bottom-cta h2{font-family:var(--font-display);letter-spacing:-.05em;text-align:left;text-wrap:balance;margin:19px 0 12px;font-size:clamp(21px,2.5vw,30px);font-weight:550;line-height:1.15}.splotnut-progression-details article>p:last-of-type,.splotnut-progression-bottom-cta>div>p:last-child{color:var(--progression-muted);margin:0;font-size:14px;line-height:1.8}.splotnut-progression-moods{flex-wrap:wrap;gap:7px;margin:19px 0 0;padding:0;list-style:none;display:flex}.splotnut-progression-moods li{border:1px solid var(--progression-line);color:var(--progression-ink);border-radius:4px;padding:7px 9px;font-size:11px;line-height:1.3}.splotnut-progression-bottom-cta{border:1px solid var(--progression-line);background:var(--progression-panel);border-radius:10px;justify-content:space-between;align-items:center;gap:30px;padding:clamp(24px,4vw,46px);display:flex}.splotnut-progression-bottom-cta>div{max-width:680px}.splotnut-progression-bottom-cta h2{margin-top:13px}.splotnut-progression-bottom-cta .splotnut-progression-cta{flex:none;margin-top:0}.genre-template-link{color:var(--s-accent);text-underline-offset:4px;margin-top:12px;font-size:12px;font-weight:650;line-height:1.5;display:inline-flex;-webkit-text-decoration:underline #a8f27973!important;text-decoration:underline #a8f27973!important}.genre-template-link:hover{color:#d7ffc0}@media (max-width:760px){.splotnut-progression-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:54px}.splotnut-progression-settings{max-width:540px}.splotnut-progression-details{grid-template-columns:minmax(0,1fr);gap:34px}.splotnut-progression-details article{max-width:640px}.splotnut-progression-bottom-cta{flex-direction:column;align-items:flex-start}}@media (max-width:420px){.splotnut-progression-page{padding-left:18px;padding-right:18px}.splotnut-progression-hero h1{font-size:clamp(2.35rem,12vw,3.1rem)}.splotnut-progression-facts>div{flex-direction:column;align-items:flex-start;gap:7px;padding:16px 9px}.splotnut-progression-facts strong{font-size:23px}.splotnut-progression-facts span{font-size:10px}.splotnut-progression-cta{width:100%;padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){.splotnut-progression-cta{transition:none}}.splotnut-shell{--s-bg:#090d0c;--s-panel:#111715;--s-panel-soft:#151c19;--s-ink:#f1f5f0;--s-muted:#9aa59d;--s-dim:#65716a;--s-line:#28312d;--s-accent:#a8f279;--s-coral:#ff6952;isolation:isolate;min-height:100vh;color:var(--s-ink);background:var(--s-bg);font-family:var(--font-body);padding:0 clamp(22px,5.3vw,84px);position:relative;overflow:hidden}.splotnut-shell:before{z-index:-1;content:"";filter:blur(19px);pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ff695208 16%,#ff695238 56%,#ff69520d 82%,#0000 100%);width:64%;height:54px;position:absolute;top:170px;right:-12%;transform:rotate(-24deg)}.splotnut-shell a{color:inherit;text-decoration:none}.splotnut-shell button,.splotnut-shell select{font:inherit}.splotnut-nav{z-index:3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:min(100%,1370px);height:82px;margin:0 auto;display:flex;position:relative}.splotnut-brand{letter-spacing:-.055em;align-items:center;gap:10px;font-size:19px;font-weight:650;display:inline-flex}.splotnut-locale-switcher{background:#111815;border:1px solid #303a34;border-radius:5px;flex:none;align-items:center;gap:2px;min-width:0;margin:0;padding:3px;display:flex}.splotnut-shell .splotnut-locale-option{color:#c4cec6;cursor:pointer;background:0 0;border:0;border-radius:3px;min-width:26px;min-height:25px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:650}.splotnut-shell .splotnut-locale-option[aria-pressed=true]{color:#11160d;background:var(--s-accent)}.splotnut-shell .splotnut-locale-option:disabled{cursor:default}.brand-mark{width:30px;height:30px;stroke:var(--s-accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.brand-mark circle{fill:var(--s-accent);stroke:none}.splotnut-nav-links{color:#a5aea8;align-items:center;gap:clamp(24px,3vw,46px);margin-left:auto;margin-right:44px;font-size:13px;display:flex}.splotnut-nav-links a,.splotnut-footer a,.text-link{transition:color .16s}.splotnut-nav-links a:hover,.splotnut-footer a:hover,.text-link:hover{color:var(--s-accent)}.nav-cta{color:#e6ede7;border:1px solid #344039;border-radius:6px;align-items:center;gap:17px;padding:11px 14px 11px 16px;font-size:12px;font-weight:550;transition:border-color .16s,background .16s;display:inline-flex}.nav-cta span{color:var(--s-accent);font-size:16px}.nav-cta:hover{background:#a8f2790d;border-color:#809274}.hero-section{grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);align-items:center;gap:clamp(42px,6vw,98px);width:min(100%,1370px);min-height:676px;margin:0 auto;padding:63px 0 70px;display:grid;position:relative}.hero-copy{z-index:1;max-width:560px;position:relative}.eyebrow{color:#a3afa6;letter-spacing:.12em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;line-height:1.5}.hero-copy>.eyebrow{align-items:center;gap:9px;margin-bottom:27px;display:flex}.eyebrow-dot,.studio-session i{background:var(--s-accent);border-radius:99px;width:7px;height:7px;box-shadow:0 0 12px #a8f27980}.hero-copy h1{color:#f4f6f2;letter-spacing:-.071em;max-width:580px;margin:0;font-size:clamp(44px,5.2vw,71px);font-weight:580;line-height:1.035}.hero-copy h1 span,.section-heading h2 span,.genre-intro h2 span{color:#9ba79f}.hero-lead{color:#e2e9e3;letter-spacing:-.015em;max-width:490px;margin:24px 0 0;font-size:16px;font-weight:480;line-height:1.65}.hero-description{max-width:475px;color:var(--s-muted);margin:12px 0 0;font-size:14px;line-height:1.75}.hero-actions{align-items:center;gap:27px;margin-top:29px;display:flex}.splotnut-shell a.button-primary{color:#11160d;background:var(--s-accent);border-radius:5px;align-items:center;gap:22px;min-height:47px;padding:0 17px;font-size:13px;font-weight:650;transition:box-shadow .16s,transform .16s;display:inline-flex}.button-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #a8f27933}.button-primary span{font-size:16px}.text-link{color:#c5cdc7;font-size:12px;font-weight:520}.hero-footnote{color:#77827b;align-items:center;gap:11px;margin-top:38px;font-size:11px;display:flex}.sound-bars{align-items:center;gap:2px;height:16px;display:flex}.sound-bars i{background:var(--s-accent);opacity:.8;border-radius:2px;width:2px}.sound-bars i:first-child,.sound-bars i:nth-child(5){height:6px}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){height:11px}.sound-bars i:nth-child(3){height:15px}.hero-product-wrap{z-index:1;min-width:0;position:relative}.product-orbit{z-index:-1;border:1px solid #a8f2791c;border-radius:50%;width:45%;height:80%;position:absolute;top:-32px;right:3%;transform:rotate(-24deg)}.generator-panel{background:linear-gradient(148deg,#171f1afa,#0d1210fc 76%);border:1px solid #303b34;border-radius:10px;width:100%;max-width:700px;margin-left:auto;padding:19px 21px 15px;position:relative;box-shadow:0 26px 85px #00000061,inset 0 1px #ffffff08}.studio-header,.studio-brandline,.studio-session,.studio-title-row,.composition-head,.composition-head>div,.composition-meta,.roll-heading,.studio-footer{align-items:center;display:flex}.studio-header{border-bottom:1px solid #ffffff14;justify-content:space-between;padding-bottom:15px}.studio-brandline{color:#dfe8df;letter-spacing:-.01em;gap:8px;font-size:11px;font-weight:600}.studio-brandline .brand-mark{width:20px;height:20px}.studio-brandline b{color:#718078;padding:0 3px;font-weight:400}.studio-session{color:#829087;letter-spacing:.08em;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.studio-session i{width:5px;height:5px}.studio-title-row{justify-content:space-between;align-items:flex-end;padding:17px 0 15px}.studio-kicker,.studio-index{color:#839087;letter-spacing:.08em;margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.studio-title-row h2{color:#eef3ee;letter-spacing:-.045em;margin:0;font-size:18px;font-weight:540}.studio-index{color:#647168;margin:0 0 3px}.generator-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.generator-controls label{color:#8d9990;letter-spacing:.03em;flex-direction:column;gap:6px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.generator-controls select{color:#e4ebe5;width:100%;height:37px;font-family:var(--font-body);letter-spacing:-.01em;cursor:pointer;background-color:#111815;border:1px solid #303a34;border-radius:4px;outline:none;padding:0 25px 0 10px;font-size:11px}.generator-controls select:focus-visible{border-color:var(--s-accent);box-shadow:0 0 0 2px #a8f27926}.generator-controls option{color:#e4ebe5;background:#111815}.composition-head{justify-content:space-between;margin:20px 0 9px}.composition-head>div{flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0}.composition-label,.roll-heading{color:#9ba69e;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.composition-meta{color:#748178;gap:6px;font-size:9px}.composition-meta i,.roll-heading i{background:#68756b;border-radius:50%;width:3px;height:3px}.splotnut-shell .generate-button{border:1px solid var(--s-accent);color:#11160d;background:var(--s-accent);white-space:nowrap;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;font-weight:650;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.splotnut-shell .generate-button:hover{background:#c5ffa0;border-color:#c5ffa0;transform:translateY(-1px)}.splotnut-shell .generate-button span{color:#27341f;font-size:14px;line-height:1}.composition-empty{color:#aab5ad;text-align:center;border:1px dashed #354039;border-radius:4px;place-items:center;min-height:152px;padding:20px;font-size:12px;line-height:1.6;display:grid}.chord-sequence{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;display:grid}.chord-cell{background:#ffffff04;border:1px solid #29342d;border-radius:4px;flex-direction:column;justify-content:center;min-height:63px;padding:9px 11px;display:flex;position:relative}.chord-cell:first-child{background:linear-gradient(135deg,#a8f2791a,#a8f27905);border-color:#a8f27961}.chord-number,.chord-hint{color:#748178;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.chord-cell strong{color:#e9f0e9;letter-spacing:-.045em;margin-top:2px;font-size:18px;font-weight:570;line-height:1.1}.chord-cell:first-child strong{color:var(--s-accent)}.chord-hint{color:#556158;font-size:7px;position:absolute;bottom:10px;right:9px}.roll-heading{justify-content:space-between;margin:20px 0 8px}.roll-heading>span:last-child{color:#77847a;align-items:center;gap:7px;font-size:8px;display:flex}.roll-frame{background:#0d120f;border:1px solid #29342d;border-radius:4px;grid-template-columns:24px 1fr;align-items:stretch;height:89px;display:grid;overflow:hidden}.live-playback{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:11px 0 0;padding:0;display:flex}.splotnut-shell .playback-button{color:#e4ebe5;cursor:pointer;background:#151c19;border:1px solid #344039;border-radius:4px;flex:120px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:11px;font-weight:560;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.splotnut-shell .playback-button:hover{background:#1b251f;border-color:#83957c}.splotnut-shell .playback-button[aria-pressed=true]{border-color:var(--s-accent);color:#11160d;background:var(--s-accent)}.playback-button span{font-size:12px}.roll-pitch-labels{color:#657269;flex-direction:column;justify-content:space-around;padding:6px 0 6px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;display:flex}.piano-roll{width:100%;height:100%;display:block}.roll-grid-line{stroke:#d3e7d80d;stroke-width:1px}.roll-bar-line{stroke:#d3e7d821;stroke-width:1px}.roll-note{fill:var(--s-accent);filter:drop-shadow(0 0 4px #a8f27961)}.studio-footer{color:#66736a;letter-spacing:.04em;border-top:1px solid #ffffff12;justify-content:space-between;margin-top:13px;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px}.signal-strip{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;gap:clamp(18px,3.1vw,48px);width:min(100%,1370px);min-height:70px;margin:0 auto;display:flex}.signal-strip p{color:#d4ddd5;white-space:nowrap;align-items:center;gap:9px;margin:0;font-size:11px;display:flex}.signal-strip p span{color:var(--s-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.strip-divider{background:#354039;width:1px;height:17px}.signal-strip .strip-note{color:#78837b;margin-left:auto;font-size:10px}.content-section{width:min(100%,1190px);margin:0 auto}.how-section{grid-template-columns:.82fr 1.18fr;gap:clamp(55px,9vw,130px);padding:126px 0 115px;display:grid}.section-heading{align-self:start;max-width:400px}.section-heading h2,.genre-intro h2,.faq-heading h2{color:#f0f4ef;letter-spacing:-.065em;margin:17px 0 0;font-size:clamp(34px,4vw,48px);font-weight:540;line-height:1.1}.section-heading>p:last-child{color:var(--s-muted);margin:18px 0 0;font-size:13px;line-height:1.8}.steps-list{border-top:1px solid var(--s-line)}.step-row{border-bottom:1px solid var(--s-line);grid-template-columns:39px 1fr auto;align-items:baseline;column-gap:14px;min-height:91px;padding:20px 0 18px;display:grid}.step-index{color:var(--s-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.step-row h3{color:#e9efea;letter-spacing:-.025em;grid-column:2;margin:0;font-size:15px;font-weight:530}.step-row p{color:#8e9a91;grid-column:2;max-width:400px;margin:7px 0 0;font-size:12px;line-height:1.65}.step-mark{color:#76857a;grid-area:1/3/span 2;align-self:center;font-size:20px}.genre-section{border-top:1px solid #ffffff14;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,9vw,130px);padding:73px 0 92px;display:grid}.genre-intro h2{max-width:420px;font-size:clamp(33px,3.8vw,45px)}.genre-lines{border-top:1px solid var(--s-line)}.genre-lines article{border-bottom:1px solid var(--s-line);grid-template-columns:35px 1fr auto;align-items:center;gap:16px;min-height:81px;display:grid}.genre-lines article>span:first-child{color:var(--s-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.genre-lines h3{color:#e8efe9;margin:0;font-size:14px;font-weight:530}.genre-lines p{color:#87948a;margin:5px 0 0;font-size:11px}.faq-section{grid-template-columns:.82fr 1.18fr;gap:clamp(55px,9vw,130px);padding:125px 0 120px;display:grid}.faq-heading h2{font-size:38px}.faq-list{border-top:1px solid var(--s-line)}.faq-list details{border-bottom:1px solid var(--s-line)}.faq-list summary{color:#e5ece6;cursor:pointer;padding:20px 30px 20px 0;font-size:13px;font-weight:500;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--s-accent);content:"+";font-size:18px;font-weight:400;position:absolute;top:17px;right:1px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#98a39a;max-width:590px;margin:-4px 0 20px;font-size:12px;line-height:1.75}.splotnut-footer{color:#859188;border-top:1px solid #ffffff17;align-items:center;gap:30px;width:min(100%,1370px);min-height:91px;margin:0 auto;font-size:10px;display:flex}.splotnut-footer .splotnut-brand{color:#e2e9e3;font-size:15px}.splotnut-footer .brand-mark{width:24px;height:24px}.splotnut-footer p{margin:0}.splotnut-footer>a:nth-of-type(2){margin-left:auto}.footer-copy{color:#627067}.splotnut-shell :focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}@media (max-width:1100px){.hero-section{grid-template-columns:minmax(0,.82fr) minmax(475px,1.18fr);gap:35px}.hero-copy h1{font-size:clamp(45px,5.4vw,61px)}.signal-strip{gap:18px}.signal-strip .strip-note{display:none}}@media (max-width:840px){.splotnut-shell{padding:0 24px}.hero-section{grid-template-columns:1fr;gap:42px;min-height:0;padding:66px 0 56px}.hero-copy{max-width:660px}.hero-copy h1{max-width:640px;font-size:clamp(48px,8vw,68px)}.hero-product-wrap{width:min(100%,700px);margin:0 auto}.generator-panel{max-width:none}.how-section,.genre-section,.faq-section{grid-template-columns:1fr;gap:37px;padding:88px 0}.section-heading,.genre-intro{max-width:570px}}@media (max-width:560px){.splotnut-shell{padding:0 18px}.splotnut-shell:before{opacity:.65;width:110%;height:38px;top:320px;right:-35%}.splotnut-nav{height:68px}.splotnut-brand{gap:8px;font-size:17px}.splotnut-nav .brand-mark{width:27px;height:27px}.splotnut-nav-links{display:none}.nav-cta{gap:8px;padding:9px 10px;font-size:10px}.hero-section{gap:34px;padding:53px 0 42px}.hero-copy>.eyebrow{margin-bottom:19px;font-size:9px}.hero-copy h1{letter-spacing:-.075em;font-size:clamp(43px,12vw,55px)}.hero-lead{margin-top:19px;font-size:14px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:17px 20px;margin-top:23px}.button-primary{min-height:44px}.hero-footnote{align-items:flex-start;margin-top:26px;font-size:10px;line-height:1.6}.sound-bars{flex:none;margin-top:1px}.product-orbit{width:52%;height:42%;top:-13px;right:-2%}.generator-panel{border-radius:8px;padding:14px 12px 12px}.studio-header{padding-bottom:11px}.studio-session{font-size:7px}.studio-title-row{padding:14px 0 12px}.studio-title-row h2{font-size:16px}.generator-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generator-controls label:nth-child(3){grid-column:1/-1}.generator-controls label{gap:5px;font-size:8px}.generator-controls select{height:35px;padding-left:7px;padding-right:17px;font-size:10px}.composition-head{margin-top:16px}.splotnut-shell .generate-button{gap:3px;padding:0 8px;font-size:9px}.chord-sequence{gap:5px}.chord-cell{min-height:58px;padding:7px}.chord-cell strong{font-size:16px}.chord-hint{font-size:6px;bottom:7px;right:6px}.roll-frame{grid-template-columns:20px 1fr;height:77px}.roll-pitch-labels{padding-left:4px;font-size:6px}.studio-footer{margin-top:11px;font-size:6px}.signal-strip{flex-wrap:wrap;gap:11px 15px;min-height:76px;padding:13px 0}.signal-strip p{gap:6px;font-size:9px}.signal-strip p span{font-size:8px}.strip-divider{height:13px}.how-section,.genre-section,.faq-section{gap:28px;padding:70px 0}.section-heading h2,.genre-intro h2{font-size:36px}.section-heading>p:last-child{font-size:12px}.step-row{grid-template-columns:29px 1fr auto;column-gap:9px;min-height:86px}.step-row h3{font-size:14px}.step-row p{font-size:11px}.genre-lines article{grid-template-columns:25px 1fr auto;gap:9px;min-height:78px}.genre-lines h3{font-size:12px}.genre-lines p{max-width:230px;font-size:9px;line-height:1.45}.faq-heading h2{font-size:34px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.splotnut-footer{grid-template-columns:1fr auto;gap:9px 14px;padding:17px 0;display:grid}.splotnut-footer p{grid-area:2/1}.splotnut-footer>a:nth-of-type(2){grid-area:1/2;margin:0;font-size:9px}.footer-copy{text-align:right;grid-area:2/2}}@media (prefers-reduced-motion:reduce){.splotnut-shell *,.splotnut-shell :before,.splotnut-shell :after,.splotnut-shell :hover,.splotnut-shell :focus-visible{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}.generator-result-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;display:flex}.generator-result-actions p{color:#c9d4cc;flex-basis:100%;margin:0;font-size:11px;line-height:1.55}.playback-link,.pricing-return-links a,.pricing-message a{color:#c5ffa0;text-underline-offset:3px;font-size:12px;font-weight:600;text-decoration:underline}.draft-access-state{color:#d1dbd3;margin:14px 0 0;font-size:11px;line-height:1.5;display:block}.saved-export-panel{background:#111715;border:1px solid #344039;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:21px;display:flex}.saved-export-panel h2{color:#f1f5f0;margin:0;font-size:18px;font-weight:550}.saved-export-panel p:not(.draft-eyebrow){color:#c4cec6;max-width:520px;margin:8px 0 0;font-size:12px;line-height:1.6}.saved-export-panel .draft-status{color:#c4cec6}.splotnut-pricing-page{padding-top:clamp(48px,8vw,94px)}.pricing-content{width:min(100%,920px);margin:0 auto}.pricing-heading{max-width:720px;margin-bottom:36px}.pricing-heading>p:last-child,.pricing-card>p:not(.draft-eyebrow),.pricing-note,.pricing-message p{color:#c4cec6;font-size:14px;line-height:1.7}.pricing-heading>p:last-child{max-width:620px;margin:16px 0 0}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pricing-card{background:linear-gradient(145deg,#111715,#0d1210);border:1px solid #344039;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(22px,4vw,32px);display:flex}.pricing-card-featured{border-color:#728a5d;box-shadow:inset 0 0 0 1px #a8f27914}.pricing-card .draft-eyebrow{color:#c5ffa0}.pricing-amount{flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:12px;display:flex}.pricing-amount strong{color:#f1f5f0;letter-spacing:-.055em;font-size:clamp(34px,6vw,46px);font-weight:580;line-height:1}.pricing-amount span{color:#c4cec6;font-size:12px}.pricing-card>p:not(.draft-eyebrow){min-height:48px;margin:18px 0 5px;font-size:13px}.pricing-card ul{color:#d7e0d9;gap:10px;width:100%;margin:11px 0 26px;padding-left:19px;font-size:12px;line-height:1.6;display:grid}.pricing-card>.draft-primary-link,.pricing-card>.draft-primary-button{width:100%;min-height:44px;margin-top:auto}.pricing-note{max-width:820px;margin:22px 0 0;font-size:12px}.pricing-currency-note{color:#e2eadf;background:#111715;border:1px solid #495746;border-radius:5px;padding:14px 16px}.pricing-message{background:#1a1412;border:1px solid #79564e;border-radius:6px;margin-top:20px;padding:16px}.pricing-message p{color:#ffe3dc;margin:0 0 9px;font-size:13px}.pricing-return-links{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}@media (max-width:560px){.saved-export-panel{flex-direction:column;align-items:flex-start;padding:17px}.pricing-grid{grid-template-columns:minmax(0,1fr)}.pricing-heading{margin-bottom:26px}.pricing-card>p:not(.draft-eyebrow){min-height:0}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/inter-400-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/inter-400-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/inter-500-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/inter-500-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/inter-600-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/inter-600-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/inter-700-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/inter-700-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.site-auth-nav-desktop{display:none}.splotnut-auth-nav{align-items:center;gap:7px;display:flex}.splotnut-auth-nav .splotnut-auth-link{color:#dce5de;min-height:36px;font-family:var(--font-body);white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 11px;font-size:12px;font-weight:550;line-height:1;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.splotnut-auth-nav .splotnut-auth-link:hover{color:#f1f5f0;border-color:#344039}.splotnut-auth-nav .splotnut-auth-signup{color:#10150d;background:#a8f279;border-color:#a8f279}.splotnut-auth-nav .splotnut-auth-signup:hover{color:#10150d;background:#c5ffa0;border-color:#c5ffa0}.splotnut-auth-nav .splotnut-auth-signout{cursor:pointer;background:0 0}.draft-page{min-height:calc(100dvh - 56px);color:var(--foreground);background:radial-gradient(ellipse at 88% 0%, #a8f2790f, transparent 34rem), var(--background);padding:clamp(38px,7vw,82px) 24px}.draft-content{width:min(100%,1000px);margin:0 auto}.draft-page-heading,.saved-composition-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.draft-page .draft-eyebrow{color:#a8f279;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.5}.draft-page h1,.draft-empty-card h1,.saved-composition h1{color:#f1f5f0;letter-spacing:-.055em;margin:0;font-size:clamp(30px,5vw,45px);font-weight:560;line-height:1.08}.draft-page-heading>div>p:last-child,.draft-empty-card>p:not(.draft-eyebrow){color:#9aa59d;max-width:570px;margin:13px 0 0;font-size:14px;line-height:1.7}.draft-page .draft-primary-link,.draft-page .draft-secondary-link,.draft-page .draft-primary-button{color:#10150d;min-height:42px;font:inherit;white-space:nowrap;cursor:pointer;background:#a8f279;border:1px solid #a8f279;border-radius:5px;justify-content:center;align-items:center;padding:0 15px;font-size:12px;font-weight:650;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex}.draft-primary-link:hover,.draft-primary-button:hover{background:#c5ffa0;border-color:#c5ffa0}.draft-page .draft-secondary-link{color:#e3ebe4;background:0 0;border-color:#344039;font-weight:520}.draft-secondary-link:hover{background:#a8f2790d;border-color:#84927e}.draft-empty-card{background:linear-gradient(145deg,#111715,#0d1210);border:1px solid #28312d;border-radius:8px;width:min(100%,620px);margin:68px auto;padding:clamp(24px,5vw,44px)}.draft-empty-card h1,.draft-empty-card h2{color:#f1f5f0;letter-spacing:-.045em;max-width:500px;margin:0;font-size:clamp(25px,4vw,34px);font-weight:550;line-height:1.17}.draft-empty-card h2{font-size:23px}.draft-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.draft-empty-card>.draft-primary-link{margin-top:24px}.draft-empty-mark{color:#a8f279;margin-bottom:16px;font-size:33px;display:block}.draft-page .draft-status{color:#9aa59d;width:min(100%,1000px);margin:25px auto;font-size:13px}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.draft-card{min-width:0;color:inherit;background:linear-gradient(145deg,#111715,#0e1311);border:1px solid #28312d;border-radius:7px;padding:21px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s}.draft-card:hover{background:#121a16;border-color:#526548;transform:translateY(-2px)}.draft-card-topline,.draft-card-bottomline{color:#9aa59d;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.draft-card h2{color:#f1f5f0;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:19px 0 16px;font-size:20px;font-weight:560;overflow:hidden}.draft-chord-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.draft-chord-strip span{color:#dce5de;background:#151c19;border:1px solid #28312d;border-radius:4px;place-items:center;min-height:45px;font-size:14px;font-weight:620;display:grid}.chord-sequence,.draft-chord-strip,.saved-chord-sequence{border:0;min-inline-size:0;margin:0;padding:0}.draft-card-bottomline{font-family:var(--font-body);letter-spacing:0;text-transform:none;margin-top:18px;font-size:10px}.draft-detail-content{max-width:840px}.draft-back-link{color:#b9c5bb;margin-bottom:27px;font-size:12px;text-decoration:none;display:inline-block}.draft-back-link:hover{color:#a8f279}.saved-composition{background:linear-gradient(145deg,#111715,#0d1210);border:1px solid #28312d;border-radius:8px;padding:clamp(20px,4vw,34px)}.saved-composition-heading{align-items:start;margin-bottom:25px}.saved-variation{color:#b4c0b7;letter-spacing:.08em;white-space:nowrap;border:1px solid #344039;border-radius:4px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.saved-settings{border-top:1px solid #28312d;border-bottom:1px solid #28312d;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 34px;padding:15px 0;display:grid}.saved-settings div{min-width:0}.saved-settings dt{color:#849087;margin-bottom:6px;font-size:10px}.saved-settings dd{color:#e2e9e3;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.saved-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.saved-section-heading h2{color:#e4ebe5;margin:0;font-size:12px;font-weight:550}.saved-section-heading>span{color:#9aa59d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.saved-chord-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.saved-chord{background:#151c19;border:1px solid #28312d;border-radius:5px;flex-direction:column;justify-content:space-between;min-height:75px;padding:10px 12px;display:flex}.saved-chord span{color:#849087;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.saved-chord strong{color:#f1f5f0;font-size:21px;font-weight:580}.saved-melody-heading{margin-top:30px}.saved-roll-frame{background:#0d1210;border:1px solid #28312d;border-radius:5px;grid-template-columns:36px minmax(0,1fr);height:150px;display:grid;overflow:hidden}.saved-roll-labels{color:#849087;border-right:1px solid #28312d;flex-direction:column;justify-content:space-around;padding:13px 0 13px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:flex}.saved-roll{width:100%;height:100%}.saved-roll-grid{stroke:#222b26;stroke-width:1px}.saved-roll-bar{stroke:#344039;stroke-width:1px}.saved-roll-note{fill:#a8f279}.saved-playback-row{align-items:center;gap:15px;margin-top:20px;display:flex}.saved-playback-controls{border:0;flex-wrap:wrap;gap:9px;min-inline-size:0;margin:0;padding:0;display:flex}.draft-page .draft-primary-button{gap:9px}.draft-primary-button span{font-size:11px}.saved-playback-row p{color:#9aa59d;margin:0;font-size:11px}.auth-page{background:radial-gradient(ellipse at 50% 32%, #a8f2790f, transparent 28rem), var(--background);place-items:center;min-height:calc(100dvh - 56px);padding:52px 20px 72px;display:grid}.auth-card{background:linear-gradient(145deg,#111715,#0d1210);border:1px solid #28312d;border-radius:8px;width:min(100%,440px);padding:clamp(25px,5vw,42px);box-shadow:0 24px 70px #0003}.auth-eyebrow{color:#a8f279;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.auth-card h1{color:#f1f5f0;letter-spacing:-.055em;margin:0;font-size:clamp(30px,7vw,39px);font-weight:560;line-height:1.1}.auth-description{color:#9aa59d;margin:12px 0 27px;font-size:13px;line-height:1.65}.auth-form{flex-direction:column;gap:9px;display:flex}.auth-label{color:#dce5de;margin-top:7px;font-size:12px;font-weight:520}.auth-input{color:#f1f5f0;background:#0b100e;border-color:#344039;border-radius:5px;min-height:43px;font-size:13px}.auth-input::placeholder{color:#65716a}.auth-input:focus-visible{border-color:#a8f279;box-shadow:0 0 0 2px #a8f27929}.auth-submit{color:#10150d;background:#a8f279;border:1px solid #a8f279;border-radius:5px;min-height:44px;margin-top:12px;font-size:12px;font-weight:650}.auth-submit:hover{color:#10150d;background:#c5ffa0;border-color:#c5ffa0}.auth-switch{color:#9aa59d;text-align:center;margin:21px 0 0;font-size:12px}.auth-switch a{color:#c5ffa0;font-weight:600;text-decoration:none}.auth-switch a:hover{text-underline-offset:3px;text-decoration:underline}.auth-form [role=alert],.auth-form p.text-destructive{color:#ff8a78;font-size:12px}.auth-page :focus-visible,.draft-page :focus-visible,.splotnut-auth-nav :focus-visible,.generator-panel :focus-visible{outline-offset:3px;outline:2px solid #a8f279}.profile-content{max-width:680px}.profile-email{color:#9aa59d;margin:10px 0 25px;font-size:14px}.profile-verification,.profile-account-card{background:linear-gradient(145deg,#111715,#0d1210);border:1px solid #28312d;border-radius:7px;margin-top:20px;padding:21px}.profile-verification h2,.profile-account-card h2{color:#f1f5f0;margin:0;font-size:18px;font-weight:550}.profile-verification p{color:#9aa59d;font-size:12px;line-height:1.6}.profile-verification button{color:#10150d;background:#a8f279;border:1px solid #a8f279;min-height:38px}.profile-verified{color:#c5ffa0;border:1px solid #344039;border-radius:4px;padding:9px 11px;font-size:12px;display:inline-block}.profile-account-card dl{gap:13px;margin:0;display:grid}.profile-account-card dl div{justify-content:space-between;gap:12px;display:flex}.profile-account-card dt{color:#9aa59d;font-size:12px}.profile-account-card dd{color:#e2e9e3;text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px}.profile-actions{flex-wrap:wrap;gap:10px;margin-top:21px;display:flex}@media (min-width:768px){.site-auth-nav-desktop{display:block}}@media (max-width:840px){.splotnut-nav-links{display:none}}@media (max-width:560px){.splotnut-nav{flex-wrap:wrap;row-gap:9px;height:auto;min-height:68px;padding:9px 0 10px}.splotnut-brand{gap:6px;font-size:16px}.splotnut-nav .brand-mark{width:25px;height:25px}.splotnut-nav-links{flex:1 0 100%;order:1;justify-content:space-between;gap:8px;margin:0;font-size:10px;display:flex}.splotnut-locale-switcher{gap:0;padding:2px}.splotnut-shell .splotnut-locale-option{min-width:24px;padding:0 3px}.splotnut-nav .nav-cta{display:none}.splotnut-auth-nav{gap:2px}.splotnut-auth-nav .splotnut-auth-link{min-height:32px;padding:0 3px;font-size:9px}.splotnut-auth-nav .splotnut-auth-profile{display:none}.draft-page{padding:38px 18px 52px}.draft-page-heading{flex-direction:column;align-items:flex-start;gap:18px}.draft-grid{grid-template-columns:1fr}.draft-card{padding:17px}.saved-composition-heading{flex-direction:column;gap:14px}.saved-settings{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:17px}.saved-chord-sequence{gap:5px}.saved-chord{min-height:65px;padding:8px}.saved-chord strong{font-size:17px}.saved-roll-frame{grid-template-columns:27px minmax(0,1fr);height:110px}.saved-playback-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.draft-page *,.draft-page :before,.draft-page :after,.auth-page *,.auth-page :before,.auth-page :after,.auth-page :hover,.auth-page :focus-visible,.draft-page :hover,.draft-page :focus-visible{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}.pricing-switch-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin:0 0 18px;display:flex}.pricing-segmented{background:#111715;border:1px solid #344039;border-radius:8px;flex-wrap:wrap;gap:5px;margin:0;padding:5px;display:flex}.pricing-segmented legend{color:#aab7ad;padding:0 5px;font-size:11px}.pricing-segmented button{color:#c4cec6;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:7px 11px;font-size:12px}.pricing-segmented button[aria-pressed=true]{color:#eff8ea;background:#1b251b;border-color:#526547}.pricing-segmented button small{color:#b6de9f;font-size:9px;display:block}.pricing-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card .pricing-savings,.pricing-card .lifetime-remaining{color:#c5ffa0;min-height:auto;margin:0 0 14px;font-size:11px}.pricing-consent{color:#d5ded7;align-items:flex-start;gap:11px;max-width:760px;margin:25px 0 0;font-size:12px;line-height:1.65;display:flex}.pricing-consent input{accent-color:#b6f28e;flex:none;width:17px;height:17px}.pricing-consent a,.pricing-return-links a,.pricing-note a{color:#c5ffa0;text-underline-offset:3px}.pricing-card>.draft-primary-button:disabled{cursor:not-allowed;opacity:.55}.plan-comparison,.pricing-faq{border-top:1px solid #344039;margin-top:40px;padding-top:25px}.plan-comparison h2,.pricing-faq h2{color:#f1f5f0;letter-spacing:-.035em;margin:0 0 17px;font-size:clamp(20px,3vw,27px)}.plan-comparison-scroll{overflow-x:auto}.plan-comparison table{border-collapse:collapse;color:#d5ded7;text-align:left;width:100%;font-size:12px}.plan-comparison th,.plan-comparison td{border-bottom:1px solid #29332d;min-width:130px;padding:13px 12px}.plan-comparison thead th,.plan-comparison tbody th{color:#c5ffa0;font-weight:600}.pricing-faq details{color:#d5ded7;border-bottom:1px solid #29332d;padding:15px 0}.pricing-faq summary{color:#f1f5f0;cursor:pointer;font-size:14px}.pricing-faq details p{color:#c4cec6;max-width:760px;margin:11px 0 0;font-size:13px;line-height:1.7}.legal-document{color:#d5ded7;width:min(100% - 36px,760px);margin:0 auto;padding:clamp(48px,8vw,88px) 0 80px}.legal-document-heading{margin-bottom:40px}.legal-document-heading h1{color:#f1f5f0;letter-spacing:-.055em;margin:10px 0 13px;font-size:clamp(36px,7vw,58px);line-height:1.05}.legal-document-heading>p:last-child,.legal-document section p{color:#c4cec6;font-size:14px;line-height:1.8}.legal-document section{margin-top:28px}.legal-document section h2{color:#eaf1eb;letter-spacing:-.02em;margin:0 0 8px;font-size:19px}.seo-progression-chords{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.seo-progression-chords li{background:#111715;border:1px solid #344039;border-radius:6px;min-width:0;padding:12px 10px}.seo-progression-chords li span,.seo-progression-chords li strong{display:block}.seo-progression-chords li span{color:#9aa99d;margin-bottom:6px;font-size:10px}.seo-progression-chords li strong{overflow-wrap:anywhere;color:#f1f5f0;font-size:16px}.seo-related-links{border-top:1px solid #344039;flex-wrap:wrap;align-items:baseline;gap:12px 20px;margin-top:34px;padding-top:22px;display:flex}.seo-related-links h2{color:#f1f5f0;width:100%;margin:0;font-size:19px}.seo-related-links a{color:#c5ffa0;text-underline-offset:3px;font-size:12px}@media (max-width:820px){.pricing-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pricing-plans-grid{grid-template-columns:minmax(0,1fr)}.pricing-switch-row{flex-direction:column;align-items:stretch}.pricing-segmented{width:100%}.pricing-segmented button{flex:1}.seo-progression-chords{grid-template-columns:repeat(2,minmax(0,1fr))}}.melody-options{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:12px;margin:12px 0 4px;display:grid}.density-control{color:#aab5ad;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:8px;font-size:10px;display:grid}.density-control input{accent-color:#b6f28e;width:100%}.density-control output{color:#e4ebe5;font-variant-numeric:tabular-nums}.chord-lock-control{color:#d5ded7;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.chord-lock-control input{accent-color:#b6f28e;flex:none;width:16px;height:16px}.humanize-options{grid-template-columns:minmax(80px,.7fr) minmax(150px,1.3fr);align-items:center;gap:12px;margin:8px 0 4px;display:grid}.humanize-toggle,.humanize-strength{color:#d5ded7;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.humanize-toggle input{accent-color:#b6f28e;flex:none;width:16px;height:16px}.humanize-strength input{accent-color:#b6f28e;width:100%}.humanize-strength input:disabled{opacity:.42}.humanize-strength output{color:#e4ebe5;font-variant-numeric:tabular-nums}.plan-usage-line,.preview-note,.tempo-unset-note{color:#bac7bc;margin:8px 0;font-size:10px;line-height:1.5;display:block}.preview-note{color:#c5ffa0}.melody-variant-list{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;margin-top:8px;padding:0;display:grid}.splotnut-shell .melody-variant{color:#c4cec6;cursor:pointer;background:#101612;border:1px solid #344039;border-radius:4px;gap:5px;min-width:0;padding:7px;display:grid}.splotnut-shell .melody-variant.is-selected{color:#eff8ea;background:#172018;border-color:#b6f28e}.melody-variant>span{text-align:left;font-size:9px}.melody-variant .piano-roll{height:36px}.splotnut-lab{color:var(--foreground);gap:22px;display:grid}.lab-page-heading,.lab-section-heading,.lab-sample-heading,.lab-sample-actions,.lab-review-actions,.lab-control-bar,.lab-stat-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-page-heading{align-items:flex-end}.lab-heading-tools{align-items:center;gap:14px;display:flex}.lab-page-heading h1{letter-spacing:-.045em;margin:3px 0 5px;font-size:clamp(26px,4vw,38px)}.lab-page-heading p,.lab-pending-note,.lab-sample-meta,.lab-stat-name span{color:var(--muted-foreground);font-size:12px}.lab-eyebrow,.lab-sample-sequence,.lab-sample-batch{color:var(--s-accent,#b6f28e);letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.lab-sample-total,.lab-section-heading>span{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.lab-pending-note{border:1px solid var(--s-accent,#b6f28e);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.lab-pending-note{border:1px solid color-mix(in srgb, var(--s-accent,#b6f28e) 24%, transparent)}}.lab-pending-note{background:var(--s-accent,#b6f28e);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.lab-pending-note{background:color-mix(in srgb, var(--s-accent,#b6f28e) 5%, transparent)}}.lab-error,.lab-denied{color:#ffb4a8;font-size:13px}.lab-control-bar{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;padding:13px}.lab-control-bar label,.lab-comment-label{color:var(--muted-foreground);gap:5px;font-size:10px;display:grid}.lab-control-bar select,.lab-comment-label input{border:1px solid var(--border);background:var(--background);min-height:36px;color:var(--foreground);border-radius:5px;padding:0 10px;font-size:12px}.lab-section{gap:13px;display:grid}.lab-section-heading h2{letter-spacing:-.02em;margin:0;font-size:17px}.lab-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lab-sample-card{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.lab-sample-heading strong{letter-spacing:-.025em;margin-top:4px;font-size:16px;display:block}.lab-sample-batch{border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;border-radius:4px;padding:5px 7px}.lab-sample-meta{flex-wrap:wrap;gap:5px 11px;font-size:10px;display:flex}.lab-note-preview{border-bottom:1px solid var(--border);background:linear-gradient(to bottom, transparent 48%, var(--border) 50%, transparent 52%);height:38px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lab-note-preview{background:linear-gradient(to bottom, transparent 48%, color-mix(in srgb, var(--border) 65%, transparent) 50%, transparent 52%)}}.lab-note-preview i{background:var(--s-accent,#b6f28e);border-radius:2px 2px 0 0;width:3px;position:absolute;bottom:2px}.lab-sample-actions,.lab-review-actions{flex-wrap:wrap;justify-content:flex-start}.lab-comment-label input{width:100%}.lab-saved-comment{color:var(--muted-foreground);margin:0;font-size:11px}.lab-stat-group{gap:7px;display:grid}.lab-stat-group h3{color:var(--muted-foreground);letter-spacing:.07em;text-transform:uppercase;margin:8px 0 0;font-size:11px;font-weight:600}.lab-stat-list{border:1px solid var(--border);background:var(--card);border-radius:7px;display:grid}.lab-stat-row{border-bottom:1px solid var(--border);min-width:0;padding:8px 10px}.lab-stat-row:last-child{border-bottom:0}.lab-stat-name{flex:1;gap:3px;min-width:0;display:grid}.lab-stat-name strong{overflow-wrap:anywhere;font-size:11px;font-weight:550}.lab-stat-name span{font-size:9px}.lab-stat-state{color:var(--s-accent,#b6f28e);white-space:nowrap;font-size:9px}.lab-stat-state.is-disabled{color:var(--muted-foreground)}.lab-loading,.lab-denied{text-align:center;padding:30px 12px}@media (max-width:760px){.lab-sample-grid{grid-template-columns:minmax(0,1fr)}.lab-page-heading{flex-direction:column;align-items:flex-start}.lab-heading-tools,.lab-stat-row{flex-wrap:wrap}}.midi-export-actions{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;margin-top:8px;padding:0;display:grid}.splotnut-shell .midi-export-actions .playback-button{min-width:0;min-height:45px;padding:6px;font-size:9px;line-height:1.25}@media (max-width:420px){.melody-options{grid-template-columns:minmax(0,1fr);gap:9px}.humanize-options{grid-template-columns:minmax(0,1fr);gap:8px}.midi-export-actions{gap:5px}.splotnut-shell .midi-export-actions .playback-button{font-size:8px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090d0c;--foreground:#f1f5f0;--card:#111715;--card-foreground:#f1f5f0;--popover:#111715;--popover-foreground:#f1f5f0;--primary:#a8f279;--primary-foreground:#10150d;--secondary:#1a211e;--secondary-foreground:#e7eee8;--muted:#19201d;--muted-foreground:#9aa59d;--accent:#1a2820;--accent-foreground:#c5ffa0;--destructive:#ef685a;--border:#28312d;--input:#28312d;--ring:#a8f279;--radius:.75rem;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Inter", ui-sans-serif, system-ui, sans-serif}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090d0c;--foreground:#f1f5f0;--card:#111715;--card-foreground:#f1f5f0;--popover:#111715;--popover-foreground:#f1f5f0;--primary:#a8f279;--primary-foreground:#10150d;--secondary:#1a211e;--secondary-foreground:#e7eee8;--muted:#19201d;--muted-foreground:#9aa59d;--accent:#1a2820;--accent-foreground:#c5ffa0;--destructive:#ef685a;--border:#28312d;--input:#28312d;--ring:#a8f279}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}