[data-site-template=refractive],.refractive-drawer{--background:#f5f5f7;--foreground:#1d1d1f;--card:#fff;--card-foreground:#1d1d1f;--popover:#fff;--popover-foreground:#1d1d1f;--muted:#e8e8ee;--muted-foreground:#86868b;--border:#0000001a;--input:#0000001a;--primary:var(--refractive-accent-a,#7c5cff);--primary-foreground:#fff;--secondary:#e8e8ee;--secondary-foreground:#1d1d1f;--accent:#0000000f;--accent-foreground:#1d1d1f;--destructive:#de3730;--ring:var(--refractive-accent-a,#7c5cff);--refractive-glass-base:#fff;--refractive-glass-bg:color-mix(in oklab, var(--refractive-glass-base) calc(var(--refractive-tint,42%) + 10%), transparent);--refractive-glass-bg-hover:color-mix(in oklab, var(--refractive-glass-base) calc(var(--refractive-tint,42%) + 24%), transparent);--refractive-glass-strong:#ffffffb8;--refractive-glass-bd:#00000012;--refractive-hi:#fffffff2;--refractive-glass-shadow:0 18px 50px #0000001a;--radius:var(--refractive-radius,14px)}.dark [data-site-template=refractive],.dark .refractive-drawer{--background:#070709;--foreground:#f5f5f7;--card:#121218;--card-foreground:#f5f5f7;--popover:#121218;--popover-foreground:#f5f5f7;--muted:#191920;--muted-foreground:#9b9ba1;--border:#ffffff1f;--input:#ffffff1f;--secondary:#191920;--secondary-foreground:#f5f5f7;--accent:#ffffff14;--accent-foreground:#f5f5f7;--destructive:#ff5f57;--refractive-glass-base:#181822;--refractive-glass-bg:color-mix(in oklab, var(--refractive-glass-base) var(--refractive-tint,42%), transparent);--refractive-glass-bg-hover:color-mix(in oklab, var(--refractive-glass-base) calc(var(--refractive-tint,42%) + 14%), transparent);--refractive-glass-strong:#1c1c289e;--refractive-glass-bd:#ffffff21;--refractive-hi:#ffffff47;--refractive-glass-shadow:0 24px 60px #00000073}.refractive-root{background-color:var(--background)}[data-site-template=refractive] :is(h1,h2){letter-spacing:-.03em}.refractive-preview{border-radius:var(--refractive-radius,14px);background-color:var(--background);color:var(--foreground);position:relative;overflow:hidden}.refractive-preview .refractive-backdrop{position:absolute}.refractive-backdrop{pointer-events:none;background-image:radial-gradient(52% 38% at 18% 8%, color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 13%, transparent), transparent 70%), radial-gradient(46% 34% at 85% 22%, color-mix(in oklab, var(--refractive-accent-b,#c45cff) 11%, transparent), transparent 70%), radial-gradient(60% 40% at 55% 95%, color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 7%, transparent), transparent 70%);position:fixed;inset:0}.dark .refractive-backdrop{background-image:radial-gradient(52% 38% at 18% 8%, color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 18%, transparent), transparent 70%), radial-gradient(46% 34% at 85% 22%, color-mix(in oklab, var(--refractive-accent-b,#c45cff) 16%, transparent), transparent 70%), radial-gradient(60% 40% at 55% 95%, color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 10%, transparent), transparent 70%)}.refractive-glass,[data-site-template=refractive] :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl){background-color:var(--refractive-glass-bg);background-image:linear-gradient(160deg, color-mix(in oklab, var(--refractive-hi,#ffffff47) 28%, transparent), transparent 38%);box-shadow:inset 0 1px 0 var(--refractive-hi,#ffffff47), inset 0 -18px 36px -24px color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 40%, transparent), var(--refractive-glass-shadow,0 24px 60px #00000073);-webkit-backdrop-filter:blur(var(--refractive-blur,6px)) saturate(1.9) brightness(1.04);backdrop-filter:blur(var(--refractive-blur,6px)) saturate(1.9) brightness(1.04);border:1px solid #0000}.refractive-glass:not(.refractive-drawer),[data-site-template=refractive] :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl){position:relative}.refractive-glass:before,[data-site-template=refractive] :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl):before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in oklab, var(--refractive-hi,#ffffff47) 85%, transparent), transparent 32%, transparent 64%, color-mix(in oklab, var(--refractive-accent-b,#c45cff) 55%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-site-template=refractive] :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl){border-radius:var(--refractive-radius,14px)}[data-site-template=refractive] :is([data-slot=card],.border.rounded-lg:not(.bg-black),.border.rounded-xl) :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl){border-color:var(--border);border-radius:calc(var(--refractive-radius,14px) * .6);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#00000038;background-color:lab(0% 0 0/.22);background-image:none}[data-site-template=refractive] :is([data-slot=card],.border.rounded-lg:not(.bg-black),.border.rounded-xl) :is([data-slot=card],[data-slot=alert],.border.rounded-lg:not(.bg-black),.border.rounded-xl):before{display:none}[data-site-template=refractive] .border.rounded-lg.bg-black{border-radius:var(--refractive-radius,14px)}.refractive-header{border-radius:999px;min-height:60px}.refractive-panel{border-radius:var(--refractive-radius,14px)}.refractive-popover{border-radius:var(--refractive-radius,14px);background-color:color-mix(in oklab, var(--popover) 92%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.refractive-drawer{border-radius:var(--refractive-radius,14px) 0 0 var(--refractive-radius,14px);background-color:var(--refractive-glass-strong);color:var(--foreground);background-image:none;border-width:0}.refractive-nav-active{color:#fff;background-image:linear-gradient(120deg, var(--refractive-accent-a,#7c5cff), var(--refractive-accent-b,#c45cff));box-shadow:inset 0 1px 0 0 #ffffff59, 0 8px 24px -8px color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 70%, transparent)}.refractive-row-active{color:var(--foreground);background-image:linear-gradient(120deg, color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 24%, transparent), color-mix(in oklab, var(--refractive-accent-b,#c45cff) 24%, transparent))}[data-site-template=refractive] :is(a,button).inline-flex.rounded-md.border:not([data-slot=tabs-trigger]){border-color:var(--refractive-glass-bd,#ffffff21);background-color:var(--refractive-glass-bg);box-shadow:inset 0 1px 0 var(--refractive-hi,#ffffff47);border-radius:999px}[data-site-template=refractive] :is(a,button).inline-flex.rounded-md.border:not([data-slot=tabs-trigger]):hover{background-color:var(--refractive-glass-bg-hover)}[data-site-template=refractive] :is([data-slot=button],[data-slot=pagination-link]){border-radius:999px;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out,color .15s ease-out}[data-site-template=refractive] :is([data-slot=button],[data-slot=pagination-link]):hover{transform:translateY(-1px)}[data-site-template=refractive] :is([data-slot=button],[data-slot=pagination-link]):focus-visible{outline:2px solid color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 70%, transparent);outline-offset:2px}[data-site-template=refractive] [data-slot=button][data-variant=default]{color:#fff;background-color:#0000;background-image:linear-gradient(120deg, var(--refractive-accent-a,#7c5cff), var(--refractive-accent-b,#c45cff));box-shadow:inset 0 1px 0 #ffffff59, 0 8px 24px -8px color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 70%, transparent)}[data-site-template=refractive] [data-slot=button][data-variant=default]:hover{box-shadow:inset 0 1px 0 #ffffff59, 0 12px 28px -8px color-mix(in oklab, var(--refractive-accent-a,#7c5cff) 80%, transparent)}[data-site-template=refractive] :is([data-slot=button][data-variant=outline],[data-slot=button][data-variant=secondary],[data-slot=pagination-link][data-active=true]){color:var(--foreground);background-color:var(--refractive-glass-bg);border:1px solid var(--refractive-glass-bd,#ffffff21);box-shadow:inset 0 1px 0 var(--refractive-hi,#ffffff47);-webkit-backdrop-filter:blur(var(--refractive-blur,6px)) saturate(1.7);backdrop-filter:blur(var(--refractive-blur,6px)) saturate(1.7)}[data-site-template=refractive] :is([data-slot=button][data-variant=outline],[data-slot=button][data-variant=secondary],[data-slot=pagination-link][data-active=true]):hover{background-color:var(--refractive-glass-bg-hover)}@media (prefers-reduced-motion:reduce){[data-site-template=refractive] :is([data-slot=button],[data-slot=pagination-link]){transition:none}[data-site-template=refractive] :is([data-slot=button],[data-slot=pagination-link]):hover{transform:none}}
