.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e}.glass-light{background:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003}.glass-dark{background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080}.glass-teal{background:rgba(20,184,166,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(20,184,166,.3);box-shadow:0 8px 32px #14b8a633}.glass-green{background:rgba(74,222,128,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.3);box-shadow:0 8px 32px #4ade8033}.glass-red{background:rgba(248,113,113,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(248,113,113,.3);box-shadow:0 8px 32px #f8717133}.glass-yellow{background:rgba(250,204,21,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(250,204,21,.3);box-shadow:0 8px 32px #facc1533}.glass-yellow.glass-hover:hover{background:rgba(250,204,21,.25);border:1px solid rgba(250,204,21,.5);box-shadow:0 12px 48px #facc1566}.glass-subtle{background:rgba(255,255,255,.05);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.glass-medium{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e}.glass-strong{background:rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 48px #00000080}.glass-hover{transition:all .3s ease}.glass-hover:hover{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 48px #00000080;transform:translateY(-2px)}.glass-active{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 48px #0009}.glass-teal.glass-hover:hover{background:rgba(20,184,166,.25);border:1px solid rgba(20,184,166,.5);box-shadow:0 12px 48px #14b8a666}.glass-green.glass-hover:hover{background:rgba(74,222,128,.25);border:1px solid rgba(74,222,128,.5);box-shadow:0 12px 48px #4ade8066}.glass-dark.glass-hover:hover{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 48px #000000b3}.glass-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e;border-radius:.5rem;padding:1.25rem}.glass-panel{background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;border-radius:.5rem;padding:1.5rem}.glass-button{background:rgba(20,184,166,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(20,184,166,.3);box-shadow:0 4px 16px #14b8a633;transition:all .3s ease;cursor:pointer}.glass-button:hover{background:rgba(20,184,166,.25);border:1px solid rgba(20,184,166,.5);box-shadow:0 8px 32px #14b8a666;transform:translateY(-2px)}.glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #14b8a64d}