.scp-glass{position:relative;isolation:isolate;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:linear-gradient( 135deg,var(--glass-tint-top) 0%,var(--glass-tint-mid) 48%,var(--glass-tint-bot) 100% );backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness));box-shadow:var(--glass-shadow),var(--glass-inset);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color 0.4s ease}.scp-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-specular);pointer-events:none;z-index:0;mix-blend-mode:screen;transition:opacity 0.4s ease}.scp-glass::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--glass-fresnel);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;opacity:0.55;animation:scp-fresnel-drift 18s linear infinite}.scp-glass > *{position:relative;z-index:2}.scp-glass:hover{transform:translateY(-3px);border-color:var(--glass-hi-top);box-shadow:0 20px 60px rgba(0,0,0,0.42),0 6px 20px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15),0 0 0 0.5px rgba(255,255,255,0.12),var(--glass-inset)}.scp-glass:hover::before{opacity:1.15}.scp-glass--thin{backdrop-filter:blur(var(--glass-blur-thin)) saturate(160%) contrast(108%) brightness(104%);-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(160%) contrast(108%) brightness(104%)}.scp-glass--base{backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness))}.scp-glass--thick{backdrop-filter:blur(var(--glass-blur-thick)) saturate(200%) contrast(118%) brightness(106%);-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(200%) contrast(118%) brightness(106%)}.scp-glass--ultra{backdrop-filter:blur(var(--glass-blur-ultra)) saturate(185%) contrast(110%) brightness(104%);-webkit-backdrop-filter:blur(var(--glass-blur-ultra)) saturate(185%) contrast(110%) brightness(104%)}.scp-glass--on-dark{border:1px solid rgba(255,255,255,0.18);background:linear-gradient( 135deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.05) 48%,rgba(255,255,255,0.09) 100% );backdrop-filter:blur(var(--glass-blur-thick)) saturate(190%) contrast(112%) brightness(108%);-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(190%) contrast(112%) brightness(108%);box-shadow:0 16px 50px rgba(0,0,0,0.28),0 4px 14px rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.10),0 0 0 0.5px rgba(255,255,255,0.10),inset 0 1px 0 rgba(255,255,255,0.28),inset 0 -1px 0 rgba(255,255,255,0.05),inset 1px 0 0 rgba(255,255,255,0.08),inset -1px 0 0 rgba(255,255,255,0.08);color:var(--overlay-text)}.scp-glass--on-dark::before{background:radial-gradient( 600px circle at var(--mx) var(--my),rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.06) 22%,rgba(255,255,255,0) 50% )}.scp-glass--on-dark:hover{border-color:rgba(255,255,255,0.26);box-shadow:0 24px 64px rgba(0,0,0,0.34),0 8px 24px rgba(0,0,0,0.22),0 1px 2px rgba(0,0,0,0.12),0 0 0 0.5px rgba(255,255,255,0.14),inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(255,255,255,0.06)}.scp-glass--gold{border:1px solid color-mix(in srgb,var(--color-secondary,#8b6f47) 22%,transparent);background:linear-gradient( 135deg,color-mix(in srgb,var(--color-secondary,#8b6f47) 6%,rgba(255,255,255,0.6)) 0%,color-mix(in srgb,var(--color-secondary,#8b6f47) 4%,rgba(255,255,255,0.4)) 48%,color-mix(in srgb,var(--color-secondary,#8b6f47) 8%,rgba(255,255,255,0.5)) 100% );box-shadow:0 12px 40px color-mix(in srgb,var(--color-secondary,#8b6f47) 12%,transparent),0 4px 14px color-mix(in srgb,var(--color-secondary,#8b6f47) 7%,transparent),0 1px 2px rgba(0,0,0,0.04),0 0 0 0.5px rgba(255,255,255,0.6),inset 0 1px 0 rgba(255,255,255,0.85),inset 0 -1px 0 color-mix(in srgb,var(--color-secondary,#8b6f47) 6%,transparent)}.scp-glass--gold:hover{border-color:color-mix(in srgb,var(--color-secondary,#8b6f47) 34%,transparent);box-shadow:0 22px 60px color-mix(in srgb,var(--color-secondary,#8b6f47) 18%,transparent),0 8px 22px color-mix(in srgb,var(--color-secondary,#8b6f47) 10%,transparent),0 1px 2px rgba(0,0,0,0.05),0 0 0 0.5px rgba(255,255,255,0.7),0 0 40px color-mix(in srgb,var(--color-secondary,#8b6f47) 14%,transparent),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 color-mix(in srgb,var(--color-secondary,#8b6f47) 7%,transparent)}.scp-glass--primary{border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);background:linear-gradient( 135deg,color-mix(in srgb,var(--color-primary) 6%,rgba(255,255,255,0.6)) 0%,color-mix(in srgb,var(--color-primary) 3%,rgba(255,255,255,0.4)) 48%,color-mix(in srgb,var(--color-primary) 8%,rgba(255,255,255,0.5)) 100% );box-shadow:0 12px 40px color-mix(in srgb,var(--color-primary) 10%,transparent),0 4px 14px color-mix(in srgb,var(--color-primary) 6%,transparent),0 1px 2px rgba(0,0,0,0.04),0 0 0 0.5px rgba(255,255,255,0.6),inset 0 1px 0 rgba(255,255,255,0.85),inset 0 -1px 0 color-mix(in srgb,var(--color-primary) 5%,transparent)}.scp-glass--primary:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);box-shadow:0 22px 60px color-mix(in srgb,var(--color-primary) 16%,transparent),0 8px 22px color-mix(in srgb,var(--color-primary) 9%,transparent),0 1px 2px rgba(0,0,0,0.05),0 0 0 0.5px rgba(255,255,255,0.7),0 0 40px color-mix(in srgb,var(--color-primary) 14%,transparent),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 color-mix(in srgb,var(--color-primary) 7%,transparent)}.scp-glass--on-dark.scp-glass--primary{border:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent);background:linear-gradient( 135deg,color-mix(in srgb,var(--color-primary) 16%,transparent) 0%,color-mix(in srgb,var(--color-primary) 4%,transparent) 45%,color-mix(in srgb,var(--color-primary-light,var(--color-primary)) 8%,transparent) 100% );box-shadow:0 14px 44px rgba(0,0,0,0.36),0 4px 14px rgba(0,0,0,0.20),0 1px 2px rgba(0,0,0,0.10),0 0 0 0.5px color-mix(in srgb,var(--color-primary) 14%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-primary-light,var(--color-primary)) 30%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--color-primary) 8%,transparent),inset 1px 0 0 color-mix(in srgb,var(--color-primary-light,var(--color-primary)) 6%,transparent),inset -1px 0 0 color-mix(in srgb,var(--color-primary-light,var(--color-primary)) 6%,transparent);color:var(--overlay-text,#fff)}.scp-glass--on-dark.scp-glass--primary:hover{border-color:color-mix(in srgb,var(--color-primary) 36%,transparent);box-shadow:0 24px 64px rgba(0,0,0,0.42),0 8px 24px rgba(0,0,0,0.24),0 1px 2px rgba(0,0,0,0.12),0 0 0 0.5px color-mix(in srgb,var(--color-primary) 20%,transparent),0 0 44px color-mix(in srgb,var(--color-primary) 18%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-primary-light,var(--color-primary)) 36%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--color-primary) 10%,transparent)}@keyframes scp-fresnel-drift{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.scp-glass-card{position:relative;isolation:isolate;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-tint-top) 0%,var(--glass-tint-mid) 48%,var(--glass-tint-bot) 100%);backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast)) brightness(var(--glass-brightness));box-shadow:var(--glass-shadow),var(--glass-inset);overflow:clip;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color 0.4s ease}.scp-glass-card:hover{transform:translateY(-3px);border-color:var(--glass-hi-top)}.scp-glass-card__body{padding:var(--space-lg)}.scp-glass-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-block-end:var(--space-sm);color:var(--color-text)}.scp-glass-card__text{color:var(--color-text-secondary);line-height:1.6}.scp-glass-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-tint-top),var(--glass-tint-bot));backdrop-filter:blur(var(--glass-blur-thin)) saturate(160%) brightness(104%);-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(160%) brightness(104%);border-radius:999px;font-size:0.8125rem;font-weight:600;color:var(--color-text);letter-spacing:0.02em}.scp-glass-form{position:relative;isolation:isolate;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-tint-top),var(--glass-tint-bot));backdrop-filter:blur(var(--glass-blur-thick)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(180%);box-shadow:var(--glass-shadow),var(--glass-inset);padding:var(--space-xl)}.scp-glass-form .scp-field{margin-block-end:var(--space-md)}.scp-glass-form label{display:block;font-family:var(--font-body);font-size:0.875rem;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;margin-block-end:var(--space-xs);color:var(--color-text-secondary)}.scp-glass-form input,.scp-glass-form textarea,.scp-glass-form select{width:100%;padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:calc(var(--glass-radius) * 0.5);font-family:var(--font-body);font-size:1rem;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.scp-glass-form input:focus-visible,.scp-glass-form textarea:focus-visible,.scp-glass-form select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-primary);background:rgba(255,255,255,0.07)}.scp-glass-form input[aria-invalid="true"],.scp-glass-form textarea[aria-invalid="true"]{border-color:#ef4444}.scp-post-card{position:relative;isolation:isolate;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-tint-top),var(--glass-tint-bot));backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-base)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow),var(--glass-inset);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.scp-post-card:hover{transform:translateY(-3px)}.scp-gallery-item{position:relative;overflow:clip;border-radius:var(--glass-radius);isolation:isolate}.scp-gallery-item__overlay{position:absolute;inset-block-end:0;inset-inline:0;padding:var(--space-md);border-block-start:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-tint-top),var(--glass-tint-bot));backdrop-filter:blur(var(--glass-blur-thick)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(180%);transform:translateY(100%);transition:transform var(--transition-slow)}.scp-gallery-item:hover .scp-gallery-item__overlay,.scp-gallery-item:focus-within .scp-gallery-item__overlay{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scp-glass,.scp-glass-card,.scp-glass-form,.scp-post-card,.scp-gallery-item__overlay{transition:none}.scp-glass::after{animation:none;opacity:0}.scp-glass:hover,.scp-glass-card:hover,.scp-post-card:hover,.scp-glass--on-dark:hover,.scp-glass--gold:hover{transform:none}.scp-gallery-item:hover .scp-gallery-item__overlay,.scp-gallery-item:focus-within .scp-gallery-item__overlay{transform:translateY(0);transition:none}}@media (prefers-contrast:high){.scp-glass,.scp-glass--thin,.scp-glass--base,.scp-glass--thick,.scp-glass--ultra,.scp-glass--on-dark,.scp-glass--on-dark.scp-glass--primary,.scp-glass--gold,.scp-glass--primary,.scp-glass-card,.scp-glass-badge,.scp-glass-form,.scp-post-card,.scp-gallery-item__overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg);border:2px solid var(--color-text)}.scp-glass::before,.scp-glass::after,.scp-glass--on-dark::before{content:none}}