:root{--glass-bg:#fffcf88c;--glass-bg-strong:#fffcf8c7;--glass-bg-dark:#0e0e0e6b;--glass-border:#ffffff8c;--glass-border-dark:#ffffff24;--glass-highlight:inset 0 1px 0 #ffffffa6;--glass-shadow:0 18px 48px #0e0e0e1f;--glass-blur:blur(22px) saturate(1.65);--glass-blur-strong:blur(28px) saturate(1.8)}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur)}.glass-surface-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur-strong)}.glass-surface-dark{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);-webkit-backdrop-filter:var(--glass-blur);color:#fffcf8;box-shadow:inset 0 1px #ffffff1f,0 18px 48px #00000047}.glass-3d{transform-style:preserve-3d;transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s ease;will-change:transform}.glass-3d:hover{box-shadow:var(--glass-highlight), 0 28px 60px #0e0e0e29, 0 0 0 1px #e306131f;transform:translateY(-6px)rotateX(2deg)rotateY(-2deg)}.glass-block{-webkit-backdrop-filter:blur(18px)saturate(1.55);transform-style:preserve-3d;background:linear-gradient(145deg,#fffcf8b8,#fffcf861);border:1px solid #ffffff8c;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 20px 50px #0e0e0e1a}.glass-block:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffe6,#0000);width:42%;height:1px;position:absolute;inset:0 auto auto 0}.glass-block:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(125deg,#ffffff2e,#0000 42% 58%,#e306130a);position:absolute;inset:0}.glass-block>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface,.glass-surface-strong,.glass-block{background:#fffcf8f0}.glass-surface-dark{background:#141210eb}}