/* Frosted surfaces without moving backgrounds or blurred text. */
html[data-material=glass] body{background-image:radial-gradient(ellipse at 88% 8%,var(--ui-aura-primary),transparent 48%),radial-gradient(ellipse at 10% 45%,var(--ui-aura-gold),transparent 52%),linear-gradient(145deg,rgba(255,255,255,.035),transparent 55%);background-attachment:fixed;background-size:100% 100%;min-height:100vh}
html[data-material=glass] .canvas{background:transparent}
html[data-material=glass] body>header,html[data-material=glass] .topbar,html[data-material=glass] .rail{background:var(--ui-glass-header);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);border-color:var(--ui-glass-border);box-shadow:0 1px 0 rgba(255,255,255,.07)}
html[data-material=glass] :is(.panel,.card,.kpi,.company-review-card,.product-agents,.hero-preview,.industry-card,.floating,.sales-guide section,#company-analytics,.finance-metrics article,.catalog-stats span,.analytics-kpis article){background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 65%),var(--ui-glass-surface);border:1px solid var(--ui-glass-border);border-radius:17px;backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);box-shadow:0 12px 35px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.2)}
html[data-material=glass] .owner-shortcuts>a,html[data-material=glass] .growth-notice,html[data-material=glass] .growth-empty{background:linear-gradient(140deg,rgba(255,255,255,.075),transparent 65%),var(--ui-glass-shortcut);border:1px solid var(--ui-glass-border);border-top:1px solid var(--ui-glass-border);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.13)}
html[data-material=glass] .owner-shortcuts>a:hover{filter:none;box-shadow:0 16px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.24);border-color:var(--ui-accent)}
html[data-material=glass] .primary,html[data-material=glass] .button.primary,html[data-material=glass] #appearance-toggle,html[data-material=glass] .appearance-actions button{background-image:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,0) 60%);border:1px solid var(--ui-glass-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 14px rgba(0,0,0,.10)}
html[data-material=glass] .secondary,html[data-material=glass] .button:not(.primary){border-color:var(--ui-glass-border)}
html[data-material=glass] #appearance-dialog{background:var(--ui-glass-surface);border:1px solid var(--ui-glass-border);backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%);box-shadow:0 25px 80px #0004,inset 0 1px 0 #ffffff35}
html[data-material=glass] #appearance-dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}
.appearance-material{display:grid;gap:9px;padding:15px 0;margin:12px 0 18px;border-top:1px solid var(--ui-glass-border,var(--ui-accent));border-bottom:1px solid var(--ui-glass-border,var(--ui-accent))}.appearance-material label{font-size:13px}.appearance-material label:first-child{display:flex;align-items:center;gap:9px}.appearance-material input[type=checkbox]{width:18px;height:18px;accent-color:var(--ui-primary)}.appearance-material input[type=range]{width:100%;accent-color:var(--ui-primary);padding:0}.appearance-material output{margin-right:12px}.appearance-material small{font-size:11px;color:var(--ui-surface-text)}
@supports not (backdrop-filter:blur(1px)){html[data-material=glass] :is(.panel,.card,.kpi,.company-review-card,.product-agents,#company-analytics,#appearance-dialog){background:var(--ui-surface)}html[data-material=glass] .owner-shortcuts>a{background:var(--ui-shortcut)}}
@media(prefers-reduced-transparency:reduce){html[data-material=glass] :is(.panel,.card,.kpi,.company-review-card,.product-agents,#company-analytics,#appearance-dialog){background:var(--ui-surface);backdrop-filter:none}html[data-material=glass] .owner-shortcuts>a{background:var(--ui-shortcut);backdrop-filter:none}}