@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-yellow-50:oklch(98.5% .04 92);--color-yellow-100:oklch(96.5% .08 92);--color-yellow-200:oklch(93.5% .13 92);--color-yellow-300:oklch(89.5% .17 92);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .19 88);--color-yellow-600:oklch(70% .17 80);--color-yellow-700:oklch(58% .14 70);--color-yellow-800:oklch(43% .11 65);--color-yellow-900:oklch(30% .08 60);--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--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);--color-cream-50:oklch(99.2% .005 90);--color-cream-100:oklch(97.5% .008 88);--color-cream-200:oklch(94.5% .01 86);--color-cream-300:oklch(90% .012 84);--color-cream-400:oklch(78% .014 82);--color-cream-500:oklch(62% .014 80);--color-cream-600:oklch(48% .014 78);--color-cream-700:oklch(36% .014 75);--color-cream-800:oklch(23% .014 70);--color-cream-900:oklch(15% .012 65);--color-cream-950:oklch(9% .01 60);--color-bg:var(--bg);--color-primary:var(--primary)}}@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;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}}@layer components;@layer utilities{.\@container{container-type:inline-size}.static{position:static}.sticky{position:sticky}.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}}.block{display:block}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--yellow-50:var(--color-yellow-50);--yellow-100:var(--color-yellow-100);--yellow-200:var(--color-yellow-200);--yellow-300:var(--color-yellow-300);--yellow-400:var(--color-yellow-400);--yellow-500:var(--color-yellow-500);--yellow-600:var(--color-yellow-600);--yellow-700:var(--color-yellow-700);--yellow-800:var(--color-yellow-800);--yellow-900:var(--color-yellow-900);--cream-50:var(--color-cream-50);--cream-100:var(--color-cream-100);--cream-200:var(--color-cream-200);--cream-300:var(--color-cream-300);--cream-400:var(--color-cream-400);--cream-500:var(--color-cream-500);--cream-600:var(--color-cream-600);--cream-700:var(--color-cream-700);--cream-800:var(--color-cream-800);--cream-900:var(--color-cream-900);--cream-950:var(--color-cream-950);--green-500:oklch(70% .15 145);--red-500:oklch(64% .22 25);--blue-500:oklch(62% .18 240);--bg:var(--cream-50);--bg-elevated:oklch(100% 0 0);--bg-muted:var(--cream-100);--bg-subtle:var(--cream-200);--fg:oklch(18% .012 70);--fg-muted:var(--cream-700);--fg-subtle:var(--cream-600);--border:oklch(90% .01 84);--border-strong:oklch(82% .012 82);--primary:var(--yellow-400);--primary-fg:oklch(18% .012 70);--primary-hover:oklch(87% .199 91.936);--accent:var(--yellow-200);--success:var(--green-500);--destructive:var(--red-500);--info:var(--blue-500);--ring:var(--yellow-400)}@supports (color:color-mix(in lab,red,red)){:root{--ring:color-mix(in oklch, var(--yellow-400), transparent 50%)}}:root{--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--shadow-xs:0 1px 2px oklch(20% .012 70/.04);--shadow-sm:0 1px 3px oklch(20% .012 70/.06), 0 1px 2px oklch(20% .012 70/.04);--shadow-md:0 4px 12px oklch(20% .012 70/.08), 0 2px 4px oklch(20% .012 70/.04);--shadow-lg:0 12px 32px oklch(20% .012 70/.1), 0 4px 8px oklch(20% .012 70/.05);--shadow-drip:0 2px 0 oklch(70% .17 80/.5), 0 6px 0 -2px oklch(70% .17 80/.35), 0 16px 24px -8px oklch(70% .17 80/.45);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--sidebar-w:248px;--content-max:880px}[data-theme=dark]{--bg:var(--cream-950);--bg-elevated:oklch(13% .012 65);--bg-muted:oklch(16.5% .012 68);--bg-subtle:oklch(21% .012 70);--fg:oklch(96.5% .01 88);--fg-muted:oklch(76% .014 82);--fg-subtle:oklch(58% .014 78);--border:oklch(23.5% .012 70);--border-strong:oklch(32% .014 72);--primary:oklch(85.2% .199 91.936);--primary-fg:oklch(15% .012 65);--primary-hover:oklch(88% .19 91.936);--accent:oklch(33% .11 80);--shadow-drip:0 2px 0 oklch(85.2% .199 91.936/.35), 0 6px 0 -2px oklch(85.2% .199 91.936/.22), 0 16px 24px -8px oklch(0% 0 0/.6);--ring:var(--yellow-400)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--ring:color-mix(in oklch, var(--yellow-400), transparent 30%)}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:var(--font-sans);font-feature-settings:"ss01","cv11";color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}::selection{background:var(--yellow-400);color:#15110c}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}hr{border:0;border-top:1px solid var(--border);margin:0}.shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:18px;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.brand{border-radius:var(--r-md);align-items:center;gap:10px;padding:6px 8px;display:flex}.brand img{object-fit:contain;width:36px;height:36px}.brand-name{letter-spacing:-.01em;flex-direction:column;font-size:15px;font-weight:700;line-height:1.1;display:flex}.brand-name small{color:var(--fg-subtle);letter-spacing:0;font-size:11px;font-weight:500}.nav{flex-direction:column;gap:1px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);padding:14px 10px 6px;font-size:11px;font-weight:600}.nav a{border-radius:var(--r-sm);color:var(--fg-muted);align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:500;transition:background .14s ease-out,color .14s ease-out;display:flex}.nav a:hover{background:var(--bg-muted);color:var(--fg)}.nav a.active{background:var(--yellow-400);color:#15110c;font-weight:600}.nav a .num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);color:var(--fg-subtle);width:18px;font-size:11px}.nav a.active .num{color:#15110c8c}.sidebar-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;position:relative}.theme-toggle button{cursor:pointer;width:28px;height:28px;color:var(--fg-subtle);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:all .16s ease-out;display:inline-flex}.theme-toggle button[aria-pressed=true]{background:var(--yellow-400);color:#15110c}.theme-toggle svg{width:14px;height:14px}.kbd{font-family:var(--font-mono);background:var(--bg-muted);border:1px solid var(--border);color:var(--fg-muted);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:10.5px}.main{max-width:calc(var(--content-max) + 128px);padding:56px 64px 160px}section.s{border-top:1px solid var(--border);padding:56px 0 24px;scroll-margin-top:32px}section.s:first-of-type{border-top:0;padding-top:32px}.s-head{align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.s-num{font-family:var(--font-mono);color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}.s-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.s-lede{color:var(--fg-muted);max-width:60ch;margin:-16px 0 28px;font-size:15.5px}.t-display{letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:.95}.t-h1{letter-spacing:-.03em;font-size:48px;font-weight:700;line-height:1.05}.t-h2{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.15}.t-h3{letter-spacing:-.015em;font-size:22px;font-weight:600;line-height:1.25}.t-body{font-size:15px;line-height:1.6}.t-caption{color:var(--fg-muted);letter-spacing:.005em;font-size:12.5px;line-height:1.4}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.tabular{font-variant-numeric:tabular-nums}.example{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);margin-bottom:16px;overflow:hidden}.example-stage{background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0) 0 0 / 16px 16px;background-color:var(--bg-elevated);flex-wrap:wrap;align-items:center;gap:16px;padding:32px;display:flex}.example-stage.col{flex-direction:column;align-items:stretch}.example-stage.center{justify-content:center}.example-code{border-top:1px solid var(--border);background:var(--bg-muted);position:relative}.example-code pre{font-family:var(--font-mono);color:var(--fg-muted);margin:0;padding:16px 20px;font-size:12.5px;line-height:1.6;overflow-x:auto}.example-note{color:var(--fg-subtle);border-top:1px solid var(--border);background:var(--bg);align-items:center;gap:8px;padding:10px 20px;font-size:12.5px;display:flex}.example-note:before{content:"";background:var(--yellow-400);border-radius:999px;flex:none;width:4px;height:4px}.copy-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-sm);font-size:11.5px;font-family:var(--font-mono);color:var(--fg-muted);cursor:pointer;padding:4px 10px;transition:all .14s ease-out;position:absolute;top:10px;right:10px}.copy-btn:hover{color:var(--fg);border-color:var(--border-strong)}.hero{border-radius:var(--r-2xl);background:var(--yellow-400);color:#15110c;isolation:isolate;padding:64px 56px 72px;position:relative;overflow:hidden}.hero-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:16px;font-size:12px}.hero h1{letter-spacing:-.035em;max-width:14ch;margin:0 0 20px;font-size:clamp(48px,7vw,84px);font-weight:800;line-height:.94}.hero p{color:#2c2217;max-width:52ch;margin:0 0 32px;font-size:18px;line-height:1.5}.hero-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#2c2217;flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.hero-meta span b{color:#15110c;font-weight:700}.hero-holes{pointer-events:none;z-index:-1;opacity:.55;position:absolute;inset:0}.hero-octo{filter:drop-shadow(0 20px 40px oklch(30% .08 60/.25));pointer-events:none;width:280px;position:absolute;bottom:-50px;right:-40px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;display:grid}.swatch{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elevated);overflow:hidden}.swatch-color{aspect-ratio:16/9;border-bottom:1px solid var(--border)}.swatch-meta{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.swatch-name{font-size:13px;font-weight:600}.swatch-val{font-family:var(--font-mono);color:var(--fg-subtle);letter-spacing:-.01em;font-size:10.5px}.scale-row{grid-template-columns:repeat(11,1fr);gap:4px;width:100%;display:grid}.scale-cell{aspect-ratio:1/1.4;border-radius:var(--r-sm);font-family:var(--font-mono);justify-content:center;align-items:flex-end;padding:6px 4px;font-size:10px;font-weight:600;display:flex}.type-row{border-bottom:1px dashed var(--border);grid-template-columns:88px 1fr 140px;align-items:baseline;gap:24px;padding:18px 0;display:grid}.type-row:last-child{border-bottom:0}.type-row .label{font-family:var(--font-mono);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.type-row .meta{font-family:var(--font-mono);color:var(--fg-subtle);text-align:right;font-size:11px;line-height:1.4}.spacing-list{flex-direction:column;gap:8px;width:100%;display:flex}.spacing-row{font-family:var(--font-mono);grid-template-columns:60px 60px 1fr;align-items:center;gap:12px;font-size:11.5px;display:grid}.spacing-bar{background:var(--yellow-400);border-radius:3px;height:14px}.radii-grid{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;display:grid}.radii-cell{aspect-ratio:1;background:var(--yellow-400);font-family:var(--font-mono);color:#15110c;justify-content:center;align-items:flex-end;padding:8px;font-size:10.5px;font-weight:600;display:flex}.shadow-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;width:100%;padding:16px;display:grid}.shadow-cell{aspect-ratio:1.2;background:var(--bg-elevated);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--fg-muted);justify-content:flex-start;align-items:flex-end;padding:12px;font-size:11px;display:flex}.btn{--btn-pad-x:16px;--btn-pad-y:9px;--btn-radius:var(--r-md);--btn-fs:14px;--ease-droop:cubic-bezier(.34, 1.4, .5, 1);--ease-melt:cubic-bezier(.45, 0, .2, 1.2);padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-fs);border-radius:var(--btn-radius);color:var(--fg);cursor:pointer;letter-spacing:-.005em;transition:background .18s ease-out,color .16s ease-out,border-color .16s ease-out,border-top-left-radius .42s var(--ease-droop),border-top-right-radius .42s var(--ease-droop),border-bottom-left-radius .52s var(--ease-melt),border-bottom-right-radius .46s var(--ease-melt),padding-bottom .38s var(--ease-melt),transform .32s var(--ease-droop),box-shadow .36s var(--ease-melt);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--sm{--btn-pad-x:12px;--btn-pad-y:6px;--btn-fs:13px;--btn-radius:var(--r-sm)}.btn--lg{--btn-pad-x:22px;--btn-pad-y:13px;--btn-fs:15.5px;--btn-radius:var(--r-lg)}.btn--primary{background:var(--yellow-400);color:#15110c;border-color:oklch(70% .17 80/.5)}.btn--primary:hover:not([disabled]){background:var(--primary-hover);border-top-left-radius:calc(var(--btn-radius) - 2px);border-top-right-radius:calc(var(--btn-radius) - 2px);border-bottom-left-radius:calc(var(--btn-radius) + 14px);border-bottom-right-radius:calc(var(--btn-radius) + 18px);padding-bottom:calc(var(--btn-pad-y) + 3px);box-shadow:var(--shadow-drip);transform:translateY(1px)}.btn--primary:hover:not([disabled]):nth-of-type(2n){border-bottom-left-radius:calc(var(--btn-radius) + 18px);border-bottom-right-radius:calc(var(--btn-radius) + 12px)}.btn--primary:active:not([disabled]){border-radius:calc(var(--btn-radius) - 2px);padding-bottom:var(--btn-pad-y);box-shadow:var(--shadow-xs);transition-duration:.14s;transform:scale(.97)translateY(0)}.btn--secondary{background:var(--bg-elevated);color:var(--fg);border-color:var(--border-strong)}.btn--secondary:hover:not([disabled]){background:var(--bg-muted);border-color:var(--fg-subtle)}.btn--ghost{color:var(--fg-muted)}.btn--ghost:hover:not([disabled]){background:var(--bg-muted);color:var(--fg)}.btn--destructive{background:var(--destructive);color:#fcfcfc;border-color:oklch(52% .22 25)}.btn--destructive:hover:not([disabled]){background:#df202e}.btn--loading{pointer-events:none}.btn--loading .spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.field label{color:var(--fg);letter-spacing:-.005em;font-size:12.5px;font-weight:600}.field .helper{color:var(--fg-subtle);font-size:11.5px}.field .err{color:var(--destructive);font-size:11.5px;display:none}.field.is-error .err{display:block}.field.is-error input,.field.is-error textarea,.field.is-error select{border-color:var(--destructive)}.input,.textarea,.select{border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;color:var(--fg);border-radius:var(--r-md);padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .14s ease-out,box-shadow .14s ease-out}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:focus,.textarea:focus,.select:focus{border-color:var(--yellow-500);box-shadow:0 0 0 3px var(--ring);outline:0}.textarea{resize:vertical;min-height:88px}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-muted) 50%),linear-gradient(135deg,var(--fg-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.check input{opacity:0;pointer-events:none;position:absolute}.check .box{border:1.5px solid var(--border-strong);background:var(--bg-elevated);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .14s ease-out;display:inline-flex}.check.radio .box{border-radius:999px}.check input:checked+.box{background:var(--yellow-400);border-color:oklch(70% .17 80)}.check input:checked+.box:after{content:"";background:#15110c;width:10px;height:10px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.2 3L13 5' stroke='black' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.2 3L13 5' stroke='black' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat}.check.radio input:checked+.box:after{background:#15110c;border-radius:999px;width:8px;height:8px;-webkit-mask:none;mask:none}.check input:focus-visible+.box{box-shadow:0 0 0 3px var(--ring)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch .track{background:var(--cream-300);border-radius:999px;width:36px;height:22px;transition:background .18s ease-out;position:relative}[data-theme=dark] .switch .track{background:var(--bg-subtle)}.switch .track:after{content:"";background:var(--bg-elevated);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:999px;transition:transform .2s cubic-bezier(.5,1.5,.5,1);position:absolute;top:2px;left:2px}.switch input:checked~.track{background:var(--yellow-400)}.switch input:checked~.track:after{transform:translate(14px)}.switch input:focus-visible~.track{box-shadow:0 0 0 3px var(--ring)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;width:100%;display:grid}.card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--r-lg);flex-direction:column;gap:8px;padding:20px;transition:transform .32s cubic-bezier(.34,1.4,.5,1),border-top-left-radius .38s cubic-bezier(.34,1.4,.5,1),border-top-right-radius .38s cubic-bezier(.34,1.4,.5,1),border-bottom-left-radius .52s cubic-bezier(.45,0,.2,1.2),border-bottom-right-radius .46s cubic-bezier(.45,0,.2,1.2),box-shadow .36s cubic-bezier(.45,0,.2,1.2),border-color .2s;display:flex}.card:hover{border-top-left-radius:calc(var(--r-lg) - 2px);border-top-right-radius:calc(var(--r-lg) - 2px);border-bottom-left-radius:calc(var(--r-lg) + 10px);border-bottom-right-radius:calc(var(--r-lg) + 6px);box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.card-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);font-size:11px}.card-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.card-body{color:var(--fg-muted);font-size:13.5px;line-height:1.5}.card--featured{background:var(--yellow-400);color:#15110c;border-color:oklch(70% .17 80/.4);position:relative;overflow:hidden}.card--featured .card-eyebrow,.card--featured .card-body{color:#2c2217}.card--featured:hover{box-shadow:var(--shadow-drip)}.card--featured:after{content:"";background:radial-gradient(circle at 35% 35%,oklch(70% .17 80/.35),#0000 70%);border-radius:999px;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}.tool-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--r-lg);flex-direction:column;transition:transform .32s cubic-bezier(.34,1.4,.5,1),border-top-left-radius .38s cubic-bezier(.34,1.4,.5,1),border-top-right-radius .38s cubic-bezier(.34,1.4,.5,1),border-bottom-left-radius .52s cubic-bezier(.45,0,.2,1.2),border-bottom-right-radius .46s cubic-bezier(.45,0,.2,1.2),box-shadow .36s cubic-bezier(.45,0,.2,1.2);display:flex;overflow:hidden}.tool-card:hover{border-top-left-radius:calc(var(--r-lg) - 2px);border-top-right-radius:calc(var(--r-lg) - 2px);border-bottom-left-radius:calc(var(--r-lg) + 8px);border-bottom-right-radius:calc(var(--r-lg) + 12px);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-card-thumb{aspect-ratio:16/10;background:var(--bg-muted);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.tool-card-thumb svg{width:100%;height:100%;display:block}.tool-card-body{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.tool-card-title{letter-spacing:-.01em;font-size:14.5px;font-weight:600}.tool-card-desc{color:var(--fg-muted);font-size:12.5px;line-height:1.45}.tool-card-meta{font-family:var(--font-mono);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;margin-top:6px;font-size:10.5px;display:flex}.dir-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 16px;transition:border-color .16s,transform .16s;display:grid}.dir-card:hover{border-color:var(--border-strong);transform:translate(2px)}.dir-card-icon{background:var(--yellow-100);width:44px;height:44px;font-family:var(--font-mono);color:oklch(45% .13 70);border:1px solid oklch(87% .15 90);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}[data-theme=dark] .dir-card-icon{color:var(--yellow-400);background:oklch(23% .08 80);border-color:oklch(33% .11 80)}.dir-card-name{font-size:14px;font-weight:600}.dir-card-desc{color:var(--fg-muted);font-size:12.5px}.dir-card-tag{font-family:var(--font-mono);color:var(--fg-subtle);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.topnav{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.topnav-left{align-items:center;gap:18px;display:flex}.topnav-logo{background:var(--yellow-400);width:28px;height:28px;font-family:var(--font-mono);color:#15110c;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.topnav-links{gap:4px;display:flex}.topnav-links a{color:var(--fg-muted);border-radius:var(--r-sm);padding:6px 10px;font-size:13.5px;font-weight:500}.topnav-links a:hover,.topnav-links a.active{background:var(--bg-muted);color:var(--fg)}.topnav-right{align-items:center;gap:10px;display:flex}.breadcrumb{color:var(--fg-muted);align-items:center;gap:4px;font-size:13px;display:flex}.breadcrumb a{color:var(--fg-muted);border-radius:5px;padding:2px 6px}.breadcrumb a:hover{background:var(--bg-muted);color:var(--fg)}.breadcrumb .sep{color:var(--fg-subtle)}.breadcrumb .current{color:var(--fg);padding:2px 6px;font-weight:500}.alert{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);align-items:flex-start;gap:12px;width:100%;padding:12px 16px;font-size:13.5px;display:flex}.alert .dot{background:var(--fg-muted);border-radius:999px;flex:none;width:8px;height:8px;margin-top:7px}.alert--info{background:oklch(96% .025 240);border-color:#abd4f2}.alert--info .dot{background:var(--info)}.alert--success{background:#e4fbe3;border-color:#a5e0a5}.alert--success .dot{background:var(--success)}.alert--warn{background:var(--yellow-100);border-color:#e8c44e}.alert--warn .dot{background:var(--yellow-500)}.alert--error{background:oklch(96.5% .05 25);border-color:oklch(85% .1 25)}.alert--error .dot{background:var(--destructive)}[data-theme=dark] .alert--info{background:oklch(20% .08 240);border-color:oklch(32% .09 240)}[data-theme=dark] .alert--success{background:oklch(20% .07 145);border-color:#0b3e12}[data-theme=dark] .alert--warn{background:oklch(25% .1 80);border-color:oklch(40% .13 85)}[data-theme=dark] .alert--error{background:oklch(22% .1 25);border-color:#6c0910}.alert-title{color:var(--fg);margin-bottom:2px;font-weight:600}.alert-body{color:var(--fg-muted);font-size:13px}.toast-stack{flex-direction:column;gap:10px;width:320px;display:flex}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;animation:.22s cubic-bezier(.5,1.4,.5,1) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast .dot{border-radius:999px;width:8px;height:8px;margin-top:6px}.toast b{margin-bottom:2px;font-weight:600;display:block}.toast small{color:var(--fg-muted)}.badge{background:var(--bg-muted);color:var(--fg-muted);border:1px solid var(--border);letter-spacing:-.005em;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--primary{background:var(--yellow-400);color:#15110c;border-color:oklch(70% .17 80/.5)}.badge--success{color:#013f0b;background:#c7f7c7;border-color:#95cf96}.badge--error{color:oklch(40% .18 25);background:oklch(93% .08 25);border-color:#f8a49d}[data-theme=dark] .badge--success{color:#a5e0a5;background:oklch(25% .08 145);border-color:#1d5522}[data-theme=dark] .badge--error{color:oklch(85% .1 25);background:#460105;border-color:#7f2021}.tooltip-host{display:inline-block;position:relative}.tooltip{background:var(--cream-900);color:var(--cream-50);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:500;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-theme=dark] .tooltip{background:var(--cream-50);color:var(--cream-900)}.tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--cream-900);position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-theme=dark] .tooltip:after{border-top-color:var(--cream-50)}.tooltip-host:hover .tooltip{opacity:1;transform:translate(-50%)translateY(0)}.dialog-backdrop,.cmdk-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#05030173;justify-content:center;align-items:flex-start;padding-top:14vh;display:none;position:fixed;inset:0}.dialog-backdrop.open,.cmdk-backdrop.open{display:flex}.dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);width:min(440px,92vw);box-shadow:var(--shadow-lg);padding:28px;animation:.22s cubic-bezier(.5,1.4,.5,1) dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog h3{letter-spacing:-.015em;margin:0 0 6px;font-size:18px}.dialog p{color:var(--fg-muted);margin:0 0 20px;font-size:13.5px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.popover-host{display:inline-block;position:relative}.popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:5;width:220px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0}.popover.open{display:block}.popover-item{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.popover-item:hover{background:var(--bg-muted)}.cmdk{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-xl);width:min(560px,92vw);box-shadow:var(--shadow-lg);animation:.2s cubic-bezier(.5,1.4,.5,1) dialog-in;overflow:hidden}.cmdk-input{width:100%;color:var(--fg);border:0;border-bottom:1px solid var(--border);background:0 0;outline:0;padding:18px 20px;font-family:inherit;font-size:15px}.cmdk-list{max-height:320px;padding:6px;overflow-y:auto}.cmdk-item{border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.cmdk-item.sel,.cmdk-item:hover{background:var(--bg-muted);color:var(--fg)}.cmdk-item .glyph{background:var(--bg-muted);width:22px;height:22px;font-family:var(--font-mono);color:var(--fg-subtle);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.cmdk-item.sel .glyph{background:var(--yellow-400);color:#15110c}.cmdk-foot{border-top:1px solid var(--border);color:var(--fg-subtle);font-size:11px;font-family:var(--font-mono);gap:14px;padding:8px 14px;display:flex}.code-block{background:var(--cream-950);color:var(--cream-100);border-radius:var(--r-md);font-family:var(--font-mono);width:100%;font-size:12.5px;line-height:1.65;position:relative;overflow:hidden}[data-theme=dark] .code-block{background:#020100}.code-block-head{color:#928f88;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid oklch(20% .014 70);justify-content:space-between;align-items:center;padding:8px 14px;font-size:11px;display:flex}.code-block pre{margin:0;padding:14px 18px;overflow-x:auto}.code-block .tk-key{color:#d5b449}.code-block .tk-str{color:#85cc87}.code-block .tk-tag{color:oklch(78% .14 25)}.code-block .tk-com{color:#75716a;font-style:italic}.code-block .tk-num{color:oklch(80% .13 240)}.hero-compact{border-radius:var(--r-xl);background:var(--bg-elevated);border:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px 32px;display:grid}.hero-compact h2{letter-spacing:-.025em;margin:0 0 4px;font-size:28px;font-weight:700}.hero-compact p{color:var(--fg-muted);max-width:50ch;margin:0;font-size:14px}.empty{text-align:center;flex-direction:column;align-items:center;width:100%;padding:48px 24px;display:flex}.empty-art{width:120px;height:120px;margin-bottom:20px}.empty-title{letter-spacing:-.015em;margin:0 0 4px;font-size:18px;font-weight:700}.empty-body{color:var(--fg-muted);max-width:38ch;margin:0 0 20px;font-size:13.5px}.fourohfour{border-radius:var(--r-xl);background:var(--yellow-400);color:#15110c;text-align:center;width:100%;padding:56px 40px;position:relative;overflow:hidden}.fourohfour h3{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:96px;font-weight:800;line-height:1}.fourohfour p{color:#2c2217;margin:8px 0 20px;font-size:14px}.footer{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--bg-elevated);grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;width:100%;padding:32px;display:grid}.footer h4{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);margin:0 0 10px;font-size:11px;font-weight:600}.footer ul{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.footer ul a{color:var(--fg-muted)}.footer ul a:hover{color:var(--fg)}.footer-attrib{border-top:1px solid var(--border);color:var(--fg-muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:13px;display:flex}.footer-attrib b{color:var(--fg);font-weight:600}.drip-divider{width:100%;height:28px;display:block}.drip-divider path{fill:var(--yellow-400)}.motion-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);flex-direction:column;flex:1;gap:12px;min-width:240px;padding:24px;display:flex}.motion-card h4{margin:0;font-size:14px;font-weight:600}.motion-card small{color:var(--fg-subtle);font-size:12px;font-family:var(--font-mono)}.voice-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.voice-cell{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.voice-cell .tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:600}.voice-cell.do{border-color:#95cf9699}.voice-cell.do .tag{color:var(--success)}.voice-cell.dont{border-color:#f8a49d99}.voice-cell.dont .tag{color:var(--destructive)}.voice-cell q{color:var(--fg);font-size:14.5px;line-height:1.5;display:block}.voice-cell q:before,.voice-cell q:after{content:""}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:relative}.main{padding:32px 24px 100px}.footer{grid-template-columns:1fr 1fr}.voice-row{grid-template-columns:1fr}.scale-row{grid-template-columns:repeat(11,1fr)}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-ease{syntax:"*";inherits:false}