/* Only unsupported capabilities and explicitly reduced quality use these rules.
 * The full-quality appearance stays in the original component styles. */
body.entry-page { position:relative; isolation:isolate; background:#fff; }
@supports not (height:100dvh) {
  body.entry-page { min-height:100vh; }
}
@supports not (height:100svh) {
  .entry-atmosphere, .entry-atmosphere video, .entry-atmosphere::before, .entry-dots { height:100vh; }
}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)) {
  .entry-composer.stitch-surface::before, .entry-composer.stitch-surface::after { display:none; }
  .entry-composer.stitch-surface:focus-within { outline:2px solid #0047ff; outline-offset:2px; }
}
html[data-entry-quality="static"] .entry-button::before,
html[data-entry-quality="static"] .entry-button::after,
html[data-entry-quality="static"] .entry-composer::before,
html[data-entry-quality="static"] .entry-headline-cursor { animation:none!important; }
html[data-entry-paused="true"] .entry-button::before,
html[data-entry-paused="true"] .entry-button::after,
html[data-entry-paused="true"] .entry-composer::before,
html[data-entry-paused="true"] .entry-headline-cursor { animation-play-state:paused!important; }