.glass-panel{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);box-shadow:var(--shadow-ambient)}.glass-panel--dark{background:var(--glass-bg-dark)}.glass-nav{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.bg-surface{background-color:var(--surface)}.bg-surface-low{background-color:var(--surface-container-low)}.bg-surface-container{background-color:var(--surface-container)}.bg-surface-high{background-color:var(--surface-container-high)}.bg-surface-highest{background-color:var(--surface-container-highest)}.bg-surface-lowest{background-color:var(--surface-container-lowest)}.bg-primary-container{background-color:var(--primary-container)}.bg-secondary{background-color:var(--secondary)}.shadow-ambient{box-shadow:var(--shadow-ambient)}.shadow-ambient-lg{box-shadow:var(--shadow-ambient-lg)}.ghost-border{border:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.ghost-border-top{border-top:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.ghost-border-bottom{border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.tonal-divider{background:linear-gradient(90deg,transparent 0,var(--outline-variant) 50%,transparent 100%);height:1px;margin:var(--space-xl) 0;opacity:.2}.gradient-primary{background:linear-gradient(135deg,var(--secondary),var(--primary-container))}.gradient-surface{background:linear-gradient(180deg,var(--surface) 0,var(--surface-container-low) 100%)}