/* T26 uses the existing T20 product screen, notch geometry and card controls. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vocabulary{--nv-ink:#f5f5f2;--nv-muted:#aaa9ac;--nv-line:#ffffff26;--nv-accent:#dce2d2;color:var(--nv-ink)}
.notch-experience{width:100%;margin:0 auto}
/* Website presentation roles: retain the native 1.25x typography while giving
   short answers, search rows and structured actions their own reading widths.
   These are deliberate presentation bounds, not a native display preset. */
#top #voice .notch-experience { --voice-preview-preferred: 600px; --voice-preview-width: min(var(--voice-preview-preferred),84%); }
#top #voice .notch-experience:is([data-scene="1"],[data-scene="4"]) { --voice-preview-preferred: 520px; }
#top #voice .notch-experience[data-scene="2"] { --voice-preview-preferred: 620px; }
#top #voice .notch-experience[data-scene="3"] { --voice-preview-preferred: 740px; }
#top #voice .notch-experience:has(.native-source-card) { --voice-preview-preferred: 560px; }
#top #voice .notch-experience:has([data-notch-answer] > .notch-complete) { --voice-preview-preferred: 520px; }
#top #voice .notch-experience:has([data-notch-answer] > p:only-child) { --voice-preview-preferred: 520px; }
@media(max-width:760px) { #top #voice .notch-experience { --voice-preview-width: 100%; } }
.notch-picker{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 42px}
.notch-picker button{min-height:44px;font:inherit;font-size:15px;color:#aaa;padding:10px 18px;border:1px solid transparent;border-radius:30px;background:transparent;cursor:pointer;scroll-margin-top:90px}
.notch-picker button[aria-pressed=true]{color:#fff;border-color:#ffffff30;background:#ffffff08}
.notch-picker button:hover{color:#fff}.notch-experience button:focus-visible,.vocabulary button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.t20 .voice-native-scene{width:100%;margin:0}
.t20 .voice-native-scene .screen-frame{min-height:440px}
.t20 .voice-native-scene .display-environment::before{background-image:url('assets/wallpaper-motion-purple.jpg');background-position:50% 42%}
.t20 .voice-native-panel .mobile-surface{background:linear-gradient(180deg,#090a0e 0,rgba(9,10,14,.94) 22px,rgba(16,18,26,.36) 72px,rgba(20,22,31,.42));backdrop-filter:blur(6px) saturate(1.12)!important;-webkit-backdrop-filter:blur(6px) saturate(1.12)!important}
.t20 .voice-native-panel .notch-card{background:rgba(9,11,18,.78);border-color:rgba(233,238,255,.13)}
.t20 .voice-native-panel .notch-bubble{background:rgba(32,35,46,.84);color:#eef0f7;box-shadow:inset 0 1px 0 #ffffff08;text-align:left;text-wrap:pretty}
.voice-native-panel .native-status{font-size:12px;color:#b6bac5}
.voice-native-panel .notch-card:empty{display:none}
.voice-native-panel h3{font:500 17.5px/22.5px var(--sans,Inter,sans-serif);color:#fff;margin:0}
.voice-native-panel ul{margin:0;padding-left:20px}.voice-native-panel li+li{margin-top:8px}
.voice-native-panel strong{font-weight:500}.voice-native-panel small{font-size:12px;color:#b6bac5}
.voice-native-panel .notch-file{display:flex;gap:12px;align-items:center;padding:10px 0}.voice-native-panel .notch-file-icon{border:1px solid #ffffff30;border-radius:5px;padding:7px;font-size:12px}
.voice-native-panel .notch-file strong,.voice-native-panel .notch-file small{display:block}
.voice-native-panel .notch-citations{display:flex;gap:10px;flex-wrap:wrap}.voice-native-panel .notch-citations button{display:flex;align-items:center;gap:6px;min-height:36px;background:transparent;border:0;color:#b6bac5;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.voice-native-panel .notch-citations img{width:16px;height:16px;object-fit:contain}.voice-native-panel .notch-citations img[src$="file-text.svg"]{filter:invert(1);opacity:.8}
.voice-native-panel .notch-followup,.voice-native-panel .native-skip{font:inherit;font-size:13px;min-height:36px;border-radius:18px;border:1px solid #ffffff26;color:#fff;background:#ffffff0a;padding:7px 14px;cursor:pointer}
.voice-native-panel .native-skip{align-self:flex-end}.voice-native-panel .native-skip[hidden]{display:none}
.voice-native-panel .notch-event{display:flex;gap:15px}.voice-native-panel .notch-date{border:1px solid #ffffff35;border-radius:8px;text-align:center;font-size:10px;line-height:15px;padding:6px;min-width:44px}.voice-native-panel .notch-date b{display:block;font-size:22px;line-height:25px}
.voice-native-panel .notch-source-view blockquote{margin:12px 0;padding-left:12px;border-left:2px solid #aaa;color:#e8e8e8}.voice-native-panel .source-date{font-size:12px;color:#b6bac5}
.voice-native-panel .notch-complete{display:flex;gap:12px}.voice-native-panel .notch-complete>span{font-size:20px}.voice-native-panel .notch-complete p{margin-top:8px!important}
.voice-native-panel .notch-btn{cursor:pointer}.notch-experience.is-paused .notch-wave i{animation-play-state:paused!important}
.notch-playback{display:flex;justify-content:center;align-items:center;gap:12px;color:#aaa;font-size:11px;margin-top:16px;min-height:44px}.notch-playback button{font:inherit;font-size:12px;min-height:44px;background:transparent;border:0;color:#aaa;padding:10px;cursor:pointer}
@media(max-width:760px){.notch-picker{gap:2px;margin-bottom:28px}.notch-picker button{font-size:11px;padding:8px 11px}.t20 .voice-native-scene .screen-frame{min-height:520px}.voice-native-panel .notch-btn{height:36px;font-size:13px;padding:0 11px}.voice-native-panel .notch-citations button{min-height:44px}.voice-native-panel .notch-followup,.voice-native-panel .native-skip{min-height:44px}}
@media(prefers-reduced-motion:reduce){[data-notch-pause]{display:none}.notch-experience *{animation:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.t20 .voice-native-panel .mobile-surface{background:#171a22!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* T27: visible-time words and reels, using the T20 notch spring and phase styling. */
.voice-native-panel .voice-word{opacity:0;transition:opacity .24s ease;color:inherit}
.voice-native-panel .voice-word.in{opacity:1}
.voice-native-panel .notch-file{color:#eee;text-decoration:none;min-height:56px}
.voice-native-panel .notch-file strong{text-decoration:underline;text-underline-offset:4px}
.voice-native-panel .notch-file>img{width:24px;height:32px;flex:none;object-fit:contain;margin-right:4px}
.voice-native-panel .notch-file small{margin-top:4px}
.voice-native-panel .notch-citations{opacity:0;transition:opacity .3s}
.voice-native-panel .sources-in .notch-citations{opacity:1}
.voice-native-panel[data-phase=answer] .notch-card>*{animation:notch-in .3s ease backwards}
.voice-native-panel:not([data-phase=request]):not([data-phase=thinking]) .notch-wave i{animation-play-state:paused}
.notch-experience.is-offscreen *,.notch-experience[data-motion-paused="true"] *{animation-play-state:paused!important}
.notch-experience button[hidden]{display:none}
.voice-native-scene .mobile-product{min-height:420px!important}
/* Open the shell before revealing its answer; softer spring is scoped to voice. */
.voice-native-panel[data-phase=preparing] .notch-card{display:block;visibility:hidden}
.voice-native-panel[data-phase=answer] .notch-card{animation:notch-in .5s ease both}
.voice-native-panel .notch-file{display:block;padding:8px 0 0;min-height:0}
.voice-native-panel .notch-file-title{display:flex;align-items:center;gap:8px;font-size:15px;line-height:20px}
.voice-native-panel .notch-file-title>img{width:8px;height:11px;flex:none;object-fit:contain}
.voice-native-panel .notch-file small{margin:5px 0 0 18px}
.notch-experience[data-scene="0"] .voice-native-panel[data-phase=answer] .notch-citations{opacity:1}
.notch-experience[data-scene="0"] .voice-native-panel[data-phase=answer] .notch-file{animation:notch-in .5s .35s both}
.vocabulary{position:relative;padding:64px 0 28px;scroll-margin-top:80px}
.t19 .vocabulary>h3{font-family:var(--serif);font-size:clamp(32px,3.4vw,48px);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:0 0 30px}
.vocab-stack{width:min(100%,680px)}
.vocab-reels{display:grid;gap:2px;margin-bottom:34px}
.vocab-reel-row{display:flex;align-items:center;gap:18px;min-width:0}
.vocab-reel-row>img{width:22px;height:22px;object-fit:contain;flex:none}
.vocab-reel{height:66px;flex:1;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.vocab-reel [data-reel]{padding-top:11px;will-change:transform}
.vocab-reel [data-reel]>span{display:block;height:44px;line-height:44px;white-space:nowrap;font-size:21px;letter-spacing:-.02em}
.vocab-columns{display:grid;grid-template-columns:.85fr 1.05fr 1fr;gap:22px;border-top:1px solid #ffffff26;padding-top:27px}
.vocab-columns h4{font:400 11px/1.4 var(--sans,Inter,sans-serif);margin:0 0 18px;color:#aaa9ac}
.vocab-columns ul{list-style:none;padding:0 4px 0 0;margin:0;height:250px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}
.vocab-columns ul:focus-visible{outline:1px solid #aaa;outline-offset:5px}
.vocab-columns li{font:400 25px/1.35 var(--serif);margin-bottom:9px;color:#939395;overflow-wrap:anywhere}
.vocab-columns li.is-current{color:#f5f5f2}.vocab-columns li.is-new{animation:vocab-arrive .7s cubic-bezier(.22,1,.36,1) both}
@keyframes vocab-arrive{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.vocab-controls{display:flex;gap:15px;margin-top:18px;justify-content:flex-start}
.vocab-controls button{font:inherit;font-size:11px;background:transparent;border:0;color:#aaa9ac;min-height:44px;padding:8px 0;cursor:pointer}
.vocabulary.is-paused *{animation-play-state:paused!important}
@media(max-width:760px){.vocabulary{padding-top:42px}.vocab-reels{margin-bottom:25px}.vocab-reel [data-reel]>span{font-size:19px}.vocab-columns{gap:12px;padding-top:22px}.vocab-columns h4{font-size:10px;min-height:28px;margin-bottom:10px}.vocab-columns li{font-size:21px}.vocab-columns ul{height:230px}.voice-native-scene .mobile-product{min-height:510px!important}}
@media(prefers-reduced-motion:reduce){.voice-native-panel .voice-word{opacity:1;transition:none}.vocabulary *{animation:none!important;transition:none!important}.vocab-controls [data-vocab-pause]{display:none}}

/* T29: one result, one quiet evidence line. */
.voice-native-panel .notch-file-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:5px 0 0 16px;font:400 10px/1.6 var(--sans,Inter,sans-serif);color:#a2a2aa}
.voice-native-panel .notch-file-meta>span:first-child{white-space:nowrap}
.voice-native-panel .notch-file-meta button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.voice-native-panel .notch-file-meta img{width:10px;height:10px;object-fit:contain;filter:grayscale(1);opacity:.75}
.notch-experience[data-scene="0"] .voice-native-panel[data-phase=answer] .notch-file{animation:none}
.notch-experience[data-scene="0"] .voice-native-panel .notch-file{padding:0}
/* All dictionary typography is sans serif; three compact source reels share one row. */
.t19 .vocabulary>h3{font-family:var(--sans,Inter,sans-serif);font-size:32px;margin-bottom:22px}
.vocab-stack{width:min(100%,540px)}
.vocab-reels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.vocab-reel-row{gap:7px}
.vocab-reel-row>img{width:13px;height:13px}
.vocab-reel{height:48px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.vocab-reel [data-reel]{padding-top:8px}
.vocab-reel [data-reel]>span{height:var(--reel-row);line-height:var(--reel-row);font-family:var(--sans,Inter,sans-serif);font-size:12px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}
.vocab-columns{gap:18px;padding-top:20px}
.vocab-columns h4{font-size:10px;margin-bottom:12px}
.vocab-columns li{font-family:var(--sans,Inter,sans-serif);font-size:18px;line-height:1.4;margin-bottom:7px}
.vocab-columns ul{height:180px}
.vocab-controls{margin-top:12px}
@media(max-width:760px){.t19 .vocabulary>h3{font-size:28px}.vocab-reels{gap:8px}.vocab-reel-row{gap:5px}.vocab-reel-row>img{width:11px;height:11px}.vocab-reel [data-reel]>span{font-size:10px}.vocab-columns{gap:12px}.vocab-columns h4{min-height:0;font-size:9px}.vocab-columns li{font-size:17px}.vocab-columns ul{height:170px}.voice-native-panel .notch-file-meta{gap:4px;font-size:10px}.voice-native-panel .notch-file-meta>span:first-child{white-space:normal}}

/* Native result rows share the card's text rail, including source details and
   receipts. Long example labels wrap without pushing the shell's content out. */
.voice-native-panel .notch-card__head { min-width: 0; }
.voice-native-panel .notch-card__head > img { flex: none; }
.voice-native-panel .notch-card__title { min-width: 0; overflow-wrap: anywhere; }
.voice-native-panel .notch-file-title > strong { min-width: 0; overflow-wrap: anywhere; }
.voice-native-panel .notch-event > :last-child,
.voice-native-panel .notch-complete > div { min-width: 0; }
.voice-native-panel .notch-event strong { overflow-wrap: anywhere; }
.voice-native-panel .notch-source-view .notch-card__head { height: auto !important; min-height: 40px; }
.voice-native-panel .notch-source-view .notch-card__title { padding-block: 5px; }
.voice-native-panel .notch-source-view blockquote { line-height: 20px; }

/* Native source-card roles from NotchCardChrome / NotchSurface.calendar.
   Typography and geometry derive from the shared responsive optical base. */
#top #voice .native-card-header {
  margin: calc(var(--preview-body) * -.6) calc(var(--preview-body) * -.9333333) var(--preview-space);
  padding: 0 var(--preview-space);
  background: rgba(0,0,0,.22);
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-radius: var(--preview-radius) var(--preview-radius) 0 0;
  gap: var(--preview-action-pad) !important;
}
#top #voice .native-card-header .notch-card__title { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#top #voice .native-card-meta { flex: none; color: #9aa0a6; font-size: var(--preview-meta); line-height: var(--preview-meta-line); font-weight: 400; white-space: nowrap; }
#top #voice .notch-card:has(> .native-voice-answer),
#top #voice .notch-card:has(> .native-search-result) { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none; }
#top #voice .voice-native-panel .native-voice-answer > h3 { font-size: var(--preview-body); line-height: var(--preview-line); font-weight: 400; margin: 0; }
#top #voice .native-voice-answer > p { margin-top: 5px !important; }
#top #voice .native-source-pills { gap: var(--preview-compact-pad); margin-top: 12px; }
#top #voice .native-source-pills > button { min-height: var(--preview-control); text-decoration: none; font-size: var(--preview-body); }
#top #voice .native-result-row { display: flex; align-items: center; gap: var(--preview-action-pad); padding: 0 var(--preview-space); min-height: var(--preview-header); background: transparent; }
#top #voice .native-result-row > img { width: var(--preview-icon); height: var(--preview-icon); object-fit: contain; flex: none; }
#top #voice .native-result-row > div { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: var(--preview-space); }
#top #voice .native-result-row strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--preview-body); line-height: var(--preview-line); font-weight: 400; }
#top #voice .native-result-row span { display: block; color: rgba(255,255,255,.6); font-size: var(--preview-body); line-height: var(--preview-line); font-weight: 500; }
#top #voice .notch-card:has(> .native-card-header),
#top #voice .notch-card:has(> .native-source-card) { background: rgba(0,0,0,.28) !important; border-color: rgba(255,255,255,.06) !important; }
#top #voice .native-source-card .notch-actions { margin-top: var(--preview-space); }
#top #voice .native-source-body { font-size: var(--preview-meta); line-height: var(--preview-meta-line); }
#top #voice .native-calendar { display: grid; grid-template-columns: minmax(0,58fr) minmax(0,42fr); gap: var(--preview-space); margin-top: 0; }
#top #voice .native-calendar-form { min-width: 0; }
#top #voice .native-event-title { display: block; font-size: var(--preview-title); line-height: var(--preview-title-line); font-weight: 500; margin-bottom: var(--preview-space); }
#top #voice .native-calendar-row { display: flex; align-items: flex-start; gap: var(--preview-compact-pad); min-height: var(--preview-control); margin-top: 10px; }
#top #voice .native-calendar-row > svg { width: var(--preview-row-icon); height: var(--preview-row-icon); flex: none; margin-top: 7.5px; color: rgba(255,255,255,.55); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#top #voice .native-calendar-chip { display: inline-block; font-size: var(--preview-body); line-height: var(--preview-line); padding: 5px 0; color: #fff; }
#top #voice .native-calendar-timeline { position: relative; min-height: calc(var(--preview-body) * 13.0666667); border-left: 1px solid rgba(255,255,255,.08); padding-left: var(--preview-space); font-size: var(--preview-small); line-height: var(--preview-body); color: #9aa0a6; }
#top #voice .native-hour { height: calc(var(--preview-body) * 3); display: flex; gap: 5px; align-items: flex-start; }
#top #voice .native-hour:nth-child(5) { height: var(--preview-body); }
#top #voice .native-hour > span { width: calc(var(--preview-body) * 2.8333333); text-align: right; flex: none; }
#top #voice .native-hour > i { flex: 1; height: 1px; background: rgba(255,255,255,.08); margin-top: 7.5px; }
#top #voice .native-timeline-event { position: absolute; top: calc(var(--preview-body) * 9.6666667); left: calc(var(--preview-body) * 4.25); right: 0; height: var(--preview-small); overflow: hidden; border-radius: 5px; padding: 0 calc(var(--preview-body) * .4166667); background: #1486ff; color: #fff; }
/* A twenty-minute native bar is only 10pt tall. Keep its timing proportional
   without slicing a text line; all event details remain in the adjacent form. */
#top #voice .native-timeline-event > strong,
#top #voice .native-timeline-event > span { display: none; }
#top #voice .native-calendar + .notch-actions { margin-top: var(--preview-space); }
@media(max-width:600px) {
  #top #voice .native-result-row { align-items: flex-start; padding-block: var(--preview-compact-pad); }
  #top #voice .native-result-row > div { display: block; }
  #top #voice .native-result-row span { font-size: var(--preview-meta); line-height: var(--preview-meta-line); margin-top: 2.5px; }
  #top #voice .native-event-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #top #voice .native-card-meta { font-size: var(--preview-meta); }
  #top #voice .native-source-card .native-card-header { flex-wrap: wrap; height: auto !important; min-height: var(--preview-header); padding-block: var(--preview-compact-pad); }
  #top #voice .native-source-card .native-card-meta { flex-basis: 100%; padding-left: calc(var(--preview-body) * 2); }
}
@media(forced-colors:active) {
  #top #voice .native-card-header, #top #voice .native-result-row, #top #voice .native-timeline-event { background: Canvas !important; color: CanvasText; border: 1px solid CanvasText; }
}
#top #voice .native-source-time { display: flex; align-items: center; gap: var(--preview-compact-pad); margin-bottom: 10px; font-size: var(--preview-body); line-height: var(--preview-line); }
#top #voice .native-source-time > svg { width: var(--preview-row-icon); height: var(--preview-row-icon); flex: none; color: rgba(255,255,255,.55); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Website presentation variant: the product's plain text/card roles and black
   hardware are preserved; the owner requested transmitting glass with a subtle
   dark wash and visible edge refraction. Diffusion happens before lens sampling. */
#top :is(#voice,#meetings,#dictation) .mobile-surface.lg--notch {
  --lg-depth: 37px;
  --lg-pull: 1.25;
  --lg-blur: 6px;
  --lg-saturate: 1.15;
  --lg-wash: linear-gradient(#000 0, #000 48px, rgba(0,0,0,.24) calc(48px + clamp(112.5px,100%,300px)));
}
#top :is(#voice,#meetings,#dictation) .mobile-surface > .lg__lens {
  background: var(--lg-wash) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.15) !important;
  backdrop-filter: blur(6px) saturate(1.15) !important;
}
#top :is(#voice,#meetings,#dictation) .mobile-surface > .lg__mirror { display: block !important; }
/* Requests are NotchVoiceText, not a chat bubble or a typed composer field. */
#top #voice .voice-native-panel .mobile-surface .notch-bubble {
  width: 100% !important; max-width: 100% !important;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  color: rgba(255,255,255,.72) !important; text-align: right !important;
  line-height: var(--preview-request-line) !important;
}
/* NotchMessageEditor is transparent with six-point editing padding. The card
   and the root backdrop supply its material; it is not another glass host. */
#top #voice .native-message-editor { margin: calc(-1 * var(--preview-edit-pad)); padding: var(--preview-edit-pad); background: transparent; border-radius: 10px; }
#top #voice .voice-native-panel .mobile-surface .native-message-editor p { line-height: var(--preview-draft-line) !important; }
/* Complete native action stack: flat semantic fills, no CTA lens, rim or blur. */
#top :is(#voice,#meetings,#dictation) .mobile-surface .lg-notch-button {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  box-shadow: none !important; background-image: none !important;
  border: 0 !important; filter: none !important; transform: none !important;
  gap: 5px !important;
}
#top :is(#voice,#meetings,#dictation) .mobile-surface .lg-notch-button::before,
#top :is(#voice,#meetings,#dictation) .mobile-surface .lg-notch-button::after { content: none !important; }
#top :is(#voice,#meetings,#dictation) .mobile-surface .lg-notch-button > kbd { font-size: 12.5px !important; line-height: 20px !important; letter-spacing: .25px; }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  #top :is(#voice,#meetings,#dictation) .mobile-surface.lg--notch { background: #000 !important; }
  #top :is(#voice,#meetings,#dictation) .mobile-surface > .lg__lens { background: #000 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
@media(forced-colors:active) {
  #top :is(#voice,#meetings,#dictation) .mobile-surface.lg--notch { background: Canvas !important; }
  #top :is(#voice,#meetings,#dictation) .mobile-surface > .lg__lens { background: Canvas !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
html[data-lg-preview=opaque] #top :is(#voice,#meetings,#dictation) .mobile-surface.lg--notch { background: #000 !important; }
#top #voice .native-message-status { display: flex; flex-wrap: wrap; gap: 5px 12.5px; margin-top: 15px; color: #9aa0a6; font-size: var(--preview-meta); line-height: var(--preview-meta-line); }

/* Capture feedback belongs only to the spoken request. Thinking, answers,
   evidence and action states use the existing Candor orb and motion system. */
#top #voice .voice-status-orb.source-orb {
  --source-orb-size: calc(var(--preview-body) * 1.3333333);
  width: var(--source-orb-size); height: var(--source-orb-size);
}
/* Small noninteractive status-orb variant: preserve the 216px material's
   coordinate ratios while avoiding a full-size filtered raster on Safari. */
#top #voice .voice-status-orb:not([data-interactive]) .source-orb__disc {
  --source-orb-basis: 48px;
  transform: scale(var(--source-orb-scale, 1));
}
#top #voice .voice-status-orb:not([data-interactive]) .source-orb__disc::before {
  filter: blur(1.55555556px) contrast(1.2);
  box-shadow: inset var(--source-orb-base) 0 0 3.11111111px .88888889px;
}
#top #voice .voice-status-orb:not([data-interactive]) .source-orb__grain {
  background-size: 48.88888889px 48.88888889px;
}
#top #voice .voice-native-panel .panel-top > .notch-wave { display: none; }
#top #voice .voice-native-panel[data-phase=request] .panel-top > .notch-wave { display: flex; }
#top #voice .voice-native-panel[data-phase=request] .voice-status-orb { display: none; }

/* Sources are metadata, subordinate to the unchanged answer typography. */
#top #voice { --preview-source: clamp(11px,calc(10px + .2vw),12px); }
#top #voice .voice-native-panel .mobile-surface .native-source-pills > .lg-notch-button {
 font-size: var(--preview-source) !important; line-height: 1.35 !important; font-weight: 400 !important;
}
#top #voice .native-source-pills > button > img { width: 1em; height: 1em; flex: none; object-fit: contain; }
#top #voice .native-thinking { display: none; margin: 0; font: 400 var(--preview-body)/var(--preview-line) var(--sans); color: #9aa0a6; }
#top #voice .voice-native-panel:is([data-phase=thinking],[data-phase=preparing]) .native-thinking { display: block; animation: notch-in .3s ease both; }
#top #voice .voice-native-panel:is([data-phase=thinking],[data-phase=preparing]) [data-notch-answer] { display: none; }
