/* Desktop floating windows share one material. Phone screens keep their solid design. */
@media (min-width:761px){
  body{
    --pg-glass:rgba(241,245,250,.64);--pg-glass-solid:#f1f5fa;
    --pg-glass-ink:#172639;--pg-glass-muted:#203149;--pg-glass-accent:var(--pg-accent);
    --pg-glass-edge:rgba(255,255,255,.85);--pg-glass-line:rgba(100,122,152,.24);
    --pg-glass-field:rgba(255,255,255,.64);--pg-glass-panel:rgba(255,255,255,.18);
    --pg-glass-shadow:inset 0 1px 0 #ffffff80,0 18px 48px #15243b30;
    --pg-glass-sheen:linear-gradient(135deg,#ffffff24,transparent 42%,#ffffff08);
    --pg-glass-backdrop:rgba(21,34,53,.10);
  }
  body.dark{
    --pg-glass:rgba(30,40,56,.68);--pg-glass-solid:#1e2838;
    --pg-glass-ink:#f2f6ff;--pg-glass-muted:#edf2fc;--pg-glass-accent:#e1eaff;
    --pg-glass-edge:rgba(190,210,240,.3);--pg-glass-line:rgba(170,190,215,.24);
    --pg-glass-field:rgba(48,62,82,.72);--pg-glass-panel:rgba(144,167,204,.06);
    --pg-glass-shadow:inset 0 1px 0 #ffffff14,0 18px 48px #0005;
    --pg-glass-sheen:linear-gradient(135deg,#ffffff0d,transparent 42%,#ffffff03);
    --pg-glass-backdrop:rgba(7,13,23,.18);
  }
  /* This final contract also covers windows created after initial page load. */
  html body:is(.dark,:not(.dark)) :is(dialog,#dm-board,#dm-profile-popover,#message-arrival-bubble,#app-navigation,.mobile-popover,.editor-category-options,.editor-background-options,.unified-select-menu,.room-text-popover,.room-details):not([data-surface="solid"]){
    background-color:var(--pg-glass)!important;background-image:var(--pg-glass-sheen)!important;
    color:var(--pg-glass-ink)!important;border-color:var(--pg-glass-edge)!important;
    box-shadow:var(--pg-glass-shadow)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important;
    --surface-glass:var(--pg-glass);--surface-ink:var(--pg-glass-ink);--surface-muted:var(--pg-glass-muted);
    --surface-accent:var(--pg-glass-accent);--surface-edge:var(--pg-glass-edge);
    --room-ink:var(--pg-glass-ink);--room-muted:var(--pg-glass-muted);--room-blue:var(--pg-glass-accent);
    --ink:var(--pg-glass-ink);--muted:var(--pg-glass-muted);--line:var(--pg-glass-line);
  }
  html body dialog::backdrop,html body #party-window-backdrop{
    background:var(--pg-glass-backdrop)!important;
    backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
  }
  /* Window chrome must not cover the material with another opaque surface. */
  html body:is(.dark,:not(.dark)) :is(dialog,#dm-board) :is(.room-header,.room-head,.room-main,.room-chat,.room-work,.token-head,.token-body,.action-head,.action-body,.action-foot,.dm-body,.dm-conversation,.dm-contacts,.settings-actions,.detail-top,.detail-sidebar,.utility-head,.utility-body,.office-head,.office-presence,.office-footer,.office-word-toolbar,.office-sheet-tools,.office-sheet-tabs,.pg-files-head,.pg-files-body){background:transparent!important;color:var(--pg-glass-ink);border-color:var(--pg-glass-line);
  }
  html body:is(.dark,:not(.dark)) #create-party-dialog.default-neutral :is(.editor-body,.editor-cover,.editor-cover .party-art){background:transparent!important;background-image:none!important;}
  html body:is(.dark,:not(.dark)) :is(dialog,#dm-board) :is(.room-composer,.room-browser,.room-preview-card,.dm-compose,.dm-compose-box,.room-task-form,.detail-tabs){background:var(--pg-glass-panel)!important;border-color:var(--pg-glass-line)!important;}
  html body:is(.dark,:not(.dark)) #dm-board #dm-handle{background:transparent!important;}
  html body:is(.dark,:not(.dark)) #dm-board #dm-form{background:var(--pg-glass-field)!important;}
  /* Input fields retain enough tint to remain distinct from the blurred window. */
  html body:is(.dark,:not(.dark)) dialog:not(#office-window) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select,.unified-select>summary){background:var(--pg-glass-field)!important;color:var(--pg-glass-ink)!important;border-color:var(--pg-glass-line)!important;}
  html body:is(.dark,:not(.dark)) dialog :is(input,textarea)::placeholder{color:var(--pg-glass-muted)!important;opacity:1;}
  html body dialog select option{background:var(--pg-glass-solid);color:var(--pg-glass-ink);}
  html body:is(.dark,:not(.dark)) :is(dialog,#dm-board) :is(.room-subtitle,.room-day,.room-model-label,.room-work-note,.room-empty-state,.room-compose-actions,.dm-title small,.dm-disclaimer,.dm-message small,.token-summary>span,.token-summary small,.token-chart th,.token-chart td small,.token-chart-note,.token-empty,.token-users button,.token-views button,.token-head button,.profile-interests h3,.achievement-summary p,.achievement-summary span,.achievement-placeholder p,.subtle,.directory-filters label,#directory-count,#directory-close,.utility-body>p,.detail-top small,.pg-files-intro,.pg-files-note,.pg-files-status,.pg-files-dialog label){color:var(--pg-glass-muted)!important;}
  html body:is(.dark,:not(.dark)) :is(.unified-select-menu,.editor-category-options,.editor-background-options) button{color:var(--pg-glass-ink)!important;}
  html body:is(.dark,:not(.dark)) .pg-files-dialog .pg-file-choice{background:var(--pg-glass-field)!important;border-color:var(--pg-glass-line)!important;color:var(--pg-glass-ink)!important;}
  html body:is(.dark,:not(.dark)) .pg-files-dialog :is(.pg-file-choice small,.pg-files-close){color:var(--pg-glass-muted)!important;}
  html body:is(.dark,:not(.dark)) .pg-files-dialog .pg-files-secondary{background:var(--pg-glass-field)!important;color:var(--pg-glass-ink)!important;border-color:var(--pg-glass-line)!important;}
  html body.dark .pg-files-dialog .pg-files-error{color:#ffc0ba;}
  html body #message-arrival-bubble::before{background:var(--pg-glass)!important;border-color:var(--pg-glass-edge)!important;}
  /* Chat fields and inline selectors already have their own surrounding surface. */
  html body:is(.dark,:not(.dark)) dialog:not(#office-window) :is(.room-composer textarea,.editor-capacity select,.editor-capacity .unified-select>summary,.room-task-form input,.room-task-form select,#dm-input){background:transparent!important;}
  html body #office-window :is(.office-paper,.office-grid-scroll){background:#fff;color:#263448;}
  /* Language and appearance already have direct controls in the desktop header. */
  .toplinks>[data-info="Settings"]{display:none!important;}
}
/* A readable solid material is the fallback when blur is unavailable or reduced. */
@media(min-width:761px){
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body{--pg-glass:var(--pg-glass-solid);}body.dark{--pg-glass:var(--pg-glass-solid);}}
}
@media(min-width:761px) and (prefers-reduced-transparency:reduce){
  body,body.dark{--pg-glass:var(--pg-glass-solid);--pg-glass-sheen:none;}
  html body:is(.dark,:not(.dark)) :is(dialog,#dm-board,#dm-profile-popover,#message-arrival-bubble,#app-navigation,.mobile-popover,.editor-category-options,.editor-background-options,.unified-select-menu,.room-text-popover,.room-details):not([data-surface="solid"]){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}