:root {
  --appmiu-accent: #ff8a1f;
  --appmiu-accent-strong: #ef6c00;
  --appmiu-ink: #19202d;
  --appmiu-muted: #687386;
  --appmiu-surface: #fff;
  --appmiu-surface-soft: #f5f7fb;
  --appmiu-line: #e6eaf0;
  --appmiu-shadow: 0 18px 50px rgba(24, 34, 53, .10);
}

html.appmiu-dark {
  color-scheme: dark;
  --appmiu-ink: #edf2f8;
  --appmiu-muted: #aab4c4;
  --appmiu-surface: #151b27;
  --appmiu-surface-soft: #101522;
  --appmiu-line: #2b3444;
  --appmiu-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}

html.appmiu-dark body,
html.appmiu-dark .site,
html.appmiu-dark .site-content { background: var(--appmiu-surface-soft); color: var(--appmiu-ink); }
html.appmiu-dark .box,
html.appmiu-dark .single-article,
html.appmiu-dark .site-header,
html.appmiu-dark .post-list-cats { background-color: var(--appmiu-surface); color: var(--appmiu-ink); border-color: var(--appmiu-line); }
html.appmiu-dark a:not(.button) { color: inherit; }

.appmiu-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(340px, 42vw, 530px);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(125deg, rgba(9, 19, 37, .92), rgba(21, 83, 113, .7)), var(--appmiu-hero-image, linear-gradient(135deg, #15243a, #166878));
  background-position: center;
  background-size: cover;
}
.appmiu-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 72% 24%, rgba(74, 222, 204, .3), transparent 35%), linear-gradient(0deg, rgba(5, 10, 20, .25), transparent 50%); }
.appmiu-hero__inner { width: min(900px, calc(100% - 32px)); text-align: center; padding: 70px 0; }
.appmiu-hero__eyebrow { display: inline-flex; margin: 0 0 14px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 13px; letter-spacing: .12em; }
.appmiu-hero h1 { margin: 0; color: #fff; font-size: clamp(30px, 5vw, 56px); line-height: 1.18; letter-spacing: -.03em; text-wrap: balance; }
.appmiu-hero h1 + p { margin: 16px 0 30px; color: rgba(255,255,255,.78); font-size: clamp(16px, 2vw, 19px); }
.appmiu-hero-search { width: min(720px, 100%); min-height: 64px; margin: auto; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 12px; padding: 7px 7px 7px 20px; border: 1px solid rgba(255,255,255,.3); border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 22px 70px rgba(0,0,0,.26); }
.appmiu-hero-search svg { width: 22px; fill: none; stroke: #677286; stroke-width: 2; stroke-linecap: round; }
.appmiu-hero-search input { min-width: 0; height: 48px; padding: 0; border: 0!important; outline: 0; color: #1a2433; background: transparent!important; font-size: 16px; box-shadow: none!important; }
.appmiu-hero-search button { height: 50px; min-width: 92px; border: 0; border-radius: 13px; color: #fff; background: var(--appmiu-accent); font-weight: 700; }

.appmiu-discovery { scroll-margin-top: 84px; margin-top: 44px; margin-bottom: 40px; color: var(--appmiu-ink); }
.appmiu-section-heading { margin-bottom: 32px; text-align: center; }
.appmiu-section-heading h2 { margin: 3px 0 8px; color: inherit; font-size: clamp(30px, 4vw, 46px); }
.appmiu-section-heading p { margin: 0; color: var(--appmiu-muted); font-size: 16px; }
.appmiu-kicker { display: none; }
.appmiu-discovery__layout { display: grid; grid-template-columns: minmax(230px, 270px) minmax(0, 1fr); align-items: start; gap: 22px; }
.appmiu-filter-panel { position: sticky; top: 82px; max-height: calc(100vh - 104px); overflow: auto; padding: 22px; border: 1px solid var(--appmiu-line); border-radius: 20px; background: var(--appmiu-surface); box-shadow: var(--appmiu-shadow); scrollbar-width: thin; }
.appmiu-filter-panel__head,
.appmiu-filter-panel__subhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.appmiu-filter-panel__head { margin-bottom: 16px; }
.appmiu-filter-panel__head h3 { margin: 0; color: inherit; font-size: 19px; }
.appmiu-filter-panel__head > span { color: var(--appmiu-muted); font-size: 13px; white-space: nowrap; }
.appmiu-category-list { display: grid; gap: 8px; }
.appmiu-category-list button { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border: 0; border-radius: 12px; color: var(--appmiu-muted); background: transparent; font-size: 14px; font-weight: 700; text-align: left; transition: color .18s, background .18s, box-shadow .18s; }
.appmiu-category-list button b { min-width: 34px; padding: 4px 8px; border-radius: 999px; color: inherit; background: var(--appmiu-surface-soft); font-size: 12px; text-align: center; }
.appmiu-category-list button:hover { color: var(--appmiu-ink); background: var(--appmiu-surface-soft); }
.appmiu-category-list button.is-active { color: #fff; background: #132038; box-shadow: 0 10px 24px rgba(19, 32, 56, .2); }
.appmiu-category-list button.is-active b { color: #fff; background: rgba(255,255,255,.16); }
.appmiu-filter-panel__subhead { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--appmiu-line); }
.appmiu-filter-panel__subhead strong { font-size: 15px; }
.appmiu-filter-reset { flex: none; padding: 5px 8px; border: 0; color: var(--appmiu-muted); background: transparent; font-size: 12px; }
.appmiu-filter-reset:hover { color: var(--appmiu-accent-strong); }
.appmiu-filter { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 14px; }
.appmiu-filter label { display: grid; gap: 7px; color: var(--appmiu-muted); font-size: 13px; }
.appmiu-filter select { width: 100%; height: 44px; padding: 0 32px 0 12px; border: 1px solid var(--appmiu-line); border-radius: 10px; color: var(--appmiu-ink); background-color: var(--appmiu-surface-soft); font-size: 14px; }
.appmiu-discovery__main { min-width: 0; }
.appmiu-results-summary { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding: 10px 14px 10px 20px; border: 1px solid var(--appmiu-line); border-radius: 16px; background: var(--appmiu-surface); }
.appmiu-filter-status { min-height: 22px; color: var(--appmiu-muted); font-size: 13px; }
.appmiu-filter-status strong { margin: 0 7px; color: var(--appmiu-ink); font-size: 14px; }
.appmiu-filter-status i { margin-right: 7px; font-style: normal; }
.appmiu-view-all { flex: none; min-height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 0; border-radius: 999px; color: var(--appmiu-ink); background: var(--appmiu-surface-soft); font-size: 13px; font-weight: 700; }
.appmiu-results { display: grid; grid-template-columns: 1fr; gap: 16px; transition: opacity .2s; }
.appmiu-results.is-loading { opacity: .46; pointer-events: none; }
.appmiu-card { min-width: 0; min-height: 184px; display: grid; grid-template-columns: minmax(200px, 240px) minmax(0, 1fr); overflow: hidden; padding: 14px; border: 1px solid var(--appmiu-line); border-radius: 18px; background: var(--appmiu-surface); transition: transform .2s, box-shadow .2s; }
.appmiu-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(20, 30, 45, .10); }
.appmiu-card__media { display: block; min-height: 154px; overflow: hidden; border-radius: 13px; background: var(--appmiu-surface-soft); }
.appmiu-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.appmiu-card:hover .appmiu-card__media img { transform: scale(1.035); }
.appmiu-card__placeholder { height: 100%; display: grid; place-items: center; color: rgba(255, 138, 31, .6); font-size: 44px; font-weight: 900; letter-spacing: -.08em; }
.appmiu-card__body { min-width: 0; display: flex; flex-direction: column; padding: 5px 8px 3px 20px; }
.appmiu-card__category { color: var(--appmiu-accent-strong)!important; font-size: 12px; font-weight: 700; }
.appmiu-card h3 { margin: 7px 0 9px; color: inherit; font-size: 19px; line-height: 1.42; }
.appmiu-card h3 a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.appmiu-card p { min-height: 42px; margin: 0; color: var(--appmiu-muted); font-size: 14px; line-height: 1.7; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.appmiu-card__meta { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--appmiu-line); color: var(--appmiu-muted); font-size: 12px; }
.appmiu-empty { grid-column: 1 / -1; padding: 60px 20px; text-align: center; color: var(--appmiu-muted); }
.appmiu-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; }
.appmiu-pagination button { width: 38px; height: 38px; border: 1px solid var(--appmiu-line); border-radius: 10px; color: var(--appmiu-ink); background: var(--appmiu-surface); }
.appmiu-pagination button[aria-current="page"] { border-color: var(--appmiu-accent); color: #fff; background: var(--appmiu-accent); }
.appmiu-pagination span { margin-left: 8px; color: var(--appmiu-muted); font-size: 13px; }

.appmiu-streams { margin-top: 30px; margin-bottom: 30px; }
.appmiu-strip { margin-bottom: 18px; padding: 20px; overflow: hidden; border: 1px solid var(--appmiu-line); border-radius: 18px; color: var(--appmiu-ink); background: var(--appmiu-surface); }
.appmiu-strip__head { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.appmiu-strip__head h2 { margin: 0; color: inherit; font-size: 20px; }
.appmiu-strip__head span { color: var(--appmiu-muted); font-size: 12px; }
.appmiu-strip__head a { margin-left: auto; color: var(--appmiu-accent-strong)!important; font-size: 13px; }
.appmiu-news-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 34%); gap: 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: thin; padding-bottom: 9px; }
.appmiu-news-track article { scroll-snap-align: start; padding: 15px; border-radius: 12px; background: var(--appmiu-surface-soft); }
.appmiu-news-track time { color: var(--appmiu-accent-strong); font-size: 12px; }
.appmiu-news-track h3 { margin: 7px 0 0; color: inherit; font-size: 15px; line-height: 1.55; }
.appmiu-partners__viewport { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.appmiu-partners__track { width: max-content; display: flex; gap: 12px; animation: appmiu-marquee 36s linear infinite; }
.appmiu-partners__viewport:hover .appmiu-partners__track { animation-play-state: paused; }
.appmiu-partners__track a { min-width: 150px; height: 54px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border: 1px solid var(--appmiu-line); border-radius: 12px; background: var(--appmiu-surface-soft); font-size: 14px; }
.appmiu-partners__track img { width: 26px; height: 26px; object-fit: contain; border-radius: 6px; }
@keyframes appmiu-marquee { to { transform: translateX(calc(-50% - 6px)); } }

.appmiu-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 16px; color: var(--appmiu-muted); font-size: 13px; }
.appmiu-breadcrumbs a { color: var(--appmiu-muted)!important; }
.appmiu-breadcrumbs a:hover { color: var(--appmiu-accent-strong)!important; }
.appmiu-breadcrumbs [aria-current="page"] { max-width: 42ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.appmiu-title-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 3px; }
.appmiu-title-tags a { padding: 5px 10px; border: 1px solid rgba(255, 138, 31, .26); border-radius: 999px; color: var(--appmiu-accent-strong)!important; background: rgba(255, 138, 31, .07); font-size: 12px; }

.entry-content h2[id], .entry-content h3[id], .entry-content h4[id] { scroll-margin-top: 90px; }
.appmiu-toc { position: fixed; z-index: 100; top: 50%; right: 18px; transform: translateY(-50%); width: min(250px, calc(100vw - 30px)); color: var(--appmiu-ink); }
.appmiu-toc__toggle { display: none; }
.appmiu-toc__panel { max-height: min(65vh, 620px); overflow: auto; padding: 16px; border: 1px solid var(--appmiu-line); border-radius: 14px; background: var(--appmiu-surface); box-shadow: var(--appmiu-shadow); }
.appmiu-toc__panel strong { display: block; margin-bottom: 11px; font-size: 14px; }
.appmiu-toc ol { margin: 0; padding: 0; list-style: none; }
.appmiu-toc li { margin: 1px 0; }
.appmiu-toc li.is-level-3 { padding-left: 12px; }
.appmiu-toc li.is-level-4 { padding-left: 24px; }
.appmiu-toc a { display: block; padding: 6px 8px; border-left: 2px solid transparent; color: var(--appmiu-muted)!important; font-size: 12px; line-height: 1.45; }
.appmiu-toc a.is-active { border-left-color: var(--appmiu-accent); color: var(--appmiu-accent-strong)!important; background: rgba(255, 138, 31, .07); }

.appmiu-theme-toggle { position: fixed; z-index: 991; left: max(18px, env(safe-area-inset-left)); bottom: max(18px, env(safe-area-inset-bottom)); width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--appmiu-line); border-radius: 50%; color: var(--appmiu-ink); background: var(--appmiu-surface); box-shadow: var(--appmiu-shadow); }
.appmiu-theme-toggle svg { grid-area: 1 / 1; width: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: opacity .2s, transform .2s; }
.appmiu-icon-moon { opacity: 0; transform: rotate(-30deg) scale(.7); }
.appmiu-dark .appmiu-icon-sun { opacity: 0; transform: rotate(30deg) scale(.7); }
.appmiu-dark .appmiu-icon-moon { opacity: 1; transform: none; }

.appmiu-download-dialog[hidden] { display: none; }
.appmiu-download-dialog { position: fixed; z-index: 10020; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(5, 10, 18, .62); backdrop-filter: blur(6px); }
.appmiu-download-dialog__card { position: relative; width: min(520px, 100%); padding: 28px; border-radius: 20px; color: var(--appmiu-ink); background: var(--appmiu-surface); box-shadow: 0 28px 90px rgba(0,0,0,.34); }
.appmiu-download-dialog__close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: var(--appmiu-muted); background: var(--appmiu-surface-soft); font-size: 23px; }
.appmiu-download-dialog__icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: var(--appmiu-accent); font-size: 28px; }
.appmiu-download-dialog h2 { margin: 18px 0 10px; color: inherit; font-size: 23px; }
.appmiu-download-dialog__card p { color: var(--appmiu-muted); font-size: 14px; line-height: 1.8; }
.appmiu-download-dialog__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.appmiu-download-dialog__actions button { min-height: 42px; padding: 0 16px; border-radius: 10px; }
.appmiu-download-cancel { border: 1px solid var(--appmiu-line); color: var(--appmiu-ink); background: var(--appmiu-surface); }
.appmiu-download-confirm { border: 1px solid var(--appmiu-accent); color: #fff; background: var(--appmiu-accent); }
.appmiu-dialog-open { overflow: hidden; }

@media (max-width: 1500px) {
  .appmiu-toc { position: sticky; top: 76px; right: auto; transform: none; width: 100%; margin-bottom: 18px; }
  .appmiu-toc__toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border: 1px solid var(--appmiu-line); border-radius: 11px; color: var(--appmiu-ink); background: var(--appmiu-surface); font-size: 14px; }
  .appmiu-toc__panel { display: none; position: absolute; inset: calc(100% + 6px) 0 auto; max-height: 54vh; }
  .appmiu-toc.is-open .appmiu-toc__panel { display: block; }
}

@media (max-width: 900px) {
  .appmiu-discovery__layout { grid-template-columns: 1fr; }
  .appmiu-filter-panel { position: static; max-height: none; overflow: visible; }
  .appmiu-category-list { display: flex; gap: 10px; overflow-x: auto; padding: 3px 2px 10px; scrollbar-width: thin; scroll-snap-type: inline proximity; }
  .appmiu-category-list button { flex: 0 0 auto; width: auto; min-width: 126px; scroll-snap-align: start; }
  .appmiu-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .appmiu-news-track { grid-auto-columns: minmax(250px, 70%); }
}

@media (max-width: 560px) {
  .appmiu-hero { min-height: 360px; }
  .appmiu-hero__inner { padding: 54px 0; }
  .appmiu-hero-search { min-height: 58px; grid-template-columns: 22px 1fr; border-radius: 15px; padding: 6px 15px; }
  .appmiu-hero-search button { grid-column: 1 / -1; width: 100%; margin-top: 3px; }
  .appmiu-discovery { width: calc(100% - 20px); margin-top: 30px; }
  .appmiu-section-heading { margin-bottom: 22px; }
  .appmiu-section-heading h2 { font-size: 30px; }
  .appmiu-section-heading p { font-size: 14px; }
  .appmiu-filter-panel { padding: 16px; border-radius: 16px; }
  .appmiu-filter-panel__head { margin-bottom: 12px; }
  .appmiu-category-list button { min-width: 116px; min-height: 44px; padding: 7px 10px; }
  .appmiu-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .appmiu-filter label:last-child { grid-column: 1 / -1; }
  .appmiu-results-summary { align-items: flex-start; padding: 12px; border-radius: 14px; }
  .appmiu-filter-status { line-height: 1.7; }
  .appmiu-view-all { min-height: 36px; padding: 0 10px; }
  .appmiu-results { grid-template-columns: 1fr; }
  .appmiu-card { min-height: 142px; grid-template-columns: 132px minmax(0, 1fr); padding: 9px; border-radius: 15px; }
  .appmiu-card__media { min-height: 122px; border-radius: 11px; }
  .appmiu-card__body { padding: 3px 4px 2px 12px; }
  .appmiu-card h3 { margin: 5px 0 7px; font-size: 16px; }
  .appmiu-card p { min-height: 0; font-size: 12px; line-height: 1.55; }
  .appmiu-card__category { font-size: 11px; }
  .appmiu-card__meta { display: none; }
  .appmiu-news-track { grid-auto-columns: 88%; }
  .appmiu-strip { padding: 16px; border-radius: 14px; }
  .appmiu-toc { top: 62px; }
  .appmiu-theme-toggle { bottom: calc(72px + env(safe-area-inset-bottom)); width: 42px; height: 42px; }
  .appmiu-download-dialog__card { padding: 23px 20px; }
  .appmiu-download-dialog__actions { flex-direction: column-reverse; }
  .appmiu-download-dialog__actions button { width: 100%; }
}

@media (max-width: 390px) {
  .appmiu-filter { grid-template-columns: 1fr; }
  .appmiu-filter label:last-child { grid-column: auto; }
  .appmiu-card { grid-template-columns: 112px minmax(0, 1fr); }
  .appmiu-card__media { min-height: 108px; }
  .appmiu-card p { -webkit-line-clamp: 2; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
  .appmiu-partners__track { animation: none; }
  .appmiu-partners__viewport { overflow-x: auto; }
}