@font-face { font-family: "Geist"; src: url("/milier-assets/geist-latin-9b6f5ff45b278c74.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
/* Milier-Panel · light glass workspace with native theme switching. */
:root {
  color-scheme: light;
  --mp-gray-00: #ffffff;
  --mp-gray-50: #f5f7f6;
  --mp-gray-100: #edf1ef;
  --mp-gray-200: #dce3df;
  --mp-gray-300: #c2cdc7;
  --mp-gray-400: #83938a;
  --mp-gray-500: #5c6d63;
  --mp-gray-600: #516158;
  --mp-gray-700: #36463d;
  --mp-gray-750: #313131;
  --mp-gray-800: #272727;
  --mp-gray-850: #1f1f1f;
  --mp-gray-870: #181818;
  --mp-gray-950: #18271f;
  --mp-primary-50: #f0f6f3;
  --mp-primary-100: #e2eee7;
  --mp-primary-200: #c6ddd0;
  --mp-primary-300: #9fc4ae;
  --mp-primary-400: #76a88c;
  --mp-primary-500: #518368;
  --mp-primary-600: #3e6b53;
  --mp-primary-700: #305841;
  --mp-primary-800: #254633;
  --mp-primary-900: #1b3426;
  --mp-primary-950: #13261c;
  --mp-surface: #edf3f8;
  --mp-surface-card: rgba(255,255,255,.64);
  --mp-surface-hover: rgba(255,255,255,.90);
  --mp-surface-accent: rgba(83,130,180,.12);
  --mp-text: #233246;
  --mp-text-secondary: #44566d;
  --mp-text-muted: #53697f;
  --mp-border: rgba(91,117,146,.24);
  --mp-border-control: #91a4b8;
  --mp-action: rgba(255,255,255,.78);
  --mp-action-hover: rgba(255,255,255,.98);
  --mp-action-text: #25374a;
  --mp-focus: #3267ad;
  --mp-monitor-fill: #356fa5;
  --mp-monitor-rail: #d5e0ec;
  --mp-glass-bar: rgba(255,255,255,.60);
  --mp-glass-field: rgba(255,255,255,.55);
  --mp-glass-chip: rgba(255,255,255,.44);
  --mp-glass-layer: rgba(255,255,255,.28);
  --mp-glass-edge: rgba(255,255,255,.94);
  --mp-glass-card: rgba(255,255,255,.56);
  --mp-glass-card-hover: rgba(255,255,255,.82);
  --mp-glass-drawer: rgba(243,248,252,.92);
  --mp-glass-menu-shadow: 0 32px 80px rgba(32,48,70,.12);
  --mp-glass-dim: rgba(57,78,103,.16);
  --mp-glass-orbit: rgba(145,183,212,.13);
  --mp-glass-slab: rgba(255,255,255,.20);
  --mp-glass-badge: rgba(77,111,153,.08);
  --mp-glass-popup: #f7fafc;
  --mp-glass-popup-hover: #e6edf6;
  --mp-glass-recess: rgba(112,141,173,.10);
  --mp-glass-inner-shadow: inset 0 2px 8px rgba(27,47,70,.05);
  --mp-glass-card-shadow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(97,123,155,.08), 0 3px 0 rgba(97,123,155,.13), 0 8px 16px rgba(53,78,109,.06);
  --mp-glass-card-pressed: inset 0 1px 4px rgba(45,73,105,.10), 0 1px 0 rgba(97,123,155,.15);
  --mp-title-start: #000;
  --mp-title-end: #666;
  --mp-font: "Geist", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mp-heading-3: 600 36px/40px var(--mp-font);
  --mp-heading-4: 600 30px/36px var(--mp-font);
  --mp-title-2: 500 18px/28px var(--mp-font);
  --mp-title-3: 500 16px/24px var(--mp-font);
  --mp-title-4: 500 14px/20px var(--mp-font);
  --mp-body-6: 400 14px/20px var(--mp-font);
  --mp-button-sm: 600 14px/20px var(--mp-font);
  --mp-caption-5: 400 12px/16px var(--mp-font);
  --mp-curve: cubic-bezier(.22,1,.36,1);
  --mp-glass-shadow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(97,123,155,.06), 0 16px 48px rgba(53,78,109,.10);
  --mp-button-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(97,123,155,.10), 0 4px 0 rgba(97,123,155,.18), 0 8px 16px rgba(53,78,109,.10);
  --mp-space-1: 4px;
  --mp-space-2: 8px;
  --mp-space-3: 12px;
  --mp-space-4: 16px;
  --mp-space-6: 24px;
  --mp-space-8: 32px;
  --mp-space-10: 40px;
  --mp-space-12: 48px;
  --mp-radius-sm: 8px;
  --mp-radius-md: 12px;
  --mp-radius-lg: 16px;
  --mp-radius-xl: 24px;
  --mp-sidebar-width: 224px;
}
html.dark {
  color-scheme: dark;
  --mp-surface: #181818;
  --mp-surface-card: rgba(255,255,255,.055);
  --mp-surface-hover: rgba(255,255,255,.10);
  --mp-surface-accent: rgba(220,239,244,.10);
  --mp-text: #f1f4f5;
  --mp-text-secondary: #c5cdd1;
  --mp-text-muted: #aab7bd;
  --mp-border: rgba(255,255,255,.20);
  --mp-border-control: #86969e;
  --mp-action: rgba(226,242,248,.16);
  --mp-action-hover: rgba(226,242,248,.24);
  --mp-action-text: #f5f7f8;
  --mp-focus: #abd1da;
  --mp-monitor-fill: #abd1da;
  --mp-monitor-rail: #43535d;
  --mp-glass-bar: rgba(49,49,49,.70);
  --mp-glass-field: rgba(255,255,255,.075);
  --mp-glass-chip: rgba(255,255,255,.045);
  --mp-glass-layer: rgba(255,255,255,.035);
  --mp-glass-edge: rgba(255,255,255,.24);
  --mp-glass-card: rgba(255,255,255,.06);
  --mp-glass-card-hover: rgba(255,255,255,.09);
  --mp-glass-drawer: rgba(24,24,24,.94);
  --mp-glass-menu-shadow: 0 32px 80px rgba(0,0,0,.35);
  --mp-glass-dim: rgba(0,0,0,.42);
  --mp-glass-orbit: rgba(225,236,240,.045);
  --mp-glass-slab: rgba(255,255,255,.025);
  --mp-glass-badge: rgba(255,255,255,.07);
  --mp-glass-popup: #272727;
  --mp-glass-popup-hover: #313131;
  --mp-glass-recess: rgba(0,0,0,.20);
  --mp-glass-inner-shadow: inset 0 2px 8px rgba(0,0,0,.12);
  --mp-glass-card-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.025), 0 3px 0 rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.12);
  --mp-glass-card-pressed: inset 0 1px 4px rgba(0,0,0,.16), 0 1px 0 rgba(0,0,0,.28);
  --mp-glass-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(255,255,255,.025), 0 16px 48px rgba(0,0,0,.22);
  --mp-button-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.18), 0 4px 0 rgba(0,0,0,.28), 0 8px 16px rgba(0,0,0,.20);
  --mp-title-start: #fff;
  --mp-title-end: #9b9b9b;
}

html, body, #app { background: var(--mp-surface) !important; }
body { animation: none !important; }
html.mp-home .mouse-trail-container, html.mp-login .mouse-trail-container { display: none !important; }
.mp-login #myhkplayer { display: none !important; }
body, body *, body *::before, body *::after { font-family: var(--mp-font) !important; }
button, input, select { font-size: 14px; }
[hidden] { display: none !important; }
.mp-home #toc-sidebar, .mp-home #toc-mobile-btn { display: none !important; }
.mp-home .cover.wallpaper, .mp-home .cover.wallpaper > .mask { background: var(--mp-surface) !important; background-image: none !important; backdrop-filter: none !important; }
.mp-home .sun-main { color: var(--mp-text); }
.mp-home .sun-main > .scroll-container { padding-left: var(--mp-sidebar-width); scroll-padding-top: var(--mp-space-8); scrollbar-gutter: stable; }
.mp-home .mp-content { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: var(--mp-space-10) var(--mp-space-10) var(--mp-space-12) !important; }
.mp-home .mp-header { width: 100% !important; margin: 0 0 var(--mp-space-8) !important; }
.mp-home .mp-brand-row { justify-content: space-between !important; align-items: center !important; gap: var(--mp-space-6); padding-right: 64px; }
.mp-home .logo { min-width: 0; }
.mp-home .logo > span { display: block; font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important; color: var(--mp-text) !important; letter-spacing: -.6px; text-shadow: none !important; }
.mp-home .mp-brand-row > .divider { display: none; }
.mp-home .mp-brand-row > div:has(> .clock) { flex: 0 0 auto; }
.mp-home .clock { display: flex; align-items: center; gap: var(--mp-space-3); text-align: left; color: var(--mp-text-secondary); white-space: nowrap; }
.mp-home .clock-time { font-size: 16px !important; font-weight: 500 !important; font-variant-numeric: tabular-nums; }
.mp-home .clock > div { display: flex !important; font-size: 12px; gap: var(--mp-space-1); }
.mp-home .text-shadow, .mp-home .app-icon-text-shadow { text-shadow: none !important; }
.mp-home .mp-header > .mp-search-row { width: 100% !important; margin: var(--mp-space-6) 0 0 !important; }
.mp-home .search-box { max-width: 100%; }
.mp-home .search-container { min-height: 56px; padding: var(--mp-space-1) var(--mp-space-2) !important; border: 1px solid var(--mp-border-control) !important; border-radius: var(--mp-radius-md) !important; color: var(--mp-text) !important; background: var(--mp-surface-card) !important; box-shadow: none !important; backdrop-filter: none !important; }
.mp-home .search-container:focus-within { outline: 2px solid var(--mp-focus); outline-offset: 2px; }
.mp-home .search-box input { min-width: 0; height: 44px !important; padding: var(--mp-space-2) var(--mp-space-3) !important; color: var(--mp-text) !important; font-size: 16px !important; font-weight: 400; }
.mp-home .search-box input::placeholder { color: var(--mp-text-muted); opacity: 1; }
.mp-home .search-box-btn-engine, .mp-home .search-box-btn-search, .mp-home .search-box-btn-clear { flex-shrink: 0; min-width: 44px; min-height: 44px; margin: 0 !important; color: var(--mp-text-secondary) !important; border-radius: var(--mp-radius-sm); }
.mp-home .search-container :is(.search-box-btn-engine, .search-box-btn-search, .search-box-btn-clear) { display: inline-flex; align-items: center; justify-content: center; align-self: center; width: 44px; height: 44px; line-height: 1; }
.mp-home .search-box-btn-engine .n-avatar { --n-merged-size: 32px !important; width: 32px !important; height: 32px !important; flex: 0 0 32px; }
.mp-home .search-box-btn-engine :is(img, svg) { display: block; width: 32px !important; height: 32px !important; object-fit: contain; }
.mp-home :is(.search-box-btn-search, .search-box-btn-clear) svg { display: block; width: 24px !important; height: 24px !important; }
.mp-home .search-box-btn-search:hover, .mp-home .search-box-btn-clear:hover { background: var(--mp-surface-hover); }
.mp-search-meta { display: flex; justify-content: space-between; align-items: center; gap: var(--mp-space-2); margin-top: var(--mp-space-3); color: var(--mp-text-muted); font-size: 12px; line-height: 16px; }
.mp-search-status { min-width: 0; overflow-wrap: anywhere; }
.mp-search-shortcut { flex-shrink: 0; white-space: nowrap; }
.mp-search-meta kbd { padding: 0 var(--mp-space-1); border: 1px solid var(--mp-border); border-radius: 4px; font-size: 12px; }
.mp-mobile-nav { display: none; }
.mp-home #item-card-box { margin: 0 !important; }
.mp-home #item-card-box > .item-list { margin-top: var(--mp-space-8) !important; scroll-margin-top: var(--mp-space-8); }
.mp-home #item-card-box > .item-list > div:has(> .group-title) { margin: 0 0 var(--mp-space-4) !important; color: var(--mp-text) !important; font-size: 18px !important; line-height: 28px; font-weight: 600 !important; gap: var(--mp-space-2); }
.mp-home .group-title { color: var(--mp-text) !important; }
.mp-group-count { font-size: 12px; font-weight: 500; line-height: 20px; min-width: 24px; padding: 0 var(--mp-space-2); border-radius: 6px; color: var(--mp-text-muted); background: var(--mp-surface-hover); }
.mp-home .group-buttons { opacity: 1; gap: var(--mp-space-1); }
.mp-home .group-buttons > span { display: flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; margin: 0; border-radius: 6px; }
.mp-home .group-buttons > span:hover { background: var(--mp-surface-hover); }
.mp-home .group-buttons svg { color: var(--mp-text-secondary) !important; }
.mp-home .icon-info-box { grid-template-columns: repeat(auto-fill, minmax(192px, 1fr)) !important; gap: var(--mp-space-3) !important; }
.mp-home .icon-small-box { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important; gap: var(--mp-space-4) !important; }
.mp-home .item-card-container { border-radius: var(--mp-radius-md); cursor: pointer; }
.mp-home .item-card-info { min-height: 88px; align-items: center; gap: var(--mp-space-3); padding: var(--mp-space-3) !important; border: 1px solid var(--mp-border) !important; border-radius: var(--mp-radius-md) !important; background: var(--mp-surface-card) !important; color: var(--mp-text) !important; box-shadow: none !important; }
.mp-home .item-card-info:hover { border-color: var(--mp-border-control) !important; background: var(--mp-surface-card) !important; }
.mp-home .item-card-container:active .item-card-info { background: var(--mp-surface-hover) !important; }
.mp-home .item-card-container:focus-visible { outline: 2px solid var(--mp-focus); outline-offset: 3px; }
.mp-home .app-icon-info-icon, .mp-home .app-icon-info-icon > div { display: flex; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; min-width: 40px; flex: 0 0 40px; }
.mp-home .app-icon-info-icon > div > div, .mp-home .app-icon-info-icon img, .mp-home .app-icon-info-icon svg { max-width: 40px !important; max-height: 40px !important; object-fit: contain; border-radius: var(--mp-radius-sm) !important; }
.mp-home .item-card-info > div:has(.app-icon-info-text-box) { flex: 1; min-width: 0; max-width: none !important; width: auto !important; color: var(--mp-text) !important; }
.mp-home .app-icon-info-text-box-title { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: var(--mp-text) !important; }
.mp-home .app-icon-info-text-box-title .n-ellipsis { white-space: normal !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; }
.mp-home .app-icon-info-text-box-description { margin-top: var(--mp-space-1); font-size: 12px; line-height: 16px; font-weight: 400; color: var(--mp-text-secondary) !important; }
.mp-home .app-icon-info-text-box-description .n-ellipsis { -webkit-line-clamp: 1 !important; max-height: 16px; overflow-wrap: anywhere; }
.mp-home .font-semibold::before, .mp-home .font-semibold::after { display: none !important; }
.mp-home .icon-info-box .rounded-2xl, .mp-home .icon-small-box .rounded-2xl { animation: none !important; transform: none !important; backdrop-filter: none !important; }
.mp-home .item-card-small-icon { background: var(--mp-surface-card) !important; border: 1px solid var(--mp-border); border-radius: var(--mp-radius-md) !important; }
.mp-home .item-card-small-title { color: var(--mp-text) !important; font-size: 14px; line-height: 20px; font-weight: 500; }
.mp-home .fixed-element { top: var(--mp-space-10) !important; right: var(--mp-space-10) !important; z-index: 30; border: 1px solid var(--mp-border); border-radius: var(--mp-radius-md) !important; padding: 0 !important; background: var(--mp-surface-card) !important; color: var(--mp-text-secondary) !important; box-shadow: none !important; backdrop-filter: none !important; }
.mp-home .float-btn { width: 44px !important; height: 44px !important; color: var(--mp-text-secondary) !important; }
.mp-home .float-btn svg { color: inherit !important; }
.mp-home .float-btn:hover { background: var(--mp-surface-hover) !important; }
.mp-home .custom-footer { color: var(--mp-text-muted) !important; font-size: 12px; margin-top: var(--mp-space-10); }
.mp-sidebar { display: none; }
.mp-home .mp-sidebar { display: flex; flex-direction: column; position: fixed; z-index: 40; inset: 0 auto 0 0; width: var(--mp-sidebar-width); padding: var(--mp-space-8) var(--mp-space-4) var(--mp-space-4); background: var(--mp-surface-card); color: var(--mp-text); }
.mp-sidebar-brand { display: flex; align-items: center; gap: var(--mp-space-3); padding: 0 var(--mp-space-2); min-height: 48px; margin-bottom: var(--mp-space-8); text-decoration: none; color: var(--mp-text); }
.mp-brand-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--mp-radius-sm); color: var(--mp-action); background: var(--mp-surface-accent); font-size: 24px; line-height: 32px; font-weight: 600; }
.mp-sidebar-brand strong { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
.mp-sidebar-brand small { display: block; font-size: 12px; line-height: 16px; color: var(--mp-text-muted); }
.mp-nav-caption { padding: 0 var(--mp-space-3); margin: var(--mp-space-6) 0 var(--mp-space-2); color: var(--mp-text-muted); font-size: 12px; line-height: 16px; }
.mp-nav-list { overflow-y: auto; min-height: 0; scrollbar-width: thin; }
.mp-nav-button { display: flex; align-items: center; justify-content: space-between; gap: var(--mp-space-2); width: 100%; min-height: 44px; margin-bottom: var(--mp-space-1); padding: var(--mp-space-2) var(--mp-space-3); border-radius: var(--mp-radius-sm); color: var(--mp-text-secondary); text-align: left; font-size: 14px; line-height: 20px; }
.mp-nav-button > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-nav-button small { color: var(--mp-text-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.mp-nav-button:hover { background: var(--mp-surface-hover); color: var(--mp-text); }
.mp-nav-button[aria-current="true"] { background: var(--mp-surface-accent); color: var(--mp-action); font-weight: 600; }
.mp-nav-button[aria-current="true"] small { color: var(--mp-action); }
.mp-sidebar-foot { margin-top: auto; padding: var(--mp-space-4) var(--mp-space-3) 0; color: var(--mp-text-muted); font-size: 12px; }
.mp-empty { padding: var(--mp-space-12) var(--mp-space-6); text-align: center; border: 1px solid var(--mp-border); border-radius: var(--mp-radius-lg); background: var(--mp-surface-card); }
.mp-empty h2 { color: var(--mp-text); font-size: 20px; line-height: 28px; font-weight: 600; }
.mp-empty p { margin: var(--mp-space-2) 0 var(--mp-space-6); color: var(--mp-text-secondary); font-size: 14px; }
.mp-empty button { min-height: 44px; padding: var(--mp-space-2) var(--mp-space-4); border-radius: var(--mp-radius-sm); background: var(--mp-action); color: var(--mp-action-text); font-size: 14px; font-weight: 600; }
.mp-home button:focus-visible, .mp-home [role="button"]:focus-visible, .mp-mobile-nav button:focus-visible, .mp-login a:focus-visible, .mp-login button:focus-visible { outline: 2px solid var(--mp-focus); outline-offset: 3px; }
/* Login shares the same surfaces, typography and action colors. */
.mp-login .login-container { min-height: 100dvh; height: auto !important; padding: var(--mp-space-10) !important; gap: 80px; background: var(--mp-surface) !important; background-image: none !important; }
.mp-login .background { display: none !important; }
.mp-login-intro { flex: 0 1 480px; max-width: 480px; }
.mp-login-brand { display: flex; align-items: center; gap: var(--mp-space-3); color: var(--mp-text); font-size: 18px; font-weight: 600; }
.mp-login-intro h1 { margin: var(--mp-space-10) 0 var(--mp-space-4); font-size: 36px; line-height: 40px; font-weight: 600; letter-spacing: -.6px; color: var(--mp-text); }
.mp-login-intro > p { color: var(--mp-text-secondary); font-size: 16px; line-height: 24px; }
.mp-login-services { display: grid; gap: var(--mp-space-6); margin-top: var(--mp-space-10); padding: var(--mp-space-8); border-radius: var(--mp-radius-xl); background: var(--mp-surface-accent); }
.mp-login-service { display: flex; align-items: center; gap: var(--mp-space-4); color: var(--mp-text); }
.mp-service-letter { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: var(--mp-radius-sm); background: var(--mp-surface-card); color: var(--mp-action); font-size: 18px; font-weight: 600; }
.mp-login-service strong { display: block; font-size: 14px; line-height: 20px; font-weight: 600; }
.mp-login-service small { display: block; margin-top: var(--mp-space-1); font-size: 12px; line-height: 16px; color: var(--mp-text-secondary); }
.mp-login .login-card { width: 432px !important; min-width: 0 !important; max-width: 100%; flex: 0 1 432px; margin: 0 !important; border: 1px solid var(--mp-border) !important; border-radius: var(--mp-radius-xl) !important; background: var(--mp-surface-card) !important; color: var(--mp-text) !important; box-shadow: none !important; }
.mp-login .login-card > .n-card__content { padding: var(--mp-space-8) !important; }
.mp-login .login-title { text-align: left !important; font-size: 30px !important; line-height: 40px !important; font-weight: 600 !important; color: var(--mp-text); margin: var(--mp-space-8) 0 var(--mp-space-2) !important; padding: 0 !important; }
.mp-login .login-title span { color: var(--mp-text) !important; font-size: 30px !important; line-height: 40px !important; font-weight: 600 !important; background: none !important; -webkit-text-fill-color: var(--mp-text) !important; }
.mp-login-subtitle { margin-bottom: var(--mp-space-8); color: var(--mp-text-secondary); font-size: 14px; line-height: 20px; }
.mp-login .n-form-item { display: block; margin: 0 0 var(--mp-space-4) !important; }
.mp-login .n-form-item-feedback-wrapper { min-height: 8px !important; padding-top: 0 !important; }
.mp-field-label { display: block; margin-bottom: var(--mp-space-2); color: var(--mp-text); font-size: 14px; line-height: 20px; font-weight: 500; }
.mp-login .n-input { min-height: 48px; border-radius: var(--mp-radius-sm) !important; background: var(--mp-surface-card) !important; --n-color: var(--mp-surface-card) !important; --n-text-color: var(--mp-text) !important; --n-placeholder-color: var(--mp-text-muted) !important; --n-border: 1px solid var(--mp-border-control) !important; --n-border-hover: 1px solid var(--mp-focus) !important; --n-border-focus: 1px solid var(--mp-focus) !important; --n-box-shadow-focus: 0 0 0 2px var(--mp-surface-accent) !important; }
.mp-login .n-input__input-el { min-height: 46px; font-size: 16px !important; color: var(--mp-text) !important; caret-color: var(--mp-text); }
.mp-login .n-input .n-input__prefix { color: var(--mp-text-secondary); }
.mp-login .login-button { min-height: 48px; border: 0 !important; border-radius: var(--mp-radius-sm) !important; background: var(--mp-action) !important; color: var(--mp-action-text) !important; font-size: 16px !important; font-weight: 600 !important; --n-text-color: var(--mp-action-text) !important; }
.mp-login .login-button:hover { background: var(--mp-action-hover) !important; }
.mp-login .login-button:disabled { opacity: .6; }
.mp-login .login-button .n-button__border, .mp-login .login-button .n-button__state-border { border-color: transparent !important; }
.mp-login .copyright { color: var(--mp-text-muted) !important; font-size: 12px !important; margin-top: var(--mp-space-6) !important; }
.mp-login .copyright a { color: var(--mp-text-secondary) !important; }
.mp-back-home { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--mp-space-8); color: var(--mp-text-secondary); font-size: 14px; font-weight: 500; }
@media (min-width: 1600px) { .mp-home .fixed-element { right: max(var(--mp-space-10), calc((100vw - var(--mp-sidebar-width) - 1200px) / 2)); } }
@media (max-width: 1199px) {
  :root { --mp-sidebar-width: 208px; }
  .mp-home .mp-content { padding: var(--mp-space-8) var(--mp-space-6) var(--mp-space-10) !important; }
  .mp-home .fixed-element { top: var(--mp-space-8) !important; right: var(--mp-space-6) !important; }
  .mp-home .clock > div { display: none !important; }
  .mp-login .login-container { gap: var(--mp-space-10); }
}
@media (max-width: 1023px) {
  .mp-home .mp-sidebar { display: none; }
  .mp-home .sun-main > .scroll-container { padding-left: 0; }
  .mp-home .mp-header { margin-bottom: var(--mp-space-6) !important; }
  .mp-mobile-nav { display: flex; align-items: center; gap: var(--mp-space-2); margin-top: var(--mp-space-6); padding: var(--mp-space-1) 0; overflow-x: auto; scrollbar-width: none; }
  .mp-mobile-nav::-webkit-scrollbar { display: none; }
  .mp-mobile-nav button { flex: 0 0 auto; min-height: 44px; padding: var(--mp-space-2) var(--mp-space-3); color: var(--mp-text-secondary); background: var(--mp-surface-card); border: 1px solid var(--mp-border); border-radius: var(--mp-radius-sm); font-size: 14px; white-space: nowrap; }
  .mp-mobile-nav button[aria-current="true"] { border-color: var(--mp-action); color: var(--mp-action); background: var(--mp-surface-accent); font-weight: 600; }
  .mp-login-intro { flex-basis: 360px; }
  .mp-login .login-container { padding: var(--mp-space-6) !important; gap: var(--mp-space-8); }
}
@media (max-width: 767px) {
  .mp-home .mp-content { padding: var(--mp-space-6) var(--mp-space-4) var(--mp-space-8) !important; }
  .mp-home .mp-brand-row { display: block !important; padding-right: 56px; }
  .mp-home .logo > span { font-size: 24px !important; line-height: 32px !important; letter-spacing: -.4px; }
  .mp-home .clock { margin-top: var(--mp-space-2); gap: var(--mp-space-2); }
  .mp-home .clock-time { font-size: 14px !important; line-height: 20px; }
  .mp-home .clock > div { display: flex !important; }
  .mp-home .fixed-element { top: var(--mp-space-6) !important; right: var(--mp-space-4) !important; }
  .mp-home .mp-header > .mp-search-row { margin-top: var(--mp-space-4) !important; }
  .mp-home .search-container { padding: var(--mp-space-1) !important; }
  .mp-home .search-box input { font-size: 14px !important; padding: var(--mp-space-2) !important; }
  .mp-home .search-box-btn-clear, .mp-home .search-box-btn-engine { min-width: 44px; }
  .mp-search-shortcut { display: none; }
  .mp-mobile-nav { margin-top: var(--mp-space-4); }
  .mp-home #item-card-box > .item-list { margin-top: var(--mp-space-6) !important; scroll-margin-top: var(--mp-space-6); }
  .mp-home .mp-header { margin-bottom: 0 !important; }
  .mp-home #item-card-box > .item-group-index-0 { margin-top: var(--mp-space-4) !important; }
  .mp-home .icon-info-box { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--mp-space-2) !important; }
  .mp-home .item-card-info { min-height: 104px; gap: var(--mp-space-2); padding: var(--mp-space-3) var(--mp-space-2) !important; }
  .mp-home .app-icon-info-icon, .mp-home .app-icon-info-icon > div { width: 32px !important; height: 32px !important; min-width: 32px; flex-basis: 32px; }
  .mp-home .app-icon-info-icon > div > div, .mp-home .app-icon-info-icon img, .mp-home .app-icon-info-icon svg { max-width: 32px !important; max-height: 32px !important; }
  .mp-home .app-icon-info-text-box-description .n-ellipsis { -webkit-line-clamp: 2 !important; max-height: 32px; }
  .mp-home .group-buttons > span { min-width: 44px; min-height: 44px; }
  .mp-login .login-container { flex-direction: column; gap: var(--mp-space-6); padding: var(--mp-space-6) var(--mp-space-4) !important; justify-content: center; }
  .mp-login-intro { flex: 0 0 auto; width: 100%; max-width: 432px; }
  .mp-login-intro h1, .mp-login-intro > p, .mp-login-services { display: none; }
  .mp-login .login-card { flex: 0 0 auto; width: 432px !important; }
  .mp-login .login-card > .n-card__content { padding: var(--mp-space-6) !important; }
  .mp-login .login-title { margin-top: var(--mp-space-6) !important; }
  .mp-back-home { margin-top: 0; }
}
@media (max-width: 359px) { .mp-home .icon-info-box { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) {
  .mp-home *, .mp-login * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Glass edition: a floating command bar and one category drawer replace the fixed rail. */
.heading-3 { font: var(--mp-heading-3); }
.title-2 { font: var(--mp-title-2); }
.title-3 { font: var(--mp-title-3); }
.title-4 { font: var(--mp-title-4); }
.body-6 { font: var(--mp-body-6); }
.button-sm { font: var(--mp-button-sm); }
.caption-5 { font: var(--mp-caption-5); }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
body { isolation: isolate; }
#app { position: relative; z-index: 1; background: transparent !important; }
.mp-home .cover.wallpaper { display: none !important; }
.mp-ambient { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: var(--mp-surface); }
.mp-ambient-orbit { position: absolute; width: 72vw; height: 72vw; max-width: 1000px; max-height: 1000px; right: -16vw; top: -28vw; border: 80px solid var(--mp-glass-orbit); border-radius: 9999px; transform: rotate(-24deg); filter: blur(4px); }
.mp-ambient-slab { position: absolute; width: 48vw; height: 70vw; max-height: 1000px; left: -24vw; top: 32vh; border: 1px solid var(--mp-glass-edge); border-radius: 96px; background: var(--mp-glass-slab); box-shadow: var(--mp-glass-inner-shadow); transform: rotate(-32deg); }
.mp-icon { display: block; width: 20px; height: 20px; flex-shrink: 0; }
.mp-topbar { display: none; }
.mp-home .mp-topbar { display: flex; align-items: center; justify-content: space-between; gap: var(--mp-space-6); position: fixed; z-index: 50; top: var(--mp-space-6); left: 50%; transform: translateX(-50%); width: calc(100% - 64px); max-width: 1216px; min-height: 64px; padding: var(--mp-space-2) calc(var(--mp-tools-width, 44px) + 24px) var(--mp-space-2) var(--mp-space-4); border: 1px solid var(--mp-glass-edge); border-radius: var(--mp-radius-lg); color: var(--mp-text); background: var(--mp-glass-bar); -webkit-backdrop-filter: blur(24px) saturate(120%); backdrop-filter: blur(24px) saturate(120%); box-shadow: var(--mp-glass-shadow); }
.mp-topbar-brand { display: inline-flex; align-items: center; gap: var(--mp-space-3); white-space: nowrap; }
.mp-brand-icon { background: var(--mp-action); color: var(--mp-text); border: 1px solid var(--mp-glass-edge); box-shadow: var(--mp-button-shadow); }
.mp-topbar-links { display: flex; align-items: center; gap: var(--mp-space-2); }
.mp-topbar-links > button { display: inline-flex; align-items: center; justify-content: center; gap: var(--mp-space-2); min-height: 44px; padding: var(--mp-space-2) var(--mp-space-3); border: 1px solid transparent; border-radius: var(--mp-radius-sm); color: var(--mp-text-secondary); }
.mp-topbar-links .mp-command-button { margin-left: var(--mp-space-4); color: var(--mp-text); border-color: var(--mp-border); background: var(--mp-action); box-shadow: var(--mp-button-shadow); }
.mp-menu-symbol { position: relative; width: 20px; height: 20px; }
.mp-menu-symbol .mp-icon { position: absolute; inset: 0; transition: transform 500ms var(--mp-curve), opacity 300ms var(--mp-curve); }
.mp-menu-symbol .mp-icon:last-child { opacity: 0; transform: rotate(-90deg); }
.mp-menu-open .mp-menu-symbol .mp-icon:first-child { opacity: 0; transform: rotate(90deg); }
.mp-menu-open .mp-menu-symbol .mp-icon:last-child { opacity: 1; transform: rotate(0); }
.mp-home .sun-main > .scroll-container { padding-left: 0 !important; scroll-padding-top: 112px; }
.mp-home .mp-content { max-width: 1280px !important; padding: 128px var(--mp-space-8) var(--mp-space-12) !important; }
.mp-home .mp-header { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; column-gap: var(--mp-space-8); row-gap: var(--mp-space-3); margin: 0 0 var(--mp-space-8) !important; }
.mp-hero-lead { grid-column: 1; grid-row: 1; }
.mp-hero-lead h1 { max-width: 680px; color: var(--mp-text); background: linear-gradient(90deg, var(--mp-title-start), var(--mp-title-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -.8px; }
.mp-hero-lead p { margin-top: var(--mp-space-3); color: var(--mp-text-secondary); }
.mp-home .mp-brand-row { grid-column: 1; grid-row: 2; padding: 0 !important; justify-content: flex-start !important; gap: var(--mp-space-3); }
.mp-home .mp-brand-row > .logo, .mp-home .mp-brand-row > .divider { display: none !important; }
.mp-home .clock { gap: var(--mp-space-2); margin-top: 0; color: var(--mp-text-muted); }
.mp-home .clock-time { font: var(--mp-caption-5) !important; }
.mp-home .clock > div { display: flex !important; font: var(--mp-caption-5); }
.mp-home .mp-header > .mp-search-row { grid-column: 2; grid-row: 1 / 3; margin: 0 !important; }
.mp-home .search-container { min-height: 64px; padding: var(--mp-space-2) !important; border: 1px solid var(--mp-glass-edge) !important; border-radius: var(--mp-radius-lg) !important; background: var(--mp-glass-field) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; box-shadow: var(--mp-glass-shadow) !important; }
.mp-search-meta { font: var(--mp-caption-5); margin-top: var(--mp-space-3); }
.mp-home .mp-mobile-nav { display: flex; grid-column: 1 / -1; align-items: center; gap: var(--mp-space-2); margin-top: var(--mp-space-4); padding: var(--mp-space-1) 0 var(--mp-space-2); overflow-x: auto; scrollbar-width: none; }
.mp-mobile-nav::-webkit-scrollbar { display: none; }
.mp-mobile-nav button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: var(--mp-space-2) var(--mp-space-3); border: 1px solid var(--mp-border); border-radius: var(--mp-radius-sm); color: var(--mp-text-secondary); background: var(--mp-glass-chip); font: var(--mp-title-4); white-space: nowrap; box-shadow: var(--mp-glass-inner-shadow); }
.mp-mobile-nav button[aria-current="true"] { color: var(--mp-text); background: var(--mp-action); border-color: var(--mp-glass-edge); box-shadow: var(--mp-button-shadow); }
.mp-home #item-card-box > .item-list { margin-top: var(--mp-space-8) !important; scroll-margin-top: 0 !important; }
.mp-home .group-title { font: var(--mp-title-2); }
.mp-home #item-card-box > .item-list > div:has(> .group-title) { margin: 0 0 var(--mp-space-4) !important; }
.mp-group-count { background: var(--mp-glass-badge); color: var(--mp-text-muted); border-radius: 4px; }
.mp-home .icon-info-box { padding: var(--mp-space-4); border: 1px solid var(--mp-glass-edge); border-radius: var(--mp-radius-xl); background: var(--mp-glass-layer); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); gap: var(--mp-space-3) !important; }
.mp-home .item-card-container { transition: transform 500ms var(--mp-curve), opacity 300ms var(--mp-curve); }
.mp-home .icon-info-box .item-card-info { min-height: 88px; background: var(--mp-glass-card) !important; border: 1px solid var(--mp-border) !important; border-radius: var(--mp-radius-md) !important; box-shadow: var(--mp-glass-card-shadow) !important; }
.mp-home .icon-info-box .item-card-info:hover { border-color: var(--mp-border-control) !important; background: var(--mp-glass-card-hover) !important; }
/* Native monitor defaults are inline white; keep them readable in both themes. */
.mp-home .system-monitor .system-monitor-header,
.mp-home .system-monitor .text-white,
.mp-home .system-monitor .generic-monitor-card .mb-1.text-xs { color: var(--mp-text) !important; }
.mp-home .system-monitor .generic-monitor-card .app-icon svg { color: var(--mp-monitor-fill) !important; }
.mp-home .system-monitor .icon-info-box { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; }
.mp-home .system-monitor .generic-monitor-card .item-card-info > .w-full { flex: 1; min-width: 0; max-width: none !important; }
.mp-home .system-monitor .generic-monitor-card .mb-1.text-xs { font: var(--mp-body-6); font-variant-numeric: tabular-nums; }
.mp-home .system-monitor .generic-monitor-card .mb-1.text-xs > .n-ellipsis:last-child { flex-shrink: 0; }
.mp-home .system-monitor .n-progress-graph-line-fill { background: var(--mp-monitor-fill) !important; }
.mp-home .system-monitor .n-progress-graph-line-rail { background-color: var(--mp-monitor-rail) !important; }
.mp-home .system-monitor .n-progress-graph-circle-fill { stroke: var(--mp-monitor-fill) !important; }
.mp-home .system-monitor .n-progress-graph-circle-rail { stroke: var(--mp-monitor-rail) !important; }
.mp-home .app-icon-info-text-box-title { font: var(--mp-title-4) !important; }
.mp-home .app-icon-info-text-box-description { font: var(--mp-caption-5); }
.mp-home .item-card-small-icon { background: var(--mp-action) !important; box-shadow: var(--mp-button-shadow) !important; }
.mp-home .fixed-element { top: var(--mp-space-8) !important; right: max(48px, calc((100vw - 1216px) / 2 + 16px)) !important; z-index: 60; border: 1px solid var(--mp-glass-edge); background: var(--mp-action) !important; box-shadow: var(--mp-button-shadow) !important; border-radius: var(--mp-radius-sm) !important; }
.mp-home .float-btn { border-radius: var(--mp-radius-sm); }
.mp-tool-user > svg:not(.mp-icon) { display: none; }
.mp-tool-user > .mp-icon { width: 24px; height: 24px; }
.mp-home .mp-sidebar { display: flex; position: fixed; z-index: 90; inset: 112px 32px 24px auto; width: min(480px, calc(100% - 64px)); padding: var(--mp-space-6); border: 1px solid var(--mp-glass-edge); border-radius: var(--mp-radius-xl); background: var(--mp-glass-drawer); -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); box-shadow: var(--mp-glass-shadow), var(--mp-glass-menu-shadow); opacity: 0; transform: translateY(24px); transition: transform 500ms var(--mp-curve), opacity 300ms var(--mp-curve); }
.mp-home.mp-menu-open .mp-sidebar { opacity: 1; transform: translateY(0); }
.mp-home .mp-sidebar-brand { gap: var(--mp-space-3); margin: 0 0 var(--mp-space-6); padding: 0; }
.mp-drawer-close { display: flex; align-items: center; justify-content: center; margin-left: auto; min-width: 44px; min-height: 44px; border: 1px solid var(--mp-border); border-radius: var(--mp-radius-sm); background: var(--mp-action); box-shadow: var(--mp-button-shadow); }
.mp-nav-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: var(--mp-space-2); padding: var(--mp-space-1) var(--mp-space-1) var(--mp-space-3); }
.mp-nav-caption { grid-column: 1 / -1; margin: var(--mp-space-3) 0 var(--mp-space-1); padding: 0; }
.mp-nav-button { margin: 0; min-height: 48px; border: 1px solid var(--mp-border); background: var(--mp-glass-chip); font: var(--mp-title-4); opacity: 0; transform: translateY(24px); transition: transform 500ms var(--mp-curve), opacity 300ms var(--mp-curve); }
.mp-menu-open .mp-nav-button { opacity: 1; transform: translateY(0); transition-delay: var(--mp-item-delay, 0ms); }
.mp-nav-button:first-child { grid-column: 1 / -1; }
.mp-nav-button[aria-current="true"] { color: var(--mp-text); border-color: var(--mp-glass-edge); box-shadow: var(--mp-button-shadow); }
.mp-nav-button[aria-current="true"] small { color: var(--mp-text); }
.mp-sidebar-foot { padding: var(--mp-space-4) var(--mp-space-1) 0; }
.mp-drawer-backdrop { position: fixed; inset: 0; z-index: 80; width: 100%; height: 100%; background: var(--mp-glass-dim); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 0; transition: opacity 300ms var(--mp-curve); }
.mp-menu-open .mp-drawer-backdrop { opacity: 1; }
.mp-menu-open #myhkplayer { visibility: hidden; }
.mp-skip-link { position: fixed; z-index: 100; top: var(--mp-space-2); left: var(--mp-space-2); transform: translateY(-150%); padding: var(--mp-space-3) var(--mp-space-4); border: 1px solid var(--mp-border); border-radius: var(--mp-radius-sm); color: var(--mp-text); background: var(--mp-glass-popup); }
.mp-skip-link:focus { transform: translateY(0); outline: 2px solid var(--mp-focus); }
.mp-login .mp-skip-link { display: none; }
.mp-home .mp-topbar button:focus-visible, .mp-sidebar button:focus-visible, .mp-topbar a:focus-visible { outline: 2px solid var(--mp-focus); outline-offset: 3px; }
.mp-loading { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mp-space-3); }
.mp-loading-card { display: flex; align-items: center; gap: var(--mp-space-3); min-height: 88px; padding: var(--mp-space-4); border: 1px solid var(--mp-border); border-radius: var(--mp-radius-md); background: var(--mp-surface-card); }
.mp-loading-icon { width: 40px; height: 40px; border-radius: var(--mp-radius-sm); background: var(--mp-surface-hover); }
.mp-loading-line { flex: 1; height: 16px; border-radius: 4px; background: var(--mp-surface-hover); animation: mp-loading-pulse 1200ms var(--mp-curve) infinite alternate; }
.mp-home #item-card-box > .mt-20 { visibility: hidden; height: 0; margin: 0; }
@keyframes mp-loading-pulse { from { opacity: .4; } to { opacity: 1; } }
.mp-login .login-container { background: transparent !important; }
.mp-login .login-card { background: var(--mp-glass-bar) !important; border-color: var(--mp-glass-edge) !important; -webkit-backdrop-filter: blur(24px) !important; backdrop-filter: blur(24px) !important; box-shadow: var(--mp-glass-shadow) !important; filter: none !important; }
.mp-login .login-title, .mp-login .login-title span { font: var(--mp-heading-4) !important; }
.mp-login-intro h1 { font: var(--mp-heading-3); }
.mp-login-services { border: 1px solid var(--mp-glass-edge); background: var(--mp-glass-chip); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: var(--mp-glass-shadow); }
.mp-service-letter { border: 1px solid var(--mp-glass-edge); color: var(--mp-text); background: var(--mp-action); box-shadow: var(--mp-button-shadow); }
.mp-login .n-input { background: var(--mp-glass-field) !important; --n-color: transparent !important; --n-color-focus: transparent !important; --n-color-focus-error: transparent !important; --n-border: 1px solid var(--mp-border-control) !important; --n-border-hover: 1px solid var(--mp-focus) !important; box-shadow: var(--mp-glass-inner-shadow); }
.mp-login .login-button { border: 1px solid var(--mp-glass-edge) !important; background: var(--mp-action) !important; color: var(--mp-text) !important; box-shadow: var(--mp-button-shadow) !important; }
.mp-login .n-base-selection { --n-color: var(--mp-glass-chip) !important; --n-color-active: var(--mp-surface-hover) !important; --n-text-color: var(--mp-text) !important; --n-border: 1px solid var(--mp-border) !important; --n-arrow-color: var(--mp-text-secondary) !important; }
.mp-login .language-text-style { color: var(--mp-text-secondary) !important; }
.mp-login .n-base-select-menu { background: var(--mp-glass-popup) !important; color: var(--mp-text) !important; --n-option-text-color: var(--mp-text) !important; --n-option-color-pending: var(--mp-glass-popup-hover) !important; }
.mp-home .n-dropdown-menu { background: var(--mp-glass-popup) !important; --n-option-text-color: var(--mp-text) !important; --n-option-color-hover: var(--mp-glass-popup-hover) !important; }
.mp-home button, .mp-login button, .mp-home .float-btn { transition: transform 500ms var(--mp-curve), opacity 300ms var(--mp-curve); }
.mp-home button:active:not(:disabled):not(.mp-drawer-backdrop), .mp-login button:active:not(:disabled), .mp-home .float-btn:active { transform: translateY(2px) scale(.98); }
.mp-home .item-card-container:active { transform: translateY(2px) scale(.98); }
.mp-home .icon-info-box .item-card-container:active .item-card-info { box-shadow: var(--mp-glass-card-pressed) !important; }
@media (hover: hover) {
  .mp-home .item-card-container:hover { transform: translateY(-2px); }
  .mp-topbar-links > button:hover, .mp-drawer-close:hover { background: var(--mp-surface-hover); color: var(--mp-text); }
  .mp-home .mp-command-button:hover { transform: translateY(-2px); background: var(--mp-action-hover); }
}
@media (max-width: 1023px) {
  .mp-home .mp-header { grid-template-columns: 1fr; }
  .mp-home .mp-header > .mp-search-row { grid-column: 1; grid-row: 3; margin-top: var(--mp-space-3) !important; }
  .mp-home .mp-mobile-nav { grid-column: 1; grid-row: 4; margin-top: var(--mp-space-2); }
  .mp-home .mp-content { padding: 128px var(--mp-space-6) var(--mp-space-10) !important; }
  .mp-home.mp-many-tools .mp-topbar { padding-right: var(--mp-space-4); }
  .mp-home.mp-many-tools .fixed-element { top: 104px !important; right: var(--mp-space-8) !important; max-width: calc(100% - 64px); flex-wrap: wrap; }
  .mp-home.mp-many-tools .mp-content { padding-top: 176px !important; }
}
@media (max-width: 767px) {
  .mp-home .mp-topbar { top: var(--mp-space-4); width: calc(100% - 32px); min-height: 64px; padding-left: var(--mp-space-3); padding-right: calc(var(--mp-tools-width, 44px) + 16px); gap: var(--mp-space-2); }
  .mp-topbar-brand { gap: var(--mp-space-2); }
  .mp-topbar-brand strong { font: var(--mp-title-4); }
  .mp-topbar-brand .mp-brand-icon { width: 32px; height: 32px; font-size: 20px; line-height: 28px; }
  .mp-topbar-links { gap: 0; }
  .mp-topbar-links .mp-topbar-home, .mp-topbar-links .mp-command-button { display: none; }
  .mp-topbar-links .mp-menu-toggle { padding: var(--mp-space-2); }
  .mp-home .fixed-element { top: var(--mp-space-6) !important; right: var(--mp-space-6) !important; }
  .mp-home .mp-content { padding: 112px var(--mp-space-4) var(--mp-space-8) !important; }
  .mp-home.mp-many-tools .fixed-element { top: 96px !important; right: var(--mp-space-4) !important; max-width: calc(100% - 32px); }
  .mp-home.mp-many-tools .mp-content { padding-top: 160px !important; }
  .mp-hero-lead h1 { font: var(--mp-heading-4); letter-spacing: -.6px; }
  .mp-hero-lead p { margin-top: var(--mp-space-2); }
  .mp-home .mp-header { row-gap: var(--mp-space-2); margin-bottom: var(--mp-space-6) !important; }
  .mp-home .search-container { padding: var(--mp-space-1) !important; min-height: 56px; }
  .mp-home .icon-info-box { padding: var(--mp-space-2); gap: var(--mp-space-2) !important; border-radius: var(--mp-radius-lg); }
  .mp-home .system-monitor .icon-info-box { grid-template-columns: 1fr !important; }
  .mp-home .icon-info-box .item-card-info { min-height: 96px; padding: var(--mp-space-3) var(--mp-space-2) !important; gap: var(--mp-space-2); }
  .mp-home #item-card-box > .item-list { margin-top: var(--mp-space-6) !important; }
  .mp-home .mp-sidebar { inset: 0; width: 100%; padding: var(--mp-space-6) var(--mp-space-4); padding-top: max(24px, env(safe-area-inset-top)); padding-bottom: max(24px, env(safe-area-inset-bottom)); border-radius: 0; background: var(--mp-glass-drawer); border: 0; }
  .mp-loading { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .mp-topbar *, .mp-sidebar, .mp-drawer-backdrop, .mp-home .item-card-container { transition: none !important; }
  .mp-home .item-card-container:hover, .mp-home button:active, .mp-login button:active { transform: none !important; }
  .mp-loading-line { animation: none; opacity: 1; }
}