@layer components;
/*! tailwindcss v4.2.4 | 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)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--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-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}

html[lang=ar]{--font-heading:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif}
.font-wordmark{font-family:Space Grotesk,system-ui,sans-serif}
html,body{overscroll-behavior-x:none;max-width:100%;margin:0;overflow-x:clip}
body{background:var(--color-dark);color:var(--color-fg);font-family:var(--font-body);transition:background-color .2s,color .2s}
#root{max-width:100%;min-height:100vh;overflow-x:clip}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--color-dark)}
::-webkit-scrollbar-thumb{background:var(--color-dark-border);border-radius:3px}
@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}
@keyframes pv-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}
@keyframes pv-fade{0%{opacity:0}to{opacity:1}}
@keyframes pv-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pv-wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}
@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-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}
@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-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-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
@keyframes pulse{50%{opacity:.5}}
.sf-hidden{display:none!important}
.title-rule:after{content:"";background:var(--color-gold);border-radius:2px;width:56px;height:3px;margin:.85rem auto 0;display:block}
.view-toggle-active{background:var(--color-accent);color:var(--color-on-accent)}
:root{--sf-img-10: url("/img/1465fbcf2c.jpg")}
:root{--sf-img-9: url("/img/1465fbcf2c.jpg")}
:root{--sf-img-3: url("/img/1465fbcf2c.jpg")}
@layer theme {
:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"JetBrains Mono",ui-monospace,monospace;--color-red-500:oklch(63.7%.237 25.331);--color-red-600:oklch(57.7%.245 27.325);--color-red-700:oklch(50.5%.213 27.518);--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-amber-600:oklch(66.6%.179 58.318);--color-yellow-500:oklch(79.5%.184 86.047);--color-emerald-500:oklch(69.6%.17 162.48);--color-emerald-600:oklch(59.6%.145 163.225);--color-blue-500:oklch(62.3%.214 259.815);--color-blue-600:oklch(54.6%.245 262.881);--color-purple-500:oklch(62.7%.265 303.9);--color-purple-600:oklch(55.8%.288 302.321);--color-rose-500:oklch(64.5%.246 16.439);--color-rose-600:oklch(58.6%.253 17.585);--color-gray-100:oklch(96.7%.003 264.542);--color-gray-400:oklch(70.7%.022 261.325);--color-gray-500:oklch(55.1%.027 264.364);--color-gray-900:oklch(21%.034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-lg:0 4px 4px #00000026;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--aspect-video:16/9;--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-primary:#1a5f2a;--color-bg:oklch(13.5%.012 150);--color-surface:oklch(17.5%.012 150);--color-surface-2:oklch(21.5%.012 150);--color-surface-3:oklch(26%.012 150);--color-line:oklch(28%.012 150);--color-line-soft:oklch(23.5%.012 150);--color-text:oklch(96.5%.005 100);--color-text-2:oklch(82%.008 100);--color-muted:oklch(62%.012 150);--color-muted-2:oklch(46%.012 150);--color-accent:oklch(83%.195 130);--color-accent-2:oklch(76%.205 130);--color-accent-light:oklch(76%.205 130);--color-on-accent:oklch(18%.04 150);--color-accent-ink:oklch(83%.195 130);--color-heading-from:oklch(83%.195 130);--color-heading-to:oklch(76%.205 130);--color-signup-from:oklch(50%.19 135);--color-signup-to:oklch(42%.17 140);--color-live:oklch(66%.22 25);--color-warn:oklch(80%.15 75);--color-info:oklch(72%.12 240);--color-dark:var(--color-bg);--color-dark-surface:var(--color-surface);--color-dark-card:var(--color-surface-2);--color-dark-border:var(--color-line);--color-fg:var(--color-text);--color-fg-muted:var(--color-text-2);--color-fg-dim:var(--color-muted);--color-fg-faint:var(--color-muted-2);--color-gold:gold;--color-ink:#0a0a0a;--font-heading:"Space Grotesk",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif}
}
@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}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
:-moz-focusring{outline:auto}
img,svg{vertical-align:middle;display:block}
img{max-width:100%;height:auto}
button,input,select{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}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
::-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{appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
button:not(:disabled){cursor:pointer}
button,input,select{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}
button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;background-color:#0000}
button,input,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}
button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}
button,input{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000}
ul{list-style:none}
button,input,select,optgroup{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
button:not(:disabled),summary{cursor:pointer}
img,svg,video{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
@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)}
}
}
}
@layer utilities {
.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.absolute{position:absolute}
.fixed{position:fixed}
.relative{position:relative}
.inset-x-0{inset-inline:calc(var(--spacing)*0)}
.end-2{inset-inline-end:calc(var(--spacing)*2)}
.top-0{top:calc(var(--spacing)*0)}
.top-1\/2{top:50%}
.z-50{z-index:50}
.mx-auto{margin-inline:auto}
.my-6{margin-block:calc(var(--spacing)*6)}
.mt-1{margin-top:calc(var(--spacing)*1)}
.mt-4{margin-top:calc(var(--spacing)*4)}
.mb-6{margin-bottom:calc(var(--spacing)*6)}
.block{display:block}
.flex{display:flex}
.hidden{display:none}
.inline-flex{display:inline-flex}
.h-3\.5{height:calc(var(--spacing)*3.5)}
.h-4{height:calc(var(--spacing)*4)}
.h-9{height:calc(var(--spacing)*9)}
.h-16{height:calc(var(--spacing)*16)}
.h-px{height:1px}
.w-3\.5{width:calc(var(--spacing)*3.5)}
.w-4{width:calc(var(--spacing)*4)}
.w-9{width:calc(var(--spacing)*9)}
.w-full{width:100%}
.max-w-7xl{max-width:var(--container-7xl)}
.max-w-md{max-width:var(--container-md)}
.min-w-9{min-width:calc(var(--spacing)*9)}
.flex-1{flex:1}
.shrink-0{flex-shrink:0}
.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cursor-pointer{cursor:pointer}
.cursor-text{cursor:text}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-1{gap:calc(var(--spacing)*1)}
.gap-2{gap:calc(var(--spacing)*2)}
.gap-3{gap:calc(var(--spacing)*3)}
: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-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)))}
.gap-x-6{column-gap:calc(var(--spacing)*6)}
.gap-y-1{row-gap:calc(var(--spacing)*1)}
.overflow-x-clip{overflow-x:clip}
.rounded{border-radius:.25rem}
.rounded-lg{border-radius:var(--radius-lg)}
.border{border-style:var(--tw-border-style);border-width:1px}
.border-0{border-style:var(--tw-border-style);border-width:0}
.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}
.border-dark-border{border-color:var(--color-dark-border)}
.border-line{border-color:var(--color-line)}
.border-transparent{border-color:#0000}
.bg-accent{background-color:var(--color-accent)}
.bg-black{background-color:var(--color-black)}
.bg-dark-border{background-color:var(--color-dark-border)}
.bg-dark-surface{background-color:var(--color-dark-surface)}
.bg-dark-surface\/30{background-color:#0d120e4d}
.bg-dark\/90{background-color:#050906e6}
.bg-surface{background-color:var(--color-surface)}
.bg-transparent{background-color:#0000}
.px-1{padding-inline:calc(var(--spacing)*1)}
.px-2{padding-inline:calc(var(--spacing)*2)}
.px-3{padding-inline:calc(var(--spacing)*3)}
.px-4{padding-inline:calc(var(--spacing)*4)}
.py-1\.5{padding-block:calc(var(--spacing)*1.5)}
.py-2{padding-block:calc(var(--spacing)*2)}
.py-3{padding-block:calc(var(--spacing)*3)}
.py-12{padding-block:calc(var(--spacing)*12)}
.pe-10{padding-inline-end:calc(var(--spacing)*10)}
.pt-20{padding-top:calc(var(--spacing)*20)}
.font-heading{font-family:var(--font-heading)}
.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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))}
.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)}
.text-accent-ink{color:var(--color-accent-ink)}
.text-fg-dim{color:var(--color-fg-dim)}
.text-fg-faint{color:var(--color-fg-faint)}
.text-muted{color:var(--color-muted)}
.text-on-accent{color:var(--color-on-accent)}
.text-text{color:var(--color-text)}
.text-text-2{color:var(--color-text-2)}
.text-white{color:var(--color-white)}
.no-underline{text-decoration-line:none}
.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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-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))}
.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}
.disabled\:opacity-50:disabled{opacity:.5}
.rtl\:-scale-x-100:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x) var(--tw-scale-y)}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
.pointer-events-none{pointer-events:none}
.start-3{inset-inline-start:calc(var(--spacing)*3)}
.end-3{inset-inline-end:calc(var(--spacing)*3)}
.ms-2{margin-inline-start:calc(var(--spacing)*2)}
.mt-3{margin-top:calc(var(--spacing)*3)}
.mt-auto{margin-top:auto}
.mb-1{margin-bottom:calc(var(--spacing)*1)}
.mb-2{margin-bottom:calc(var(--spacing)*2)}
.mb-8{margin-bottom:calc(var(--spacing)*8)}
.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.grid{display:grid}
.inline-block{display:inline-block}
.aspect-video{aspect-ratio:var(--aspect-video)}
.h-full{height:100%}
.min-h-screen{min-height:100vh}
.max-w-2xl{max-width:var(--container-2xl)}
.max-w-5xl{max-width:var(--container-5xl)}
.max-w-\[16rem\]{max-width:16rem}
.min-w-0{min-width:calc(var(--spacing)*0)}
.flex-shrink-0,.shrink-0{flex-shrink:0}
.cursor-help{cursor:help}
.appearance-none{appearance:none}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.items-stretch{align-items:stretch}
.gap-1\.5{gap:calc(var(--spacing)*1.5)}
.gap-4{gap:calc(var(--spacing)*4)}
.self-start{align-self:flex-start}
.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.overflow-hidden{overflow:hidden}
.rounded-xl{border-radius:var(--radius-xl)}
.rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}
.rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}
.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}
.border-accent{border-color:var(--color-accent)}
.border-accent\/30{border-color:#9cdf434d}
.bg-accent\/5{background-color:#9cdf430d}
.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
.from-\[var\(--color-heading-from\)\]{--tw-gradient-from:var(--color-heading-from);--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-heading-to\)\]{--tw-gradient-to:var(--color-heading-to);--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-2\.5{padding:calc(var(--spacing)*2.5)}
.p-4{padding:calc(var(--spacing)*4)}
.px-5{padding-inline:calc(var(--spacing)*5)}
.py-2\.5{padding-block:calc(var(--spacing)*2.5)}
.py-4{padding-block:calc(var(--spacing)*4)}
.py-10{padding-block:calc(var(--spacing)*10)}
.ps-4{padding-inline-start:calc(var(--spacing)*4)}
.ps-10{padding-inline-start:calc(var(--spacing)*10)}
.pe-4{padding-inline-end:calc(var(--spacing)*4)}
.pe-9{padding-inline-end:calc(var(--spacing)*9)}
.pt-5{padding-top:calc(var(--spacing)*5)}
.text-center{text-align:center}
.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}
.text-balance{text-wrap:balance}
.text-fg{color:var(--color-fg)}
.text-muted-2{color:var(--color-muted-2)}
.text-transparent{color:#0000}
.uppercase{text-transform:uppercase}
.placeholder-muted-2::placeholder{color:var(--color-muted-2)}
.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}
.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.ring-white\/80{--tw-ring-color:#fffc}
.focus\:border-accent:focus{border-color:var(--color-accent)}
.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}
.inset-0{inset:calc(var(--spacing)*0)}
.start-2{inset-inline-start:calc(var(--spacing)*2)}
.top-2{top:calc(var(--spacing)*2)}
.bottom-0{bottom:calc(var(--spacing)*0)}
.-mt-12{margin-top:calc(var(--spacing)*-12)}
.mt-5{margin-top:calc(var(--spacing)*5)}
.mt-8{margin-top:calc(var(--spacing)*8)}
.mb-3{margin-bottom:calc(var(--spacing)*3)}
.mb-4{margin-bottom:calc(var(--spacing)*4)}
.h-3{height:calc(var(--spacing)*3)}
.h-5{height:calc(var(--spacing)*5)}
.h-24{height:calc(var(--spacing)*24)}
.w-3{width:calc(var(--spacing)*3)}
.w-5{width:calc(var(--spacing)*5)}
.w-fit{width:fit-content}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rounded-2xl{border-radius:var(--radius-2xl)}
.rounded-full{border-radius:3.40282e38px}
.border-accent\/40{border-color:#9cdf4366}
.bg-accent\/15{background-color:#9cdf4326}
.bg-surface-2{background-color:var(--color-surface-2)}
.bg-cover{background-size:cover}
.bg-center{background-position:50%}
.p-1\.5{padding:calc(var(--spacing)*1.5)}
.p-3{padding:calc(var(--spacing)*3)}
.p-6{padding:calc(var(--spacing)*6)}
.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}
.px-2\.5{padding-inline:calc(var(--spacing)*2.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)}
.pb-6{padding-bottom:calc(var(--spacing)*6)}
.text-end{text-align:end}
.text-start{text-align:start}
.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
.text-\[10px\]{font-size:10px}
.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}
.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}
.text-white\/70{color:#ffffffb3}
.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,)}
.opacity-80{opacity:.8}
.shadow-sm{--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)}
.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}
.max-w-xl{max-width:var(--container-xl)}
.resize-y{resize:vertical}
.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
.top-3{top:calc(var(--spacing)*3)}
.-mt-4{margin-top:calc(var(--spacing)*-4)}
.mt-0\.5{margin-top:calc(var(--spacing)*.5)}
.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}
.aspect-square{aspect-ratio:1}
.h-1\.5{height:calc(var(--spacing)*1.5)}
.h-10{height:calc(var(--spacing)*10)}
.min-h-\[90vh\]{min-height:90vh}
.w-1\.5{width:calc(var(--spacing)*1.5)}
.w-10{width:calc(var(--spacing)*10)}
.max-w-3xl{max-width:var(--container-3xl)}
.gap-5{gap:calc(var(--spacing)*5)}
.gap-6{gap:calc(var(--spacing)*6)}
.gap-x-2{column-gap:calc(var(--spacing)*2)}
.gap-x-10{column-gap:calc(var(--spacing)*10)}
.gap-y-5{row-gap:calc(var(--spacing)*5)}
.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}
.bg-accent\/\[0\.07\]{background-color:#9cdf4312}
.bg-dark-surface\/50{background-color:#0d120e80}
.bg-live{background-color:var(--color-live)}
.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
.from-\[var\(--color-signup-from\)\]{--tw-gradient-from:var(--color-signup-from);--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-dark-surface{--tw-gradient-from:var(--color-dark-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-dark\/0{--tw-gradient-from:#0000}
.from-dark\/0{--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-primary\/10{--tw-gradient-from:#1a5f2a1a}
.from-primary\/10{--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-dark\/60{--tw-gradient-via:#05090699}
.via-dark\/60{--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-\[var\(--color-signup-to\)\]{--tw-gradient-to:var(--color-signup-to);--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-dark{--tw-gradient-to:var(--color-dark);--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-dark-card{--tw-gradient-to:var(--color-dark-card);--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))}
.fill-current{fill:currentColor}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.p-8{padding:calc(var(--spacing)*8)}
.px-8{padding-inline:calc(var(--spacing)*8)}
.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-16{padding-block:calc(var(--spacing)*16)}
.py-20{padding-block:calc(var(--spacing)*20)}
.pt-16{padding-top:calc(var(--spacing)*16)}
.pb-8{padding-bottom:calc(var(--spacing)*8)}
.text-3xl{font-size:var(--text-3xl)}
.text-4xl{font-size:var(--text-4xl)}
.text-lg{font-size:var(--text-lg)}
.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}
.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-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}
.whitespace-nowrap{white-space:nowrap}
.text-live{color:var(--color-live)}
.underline{text-decoration-line:underline}
.decoration-dotted{text-decoration-style:dotted}
.underline-offset-2{text-underline-offset:2px}
.opacity-20{opacity:.2}
.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--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,)}
.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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}
.duration-500{--tw-duration:.5s;transition-duration:.5s}
.mt-2{margin-top:calc(var(--spacing)*2)}
.h-6{height:calc(var(--spacing)*6)}
.w-6{width:calc(var(--spacing)*6)}
.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.me-1{margin-inline-end:calc(var(--spacing)*1)}
.mt-10{margin-top:calc(var(--spacing)*10)}
.max-h-\[75vh\]{max-height:75vh}
.gap-x-4{column-gap:calc(var(--spacing)*4)}
.gap-y-2{row-gap:calc(var(--spacing)*2)}
.pt-6{padding-top:calc(var(--spacing)*6)}
.text-\[15px\]{font-size:15px}
.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
: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)))}
.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.h-2{height:calc(var(--spacing)*2)}
.w-2{width:calc(var(--spacing)*2)}
.gap-x-3{column-gap:calc(var(--spacing)*3)}
.gap-x-8{column-gap:calc(var(--spacing)*8)}
: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)))}
.-bottom-8{bottom:calc(var(--spacing)*-8)}
.-mt-3{margin-top:calc(var(--spacing)*-3)}
.mb-5{margin-bottom:calc(var(--spacing)*5)}
.border-2{border-width:2px}
.border-dashed{--tw-border-style:dashed;border-style:dashed}
.border-warn{border-color:var(--color-warn)}
.bg-warn\/10{background-color:#f5ae391a}
.text-\[11px\]{font-size:11px}
.text-line{color:var(--color-line)}
.select-none{-webkit-user-select:none;user-select:none}
.mb-12{margin-bottom:calc(var(--spacing)*12)}
.h-7{height:calc(var(--spacing)*7)}
.w-7{width:calc(var(--spacing)*7)}
.mt-6{margin-top:calc(var(--spacing)*6)}
.mb-10{margin-bottom:calc(var(--spacing)*10)}
.cursor-default{cursor:default}
.items-baseline{align-items:baseline}
.bg-accent\/10{background-color:#9cdf431a}
.text-fg-muted{color:var(--color-fg-muted)}
.list-none{list-style-type:none}
: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-line>:not(:last-child)){border-color:var(--color-line)}
.py-3\.5{padding-block:calc(var(--spacing)*3.5)}
.pb-4{padding-bottom:calc(var(--spacing)*4)}
.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))}
.bottom-2{bottom:calc(var(--spacing)*2)}
.mx-1{margin-inline:calc(var(--spacing)*1)}
.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.w-40{width:calc(var(--spacing)*40)}
.bg-black\/75{background-color:#000000bf}
.leading-none{--tw-leading:1;line-height:1}
.text-gold{color:var(--color-gold)}
.text-white\/60{color:#fff9}
.h-96{height:calc(var(--spacing)*96)}
.min-h-0{min-height:calc(var(--spacing)*0)}
.overflow-y-auto{overflow-y:auto}
.bg-ink\/80{background-color:#0a0a0acc}
.pt-4{padding-top:calc(var(--spacing)*4)}
.text-base{font-size:var(--text-base)}
.text-xl{font-size:var(--text-xl)}
: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)))}
.from-accent\/30{--tw-gradient-from:#9cdf434d}
.from-accent\/30{--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-accent\/5{--tw-gradient-to:#9cdf430d}
.to-accent\/5{--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))}
@supports (color:color-mix(in lab,red,red)) {
.bg-dark-surface\/30{background-color:color-mix(in oklab,var(--color-dark-surface) 30%,transparent)}
.bg-dark\/90{background-color:color-mix(in oklab,var(--color-dark) 90%,transparent)}
.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}
.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}
.ring-white\/80{--tw-ring-color:color-mix(in oklab,var(--color-white) 80%,transparent)}
.border-accent\/40{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}
.bg-accent\/15{background-color:color-mix(in oklab,var(--color-accent) 15%,transparent)}
.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}
.bg-accent\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-accent) 7.0%,transparent)}
.bg-dark-surface\/50{background-color:color-mix(in oklab,var(--color-dark-surface) 50%,transparent)}
.from-dark\/0{--tw-gradient-from:color-mix(in oklab,var(--color-dark) 0%,transparent)}
.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--color-primary) 10%,transparent)}
.via-dark\/60{--tw-gradient-via:color-mix(in oklab,var(--color-dark) 60%,transparent)}
.bg-warn\/10{background-color:color-mix(in oklab,var(--color-warn) 10%,transparent)}
.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}
.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}
.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}
.bg-ink\/80{background-color:color-mix(in oklab,var(--color-ink) 80%,transparent)}
.from-accent\/30{--tw-gradient-from:color-mix(in oklab,var(--color-accent) 30%,transparent)}
.to-accent\/5{--tw-gradient-to:color-mix(in oklab,var(--color-accent) 5%,transparent)}
}
@media (hover:hover) {
.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
.group-hover\:text-accent-ink:is(:where(.group):hover *){color:var(--color-accent-ink)}
.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}
.hover\:bg-dark-border:hover{background-color:var(--color-dark-border)}
.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}
.hover\:bg-line:hover{background-color:var(--color-line)}
.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}
.hover\:text-fg:hover{color:var(--color-fg)}
.hover\:text-text:hover{color:var(--color-text)}
.hover\:border-accent:hover{border-color:var(--color-accent)}
.hover\:bg-accent-light:hover{background-color:var(--color-accent-light)}
.hover\:bg-live:hover{background-color:var(--color-live)}
.hover\:text-white:hover{color:var(--color-white)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-90:hover{opacity:.9}
}
@media (width>=40rem) {
.sm\:flex-row{flex-direction:row}
.sm\:px-6{padding-inline:calc(var(--spacing)*6)}
.sm\:flex{display:flex}
.sm\:hidden{display:none}
.sm\:w-auto{width:auto}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:self-auto{align-self:auto}
.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:px-8{padding-inline:calc(var(--spacing)*8)}
.sm\:p-12{padding:calc(var(--spacing)*12)}
.sm\:px-10{padding-inline:calc(var(--spacing)*10)}
.sm\:px-12{padding-inline:calc(var(--spacing)*12)}
.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.sm\:p-8{padding:calc(var(--spacing)*8)}
.sm\:inline-flex{display:inline-flex}
.sm\:flex-wrap{flex-wrap:wrap}
.sm\:w-56{width:calc(var(--spacing)*56)}
.sm\:items-center{align-items:center}
.sm\:gap-10{gap:calc(var(--spacing)*10)}
.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
}
@media (width>=48rem) {
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (width>=64rem) {
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.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\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
.lg\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}
.lg\:sticky{position:sticky}
.lg\:top-24{top:calc(var(--spacing)*24)}
.lg\:grid{display:grid}
.lg\:max-h-\[calc\(100vh_-_7rem\)\]{max-height:calc(100vh - 7rem)}
.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}
.lg\:flex-col{flex-direction:column}
.lg\:items-start{align-items:flex-start}
.lg\:gap-6{gap:calc(var(--spacing)*6)}
}
@media (width>=80rem) {
.xl\:hidden{display:none}
.xl\:inline{display:inline}
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
}