/* Owner-supplied recipes scoped to new surfaces only; original control geometry is isolated. */
@property --lg-hot{ syntax: '<number>'; inherits: true; initial-value: 0; }
#top :where(.lg:where(.lg-new)){ isolation: isolate !important; box-sizing: border-box !important; border: 0 !important; color: #fff !important; }
#top :where(.lg:where(.lg-new):not(dialog)){ position: relative !important; }
#top :where(.lg:where(.lg-new)) > :where(*){ position: relative !important; z-index: 3 !important; }
#top .lg:where(.lg-new){
  
  --lg-depth: 25px;        
  --lg-pull: 1.25;         
  --lg-curve: 2.7;         
  
  --lg-blur: 0px;
  --lg-saturate: 1;
  --lg-wash: transparent;
  
  --lg-line: .6;           
  --lg-px: 1;              
  --lg-gain: calc(var(--lg-line) / var(--lg-px));
  --lg-angle: to bottom right;   
  --lg-contour: linear-gradient(var(--lg-angle), rgba(255,255,255,calc(.2 * var(--lg-gain))) 5.2%, rgba(255,255,255,calc(.15 * var(--lg-gain))) 32.1%, rgba(255,255,255,calc(.14 * var(--lg-gain))) 66.1%, rgba(255,255,255,calc(.18 * var(--lg-gain))) 94.8%);
  --lg-spot: 150px;
  --lg-x: 50%; --lg-y: 50%; --lg-hot: 0;

  background: var(--lg-wash) !important;
  
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-saturate)) !important;
  backdrop-filter: blur(var(--lg-blur)) saturate(var(--lg-saturate)) !important;
}
/* A full CSS-pixel mask band avoids fractional coverage gaps at curved edges.
   Opacity carries the subtlety consistently across display densities. */
#top .lg:where(.lg-new)::before{
  content: '' !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; box-sizing: border-box !important; border-radius: inherit !important; pointer-events: none !important;
  
  border: calc(var(--lg-px) * 1px) solid transparent !important;
  background: var(--lg-contour) border-box,linear-gradient(rgba(255,255,255,.055),rgba(255,255,255,.055)) border-box !important;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important;
}
#top .lg:where(.lg-new)::after{
  content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; border-radius: inherit !important; pointer-events: none !important; opacity: 0 !important;
  transition: opacity .2s cubic-bezier(.333,0,.667,1) !important;
  background: radial-gradient(var(--lg-spot) circle at var(--lg-x) var(--lg-y), rgba(255,255,255,.075), rgba(255,255,255,.06) 15%, rgba(255,255,255,.038) 34%, rgba(255,255,255,.018) 56%, rgba(255,255,255,.005) 78%, transparent 100%) !important;
}
@media (hover: hover){#top .lg:where(.lg-new):hover::after{ opacity: 1 !important; }
}
#top .lg__mirror{ position: absolute !important; inset: 0 !important; z-index: -1 !important; border-radius: inherit !important; overflow: hidden !important; pointer-events: none !important; }
#top .lg__mirror > span{ position: absolute !important; inset: 0 !important; }
#top .lg__mirror::after{ content: '' !important; position: absolute !important; inset: 0 !important; background: var(--lg-wash) !important; }
#top .lg__lens{ position: absolute !important; inset: 0 !important; z-index: -1 !important; border-radius: inherit !important; pointer-events: none !important; background: var(--lg-wash) !important; }
#top .lg:where(.lg-new)[data-lg-layer]{ background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#top .lg--card{ --lg-blur: 4px; border-radius: 28px !important; padding: 28px !important; color: rgba(255,255,255,.9) !important; }
#top :where(a.lg--card){ display: block !important; text-decoration: none !important; }
#top .lg--card :is(h2, h3, h4){ color: #fff !important; }
#top .lg--button,
#top .lg--icon{
  --lg-wash: rgba(255,255,255,.08);
  --lg-blur: 4px;
  --lg-depth: 14px;
  --lg-spot: 100px;
  --lg-line: .8;           
  --lg-contour:
    radial-gradient(64px circle at var(--lg-x) var(--lg-y), rgba(255,255,255,calc(var(--lg-hot) / var(--lg-px))), rgba(255,255,255,calc(var(--lg-hot) * .42 / var(--lg-px))) 38%, transparent 100%),
    linear-gradient(to bottom right, rgba(255,255,255,calc(.16 * var(--lg-gain))), rgba(255,255,255,calc(.015 * var(--lg-gain))) 48%, rgba(255,255,255,calc(.2 * var(--lg-gain))));
  --lg-give: .982;         
  cursor: pointer !important; -webkit-tap-highlight-color: transparent !important;
  transition: --lg-hot .24s cubic-bezier(.42,0,.58,1), transform .24s cubic-bezier(.42,0,.58,1) !important;
}
#top .lg--button{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 44px !important; padding: 10px 32px !important; border-radius: 999px !important;
  font: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: -.01em !important; text-decoration: none !important; white-space: nowrap !important;
}
#top .lg--button::after,
#top .lg--icon::after{
  transition: opacity .24s cubic-bezier(.42,0,.58,1) !important;
  background: radial-gradient(var(--lg-spot) circle at var(--lg-x) var(--lg-y), rgba(255,255,255,.075), rgba(255,255,255,.068) 14%, rgba(255,255,255,.047) 32%, rgba(255,255,255,.023) 54%, rgba(255,255,255,.005) 78%, transparent 100%) !important;
}
@media (hover: hover){#top .lg--button:hover,
#top .lg--icon:hover{ --lg-hot: .12; transform: scale(var(--lg-give)) !important; }
#top .lg--button:hover:active,
#top .lg--icon:hover:active{ --lg-hot: .18; }
}
#top .lg--button:active,
#top .lg--icon:active{ transform: scale(.95) !important; transition-duration: .12s !important; }
#top .lg--button:disabled,
#top .lg--icon:disabled{ color: rgba(255,255,255,.45) !important; pointer-events: none !important; }
#top .lg:where(.lg-new):focus-visible,
#top .lg:where(.lg-new) :focus-visible{ outline: 2px solid #fff !important; outline-offset: 2px !important; }
#top .lg__label{ display: inline-flex !important; align-items: center !important; transition: transform .25s cubic-bezier(.333,0,.667,1) !important; }
#top .lg__arrow{ position: absolute !important; left: 100% !important; top: 50% !important; width: 16px !important; height: 16px !important; margin: -8px 0 0 12px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; opacity: 0 !important; transform: translateX(8px) !important; transition: opacity .25s cubic-bezier(.333,0,.667,1), transform .25s cubic-bezier(.333,0,.667,1) !important; }
@media (hover: hover){#top .lg--arrow:hover .lg__label{ transform: translateX(-14px) !important; }
#top .lg--arrow:hover .lg__arrow{ opacity: 1 !important; transform: none !important; }
}
#top .lg--icon{ display: inline-grid !important; place-items: center !important; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 50% !important; --lg-give: .982; }
#top .lg--icon > svg{ width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#top .lg--glyph{
  --lg-depth: 10px; --lg-blur: 4px;
  --lg-glyph-tint: .08;    
  --lg-glyph-edge: .7;     
  --lg-glyph-line: 1;      
  --lg-glyph-rim: .12;     
  display: inline-block !important; -webkit-mask: center / 100% 100% no-repeat !important; mask: center / 100% 100% no-repeat !important;
}
#top .lg--glyph::before,
#top .lg--glyph::after{ display: none !important; }
#top svg.lg-glyph{ display: block !important; width: 100% !important; height: 100% !important; }
#top svg.lg-glyph{ fill: rgba(255,255,255,var(--lg-glyph-tint, .08)) !important; }
#top .lg-glyph__edge{ fill: none !important; stroke-width: var(--lg-glyph-hairline, 0) !important; stroke-opacity: var(--lg-glyph-edge, .7) !important; }
#top .lg-glyph__rim{ fill: none !important; stroke-width: calc(var(--lg-glyph-hairline, 0) * 4) !important; stroke-opacity: var(--lg-glyph-rim, .12) !important; }
#top .lg--pill{ --lg-wash: rgba(12,12,14,.72); --lg-blur: 22px; --lg-saturate: 1.8; --lg-depth: 18px; border-radius: 25px !important; box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; }
#top .lg-pill-link{ display: flex !important; align-items: center !important; gap: 12px !important; height: 40px !important; padding: 0 10px !important; border-radius: 12px !important; color: rgba(255,255,255,.72) !important; font-size: 16px !important; text-decoration: none !important; white-space: nowrap !important; transition: color .2s, background .2s !important; }
@media (hover: hover){#top .lg-pill-link:hover{ color: #fff !important; background: rgba(255,255,255,.08) !important; }
}
#top .lg-pill-link > svg{ width: 18px !important; height: 18px !important; flex: none !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#top .lg--tabs{ --lg-wash: rgba(255,255,255,.06); --lg-blur: 4px; --lg-depth: 14px; display: inline-flex !important; padding: 4px !important; border-radius: 28px !important; }
#top :is(.lg--tabs,.lg-tabs__track) > button{ height: var(--lg-tab-height,40px) !important; min-height:var(--lg-tab-hit-height,40px)!important; padding: 0 var(--lg-tab-inline,24px) !important; border: 0 !important; border-radius: 24px !important; background: none !important; font: inherit !important; font-size: var(--lg-tab-font,16px) !important; color: rgba(255,255,255,.62) !important; cursor: pointer !important; transition: color .3s cubic-bezier(.2,.8,.2,1) !important; }
#top :is(.lg--tabs,.lg-tabs__track) > button[aria-pressed=true]{ color: #fff !important; }
@media (hover: hover){#top :is(.lg--tabs,.lg-tabs__track) > button:hover{ color: #fff !important; }
}
#top .lg-tabs__thumb{ position: absolute !important; z-index: 2 !important; top: var(--lg-tab-thumb-inset,4px) !important; left: 0 !important; height: calc(100% - 2 * var(--lg-tab-thumb-inset,4px)) !important; width: var(--lg-thumb-w, 0px) !important; transform: translateX(var(--lg-thumb-x, 0px)) !important; border-radius: 24px !important; background: var(--lg-tab-selected-wash,rgba(255,255,255,.16)) !important; box-shadow: inset 0 0 0 1px var(--lg-tab-selected-line,rgba(255,255,255,.1)) !important; pointer-events: none !important; }
#top .lg--tabs[data-lg-ready] .lg-tabs__thumb{ transition: transform .3s cubic-bezier(.2,.8,.2,1), width .3s cubic-bezier(.2,.8,.2,1) !important; }
/* Optional scrolling track keeps the glass frame and contour stationary. */
#top .lg--tabs:has(>.lg-tabs__track){padding:0!important;overflow:hidden}
#top .lg--tabs>.lg-tabs__track{display:flex;position:relative;max-width:100%;min-width:0;padding:var(--lg-tab-track-padding,4px);overflow-x:auto;scrollbar-width:none;border-radius:inherit}
#top .lg-tabs__track::-webkit-scrollbar{display:none}
#top .lg-tabs__track>button{position:relative;z-index:3;flex:0 0 auto;white-space:nowrap}
#top .lg--tabs--quiet{--lg-tab-selected-wash:rgba(255,255,255,.08);--lg-tab-selected-line:rgba(255,255,255,.06);--lg-tab-hit-height:44px}
/* Compact visual tabs retain a 44px touch row; the moving surface is 32px. */
@media(max-width:1100px){#top .lg--tabs--quiet{--lg-tab-font:13px;--lg-tab-inline:16px;--lg-tab-height:44px;--lg-tab-track-padding:0px;--lg-tab-thumb-inset:6px}}
@media(max-width:760px){#top .lg--tabs--quiet{--lg-tab-font:12px;--lg-tab-inline:12px}}
/* Voice example controls scale with their available stage, without changing
   other tab components or the phone's full-label selector. */
@media(min-width:601px){
 #top #voice .notch-experience{container-type:inline-size}
 #top #voice .notch-picker{
  --lg-tab-font:clamp(10px,calc(6.5px + .5cqw),16px);
  --lg-tab-inline:clamp(4px,calc(-5px + 1.5cqw),24px);
  --lg-tab-height:clamp(36px,calc(28px + .9cqw),44px);
  --lg-tab-hit-height:var(--lg-tab-height);
  --lg-tab-track-padding:clamp(0px,calc(-2px + .333333cqw),4px);
  --lg-tab-thumb-inset:4px;
 }
}
@media(min-width:601px) and (pointer:coarse){#top #voice .notch-picker{--lg-tab-hit-height:44px}}
#top .lg.lg--tabs--quiet button:focus:not(:focus-visible){outline:none!important}
#top .lg.lg--tabs--quiet button:focus-visible{outline:1px solid rgba(255,255,255,.7)!important;outline-offset:-3px!important}
#top .lg--tabs>.lg-tabs__trigger{display:none!important}
@media(max-width:600px){
 #top .lg--tabs--mobile-picker>.lg-tabs__trigger{display:flex!important;align-items:center;justify-content:space-between;gap:20px;height:44px!important;padding:0 16px!important;font-size:13px!important;color:rgba(255,255,255,.85)!important;white-space:nowrap}
 #top .lg-tabs__trigger>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 #top .lg--tabs--mobile-picker>.lg-tabs__track{display:none;position:fixed!important;inset:auto!important;top:var(--lg-picker-top)!important;left:var(--lg-picker-center,50vw)!important;transform:translateX(-50%);width:var(--lg-picker-width,min(340px,calc(100vw - 24px)));max-height:min(300px,calc(100dvh - var(--lg-picker-top) - 16px));margin:0;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:18px;--lg-picker-safe-left:env(safe-area-inset-left,0px);--lg-picker-safe-right:env(safe-area-inset-right,0px);--lg-wash:rgba(20,20,24,.10);--lg-blur:1px;--lg-depth:14px;--lg-pull:1.05;background:var(--lg-wash)!important;backdrop-filter:blur(var(--lg-blur));-webkit-backdrop-filter:blur(var(--lg-blur));box-shadow:0 12px 36px #0004;overflow:auto;color:#fff}
 #top .lg--tabs--mobile-picker>.lg-tabs__track:popover-open{display:flex;flex-direction:column}
 #top .lg--tabs--mobile-picker .lg-tabs__thumb{display:none!important}
 #top .lg--tabs--mobile-picker .lg-tabs__track>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px!important;height:auto!important;width:100%;padding:10px 12px!important;white-space:normal;text-align:left;font-size:13px!important;border-radius:12px!important}
 #top .lg--tabs--mobile-picker .lg-tabs__track>button[aria-pressed=true]{background:rgba(255,255,255,.07)!important}
 #top .lg--tabs--mobile-picker .lg-tabs__track>button[aria-pressed=true]::after{content:'✓';font-size:13px}
}
@media(max-width:600px){
 #top #voice .notch-picker[data-menu-open=true]>.lg-tabs__trigger>.voice-liquid-water{display:none!important}
 #top #voice .lg--picker-popup{padding:4px!important;border-radius:18px!important;--lg-wash:rgba(20,20,24,.10);--lg-blur:1px;--lg-depth:14px;--lg-pull:1.05}
}
@media(max-width:600px) and (prefers-reduced-transparency:reduce){#top #voice .lg-tabs__track:popover-open{--lg-wash:rgba(20,20,24,.96)}}
@media(max-width:600px) and (prefers-contrast:more){#top #voice .lg-tabs__track:popover-open{--lg-wash:#141418}}
#top .lg--dialog{ --lg-wash: rgba(22,22,25,.72); --lg-blur: 30px; --lg-saturate: 1.6; border-radius: 28px !important; padding: 32px !important; box-shadow: 0 24px 70px rgba(0,0,0,.6) !important; }
#top .lg--dialog::backdrop{ background: rgba(0,0,0,.6) !important; }
#top .lg-grid{
  --lg-page: #000; --lg-x: 50%; --lg-y: 50%; --lg-hot: 0;
  list-style: none !important; margin: 0 !important; padding: 1px 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1px !important;
  background:
    linear-gradient(90deg, var(--lg-page) 0, transparent 18%, transparent 82%, var(--lg-page) 100%),
    radial-gradient(220px circle at var(--lg-x) var(--lg-y), rgba(255,255,255,calc(.42 * var(--lg-hot))), transparent 72%),
    radial-gradient(58% 150% at 30% 0%, rgba(255,255,255,.24), transparent 72%),
    radial-gradient(58% 150% at 72% 100%, rgba(255,255,255,.2), transparent 72%),
    linear-gradient(rgba(255,255,255,.085), rgba(255,255,255,.085)) !important;
  transition: --lg-hot .4s ease !important;
}
#top .lg-grid > *{ position: relative !important; padding: 28px 20px 32px !important; background: var(--lg-page) !important; text-align: center !important; }
#top .lg-grid > * > svg{ display: block !important; width: 24px !important; height: 24px !important; margin: 0 auto 16px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; opacity: .72 !important; transition: opacity .2s !important; }
#top .lg-grid > *::after{ content: '' !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.05)) !important; opacity: 0 !important; transition: opacity .45s cubic-bezier(.6,.6,0,1) !important; }
@media (hover: hover){#top .lg-grid > *:hover::after,
#top .lg-grid > *:hover > svg{ opacity: 1 !important; }
}
#top .lg--notch{
  --lg-wash: linear-gradient(180deg, #000 0, #000 48px, rgba(0,0,0,.55) calc(50% + 24px), rgba(0,0,0,.1) 100%);
  --lg-blur: 0px; --lg-depth: 37px;
  display: flow-root !important; padding: 0 15px !important; border-radius: 0 0 28px 28px !important; font-size: 15px !important; line-height: 20px !important; letter-spacing: -.005em !important;
}
/* Hardware stays black. Extension edges begin below the fixed 48px cap,
   rather than disappearing across a percentage of each expanded scene. */
#top .lg--notch::before{background:linear-gradient(180deg,transparent 0 48px,rgba(255,255,255,.075) 52px,rgba(255,255,255,.18) 100%) border-box!important;clip-path:inset(1px 0 0)}
#top .lg--notch::after{
  inset: 0 -18px auto !important; height: 18px !important; opacity: 1 !important; border-radius: 0 !important; transition: none !important;
  background:
    radial-gradient(circle at 0 100%, transparent 17.6px, #000 18.4px) left top / 18px 18px no-repeat,
    radial-gradient(circle at 100% 100%, transparent 17.6px, #000 18.4px) right top / 18px 18px no-repeat !important;
}
#top .lg--notch :where(p){ margin: 0 !important; }
#top .lg-notch-card__head{ height: 40px !important; display: flex !important; align-items: center !important; gap: 10px !important; font-size: 17.5px !important; line-height: 22.5px !important; font-weight: 500 !important; letter-spacing: -.01em !important; }
#top .lg-notch-card__head > :where(img, svg){ width: 17.5px !important; height: 17.5px !important; }
#top .lg-notch-card{ background: rgba(0,0,0,.4) !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 15px !important; padding: 9px 14px 14px !important; }
#top .lg-notch-tool{ width: 40px !important; height: 40px !important; display: grid !important; place-items: center !important; padding: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.05) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; border: 1px solid rgba(255,255,255,.14) !important; color: #fff !important; cursor: pointer !important; transition: background .2s, transform .09s cubic-bezier(.2,.8,.2,1) !important; }
@media (hover: hover){#top .lg-notch-tool:hover{ background: rgba(255,255,255,.12) !important; }
}
#top .lg-notch-tool:active{ background: rgba(255,255,255,.16) !important; transform: scale(.95) !important; }
#top .lg-notch-tool[aria-pressed=true]{ background: rgba(255,255,255,.16) !important; border-color: rgba(255,255,255,.3) !important; }
#top .lg-notch-bubble{ align-self: flex-end !important; width: fit-content !important; max-width: 78% !important; margin: 0 0 0 auto !important; padding: 5px 15px !important; border-radius: 15px !important; background: #303030 !important; color: #e8e8e8 !important; text-align: right !important; text-wrap: balance !important; }
#top .lg-notch-button{ display: inline-flex !important; align-items: center !important; gap: 10px !important; height: 30px !important; padding: 0 15px !important; border-radius: 15px !important; border: 1px solid rgba(255,255,255,.15) !important; background: transparent !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; color: #fff !important; font: inherit !important; font-weight: 500 !important; white-space: nowrap !important; cursor: pointer !important; transition: background .2s, transform .09s cubic-bezier(.2,.8,.2,1) !important; }
#top .lg-notch-button--primary{ background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.22) !important; }
@media (hover: hover){#top .lg-notch-button:hover{ background: rgba(255,255,255,.08) !important; }
#top .lg-notch-button--primary:hover{ background: rgba(255,255,255,.14) !important; }
}
#top .lg-notch-button:active{ transform: scale(.95) !important; }
#top .lg-notch-button > kbd{ font: inherit !important; font-weight: 400 !important; color: rgba(255,255,255,.5) !important; }
#top .lg-notch-button--primary > kbd{ color: rgba(255,255,255,.62) !important; }
#top .lg-notch-chip{ display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 25px !important; padding: 0 7.5px 0 5px !important; border-radius: 12.5px !important; background: rgba(255,255,255,.12) !important; color: #dedede !important; }
#top .lg-notch-chip > svg,
#top .lg-notch-chip > img{ width: 15px !important; height: 15px !important; }
#top .lg-notch-tool:focus-visible,
#top .lg-notch-button:focus-visible,
#top :is(.lg--tabs,.lg-tabs__track) > button:focus-visible,
#top .lg-pill-link:focus-visible{ outline: 2px solid #fff !important; outline-offset: 2px !important; }
#top .lg-notch-tool > svg{ width: 17.5px !important; height: 17.5px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
@media (prefers-reduced-motion: reduce){#top .lg:where(.lg-new),
#top .lg:where(.lg-new)::after,
#top .lg__label,
#top .lg__arrow,
#top .lg-tabs__thumb,
#top :is(.lg--tabs,.lg-tabs__track) > button,
#top .lg-grid,
#top .lg-notch-button,
#top .lg-notch-tool{ transition: none !important; }
#top .lg-notch-button:active,
#top .lg-notch-tool:active{ transform: none !important; }
#top .lg--button:hover,
#top .lg--button:active,
#top .lg--icon:hover,
#top .lg--icon:active{ transform: none !important; }
}
@media (prefers-reduced-transparency: reduce){#top .lg:where(.lg-new){ background: #373737 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#top .lg-notch-tool,
#top .lg-notch-button{ -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#top .lg--pill,
#top .lg--notch,
#top .lg--dialog{ background: #0b0b0d !important; }
#top .lg--glyph{ background: none !important; }
}
@media (prefers-contrast: more){#top .lg:where(.lg-new){ --lg-px: 1; --lg-contour: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)); }
#top .lg--notch,
#top .lg--notch > .lg__lens{ background: #0b0b0d !important; }
}

/* Meeting feature ink matches the dictionary collection's quiet hierarchy. */
#top #meeting-features{--feature-muted:#9b9b9b;--feature-emphasis:#f1f1f1}
#top #meeting-features>li{color:var(--feature-muted);transition:color .35s ease}
#top #meeting-features svg{opacity:1}
#top #meeting-features span{color:inherit}
@media(hover:hover) and (pointer:fine){#top #meeting-features>li:hover{color:var(--feature-emphasis)}}
#top #meeting-features>li:focus-within{color:var(--feature-emphasis)}
@media(prefers-reduced-motion:reduce){#top #meeting-features>li{transition:none}}