/* Clear, softly lit glass. Keep the background visible without lowering text opacity. */
.suggestion,.baseline-start-button,.composer{position:relative;isolation:isolate;backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%)}
.suggestion,.baseline-start-button{background:linear-gradient(130deg,#ffffff88,#ffffff26);border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #78644c12,0 10px 30px -24px #0008;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s,background-color .32s}
.theme-dark .suggestion,.theme-dark .baseline-start-button{background:#00000059;border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff18,inset 0 -1px 0 #0003,0 10px 30px -24px #000b}
.theme-dark .composer{background:linear-gradient(130deg,#ffffff0a,#ffffff02),#00000070;border-color:#ffffff29;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.suggestion::before,.baseline-start-button::before,.composer::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--glass-x,50%) var(--glass-y,0%),#fff7e532,transparent 72%);opacity:0;transition:opacity .4s ease}
.theme-dark .suggestion::before,.theme-dark .baseline-start-button::before,.theme-dark .composer::before{background:radial-gradient(260px circle at var(--glass-x,50%) var(--glass-y,0%),#ffffff16,transparent 72%)}
.suggestion:hover::before,.baseline-start-button:hover::before,.composer:hover::before,.composer:focus-within::before{opacity:1}
.suggestion:hover,.baseline-start-button:hover{transform:translateY(-2px);background-color:#ffffff18;border-color:#ffffffb3;box-shadow:inset 0 1px 0 #fff9,0 14px 30px -24px #0009}
.theme-dark .suggestion:hover,.theme-dark .baseline-start-button:hover{background:#00000070;border-color:#ffffff42;box-shadow:inset 0 1px 0 #ffffff26,0 14px 30px -24px #000c}
.suggestion:active,.baseline-start-button:active{transform:translateY(0) scale(.996);transition-duration:.12s}
.suggestion:focus-visible,.baseline-start-button:focus-visible{border-color:var(--orange)}
/* Preserve the user's accessibility choices, including the baseline card (not .glass). */
.reduce-glass .suggestion,.reduce-glass .baseline-start-button,.reduce-glass .composer{background:var(--bg)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.reduce-glass .suggestion::before,.reduce-glass .baseline-start-button::before,.reduce-glass .composer::before{display:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.suggestion,.theme-dark .suggestion,.baseline-start-button,.theme-dark .baseline-start-button,.composer,.theme-dark .composer{background:var(--bg)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.suggestion::before,.baseline-start-button::before,.composer::before{display:none}}
@media(prefers-reduced-motion:reduce){.suggestion,.baseline-start-button{transition:none;transform:none!important}.suggestion::before,.baseline-start-button::before,.composer::before{transition:none;display:none}}
@media(hover:none){.suggestion:hover,.baseline-start-button:hover{transform:none}.suggestion::before,.baseline-start-button::before,.composer::before{display:none}}
