.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000005e}.glass-light{-webkit-backdrop-filter:blur(12px);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0003}.glass-dark{-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;box-shadow:0 6px 24px #00000073}.glass-teal{-webkit-backdrop-filter:blur(10px);background:#14b8a626;border:1px solid #14b8a64d;box-shadow:0 8px 32px #14b8a633}.glass-teal-sm{-webkit-backdrop-filter:blur(10px);background:#05f4c440;box-shadow:0 0 6px #14b8a633}.glass-cyan{-webkit-backdrop-filter:blur(10px);background:#09c7dc26;border:1px solid #0ce9de4d;box-shadow:0 8px 32px #08bfc565}.glass-green{-webkit-backdrop-filter:blur(10px);background:#4ade8026;border:1px solid #4ade804d;box-shadow:0 8px 32px #4ade8033}.glass-green-sm{-webkit-backdrop-filter:blur(10px);background:#1aff0011;box-shadow:0 0 4px #0ac71d66}.glass-red{-webkit-backdrop-filter:blur(10px);background:#f8717126;border:1px solid #f871714d;box-shadow:0 8px 32px #f8717133}.glass-red-sm{-webkit-backdrop-filter:blur(10px);background:#ff00004d;box-shadow:0 0 6px #e12c2c99}.glass-yellow{-webkit-backdrop-filter:blur(10px);background:#facc1526;border:1px solid #facc154d;box-shadow:0 8px 32px #facc1533}.glass-yellow.glass-hover:hover{background:#facc1540;border:1px solid #facc1580;box-shadow:0 12px 48px #facc1566}.glass-gray{-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0000001a}.glass-subtle{-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0003}.glass-medium{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000005e}.glass-strong{-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff40;box-shadow:0 12px 48px #00000080}.glass-hover{transition:all .3s}.glass-hover:hover{background:#fff3;border:1px solid #fff6;transform:translateY(-2px);box-shadow:0 12px 48px #00000080}.glass-active{background:#ffffff40;border:1px solid #ffffff80;box-shadow:0 12px 48px #0009}.glass-teal.glass-hover:hover{background:#14b8a640;border:1px solid #14b8a680;box-shadow:0 12px 48px #14b8a666}.glass-green.glass-hover:hover{background:#4ade8040;border:1px solid #4ade8080;box-shadow:0 12px 48px #4ade8066}.glass-red.glass-hover:hover{background:#f8717140;border:1px solid #f8717180;box-shadow:0 12px 48px #f871714d}.glass-dark.glass-hover:hover{background:#0006;border:1px solid #fff3;box-shadow:0 12px 48px #000000b3}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:1.25rem;box-shadow:0 8px 32px #0000005e}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:.5rem;padding:1.5rem;box-shadow:0 8px 32px #00000080}.glass-button{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#14b8a626;border:1px solid #14b8a64d;transition:all .3s;box-shadow:0 4px 16px #14b8a633}.glass-button:hover{background:#14b8a640;border:1px solid #14b8a680;transform:translateY(-2px);box-shadow:0 8px 32px #14b8a666}.glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #14b8a64d}