/* Myriad-inspired workspace. Independently authored; no upstream theme code. */
#abao-mgo.myriad-ui {
  --myriad-fill: rgba(255, 255, 255, .66);
  --myriad-ink: #303b49;
  --myriad-muted: #697586;
  --myriad-stroke: rgba(255, 255, 255, .75);
  --myriad-shadow: 0 6px 22px rgba(25, 41, 64, .065), inset 0 1px 0 rgba(255, 255, 255, .38);
  --myriad-chrome: rgba(250, 252, 254, .9);
  --myriad-soft: rgba(124, 143, 160, .09);
  --myriad-hover: rgba(117, 141, 161, .14);
  --myriad-blur: blur(16px) saturate(1.15);
  --myriad-reading: rgba(250, 252, 254, .96);
  --myriad-accent: var(--myriad-wallpaper-accent, #557a8b);
  --ink: var(--myriad-ink);
  --ink-soft: var(--myriad-muted);
  --paper: var(--myriad-fill);
  --paper-strong: var(--myriad-chrome);
  --line: var(--myriad-stroke);
  --accent: var(--myriad-accent);
  --shadow-win: var(--myriad-shadow);
  --r-lg: 20px;
  --r-md: 16px;
  --r-sm: 10px;
  color: var(--myriad-ink);
  background: #e2e8e9;
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"] {
  color-scheme: dark;
  --myriad-fill: rgba(28, 36, 45, .72);
  --myriad-ink: #e5edf4;
  --myriad-muted: #b2bfcc;
  --myriad-stroke: rgba(192, 217, 236, .15);
  --myriad-shadow: 0 6px 24px rgba(0, 8, 16, .16), inset 0 1px 0 rgba(220, 238, 250, .045);
  --myriad-chrome: rgba(27, 35, 44, .94);
  --myriad-soft: rgba(174, 202, 224, .08);
  --myriad-hover: rgba(164, 197, 220, .16);
  --myriad-reading: rgba(24, 32, 41, .97);
  --myriad-accent: var(--myriad-wallpaper-accent-dark, #a4cedc);
  background: #19222c;
}
#abao-mgo.myriad-ui[data-myriad-theme="light"] { color-scheme: light; }
#abao-mgo.myriad-ui[data-myriad-surface="solid"] {
  --myriad-fill: #f8fafc;
  --myriad-chrome: #fbfcfd;
  --myriad-stroke: rgba(105, 125, 146, .15);
  --myriad-blur: none;
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"][data-myriad-surface="solid"] {
  --myriad-fill: #27313c;
  --myriad-chrome: #25303b;
  --myriad-stroke: rgba(183, 209, 230, .15);
}
#abao-mgo.myriad-ui[data-myriad-surface="light"] {
  --myriad-fill: rgba(255, 255, 255, .43);
  --myriad-shadow: 0 3px 14px rgba(35, 55, 76, .035);
  --myriad-blur: blur(6px);
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"][data-myriad-surface="light"] { --myriad-fill: rgba(25, 35, 45, .54); }
#abao-mgo.myriad-ui[data-myriad-surface="outline"] {
  --myriad-fill: rgba(255, 255, 255, .15);
  --myriad-stroke: rgba(100, 125, 145, .32);
  --myriad-shadow: none;
  --myriad-blur: blur(3px);
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"][data-myriad-surface="outline"] {
  --myriad-fill: rgba(18, 29, 41, .35);
  --myriad-stroke: rgba(184, 210, 232, .29);
}
#abao-mgo.myriad-ui [hidden] { display: none !important; }
#abao-mgo.myriad-ui :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--myriad-accent);
  outline-offset: 3px;
}
#abao-mgo.myriad-ui ::-webkit-scrollbar-thumb { background-color: rgba(124, 148, 164, .36); }
#abao-mgo.myriad-ui .mgo-halftone { opacity: 0; }
#abao-mgo.myriad-ui .mgo-vignette {
  background: linear-gradient(180deg, rgba(234, 240, 246, .13), rgba(238, 243, 245, .2) 65%, rgba(237, 243, 245, .32));
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"] .mgo-vignette { background: rgba(9, 18, 28, .36); }

/* Always visible navigation, above the desktop and workspace layers. */
#abao-mgo.myriad-ui .mgo-dock,
#abao-mgo.myriad-ui.mgo-edge-enabled .mgo-dock {
  left: 16px;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 62px;
  padding: 8px;
  gap: 6px;
  border-radius: 25px;
  border: 1px solid var(--myriad-stroke);
  background: var(--myriad-chrome);
  box-shadow: var(--myriad-shadow);
  backdrop-filter: var(--myriad-blur);
  -webkit-backdrop-filter: var(--myriad-blur);
  transform: translateY(-50%);
  opacity: 1;
  pointer-events: auto;
  z-index: 100100;
  overflow: visible;
}
#abao-mgo.myriad-ui.mgo-edge-enabled .mgo-dock-edge { display: none; }
#abao-mgo.myriad-ui .mgo-dock > .mgo-dock-sep { display: none; }
#abao-mgo.myriad-ui .mgo-dock-btn {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 0;
  border-radius: 17px;
  color: var(--myriad-muted);
}
#abao-mgo.myriad-ui .mgo-dock-btn svg { width: 21px; height: 21px; stroke: currentColor; }
#abao-mgo.myriad-ui .mgo-dock-btn:hover { background: var(--myriad-hover); transform: none; }
#abao-mgo.myriad-ui .mgo-dock-btn.is-active { background: var(--myriad-hover); color: var(--myriad-accent); box-shadow: none; }
#abao-mgo.myriad-ui .mgo-dock-btn.is-active svg { stroke: currentColor; }
#abao-mgo.myriad-ui .mgo-dock-btn.is-active::after { left: -5px; top: 50%; bottom: auto; width: 4px; height: 4px; border-radius: 50%; background: var(--myriad-accent); transform: translateY(-50%); }
#abao-mgo.myriad-ui .mgo-dock-btn::before { color: var(--myriad-ink); background: var(--myriad-chrome); border: 1px solid var(--myriad-stroke); box-shadow: var(--myriad-shadow); font-weight: 500; }
#abao-mgo.myriad-ui .mgo-more-menu {
  left: 91px;
  bottom: max(24px, calc(50% - 170px));
  width: 264px;
  max-height: calc(100svh - 48px);
  overflow-y: auto;
  padding: 12px;
  z-index: 100110;
  border: 1px solid var(--myriad-stroke);
  border-radius: 20px;
  background: var(--myriad-chrome);
  backdrop-filter: var(--myriad-blur);
  -webkit-backdrop-filter: var(--myriad-blur);
  box-shadow: var(--myriad-shadow);
}
#abao-mgo.myriad-ui .mgo-more-menu :is(button, a) { color: var(--myriad-ink); padding: 10px; font-size: 12px; }
#abao-mgo.myriad-ui .mgo-more-menu :is(button, a):hover { background: var(--myriad-hover); }
#abao-mgo.myriad-ui .mgo-more-menu > small { color: var(--myriad-muted); }
#abao-mgo.myriad-ui .mgo-more-utilities { border-color: var(--myriad-stroke); }

/* The first screen leaves space for the existing wallpaper; content below scrolls. */
#abao-mgo.myriad-ui .mgo-desktop { padding: 64px 32px 42px 104px; overflow-y: auto; overflow-x: hidden; }
#abao-mgo.myriad-ui .mgo-home { width: 100%; max-width: 1264px; min-height: 100%; margin: 0 auto; padding: 0; justify-content: flex-start; }
#abao-mgo.myriad-ui .mgo-home > * { flex-shrink: 0; }
#abao-mgo.myriad-ui .mgo-hero { margin: max(62px, calc(100svh - 578px)) 0 22px; text-align: left; }
#abao-mgo.myriad-ui .mgo-hero-title {
  font-family: "Palatino Linotype", "Book Antiqua", "Noto Serif SC", "Songti SC", "STSong", "KaiTi", Georgia, serif;
  font-size: clamp(34px, 3.7vw, 53px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.8px;
  margin: 0 0 14px;
  color: var(--myriad-ink);
  text-shadow: 0 1px 10px rgba(247, 250, 253, .35);
}
#abao-mgo.myriad-ui .mgo-hero-script { color: var(--myriad-muted); font-size: 17px; transform: none; text-shadow: none; margin-bottom: 9px; }
#abao-mgo.myriad-ui .mgo-hero-sign { color: var(--myriad-muted); font-size: 12px; }
#abao-mgo.myriad-ui .myriad-owner-badge { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; padding: 5px 12px 5px 5px; border: 1px solid var(--myriad-stroke); border-radius: 99px; background: var(--myriad-fill); backdrop-filter: var(--myriad-blur); -webkit-backdrop-filter: var(--myriad-blur); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .myriad-owner-badge img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; }
#abao-mgo.myriad-ui .myriad-owner-badge > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
#abao-mgo.myriad-ui .myriad-owner-badge b { font-size: 11px; font-weight: 600; white-space: nowrap; }
#abao-mgo.myriad-ui .myriad-owner-badge :is(span, small) { font-size: 10px; color: var(--myriad-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#abao-mgo.myriad-ui .myriad-grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; height: 316px; }
#abao-mgo.myriad-ui .myriad-widget { position: relative; min-width: 0; min-height: 0; margin: 0; padding: 14px; overflow: hidden; border-radius: 16px; border: 1px solid var(--myriad-stroke); background: var(--myriad-fill); box-shadow: var(--myriad-shadow); backdrop-filter: var(--myriad-blur); -webkit-backdrop-filter: var(--myriad-blur); color: var(--myriad-ink); text-align: left; }
#abao-mgo.myriad-ui .myriad-greet { grid-column: 1 / span 2; grid-row: 1 / span 2; display: flex; flex-direction: column; justify-content: flex-end; }
#abao-mgo.myriad-ui .myriad-social { grid-column: 3 / span 2; grid-row: 1 / span 2; }
#abao-mgo.myriad-ui .myriad-scenes { grid-column: 5 / span 4; grid-row: 1 / span 2; }
#abao-mgo.myriad-ui .myriad-shelf { grid-column: 9 / span 4; grid-row: 1 / span 2; }
#abao-mgo.myriad-ui .myriad-friends { grid-column: 13 / span 2; grid-row: 1 / span 2; }
#abao-mgo.myriad-ui .myriad-portrait { grid-column: 15 / span 2; grid-row: 1 / span 2; }
#abao-mgo.myriad-ui .myriad-visitors { grid-column: 1 / span 2; grid-row: 3 / span 2; }
#abao-mgo.myriad-ui .myriad-distribution { grid-column: 3 / span 4; grid-row: 3 / span 2; }
#abao-mgo.myriad-ui .myriad-footprints { grid-column: 7 / span 4; grid-row: 3 / span 2; }
#abao-mgo.myriad-ui .myriad-music { grid-column: 11 / span 2; grid-row: 3 / span 2; }
#abao-mgo.myriad-ui .myriad-activity { grid-column: 13 / span 4; grid-row: 3 / span 2; }
#abao-mgo.myriad-ui .myriad-widget-label { display: block; margin: 0; color: var(--myriad-muted); font-size: 11px; line-height: 1.4; font-weight: 500; letter-spacing: 0; }
#abao-mgo.myriad-ui .myriad-widget-note { font-size: 10px; color: var(--myriad-muted); line-height: 1.5; margin: 5px 0 0; }
#abao-mgo.myriad-ui .myriad-greeting { display: block; font-size: 21px; font-weight: 500; line-height: 1.3; margin: 6px 0; }
#abao-mgo.myriad-ui .myriad-greet-symbol { position: absolute; top: 11px; right: 12px; font-size: 30px; color: #bda06d; }
#abao-mgo.myriad-ui .myriad-greet :is(small, p) { color: var(--myriad-muted); font-size: 10px; line-height: 1.5; margin: 3px 0 0; }
#abao-mgo.myriad-ui .myriad-social { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; }
#abao-mgo.myriad-ui .myriad-social :is(a, button) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 0; padding: 5px; border-radius: 10px; background: var(--myriad-soft); text-decoration: none; color: var(--myriad-ink); font-size: 9px; }
#abao-mgo.myriad-ui .myriad-social :is(a, button):hover { background: var(--myriad-hover); }
#abao-mgo.myriad-ui .myriad-social > .myriad-widget { grid-column: auto; grid-row: auto; background: var(--myriad-fill); border-radius: 16px; }
#abao-mgo.myriad-ui .myriad-social > .myriad-widget > span { font-size: 27px; line-height: 1; color: var(--contact-color, var(--myriad-accent)); }
#abao-mgo.myriad-ui[data-myriad-theme="dark"] .myriad-social > .myriad-widget > span { color: var(--myriad-ink); }
#abao-mgo.myriad-ui .myriad-social svg { width: 23px; height: 23px; }
#abao-mgo.myriad-ui .myriad-social :is(b, i) { font-size: 22px; font-style: normal; font-weight: 600; }
#abao-mgo.myriad-ui .myriad-social [aria-disabled="true"] { opacity: .52; }
#abao-mgo.myriad-ui .myriad-portrait { padding: 0; }
#abao-mgo.myriad-ui .myriad-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
#abao-mgo.myriad-ui .myriad-portrait > b { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 10px 9px; background: linear-gradient(transparent, rgba(15, 25, 34, .65)); color: #fff; font-size: 10px; font-weight: 500; text-align: center; }
#abao-mgo.myriad-ui .myriad-greet > span { position: absolute; top: 14px; left: 14px; font-size: 24px; }
#abao-mgo.myriad-ui .myriad-greet > b { font-size: 22px; line-height: 1.3; font-weight: 500; margin-bottom: 6px; }
#abao-mgo.myriad-ui .myriad-visitors { display: flex; flex-direction: column; justify-content: center; }
#abao-mgo.myriad-ui .myriad-visitors > span { color: var(--myriad-accent); font-size: 16px; }
#abao-mgo.myriad-ui .myriad-visitors > b { font-size: 35px; font-weight: 500; line-height: 1.2; margin: 6px 0; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-visitors > :is(small, p) { color: var(--myriad-muted); font-size: 10px; margin: 0; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-numbers { display: flex; gap: 22px; margin: 13px 0 12px; }
#abao-mgo.myriad-ui .myriad-numbers button { padding: 0; text-align: left; }
#abao-mgo.myriad-ui .myriad-numbers b { display: block; font-size: 29px; font-weight: 500; line-height: 1.25; }
#abao-mgo.myriad-ui .myriad-numbers small { font-size: 9px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-distribution > small { font-size: 11px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-text-link { font-size: 10px; color: var(--myriad-muted); padding: 0; margin-top: 9px; }
#abao-mgo.myriad-ui :is(.myriad-footprints, .myriad-activity) > header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#abao-mgo.myriad-ui :is(.myriad-footprints, .myriad-activity) > header b { font-size: 11px; font-weight: 500; }
#abao-mgo.myriad-ui :is(.myriad-footprints, .myriad-activity) > header button { font-size: 10px; color: var(--myriad-muted); padding: 0; }
#abao-mgo.myriad-ui .myriad-footprint-count { display: flex; align-items: baseline; gap: 7px; margin-top: 8px; }
#abao-mgo.myriad-ui .myriad-footprint-count b { font-size: 24px; line-height: 1.2; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-footprint-count :is(small, span) { font-size: 9px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-footprint-count span { margin-left: auto; }
#abao-mgo.myriad-ui .myriad-news-item { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; padding: 0; margin-top: 11px; text-align: left; }
#abao-mgo.myriad-ui .myriad-news-item > span { display: grid; place-items: center; flex: none; width: 27px; height: 27px; border-radius: 8px; background: var(--myriad-soft); font-size: 12px; }
#abao-mgo.myriad-ui .myriad-news-item > div { min-width: 0; }
#abao-mgo.myriad-ui .myriad-news-item b { display: block; font-size: 11px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#abao-mgo.myriad-ui .myriad-news-item small { display: block; font-size: 9px; margin-top: 3px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-activity > button:not(.myriad-news-item) { margin-top: 30px; font-size: 11px; color: var(--myriad-muted); }

/* Real image and friend carousels share controls, without animated layout. */
#abao-mgo.myriad-ui .myriad-carousel { position: relative; padding: 0; }
#abao-mgo.myriad-ui [data-myriad-slide] { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; text-align: left; }
#abao-mgo.myriad-ui [data-myriad-slide] > :is(a, button) { display: block; width: 100%; height: 100%; padding: 0; text-decoration: none; text-align: left; color: inherit; }
#abao-mgo.myriad-ui [data-myriad-slide] img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#abao-mgo.myriad-ui .myriad-shelf [data-myriad-slide] img { object-fit: contain; background: var(--myriad-soft); }
#abao-mgo.myriad-ui .myriad-slide-caption { position: absolute; inset: auto 0 0; min-height: 58px; padding: 22px 12px 10px; background: linear-gradient(transparent, rgba(13, 25, 34, .78)); color: #fff; pointer-events: none; }
#abao-mgo.myriad-ui .myriad-slide-caption b { display: block; max-width: calc(100% - 86px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-slide-caption small { display: block; font-size: 9px; color: rgba(255, 255, 255, .85); margin-bottom: 3px; }
#abao-mgo.myriad-ui .myriad-carousel-controls { position: absolute; right: 8px; bottom: 9px; z-index: 3; display: flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid rgba(255, 255, 255, .23); border-radius: 9px; background: rgba(20, 32, 41, .42); color: #fff; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
#abao-mgo.myriad-ui .myriad-carousel-controls button { display: grid; place-items: center; width: 23px; height: 23px; padding: 0; color: inherit; font-size: 13px; border-radius: 6px; }
#abao-mgo.myriad-ui .myriad-carousel-controls button:hover { background: rgba(255, 255, 255, .18); }
#abao-mgo.myriad-ui .myriad-carousel-controls [data-myriad-position] { padding: 0 2px; font-size: 9px; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-carousel-controls [data-showcase-position] { padding: 0 2px; font-size: 9px; }
#abao-mgo.myriad-ui .myriad-shelf { padding: 0; height: auto; min-height: 0; }
#abao-mgo.myriad-ui .myriad-shelf :is(.mgo-showcase-slide, .mgo-showcase-image) { border-radius: 0; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption { bottom: 10px; left: 12px; right: 95px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption b { font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption small { font-size: 9px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-rating { top: 11px; bottom: auto; right: 11px; font-size: 19px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-empty { color: var(--myriad-muted); background: var(--myriad-soft); border-radius: 0; font-size: 11px; }
#abao-mgo.myriad-ui .myriad-carousel-empty { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 16px; background: var(--myriad-soft); color: var(--myriad-muted); font-size: 11px; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 12px 12px 35px; text-align: center; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] img { width: 38px; height: 38px; flex: none; border-radius: 50%; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] :is(b, strong) { font-size: 11px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] :is(small, p) { color: var(--myriad-muted); font-size: 9px; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#abao-mgo.myriad-ui .myriad-friends .myriad-carousel-controls { background: var(--myriad-soft); color: var(--myriad-ink); border-color: var(--myriad-stroke); right: 7px; bottom: 7px; }
#abao-mgo.myriad-ui .myriad-friends > button,
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] > button { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; gap: 5px; padding: 12px 8px 33px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] > button { padding: 0; }
#abao-mgo.myriad-ui .myriad-friends > button > span,
#abao-mgo.myriad-ui .myriad-friend-monogram { color: var(--myriad-accent); font-size: 34px; }
#abao-mgo.myriad-ui .myriad-friends > button b { font-size: 11px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-friends > button small { font-size: 9px; color: var(--myriad-muted); }

#abao-mgo.myriad-ui .myriad-widget :is(.mgo-stage-kpi, .mgo-stage-counts) { margin: 10px 0 6px; gap: 16px; }
#abao-mgo.myriad-ui .myriad-widget :is(.mgo-stage-kpi b, .mgo-stage-counts b) { color: var(--myriad-ink); font-size: 27px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-widget :is(.mgo-stage-kpi small, .mgo-stage-counts small, .mgo-stage-trend-foot, .mgo-stage-kind-labels) { color: var(--myriad-muted); font-size: 9px; }
#abao-mgo.myriad-ui .myriad-visitors .mgo-sparkline { height: 33px; margin: 4px 0; }
#abao-mgo.myriad-ui .myriad-visitors .mgo-stage-kpi { display: block; }
#abao-mgo.myriad-ui .myriad-visitors .mgo-stage-kpi small { display: block; margin-top: 4px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry { margin-top: 9px; gap: 8px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry > span { flex: none; width: 25px; height: 25px; border-radius: 8px; background: var(--myriad-soft); font-size: 12px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry > div { min-width: 0; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry b { color: var(--myriad-ink); max-width: 100%; font-size: 11px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry small { font-size: 9px; color: var(--myriad-muted); margin-top: 3px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-mini-heat { height: 50px; overflow: hidden; margin: 8px 0; }
#abao-mgo.myriad-ui .myriad-widget .mgo-mini-heat .mgo-heat-col i { width: 5px; height: 5px; border-radius: 1px; }
#abao-mgo.myriad-ui .myriad-widget footer { font-size: 9px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-music { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; text-align: center; }
#abao-mgo.myriad-ui .myriad-music :is(svg, .myriad-music-icon) { width: 40px; height: 40px; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-music b { font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-music small { font-size: 9px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-music > span { font-size: 37px; color: var(--myriad-accent); line-height: 1; }
#abao-mgo.myriad-ui .myriad-music > img { width: 42px; height: 42px; object-fit: cover; border-radius: 10px; }
#abao-mgo.myriad-ui .myriad-music > i { position: absolute; right: 10px; bottom: 8px; font-size: 9px; font-style: normal; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-music > b { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#abao-mgo.myriad-ui .mgo-home-actions { margin-top: 15px; gap: 8px; }
#abao-mgo.myriad-ui .mgo-home-actions button { padding: 8px 11px; background: var(--myriad-fill); color: var(--myriad-ink); border: 1px solid var(--myriad-stroke); box-shadow: var(--myriad-shadow); font-weight: 500; }

/* Compact control centre: dense chrome is intentionally readable on every surface. */
#abao-mgo.myriad-ui .mgo-topright { top: 16px; right: 20px; z-index: 100120; gap: 8px; }
#abao-mgo.myriad-ui .mgo-chip { padding: 9px 13px; border: 1px solid var(--myriad-stroke); background: var(--myriad-chrome); color: var(--myriad-ink); box-shadow: var(--myriad-shadow); font-weight: 500; font-size: 12px; }
#abao-mgo.myriad-ui .mgo-chip i { color: var(--myriad-muted); font-size: 11px; }
#abao-mgo.myriad-ui .mgo-console { width: 400px; max-width: calc(100vw - 32px); max-height: calc(100svh - 92px); padding: 18px; border: 1px solid var(--myriad-stroke); border-radius: 24px; background: var(--myriad-chrome); color: var(--myriad-ink); box-shadow: var(--myriad-shadow); backdrop-filter: var(--myriad-blur); -webkit-backdrop-filter: var(--myriad-blur); overflow-y: auto; filter: none; }
#abao-mgo.myriad-ui .myriad-console-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
#abao-mgo.myriad-ui .myriad-console-header h2 { margin: 0; font-size: 16px; font-weight: 600; }
#abao-mgo.myriad-ui .myriad-console-header :is(small, p) { margin: 4px 0 0; color: var(--myriad-muted); font-size: 10px; }
#abao-mgo.myriad-ui .myriad-console-header button { width: 28px; height: 28px; border-radius: 50%; background: var(--myriad-soft); }
#abao-mgo.myriad-ui .myriad-console-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--myriad-soft); margin-bottom: 17px; }
#abao-mgo.myriad-ui .myriad-console-tabs button { flex: 1; padding: 8px; font-size: 11px; color: var(--myriad-muted); border-radius: 9px; }
#abao-mgo.myriad-ui .myriad-console-tabs button[aria-selected="true"] { background: var(--myriad-fill); color: var(--myriad-ink); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .mgo-console-clock { font-size: 31px; font-weight: 500; letter-spacing: -.5px; }
#abao-mgo.myriad-ui .mgo-console-date { color: var(--myriad-muted); font-size: 11px; font-weight: 400; }
#abao-mgo.myriad-ui .mgo-console-grid { margin-top: 12px; }
#abao-mgo.myriad-ui .mgo-console-grid > div { border-color: var(--myriad-stroke); background: var(--myriad-soft); }
#abao-mgo.myriad-ui .mgo-console-grid b { color: var(--myriad-ink); font-size: 15px; font-weight: 500; }
#abao-mgo.myriad-ui .mgo-console-grid span { color: var(--myriad-muted); font-size: 9px; font-weight: 400; }
#abao-mgo.myriad-ui .myriad-console-section { margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--myriad-stroke); }
#abao-mgo.myriad-ui .myriad-console-section > :is(h3, b, small) { display: block; margin: 0 0 9px; font-size: 11px; color: var(--myriad-muted); font-weight: 500; }
#abao-mgo.myriad-ui .myriad-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
#abao-mgo.myriad-ui .myriad-quick-grid button { padding: 11px 4px; border-radius: 12px; background: var(--myriad-soft); color: var(--myriad-ink); font-size: 10px; }
#abao-mgo.myriad-ui .myriad-quick-grid svg { display: block; width: 20px; height: 20px; margin: 0 auto 7px; fill: none; stroke: currentColor; stroke-width: 1.6; }
#abao-mgo.myriad-ui .myriad-preference-group { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 10px; }
#abao-mgo.myriad-ui .myriad-preference-group > :is(span, b, label) { width: 100%; font-size: 10px; font-weight: 500; color: var(--myriad-muted); margin-bottom: 3px; }
#abao-mgo.myriad-ui .myriad-preference-group button { flex: 1; padding: 8px 5px; border: 1px solid var(--myriad-stroke); border-radius: 9px; background: var(--myriad-soft); font-size: 10px; white-space: nowrap; }
#abao-mgo.myriad-ui .myriad-preference-group > div { display: flex; width: 100%; gap: 5px; }
#abao-mgo.myriad-ui .myriad-console-header > a { display: flex; gap: 9px; align-items: center; color: var(--myriad-ink); text-decoration: none; font-size: 12px; }
#abao-mgo.myriad-ui .myriad-console-time { display: flex; align-items: center; gap: 15px; padding: 0; margin: 0 0 13px; border: 0; }
#abao-mgo.myriad-ui .myriad-console-time > div { display: flex; flex-direction: column; gap: 4px; }
#abao-mgo.myriad-ui .myriad-console-time b { font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-console-time small { font-size: 10px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-console-time > span:last-child { margin-left: auto; font-size: 25px; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-control-music { display: flex; align-items: center; width: 100%; text-align: left; gap: 10px; padding: 12px; margin-top: 0; border: 1px solid var(--myriad-stroke); border-radius: 12px; background: var(--myriad-soft); }
#abao-mgo.myriad-ui .myriad-control-music img { width: 38px; height: 38px; border-radius: 8px; object-fit: cover; }
#abao-mgo.myriad-ui .myriad-control-music b { display: block; font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-control-music small { display: block; margin-top: 4px; font-size: 10px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-control-music > span { margin-left: auto; font-size: 13px; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-console-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
#abao-mgo.myriad-ui .myriad-console-quick-grid > div { position: relative; display: flex; align-items: center; gap: 7px; padding: 11px 9px 30px; border-radius: 12px; background: var(--myriad-soft); }
#abao-mgo.myriad-ui .myriad-console-quick-grid b { display: block; font-size: 10px; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-console-quick-grid small { display: block; font-size: 9px; margin-top: 4px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-console-quick-grid button { position: absolute; bottom: 7px; right: 8px; min-width: 34px; padding: 3px 7px; border-radius: 9px; background: var(--myriad-fill); font-size: 9px; }
#abao-mgo.myriad-ui .myriad-console-quick-grid button[aria-pressed="true"] { background: var(--myriad-accent); color: var(--myriad-reading); }
#abao-mgo.myriad-ui .myriad-console-footer { display: flex; justify-content: space-between; gap: 8px; padding-top: 14px; margin-top: 15px; border-top: 1px solid var(--myriad-stroke); font-size: 9px; color: var(--myriad-muted); }
#abao-mgo.myriad-ui .myriad-console-footer a { color: inherit; text-decoration: none; }
#abao-mgo.myriad-ui :is(.myriad-preference-group, .myriad-quick-grid) button[aria-pressed="true"] { background: var(--myriad-hover); color: var(--myriad-accent); border-color: var(--myriad-accent); }
#abao-mgo.myriad-ui .mgo-console-actions button { background: var(--myriad-soft); border: 1px solid var(--myriad-stroke); color: var(--myriad-ink); font-size: 11px; font-weight: 500; }
#abao-mgo.myriad-ui .mgo-console-actions button.is-on { background: var(--myriad-hover); color: var(--myriad-accent); border-color: var(--myriad-accent); }
#abao-mgo.myriad-ui .mgo-console-foot { color: var(--myriad-muted); border-top: 1px solid var(--myriad-stroke); font-weight: 400; font-size: 10px; }

/* Shared system surfaces preserve original scrolling, resizing and canvas gestures. */
#abao-mgo.myriad-ui :is(.mgo-window, .mgo-post-card, .mgo-report-card, .mgo-page-card, .mgo-platform-card, .mgo-store-app, .mgo-report-stats > div, .mgo-chart, .mgo-platforms, .mgo-rb-col, .mgo-checkin-day, .mgo-checkin-form, .mgo-ci-visitor, .mgo-moments-list, .mgo-music-panel, .mgo-desktop-app, .mgo-music-card, .mgo-portal-card, .mgo-portal-page-card, .mgo-portal-home-strip, .mgo-portal-traffic, .mgo-library-toolbar, .mgo-lib-nav, .mgo-zoombar, .mgo-empty-tip, .mgo-bubble, .mgo-command-box, .mgo-notify) {
  background: var(--myriad-fill);
  color: var(--myriad-ink);
  border: 1px solid var(--myriad-stroke);
  border-radius: 16px;
  box-shadow: var(--myriad-shadow);
  backdrop-filter: var(--myriad-blur);
  -webkit-backdrop-filter: var(--myriad-blur);
}
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene,
#abao-mgo.myriad-ui.mgo-edge-enabled.mgo-workspace .mgo-scene { left: 104px !important; top: 24px !important; right: 24px !important; bottom: 24px !important; }
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.mgo-win-dynamic):not([data-window="tapp"]) { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
#abao-mgo.myriad-ui .mgo-window-bar,
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.mgo-win-dynamic):not([data-window="tapp"]) > .mgo-window-bar { padding: 8px 12px; min-height: 45px; background: var(--myriad-fill); border: 1px solid var(--myriad-stroke); border-radius: 14px; box-shadow: var(--myriad-shadow); color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-win-title { color: var(--myriad-ink); font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui :is(.mgo-scene-back, .mgo-win-ico, .mgo-win-tools button, .mgo-runner-ext) { border-color: var(--myriad-stroke); background: var(--myriad-soft); color: var(--myriad-muted); border-radius: 9px; }
#abao-mgo.myriad-ui .mgo-scene-back:hover { background: var(--myriad-hover); }
#abao-mgo.myriad-ui .mgo-lib { background: transparent; gap: 8px; }
#abao-mgo.myriad-ui.mgo-workspace [data-window="library"],
#abao-mgo.myriad-ui.mgo-workspace [data-window="library"] .mgo-win-body,
#abao-mgo.myriad-ui.mgo-workspace .mgo-lib-viewport { background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
#abao-mgo.myriad-ui .mgo-library-toolbar { padding: 10px 13px; gap: 12px; border-radius: 13px; }
#abao-mgo.myriad-ui .mgo-library-toolbar small { color: var(--myriad-muted); font-size: 9px; letter-spacing: 0; }
#abao-mgo.myriad-ui .mgo-library-toolbar h2 { color: var(--myriad-ink); font-size: 14px; font-weight: 500; margin: 3px 0 0; }
#abao-mgo.myriad-ui :is(.mgo-library-search, .mgo-desktop-search) { background: var(--myriad-soft); border-color: var(--myriad-stroke); padding: 8px 10px; border-radius: 10px; }
#abao-mgo.myriad-ui :is(.mgo-library-search, .mgo-desktop-search) input { color: var(--myriad-ink); }
#abao-mgo.myriad-ui :is(.mgo-library-search, .mgo-desktop-search) svg { stroke: var(--myriad-muted); }
#abao-mgo.myriad-ui [data-library-count] { color: var(--myriad-muted); font-size: 10px; }
#abao-mgo.myriad-ui .mgo-lib-nav { padding: 5px; gap: 4px; border-radius: 12px; }
#abao-mgo.myriad-ui .mgo-lib-nav button { padding: 7px 9px; color: var(--myriad-muted); font-size: 10px; border-radius: 9px; }
#abao-mgo.myriad-ui .mgo-lib-nav button.is-active { background: var(--myriad-hover); color: var(--myriad-accent); }
#abao-mgo.myriad-ui .mgo-lib-nav button i { background: var(--myriad-soft); color: var(--myriad-muted); }
#abao-mgo.myriad-ui .mgo-zoombar { padding: 4px 7px; gap: 4px; border-radius: 99px; background: var(--myriad-chrome); }
#abao-mgo.myriad-ui .mgo-zoombar :is(button, b) { color: var(--myriad-ink); font-weight: 500; font-size: 11px; }
#abao-mgo.myriad-ui .mgo-card-meta { color: var(--myriad-ink); background: var(--myriad-chrome); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui .mgo-card-meta b { font-weight: 500; }
#abao-mgo.myriad-ui .mgo-card { border-color: var(--myriad-stroke); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .mgo-card-more { background: var(--myriad-chrome); color: var(--myriad-ink); }
/* Anime shelves use an even 20px gap, independent of old free-canvas coordinates. */
#abao-mgo.myriad-ui .is-anime-collection .k-anime { transform:none; border-radius:16px; transition:box-shadow .2s ease,border-color .2s ease; }
#abao-mgo.myriad-ui .is-anime-collection .k-anime:hover { transform:translateY(-3px); }
#abao-mgo.myriad-ui .is-anime-collection .k-anime.is-dragging { transform:none; }
#abao-mgo.myriad-ui .is-anime-collection .k-anime .mgo-card-cover img { object-fit:contain; }
#abao-mgo.myriad-ui .is-anime-collection .k-anime .mgo-card-meta { padding:11px 13px; border-radius:0; min-height:62px; }
#abao-mgo.myriad-ui .is-anime-collection .k-anime .mgo-card-meta b { font-size:15px; line-height:1.4; }
#abao-mgo.myriad-ui .is-anime-collection .k-anime .mgo-card-meta small { font-size:12px; }
#abao-mgo.myriad-ui .mgo-portal-home-strip { margin-top: 32px; padding: 22px; }
#abao-mgo.myriad-ui .mgo-portal-quickpages a { background: var(--myriad-soft); border-color: var(--myriad-stroke); color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-portal-quickpages a b { color: var(--myriad-ink); font-size: 15px; font-weight: 500; }
#abao-mgo.myriad-ui :is(.mgo-portal-home-strip, .mgo-portal-quickpages, .mgo-portal-card, .mgo-portal-page-card) :is(small, p, span, footer) { color: var(--myriad-muted); letter-spacing: 0; }
#abao-mgo.myriad-ui :is(.mgo-sec-intro, .mgo-app-desktop-head, .mgo-report-head, .mgo-portal-home-strip) h2 { color: var(--myriad-ink); font-weight: 500; }
#abao-mgo.myriad-ui :is(.mgo-sec-intro, .mgo-app-desktop-head) small { color: var(--myriad-muted); letter-spacing: 0; }
#abao-mgo.myriad-ui :is(.mgo-post-card, .mgo-portal-card, .mgo-desktop-app):hover { transform: translateY(-2px); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui :is(.mgo-post-date, .mgo-library-empty, .mgo-store-side, .mgo-portal-empty, .mgo-portal-collection-tools, .mgo-portal-filters label, .mgo-portal-filters select, .mgo-portal-filters button, .mgo-portal-filters a, .mgo-portal-pager button, .mgo-portal-home-strip nav button, .mgo-portal-home-strip nav a) { color: var(--myriad-ink); background: var(--myriad-fill); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui :is(.mgo-library-empty, .mgo-portal-empty) :is(h3, p) { color: inherit; }
#abao-mgo.myriad-ui .mgo-portal-filters input { color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-btn-accent { background: var(--myriad-accent); color: var(--myriad-reading); box-shadow: none; }
#abao-mgo.myriad-ui .mgo-portal-night { --myriad-reading: rgba(24, 32, 41, .97); --myriad-ink: #e5edf4; --myriad-muted: #b2bfcc; --myriad-chrome: rgba(27, 35, 44, .94); --myriad-soft: rgba(174, 202, 224, .08); --myriad-stroke: rgba(192, 217, 236, .15); --myriad-accent: var(--myriad-wallpaper-accent-dark, #a4cedc); }
#abao-mgo.myriad-ui :is(.mgo-portal-reader, .mgo-portal-night) .mgo-win-body { background: var(--myriad-reading); color: var(--myriad-ink); }
#abao-mgo.myriad-ui :is(.mgo-portal-reader, .mgo-portal-night) .mgo-portal-reader-tools { background: var(--myriad-chrome); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui :is(.mgo-portal-reader, .mgo-portal-night) .mgo-portal-reader-tools button { background: var(--myriad-soft); color: var(--myriad-ink); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui :is(.mgo-portal-reader, .mgo-portal-night) :is(.mgo-portal-related, .mgo-portal-prose blockquote) { background: var(--myriad-soft); color: var(--myriad-ink); border-color: var(--myriad-accent); }
#abao-mgo.myriad-ui .mgo-portal-reader-layout { padding: 30px; }
#abao-mgo.myriad-ui .mgo-portal-toc { border-color: var(--myriad-stroke); color: var(--myriad-muted); }
#abao-mgo.myriad-ui .mgo-portal-toc b { color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-portal-prose a { color: var(--myriad-accent); }
#abao-mgo.myriad-ui .mgo-portal-reader-tools [data-portal-progress] { background: var(--myriad-soft); color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-comment { background: var(--myriad-fill); color: var(--myriad-ink); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui .mgo-comment p { color: var(--myriad-muted); }
#abao-mgo.myriad-ui .abao-comments-wrap,
#abao-mgo.myriad-ui .mgo-portal-night .abao-comments-wrap { background: transparent; color: var(--myriad-ink); }
#abao-mgo.myriad-ui .abao-comments-wrap { --abao-text: var(--myriad-ink); --abao-muted: var(--myriad-muted); --abao-accent: var(--myriad-accent); }
#abao-mgo.myriad-ui .abao-comments-wrap :is(.abao-comment-form-card, .abao-comment, .abao-mini-panel) { background: var(--myriad-fill); border-color: var(--myriad-stroke); border-radius: 16px; box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .abao-comments-wrap :is(.abao-post-heart, .abao-replying, .abao-emoji, .abao-level) { background: var(--myriad-soft); color: var(--myriad-ink); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui .abao-comments-wrap :is(.abao-private-check, .abao-comment-form label > span, .abao-form-bottom small, .abao-comment-top time, .abao-comment-actions button, .abao-mini-comment p, .abao-image-upload, .abao-mini-empty, .abao-empty-comments) { color: var(--myriad-muted); }
#abao-mgo.myriad-ui .abao-comments-wrap .abao-submit { background: var(--myriad-accent); color: var(--myriad-reading); box-shadow: none; }
#abao-mgo.myriad-ui .abao-comments-wrap :is(input, textarea, select) { background: var(--myriad-chrome); color: var(--myriad-ink); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui .abao-comments-wrap :is(input, textarea) { box-shadow: none; }
#abao-mgo.myriad-ui .abao-comments-wrap :is(input, textarea)::placeholder { color: var(--myriad-muted); opacity: 1; }
#abao-mgo.myriad-ui[data-myriad-theme="dark"] .abao-comments-wrap :is(.abao-comment, .abao-comment-body, .abao-comment-text, .abao-comment-content, .abao-comment-form, .abao-form, .abao-emoji-panel) { color: var(--myriad-ink); background: var(--myriad-chrome); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui[data-myriad-theme="dark"] :is(.mgo-report-stats, .mgo-report-head, .mgo-music-card, .mgo-platforms, .mgo-rb-col, .mgo-post-info, .mgo-checkin-form, .mgo-checkin-day, .mgo-store-app, .mgo-page-card, .mgo-portal-traffic, .mgo-portal-saved) :is(h2, h3, b, p, span, small, a) { color: inherit; }
#abao-mgo.myriad-ui .mgo-music-playlist .aplayer { background: var(--myriad-chrome); color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-music-status { background: var(--myriad-soft); color: var(--myriad-muted); }
#abao-mgo.myriad-ui .mgo-music-hero { background-image: none; }
#abao-mgo.myriad-ui .mgo-thoughts-shell { background: transparent; }
#abao-mgo.myriad-ui :is(.mgo-moment, .mgo-checkin-stats > div, .mgo-heatmap-wrap) { background: var(--myriad-fill); color: var(--myriad-ink); border: 1px solid var(--myriad-stroke); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .mgo-moment:hover { background: var(--myriad-chrome); }
#abao-mgo.myriad-ui :is(.mgo-moment-name, .mgo-moment-loc) { color: var(--myriad-accent); }
#abao-mgo.myriad-ui :is(.mgo-moment-mood, .mgo-ci-moods span, .mgo-checkin-form input[type="text"], .mgo-checkin-form textarea, .mgo-store-search input, .mgo-btn-ghost, .mgo-portal-collection-tools input, .mgo-portal-collection-tools select) { background: var(--myriad-chrome); color: var(--myriad-ink); border-color: var(--myriad-stroke); }
#abao-mgo.myriad-ui .mgo-ci-moods input:checked + span { background: var(--myriad-hover); }
#abao-mgo.myriad-ui .mgo-heat-col i.lv-0 { background: var(--myriad-hover); }
#abao-mgo.myriad-ui :is(.mgo-reader-stage, .mgo-txt) { background: var(--myriad-reading); color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-reader-stage.is-night .mgo-txt { background: #182029; color: #e5edf4; }
#abao-mgo.myriad-ui .mgo-pdf-wrap { background: var(--myriad-soft); }
#abao-mgo.myriad-ui .mgo-detail-cover { background: var(--myriad-soft); border: 1px solid var(--myriad-stroke); box-shadow: var(--myriad-shadow); }
#abao-mgo.myriad-ui .mgo-detail-chips span { background: var(--myriad-soft); color: var(--myriad-accent); border-color: var(--myriad-stroke); font-weight: 500; }
#abao-mgo.myriad-ui :is(.mgo-card-meta, .mgo-console) { text-shadow: none; }
#abao-mgo.myriad-ui .mgo-command-head input { color: var(--myriad-ink); }
#abao-mgo.myriad-ui .mgo-command-list button { color: var(--myriad-ink); }
#abao-mgo.myriad-ui :is(.mgo-command-list small, .mgo-command-foot, .mgo-notify-empty, .mgo-notify [data-note] small) { color: var(--myriad-muted); }
#abao-mgo.myriad-ui .mgo-notify [data-note] { background: var(--myriad-soft); color: var(--myriad-ink); }

/* An eight-column middle layout keeps the small tiles useful on laptops. */
@media (min-width: 769px) and (max-width: 1150px) {
  #abao-mgo.myriad-ui .mgo-desktop { padding-right: 24px; }
  #abao-mgo.myriad-ui .mgo-hero { margin-top: 95px; }
  #abao-mgo.myriad-ui .myriad-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(8, minmax(0, 1fr)); height: 600px; }
  #abao-mgo.myriad-ui .myriad-greet { grid-column: 1 / span 2; grid-row: 1 / span 2; }
  #abao-mgo.myriad-ui .myriad-social { grid-column: 3 / span 2; grid-row: 1 / span 2; }
  #abao-mgo.myriad-ui .myriad-scenes { grid-column: 5 / span 4; grid-row: 1 / span 2; }
  #abao-mgo.myriad-ui .myriad-shelf { grid-column: 1 / span 4; grid-row: 3 / span 2; }
  #abao-mgo.myriad-ui .myriad-friends { grid-column: 5 / span 2; grid-row: 3 / span 2; }
  #abao-mgo.myriad-ui .myriad-portrait { grid-column: 7 / span 2; grid-row: 3 / span 2; }
  #abao-mgo.myriad-ui .myriad-visitors { grid-column: 1 / span 2; grid-row: 5 / span 2; }
  #abao-mgo.myriad-ui .myriad-distribution { grid-column: 3 / span 4; grid-row: 5 / span 2; }
  #abao-mgo.myriad-ui .myriad-music { grid-column: 7 / span 2; grid-row: 5 / span 2; }
  #abao-mgo.myriad-ui .myriad-footprints { grid-column: 1 / span 4; grid-row: 7 / span 2; }
  #abao-mgo.myriad-ui .myriad-activity { grid-column: 5 / span 4; grid-row: 7 / span 2; }
}
@media (max-width: 768px) {
  #abao-mgo.myriad-ui .mgo-desktop { padding: 72px 12px calc(96px + env(safe-area-inset-bottom)); }
  #abao-mgo.myriad-ui .mgo-home { min-height: 100%; padding-top: 0; }
  #abao-mgo.myriad-ui .mgo-hero { margin-top: 42px; margin-bottom: 21px; }
  #abao-mgo.myriad-ui .mgo-hero-title { font-size: clamp(31px, 8vw, 43px); letter-spacing: -.5px; }
  #abao-mgo.myriad-ui .myriad-owner-badge { max-width: 100%; }
  #abao-mgo.myriad-ui .myriad-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 70px; height: auto; gap: 8px; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-widget { grid-column: span 2; grid-row: span 2; padding: 12px; }
  #abao-mgo.myriad-ui .myriad-grid :is(.myriad-scenes, .myriad-shelf, .myriad-distribution, .myriad-footprints, .myriad-activity) { grid-column: span 4; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-scenes { grid-row: span 3; }
  #abao-mgo.myriad-ui .myriad-grid :is(.myriad-carousel, .myriad-portrait, .myriad-shelf) { padding: 0; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-social { padding: 0; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-social > .myriad-widget { grid-column: auto; grid-row: auto; padding: 5px; }
  #abao-mgo.myriad-ui .myriad-shelf [data-myriad-slide] img { object-fit: cover; }
  #abao-mgo.myriad-ui .mgo-topright { top: 12px; right: 12px; }
  #abao-mgo.myriad-ui .mgo-console { width: min(400px, calc(100vw - 24px)); max-width: none; max-height: calc(100svh - 150px - env(safe-area-inset-bottom)); padding: 16px; border-radius: 20px; }
  #abao-mgo.myriad-ui .mgo-dock,
  #abao-mgo.myriad-ui.mgo-edge-enabled .mgo-dock { top: auto; left: 50%; right: auto; bottom: max(12px, env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(390px, calc(100vw - 24px)); max-width: none; flex-direction: row; justify-content: space-between; gap: 3px; padding: 6px; border-radius: 22px; }
  #abao-mgo.myriad-ui .mgo-dock-btn { display: flex; flex-direction: column; justify-content: center; gap: 5px; flex: 1 1 0; width: auto; height: 48px; min-width: 0; border-radius: 16px; }
  #abao-mgo.myriad-ui .mgo-dock-label { font-size: 9px !important; }
  #abao-mgo.myriad-ui .mgo-dock-btn.is-active::after { left: 50%; top: auto; bottom: -3px; width: 4px; height: 4px; transform: translateX(-50%); }
  #abao-mgo.myriad-ui .mgo-more-menu { left: 12px; right: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); width: auto; max-height: calc(100svh - 150px); }
  #abao-mgo.myriad-ui.mgo-workspace .mgo-scene,
  #abao-mgo.myriad-ui.mgo-edge-enabled.mgo-workspace .mgo-scene { left: 10px !important; right: 10px !important; top: 12px !important; bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  #abao-mgo.myriad-ui .mgo-window-bar { min-height: 43px; padding: 7px 10px; }
  #abao-mgo.myriad-ui .mgo-scroll-area { padding: 16px 12px; }
  #abao-mgo.myriad-ui .mgo-library-toolbar { gap: 8px; padding: 10px; }
  #abao-mgo.myriad-ui .mgo-library-search { width: 100%; }
  #abao-mgo.myriad-ui .mgo-lib-nav { gap: 2px; }
  #abao-mgo.myriad-ui .mgo-zoombar { max-width: calc(100% - 10px); bottom: 8px; gap: 1px; padding: 4px; }
  #abao-mgo.myriad-ui .mgo-zoombar button { min-width: 27px; font-size: 10px; }
  #abao-mgo.myriad-ui .mgo-portal-home-strip { margin-top: 24px; padding: 18px; }
  #abao-mgo.myriad-ui .mgo-portal-reader-layout { padding: 22px 15px; }
  #abao-mgo.myriad-ui .mgo-portal-reader-tools { padding: 9px; }
  #abao-mgo.myriad-ui .mgo-post-grid { grid-template-columns: minmax(0, 1fr); }
}
#abao-mgo.myriad-ui.mgo-motion-off :is(.myriad-widget, .myriad-widget *, .mgo-dock, .mgo-chip, .mgo-console, .mgo-console *, .mgo-home-actions button, .mgo-sparkline-stroke) { animation: none !important; transition: none !important; }
#abao-mgo.myriad-ui.mgo-motion-off .mgo-portal-reader .mgo-win-body { scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) {
  #abao-mgo.myriad-ui :is(.myriad-widget, .myriad-widget *, .mgo-dock, .mgo-chip, .mgo-console, .mgo-console *, .mgo-home-actions button, .mgo-sparkline-stroke) { animation: none !important; transition: none !important; }
  #abao-mgo.myriad-ui .mgo-portal-reader .mgo-win-body { scroll-behavior: auto; }
}
/* Keep the five primary destinations and the overflow island compact. */
#abao-mgo.myriad-ui .mgo-dock > :is([data-command-toggle], [data-notify-toggle], [data-app="music"], .mgo-admin-entry) { display: none; }
#abao-mgo.myriad-ui .myriad-music:has(> img:not([hidden])) > span { display: none; }
#abao-mgo.myriad-ui .myriad-music > :is(b, small, img) { flex-shrink: 0; }
/* The progress track never steals clicks; controls temporarily take its corner. */
body.abao-mgo-takeover:has(#abao-mgo.myriad-ui) #abao-cat-progress { pointer-events: none; }
body.abao-mgo-takeover:has(#abao-mgo.myriad-ui) #abao-cat-progress .abao-cat { pointer-events: auto; }
body.abao-mgo-takeover:has(#abao-mgo.myriad-ui [data-console]:not([hidden])) #abao-cat-progress { visibility: hidden; }