.glassy-base{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:48px}.glassy-green{background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(22,163,74,.75) 50%,rgba(21,128,61,.65));--glow-color-60:rgba(34,197,94,0.6);--glow-color-50:rgba(34,197,94,0.5);--glow-color-40:rgba(34,197,94,0.4);--glow-color-35:rgba(34,197,94,0.35);--glow-color-25:rgba(34,197,94,0.25);box-shadow:0 20px 60px rgba(34,197,94,.5),0 8px 32px rgba(34,197,94,.35),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-blue{background:linear-gradient(135deg,rgba(59,130,246,.65),rgba(37,99,235,.35) 50%,rgba(29,78,216,.15));--glow-color-60:rgba(59,130,246,0.1);--glow-color-50:rgba(59,130,246,0.1);--glow-color-40:rgba(59,130,246,0.1);--glow-color-35:rgba(59,130,246,0.1);--glow-color-25:rgba(59,130,246,0.1);box-shadow:0 20px 60px rgba(59,130,246,.2),0 8px 32px rgba(59,130,246,.1),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-theme{background:var(--wf-accent-gradient,var(--wf-accent-primary));--glow-color-60:hsl(var(--wf-accent-hsl)/0.6);--glow-color-50:hsl(var(--wf-accent-hsl)/0.5);--glow-color-40:hsl(var(--wf-accent-hsl)/0.4);--glow-color-35:hsl(var(--wf-accent-hsl)/0.35);--glow-color-25:hsl(var(--wf-accent-hsl)/0.25);box-shadow:0 20px 60px var(--glow-color-50),0 8px 32px var(--glow-color-35),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-monochrome{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.glassy-purple{background:linear-gradient(135deg,rgba(168,85,247,.85),rgba(147,51,234,.75) 50%,rgba(126,34,206,.65));--glow-color-60:rgba(168,85,247,0.6);--glow-color-50:rgba(168,85,247,0.5);--glow-color-40:rgba(168,85,247,0.4);--glow-color-35:rgba(168,85,247,0.35);--glow-color-25:rgba(168,85,247,0.25);box-shadow:0 20px 60px rgba(168,85,247,.5),0 8px 32px rgba(168,85,247,.35),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-red{background:linear-gradient(135deg,rgba(239,68,68,.85),rgba(220,38,38,.75) 50%,rgba(185,28,28,.65));--glow-color-60:rgba(239,68,68,0.6);--glow-color-50:rgba(239,68,68,0.5);--glow-color-40:rgba(239,68,68,0.4);--glow-color-35:rgba(239,68,68,0.35);--glow-color-25:rgba(239,68,68,0.25);box-shadow:0 20px 60px rgba(239,68,68,.5),0 8px 32px rgba(239,68,68,.35),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-yellow{background:linear-gradient(135deg,rgba(234,179,8,.85),rgba(202,138,4,.75) 50%,rgba(161,98,7,.65));--glow-color-60:rgba(234,179,8,0.6);--glow-color-50:rgba(234,179,8,0.5);--glow-color-40:rgba(234,179,8,0.4);--glow-color-35:rgba(234,179,8,0.35);--glow-color-25:rgba(234,179,8,0.25);box-shadow:0 20px 60px rgba(234,179,8,.5),0 8px 32px rgba(234,179,8,.35),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-transparent{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05))!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border-color:rgba(255,255,255,.4) rgba(255,255,255,.3) rgba(255,255,255,.3) rgba(255,255,255,.35)!important;border-style:solid!important;border-width:1.5px!important;box-shadow:0 20px 60px rgba(255,255,255,.2),0 8px 32px rgba(255,255,255,.15),inset 0 1px 2px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.2)}.glassy-transparent.glassy-green{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(22,163,74,.18) 50%,rgba(21,128,61,.12))!important;box-shadow:0 20px 60px rgba(34,197,94,.3),0 8px 32px rgba(34,197,94,.2),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-transparent.glassy-blue{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(37,99,235,.18) 50%,rgba(29,78,216,.12))!important;box-shadow:0 20px 60px rgba(59,130,246,.3),0 8px 32px rgba(59,130,246,.2),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-transparent.glassy-purple{background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(147,51,234,.18) 50%,rgba(126,34,206,.12))!important;box-shadow:0 20px 60px rgba(168,85,247,.3),0 8px 32px rgba(168,85,247,.2),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-transparent.glassy-red{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(220,38,38,.18) 50%,rgba(185,28,28,.12))!important;box-shadow:0 20px 60px rgba(239,68,68,.3),0 8px 32px rgba(239,68,68,.2),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-transparent.glassy-yellow{background:linear-gradient(135deg,rgba(234,179,8,.25),rgba(202,138,4,.18) 50%,rgba(161,98,7,.12))!important;box-shadow:0 20px 60px rgba(234,179,8,.3),0 8px 32px rgba(234,179,8,.2),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15)}.glassy-nested{border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.25);box-shadow:inset 0 1px 1px rgba(255,255,255,.15),0 2px 8px rgba(0,0,0,.2)}.glassy-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.glassy-interactive:hover{transform:translateY(-4px);box-shadow:0 24px 80px var(--glow-color-50),0 12px 40px var(--glow-color-35),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.15);border-color:rgba(255,255,255,.25)}.glassy-interactive:active{transform:translateY(-2px);box-shadow:0 16px 50px var(--glow-color-40),0 6px 24px var(--glow-color-25),inset 0 2px 4px rgba(0,0,0,.3),inset 0 -1px 2px rgba(255,255,255,.1)}.glassy-x-small{width:50px;height:50px;border-radius:10px}.glassy-small{width:54px;height:54px;border-radius:12px;backdrop-filter:blur(12px)}.glassy-medium{width:128px;height:128px;border-radius:32px;backdrop-filter:blur(16px)}.glassy-large{width:200px;height:200px;border-radius:48px;backdrop-filter:blur(20px)}.glassy-xlarge{width:256px;height:256px;border-radius:56px;backdrop-filter:blur(24px)}@media (prefers-color-scheme:dark){.glassy-base{border-color:rgba(255,255,255,.35) rgba(255,255,255,.22) rgba(255,255,255,.22);box-shadow:0 24px 72px var(--glow-color-60),0 10px 40px var(--glow-color-40),inset 0 1px 2px rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.2)}}@media (prefers-reduced-motion:reduce){.glassy-interactive{transition:none}.glassy-interactive:hover{transform:none}}@supports not (backdrop-filter:blur(20px)){.glassy-base{background-color:rgba(0,0,0,.3)}}.glassy-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.glassy-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glassy-disabled{backdrop-filter:none!important;background:rgba(100,100,100,.5)!important;box-shadow:none!important}