:root{--bg:46 45 44;--text:242 218 223;--accent:232 51 93;--glass-tint:25%;--glass-alpha:0.55;--glass-border:0.16;--glass-blur:16px;--glass-sat:140%}@media (max-width:640px){:root{--glass-alpha:0.78;--glass-border:0.22;--glass-blur:10px;--glass-sat:120%}.glass-bar:after,.glass-pill:after,.glass:after{opacity:.09}.glass-bar{background:linear-gradient(to bottom,rgb(var(--bg)/calc(var(--glass-alpha) + .18)),rgb(var(--bg)/calc(var(--glass-alpha) + .22)))}}.glass,.glass-bar,.glass-pill{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid rgb(var(--text)/var(--glass-border));background:linear-gradient(to bottom right,rgb(var(--bg)/calc(var(--glass-alpha) + .05)),rgb(var(--bg)/var(--glass-alpha)));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:0 1px 1px rgb(0 0 0/.25),inset 0 1px 0 rgb(255 255 255/.03)}.glass-bar:before,.glass-pill:before,.glass:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255/.05),transparent 40%);pointer-events:none}.glass-bar:after,.glass-pill:after,.glass:after{content:"";position:absolute;inset:0;background-image:url(/textures/noise.png);background-size:300px 300px;opacity:.12;mix-blend-mode:overlay;pointer-events:none}.glass-bar{border-radius:0;background:linear-gradient(to bottom,rgb(var(--bg)/calc(var(--glass-alpha) + .1)),rgb(var(--bg)/calc(var(--glass-alpha) + .15)));border-top:1px solid rgb(var(--text)/var(--glass-border));border-bottom:1px solid rgb(var(--text)/var(--glass-border))}.glass-pill{border-radius:9999px}.focus-ring-accent:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--accent)/.45)}.glass-lift{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.glass-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0/.35),inset 0 1px 0 rgb(255 255 255/.04);border-color:rgb(var(--accent)/.35)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass-bar,.glass-pill{background:rgb(var(--bg)/.92);border-color:rgb(var(--text)/.14);box-shadow:0 1px 1px rgb(0 0 0/.25),inset 0 1px 0 rgb(255 255 255/.03)}}@media (hover:none){.glass-lift:hover{transform:none;box-shadow:0 1px 1px rgb(0 0 0/.25),inset 0 1px 0 rgb(255 255 255/.04);border-color:rgb(var(--text)/var(--glass-border))}}