/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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}}}@layer theme{:host,:root{--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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-bg-base:#0a0a0a;--color-bg-surface:#171717;--color-bg-elevated:#262626;--color-text-primary:#fafafa;--color-text-muted:#a3a3a3;--color-text-subtle:#737373;--color-accent-kopi:#b8865b;--color-accent-kopi-glow:#d4a777;--color-accent-kopi-soft:#b8865b1f;--color-accent-kopi-border:#b8865b4d;--color-state-profit:#22c55e;--color-state-loss:#ef4444;--color-state-warning:#f59e0b;--color-border-default:#ffffff14;--color-border-subtle:#ffffff0a;--color-border-strong:#ffffff1f;--shadow-card:0 1px 0 0 #ffffff0d inset,0 8px 24px -8px #0009;--shadow-elevated:0 1px 0 0 #ffffff0d inset,0 16px 48px -16px #000c;--shadow-glow-kopi:0 0 32px -8px #b8865b66}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.font-mono,[data-numeric=true],code,kbd,pre,samp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" on,"lnum" on;letter-spacing:-.01em}.font-display{letter-spacing:-.03em;line-height:.95}::selection{color:var(--color-text-primary);background-color:#b8865b59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--color-bg-base);background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b8865b66}:focus-visible{outline:2px solid var(--color-accent-kopi);outline-offset:3px;border-radius:6px}body{overflow-x:hidden}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-12{inset:calc(var(--spacing) * -12)}.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-3{top:calc(var(--spacing) * -3)}.-top-7{top:calc(var(--spacing) * -7)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-20{top:calc(var(--spacing) * 20)}.top-32{top:calc(var(--spacing) * 32)}.top-\[60vh\]{top:60vh}.top-\[80px\]{top:80px}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.-right-3{right:calc(var(--spacing) * -3)}.-right-24{right:calc(var(--spacing) * -24)}.-right-32{right:calc(var(--spacing) * -32)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-32{left:calc(var(--spacing) * -32)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.-z-0{z-index:calc(0 * -1)}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-px{margin-top:1px}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.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}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-full{height:100%}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-\[35\%\]{width:35%}.w-\[600px\]{width:600px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.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-\[460px\]{max-width:460px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.-translate-x-1\/2,.-translate-x-full{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * 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)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--color-border-subtle\)\]>:not(:last-child)){border-color:var(--color-border-subtle)}:where(.divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.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-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#B8865B\]\/22{border-color:oklab(65.9413% .0407885 .0743336/.22)}.border-\[\#B8865B\]\/25{border-color:oklab(65.9413% .0407885 .0743336/.25)}.border-\[\#B8865B\]\/40{border-color:oklab(65.9413% .0407885 .0743336/.4)}.border-\[\#B8865B\]\/45{border-color:oklab(65.9413% .0407885 .0743336/.45)}.border-\[var\(--color-accent-kopi-border\)\]{border-color:var(--color-accent-kopi-border)}.border-\[var\(--color-border-default\)\]{border-color:var(--color-border-default)}.border-\[var\(--color-border-subtle\)\]{border-color:var(--color-border-subtle)}.border-amber-400\/25{border-color:#fcbb0040}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/25{border-color:color-mix(in oklab,var(--color-amber-400) 25%,transparent)}}.border-rose-400\/25{border-color:#ff667f40}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/25{border-color:color-mix(in oklab,var(--color-rose-400) 25%,transparent)}}.border-rose-400\/30{border-color:#ff667f4d}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/30{border-color:color-mix(in oklab,var(--color-rose-400) 30%,transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.border-white\/12{border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-\[\#22C55E\]{background-color:#22c55e}.bg-\[\#B8865B\]{background-color:#b8865b}.bg-\[\#B8865B\]\/8{background-color:oklab(65.9413% .0407885 .0743336/.08)}.bg-\[\#B8865B\]\/10{background-color:oklab(65.9413% .0407885 .0743336/.1)}.bg-\[\#B8865B\]\/12{background-color:oklab(65.9413% .0407885 .0743336/.12)}.bg-\[\#B8865B\]\/15{background-color:oklab(65.9413% .0407885 .0743336/.15)}.bg-\[\#B8865B\]\/22{background-color:oklab(65.9413% .0407885 .0743336/.22)}.bg-\[\#B8865B\]\/\[0\.04\]{background-color:oklab(65.9413% .0407885 .0743336/.04)}.bg-\[\#B8865B\]\/\[0\.06\]{background-color:oklab(65.9413% .0407885 .0743336/.06)}.bg-\[\#B8865B\]\/\[0\.07\]{background-color:oklab(65.9413% .0407885 .0743336/.07)}.bg-\[rgba\(10\,10\,10\,0\.72\)\]{background-color:#0a0a0ab8}.bg-\[rgba\(10\,10\,10\,0\.78\)\]{background-color:#0a0a0ac7}.bg-\[rgba\(20\,18\,16\,0\.96\)\]{background-color:#141210f5}.bg-\[rgba\(184\,134\,91\,0\.14\)\]{background-color:#b8865b24}.bg-\[var\(--color-accent-kopi\)\]{background-color:var(--color-accent-kopi)}.bg-\[var\(--color-accent-kopi-soft\)\]{background-color:var(--color-accent-kopi-soft)}.bg-\[var\(--color-bg-base\)\]{background-color:var(--color-bg-base)}.bg-\[var\(--color-bg-base\)\]\/40{background-color:#0a0a0a66}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-bg-base\)\]\/40{background-color:color-mix(in oklab,var(--color-bg-base) 40%,transparent)}}.bg-\[var\(--color-bg-base\)\]\/60{background-color:#0a0a0a99}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-bg-base\)\]\/60{background-color:color-mix(in oklab,var(--color-bg-base) 60%,transparent)}}.bg-\[var\(--color-bg-base\)\]\/70{background-color:#0a0a0ab3}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-bg-base\)\]\/70{background-color:color-mix(in oklab,var(--color-bg-base) 70%,transparent)}}.bg-\[var\(--color-bg-elevated\)\]\/60{background-color:#26262699}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-bg-elevated\)\]\/60{background-color:color-mix(in oklab,var(--color-bg-elevated) 60%,transparent)}}.bg-\[var\(--color-bg-surface\)\]{background-color:var(--color-bg-surface)}.bg-\[var\(--color-bg-surface\)\]\/40{background-color:#17171766}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-bg-surface\)\]\/40{background-color:color-mix(in oklab,var(--color-bg-surface) 40%,transparent)}}.bg-\[var\(--color-border-default\)\]{background-color:var(--color-border-default)}.bg-\[var\(--color-state-profit\)\]{background-color:var(--color-state-profit)}.bg-\[var\(--color-state-profit\)\]\/15{background-color:#22c55e26}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-state-profit\)\]\/15{background-color:color-mix(in oklab,var(--color-state-profit) 15%,transparent)}}.bg-\[var\(--color-text-subtle\)\]{background-color:var(--color-text-subtle)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500\/\[0\.06\]{background-color:#f99c000f}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-amber-500) 6%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-current{background-color:currentColor}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-400\/70{background-color:#ff667fb3}@supports (color:color-mix(in lab,red,red)){.bg-rose-400\/70{background-color:color-mix(in oklab,var(--color-rose-400) 70%,transparent)}}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-rose-500\/\[0\.05\]{background-color:#ff23570d}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/\[0\.05\]{background-color:color-mix(in oklab,var(--color-rose-500) 5%,transparent)}}.bg-rose-500\/\[0\.08\]{background-color:#ff235714}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-rose-500) 8%,transparent)}}.bg-sky-400{background-color:var(--color-sky-400)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.bg-white\/\[0\.012\]{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.012\]{background-color:color-mix(in oklab,var(--color-white) 1.2%,transparent)}}.bg-white\/\[0\.015\]{background-color:#ffffff04}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.015\]{background-color:color-mix(in oklab,var(--color-white) 1.5%,transparent)}}.bg-white\/\[0\.018\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.018\]{background-color:color-mix(in oklab,var(--color-white) 1.8%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab}.bg-gradient-to-b,.bg-gradient-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle\,rgba\(184\,134\,91\,0\.10\)\,transparent_60\%\)\]{background-image:radial-gradient(circle,#b8865b1a,#0000 60%)}.bg-\[radial-gradient\(circle_at_30\%_25\%\,rgba\(184\,134\,91\,0\.18\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at 30% 25%,#b8865b2e,#0000 55%)}.bg-\[radial-gradient\(circle_at_75\%_70\%\,rgba\(184\,134\,91\,0\.10\)\,transparent_60\%\)\]{background-image:radial-gradient(circle at 75% 70%,#b8865b1a,#0000 60%)}.from-\[\#B8865B\]{--tw-gradient-from:#b8865b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#B8865B\]\/20{--tw-gradient-from:oklab(65.9413% .0407885 .0743336/.2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#B8865B\]\/22{--tw-gradient-from:oklab(65.9413% .0407885 .0743336/.22);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#B8865B\]\/25{--tw-gradient-from:oklab(65.9413% .0407885 .0743336/.25);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#B8865B\]\/\[0\.04\]{--tw-gradient-from:oklab(65.9413% .0407885 .0743336/.04);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#B8865B\]\/\[0\.05\]{--tw-gradient-from:oklab(65.9413% .0407885 .0743336/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#D4A777\]{--tw-gradient-from:#d4a777;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[rgba\(184\,134\,91\,0\.18\)\]{--tw-gradient-from:#b8865b2e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-bg-base\)\]{--tw-gradient-from:var(--color-bg-base);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-bg-surface\)\]{--tw-gradient-from:var(--color-bg-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--color-state-warning\)\]{--tw-gradient-from:var(--color-state-warning);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#B8865B\]{--tw-gradient-via:#b8865b;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/10{--tw-gradient-via:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.via-white\/10{--tw-gradient-via:color-mix(in oklab,var(--color-white) 10%,transparent)}}.via-white\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/12{--tw-gradient-via:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.via-white\/12{--tw-gradient-via:color-mix(in oklab,var(--color-white) 12%,transparent)}}.via-white\/12{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#B8865B\]\/5{--tw-gradient-to:oklab(65.9413% .0407885 .0743336/.05);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#B8865B\]\/8{--tw-gradient-to:oklab(65.9413% .0407885 .0743336/.08);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#D4A777\]{--tw-gradient-to:#d4a777;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[rgba\(184\,134\,91\,0\.08\)\]{--tw-gradient-to:#b8865b14;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[rgba\(184\,134\,91\,0\.10\)\]{--tw-gradient-to:#b8865b1a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-bg-base\)\]{--tw-gradient-to:var(--color-bg-base);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-bg-surface\)\]\/40{--tw-gradient-to:#17171766}@supports (color:color-mix(in lab,red,red)){.to-\[var\(--color-bg-surface\)\]\/40{--tw-gradient-to:color-mix(in oklab,var(--color-bg-surface) 40%,transparent)}}.to-\[var\(--color-bg-surface\)\]\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--color-state-loss\)\]{--tw-gradient-to:var(--color-state-loss);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-1{padding-left:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[48px\]{font-size:48px}.text-\[68px\]{font-size:68px}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#86EFAC\]{color:#86efac}.text-\[\#B8865B\]{color:#b8865b}.text-\[\#D4A777\]{color:#d4a777}.text-\[\#FCA5A5\]{color:#fca5a5}.text-\[\#FCD34D\]{color:#fcd34d}.text-\[var\(--color-accent-kopi\)\]{color:var(--color-accent-kopi)}.text-\[var\(--color-state-loss\)\]{color:var(--color-state-loss)}.text-\[var\(--color-state-profit\)\]{color:var(--color-state-profit)}.text-\[var\(--color-state-warning\)\]{color:var(--color-state-warning)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-subtle\)\]{color:var(--color-text-subtle)}.text-\[var\(--color-text-subtle\)\]\/70{color:#737373b3}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--color-text-subtle\)\]\/70{color:color-mix(in oklab,var(--color-text-subtle) 70%,transparent)}}.text-amber-200\/85{color:#fee685d9}@supports (color:color-mix(in lab,red,red)){.text-amber-200\/85{color:color-mix(in oklab,var(--color-amber-200) 85%,transparent)}}.text-amber-200\/90{color:#fee685e6}@supports (color:color-mix(in lab,red,red)){.text-amber-200\/90{color:color-mix(in oklab,var(--color-amber-200) 90%,transparent)}}.text-amber-300{color:var(--color-amber-300)}.text-emerald-300{color:var(--color-emerald-300)}.text-rose-200\/90{color:#ffccd3e6}@supports (color:color-mix(in lab,red,red)){.text-rose-200\/90{color:color-mix(in oklab,var(--color-rose-200) 90%,transparent)}}.text-rose-200\/95{color:#ffccd3f2}@supports (color:color-mix(in lab,red,red)){.text-rose-200\/95{color:color-mix(in oklab,var(--color-rose-200) 95%,transparent)}}.text-rose-300{color:var(--color-rose-300)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white) 65%,transparent)}}.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)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.text-white\/72{color:color-mix(in oklab,var(--color-white) 72%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-white\/92{color:#ffffffeb}@supports (color:color-mix(in lab,red,red)){.text-white\/92{color:color-mix(in oklab,var(--color-white) 92%,transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[0\.55\]{opacity:.55}.shadow-\[0_0_16px_-4px_rgba\(184\,134\,91\,0\.4\)\]{--tw-shadow:0 0 16px -4px var(--tw-shadow-color,#b8865b66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.06\)_inset\,0_24px_64px_-16px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,#ffffff0f) inset,0 24px 64px -16px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.06\)_inset\,_0_8px_24px_-12px_rgba\(184\,134\,91\,0\.5\)\]{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,#ffffff0f) inset,0 8px 24px -12px var(--tw-shadow-color,#b8865b80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_48px_-16px_rgba\(0\,0\,0\,0\.7\)\,0_0_0_1px_rgba\(184\,134\,91\,0\.08\)\]{--tw-shadow:0 24px 48px -16px var(--tw-shadow-color,#000000b3),0 0 0 1px var(--tw-shadow-color,#b8865b14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0f)}.ring,.ring-1,.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-\[\#B8865B\]\/25{--tw-ring-color:oklab(65.9413% .0407885 .0743336/.25)}.ring-\[\#B8865B\]\/30{--tw-ring-color:oklab(65.9413% .0407885 .0743336/.3)}.ring-\[\#B8865B\]\/35{--tw-ring-color:oklab(65.9413% .0407885 .0743336/.35)}.ring-\[\#B8865B\]\/40{--tw-ring-color:oklab(65.9413% .0407885 .0743336/.4)}.blur-2xl{--tw-blur:blur(var(--blur-2xl))}.blur-2xl,.blur-3xl{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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl))}.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-md{--tw-backdrop-blur:blur(var(--blur-md))}.backdrop-blur-md,.backdrop-blur-sm{-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-\[width\]{transition-property:width;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-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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-\[300\%\]:is(:where(.group):hover *){--tw-translate-x:300%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:border-\[var\(--color-accent-kopi-border\)\]:is(:where(.group):hover *){border-color:var(--color-accent-kopi-border)}.group-hover\:text-\[var\(--color-text-primary\)\]:is(:where(.group):hover *){color:var(--color-text-primary)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}}.placeholder\:text-\[var\(--color-text-subtle\)\]::placeholder{color:var(--color-text-subtle)}.focus-within\:border-\[var\(--color-accent-kopi\)\]:focus-within{border-color:var(--color-accent-kopi)}@media (hover:hover){.hover\:border-\[\#B8865B\]\/30:hover{border-color:oklab(65.9413% .0407885 .0743336/.3)}.hover\:border-\[var\(--color-accent-kopi\)\]:hover{border-color:var(--color-accent-kopi)}.hover\:border-\[var\(--color-border-strong\)\]:hover{border-color:var(--color-border-strong)}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-\[rgba\(184\,134\,91\,0\.18\)\]:hover{background-color:#b8865b2e}.hover\:bg-\[var\(--color-accent-kopi-soft\)\]:hover{background-color:var(--color-accent-kopi-soft)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)}}.hover\:from-\[rgba\(184\,134\,91\,0\.26\)\]:hover{--tw-gradient-from:#b8865b42;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-\[rgba\(184\,134\,91\,0\.16\)\]:hover{--tw-gradient-to:#b8865b29;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/70:hover{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.hover\:text-white\/85:hover{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/85:hover{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.10\)_inset\,_0_12px_32px_-12px_rgba\(184\,134\,91\,0\.7\)\]:hover{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,#ffffff1a) inset,0 12px 32px -12px var(--tw-shadow-color,#b8865bb3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:inline{display:inline}.sm\:max-w-\[180px\]{max-width:180px}.sm\:auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:border-\[var\(--color-border-subtle\)\]{border-color:var(--color-border-subtle)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:pt-28{padding-top:calc(var(--spacing) * 28)}.sm\:pb-36{padding-bottom:calc(var(--spacing) * 36)}.sm\:pl-6{padding-left:calc(var(--spacing) * 6)}.sm\:text-\[16\.5px\]{font-size:16.5px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[48px\]{font-size:48px}.sm\:text-\[60px\]{font-size:60px}.sm\:text-\[64px\]{font-size:64px}.sm\:text-\[68px\]{font-size:68px}}@media (min-width:48rem){.md\:ml-0{margin-left:calc(var(--spacing) * 0)}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:py-9{padding-block:calc(var(--spacing) * 9)}.md\:text-right{text-align:right}}@media (min-width:64rem){.lg\:block{display:block}.lg\:scale-\[1\.04\]{scale:1.04}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.lg\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:text-\[76px\]{font-size:76px}.lg\:shadow-\[var\(--shadow-elevated\)\,var\(--shadow-glow-kopi\)\]{--tw-shadow:var(--shadow-elevated),var(--shadow-glow-kopi);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.kopi-dropcap:first-letter{float:left;color:var(--color-accent-kopi);font-size:3.5em;font-weight:600;line-height:.85;font-family:var(--font-sans);margin:.08em .12em 0 0}.kopi-hero-bg{background:radial-gradient(ellipse 80% 50% at 50% -10%,#b8865b1a,transparent 60%),radial-gradient(ellipse 60% 40% at 20% 30%,#b8865b0a,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#ffffff05,transparent 60%),linear-gradient(to bottom,var(--color-bg-base) 0,#0a0a0a 100%)}.kopi-grid-overlay{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 0),linear-gradient(#ffffff05 1px,#0000 0);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 50% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 50% at 50% 30%,#000 30%,#0000 80%)}.kopi-grain{position:relative}.kopi-grain:after{content:"";pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.kopi-hairline{background-image:linear-gradient(90deg,#0000,#b8865b66,#0000);height:1px}.kopi-card{background:linear-gradient(180deg,#ffffff05,#fff0 60%),var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);transition:border-color .25s,transform .25s,box-shadow .25s;position:relative}.kopi-card:hover{border-color:var(--color-accent-kopi-border);box-shadow:var(--shadow-card),var(--shadow-glow-kopi);transform:translateY(-2px)}.kopi-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;inset:0 0 auto}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(16px)}[data-reveal][data-reveal-in=true]{opacity:1;transform:translateY(0)}[data-reveal-delay="100"]{transition-delay:.1s}[data-reveal-delay="200"]{transition-delay:.2s}[data-reveal-delay="300"]{transition-delay:.3s}[data-reveal-delay="400"]{transition-delay:.4s}[data-reveal-delay="500"]{transition-delay:.5s}@keyframes kopi-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.kopi-pulse{animation:kopi-pulse 2.4s ease-in-out infinite}@keyframes kopi-drift{0%,to{transform:translate(0)}50%{transform:translate(8px,-12px)}}.kopi-drift{animation:kopi-drift 9s ease-in-out infinite}@keyframes kopi-spark-draw{0%{stroke-dashoffset:var(--spark-length,240)}35%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}95%{stroke-dashoffset:0;opacity:.4}to{stroke-dashoffset:var(--spark-length,240);opacity:0}}.kopi-spark-line{stroke-dasharray:var(--spark-length,240);stroke-dashoffset:var(--spark-length,240);animation:kopi-spark-draw 7s ease-in-out .6s infinite}@keyframes kopi-spark-area{0%{opacity:0}25%{opacity:0}50%{opacity:.6}85%{opacity:.6}to{opacity:0}}.kopi-spark-area{opacity:0;animation:kopi-spark-area 7s ease-in-out .6s infinite}@keyframes kopi-spark-dot{0%,30%{opacity:0;transform:scale(.6)}50%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.kopi-spark-dot,.kopi-spark-dot-halo{transform-origin:50%;transform-box:fill-box;animation:kopi-spark-dot 7s ease-in-out .6s infinite}.kopi-spark-dot-halo{opacity:0}@keyframes kopi-steam-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.7)}20%{opacity:.65}60%{opacity:.45}to{opacity:0;transform:translateY(-28px) translateX(var(--steam-drift,4px)) scale(1.1)}}.kopi-steam{transform-origin:bottom;animation:kopi-steam-rise 3.6s ease-out infinite}.kopi-steam-2{--steam-drift:-3px;animation-delay:.7s}.kopi-steam-3{--steam-drift:5px;animation-delay:1.4s}.kopi-steam-4{--steam-drift:-2px;animation-delay:2.1s}@keyframes kopi-tick-flash{0%,88%,to{text-shadow:0 0 24px #b8865b40;filter:brightness()}92%{text-shadow:0 0 32px #22c55e80,0 0 16px #b8865b66;filter:brightness(1.15)}}.kopi-tick-flash{animation:kopi-tick-flash 5.2s ease-in-out infinite}@keyframes kopi-bean-float{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-10px)rotate(8deg)}}.kopi-bean-float{animation:kopi-bean-float 11s ease-in-out infinite}.kopi-stat-glow{text-shadow:0 0 24px #b8865b40}.kopi-pullquote{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--color-text-primary);border-left:2px solid var(--color-accent-kopi);padding:1.5rem 0 1.5rem 1.5rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-style:italic;font-weight:500;line-height:1.4}.kopi-monogram-tile{border:1px solid var(--color-accent-kopi-border);width:26px;height:26px;color:var(--color-accent-kopi-glow);font-family:var(--font-mono);letter-spacing:-.04em;background:linear-gradient(135deg,#d4a7772e,#b8865b0d);border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:inline-grid;box-shadow:inset 0 1px #ffffff14,0 0 16px -8px #b8865b66}.kopi-field{border:1px solid var(--color-border-default);background:linear-gradient(#ffffff05,#fff0 70%),#0a0a0a66;border-radius:14px;padding:11px 14px 9px;transition:border-color .2s,background .2s,box-shadow .2s;display:block;position:relative}.kopi-field:hover{border-color:#ffffff24}.kopi-field:focus-within{border-color:var(--color-accent-kopi-border);background:linear-gradient(#b8865b0a,#fff0 70%),#0a0a0a99;box-shadow:0 0 0 4px #b8865b14}.kopi-field>.label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle);font-size:9.5px;font-weight:600;display:block}.kopi-field:focus-within>.label{color:var(--color-accent-kopi-glow)}.kopi-field input[type=email],.kopi-field input[type=password],.kopi-field input[type=text],.kopi-field>.control{width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-sans);background:0 0;border:0;outline:0;margin-top:2px;padding:1px 0 0}.kopi-field input::placeholder{color:var(--color-text-subtle);opacity:.55}.kopi-field .mono input,.kopi-field input.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:13px}.kopi-switch{border:1px solid var(--color-border-default);cursor:pointer;background:#ffffff14;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s,border-color .2s;display:inline-flex;position:relative}.kopi-switch:after{content:"";background:#fafafa;border-radius:999px;width:16px;height:16px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.kopi-switch[data-on=true]{background:linear-gradient(135deg,var(--color-accent-kopi-glow),var(--color-accent-kopi));border-color:var(--color-accent-kopi)}.kopi-switch[data-on=true]:after{transform:translate(16px)}.kopi-cta{letter-spacing:-.005em;color:#1a0f08;cursor:pointer;background:linear-gradient(#dbb17e,#b8865b 55%,#9e6f47);border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;transition:box-shadow .25s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003,0 8px 24px -10px #b8865b8c,0 0 #b8865b00}.kopi-cta:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-110%)}.kopi-cta:hover:before{transform:translate(110%)}.kopi-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -1px #00000040,0 14px 32px -10px #b8865bb3,0 0 0 4px #b8865b1f}.kopi-cta:active{transform:translateY(0)}.kopi-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}.kopi-cta:disabled:before{display:none}.kopi-cta-tg{color:#fff;background:linear-gradient(#38b5f0,#2aabee 55%,#1f8fc9);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 8px 24px -10px #2aabee8c}.kopi-cta-tg:hover{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040,0 14px 32px -10px #2aabeeb3,0 0 0 4px #2aabee1f}.kopi-ghost{border:1px solid var(--color-border-default);color:var(--color-text-muted);cursor:pointer;background:#ffffff05;border-radius:10px;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.kopi-ghost:hover{border-color:var(--color-accent-kopi-border);color:var(--color-text-primary);background:#b8865b0f}.kopi-ghost-danger:hover{color:#fca5a5;background:#ef44440f;border-color:#ef444459}.kopi-pill{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.kopi-pill.ok{color:#86efac;background:#22c55e14;border-color:#22c55e59}.kopi-pill.warn{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b59}.kopi-pill.err{color:#fca5a5;background:#ef444414;border-color:#ef444459}.kopi-pill.neutral{color:var(--color-text-muted);border-color:var(--color-border-default);background:#ffffff05}.kopi-nav-row{color:var(--color-text-muted);border-radius:11px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s;display:flex}.kopi-nav-row:hover{color:var(--color-text-primary);background:#ffffff08}.kopi-nav-row[data-active=true]{color:var(--color-text-primary);box-shadow:inset 1px 0 0 var(--color-accent-kopi);background:linear-gradient(90deg,#b8865b24,#b8865b05)}.kopi-nav-row .icon{width:24px;height:24px;color:var(--color-text-subtle);background:#ffffff0a;border-radius:7px;place-items:center;font-size:12px;transition:background .18s,color .18s;display:inline-grid}.kopi-nav-row:hover .icon{color:var(--color-text-primary)}.kopi-nav-row[data-active=true] .icon{color:var(--color-accent-kopi-glow);background:#b8865b2e}.kopi-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent-kopi-glow);align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:inline-flex}.kopi-eyebrow:before{content:"";background:var(--color-accent-kopi-border);width:18px;height:1px}.kopi-codeblock{border:1px solid var(--color-border-default);font-family:var(--font-mono);color:#fafafad9;background:linear-gradient(#00000080,#00000059);border-radius:12px;padding:14px 16px;font-size:12.5px;line-height:1.6;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff08}.kopi-codeblock:before{content:attr(data-label);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle);font-size:9.5px;font-weight:600;position:absolute;top:8px;right:12px}.kopi-codeblock .tok-cmt{color:#b8865b8c;font-style:italic}.kopi-codeblock .tok-key{color:#d4a777}.kopi-codeblock .tok-str{color:#86efac}.kopi-codeblock .tok-num{color:#38b5f0}.kopi-codeblock .tok-dim{color:#fafafa66}.kopi-callout{background:#ffffff05;border-left:3px solid;border-radius:12px;gap:12px;padding:12px 14px;display:flex;position:relative}.kopi-callout .icon{border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.kopi-callout .body{color:#fafafab3;font-size:12.5px;line-height:1.6}.kopi-callout .body strong{color:#fafafaf2}.kopi-callout.tip{background:#b8865b0a;border-color:#d4a7778c}.kopi-callout.tip .icon{color:#d4a777;background:#b8865b1f}.kopi-callout.warn{background:#f59e0b0a;border-color:#f59e0b8c}.kopi-callout.warn .icon{color:#fcd34d;background:#f59e0b1f}.kopi-callout.danger{background:#ef44440d;border-color:#ef44448c}.kopi-callout.danger .icon{color:#fca5a5;background:#ef44441f}.kopi-callout.info{background:#38b5f00a;border-color:#38b5f08c}.kopi-callout.info .icon{color:#38b5f0;background:#38b5f01f}.docs-anchor{scroll-margin-top:80px}.kopi-toc-link{color:#fafafa73;border-left:2px solid #0000;border-radius:6px;margin-left:-2px;padding:4px 10px;font-size:11.5px;transition:color .15s,background .15s;display:block}.kopi-toc-link:hover{color:#fafafad9;background:#ffffff08}.kopi-toc-link.sub{color:#fafafa59;padding-left:22px;font-size:11px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-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}@keyframes spin{to{transform:rotate(1turn)}}