/* Behavior-only styles: the original captured layout remains the visual source. */
[data-local-action] { cursor: pointer; }
[data-local-action]:focus-visible,.local-carousel:focus-visible,.local-modal button:focus-visible { outline: 2px solid var(--app-active-color, #167de4); outline-offset: 3px; }
[data-local-category][hidden] { display: none !important; }
.local-category-selected { outline: 2px solid var(--app-active-color, #167de4); outline-offset: -2px; }
.local-menu-selected { background: var(--app-four-color, #e8f5fa); }
.sidebar-divider.local-sidebar-collapsed { width: 0 !important; min-width: 0 !important; flex: 0 0 0 !important; overflow: hidden; border-width: 0 !important; }
.local-carousel { touch-action: pan-y; }
.local-carousel .van-swipe__track { display: flex; }
.local-carousel-dot { width: 6px !important; background: var(--app-vice-font-color, #a8b1ba) !important; }
.local-carousel-dot.is-current { width: 19px !important; background: var(--app-active-color, #17bdff) !important; }
.local-carousel:not([data-v-67aa1c1f]) .local-carousel-dot { background: rgba(255,255,255,.5) !important; }
.local-carousel:not([data-v-67aa1c1f]) .local-carousel-dot.is-current { width: 20px !important; background: var(--app-active-color, #17bdff) !important; }
.local-search-status { margin: -5px 0 12px; color: var(--app-vice-font-color, #677581); font-size: 13px; }
.local-dialog-open { overflow: hidden; }
.local-modal-overlay { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15,33,51,.43); backdrop-filter: blur(3px); }
.local-modal { position: relative; width: min(420px,100%); box-sizing: border-box; border: 1px solid var(--app-border-color, #e2edf4); border-radius: 16px; padding: 32px 28px 24px; color: var(--app-font-color, #1c3349); background: var(--app-second-color, #fff); box-shadow: 0 16px 60px rgba(14,55,89,.18); }
.local-modal h2 { margin: 0 32px 18px 0; font-size: 22px; line-height: 1.35; font-weight: 700; color: var(--app-active-color, #167de4); }
.local-modal p { margin: 0; font-size: 14px; line-height: 1.9; color: var(--app-vice-font-color, #677581); }
.local-modal-close { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: var(--app-vice-font-color, #677581); font: 26px/1 sans-serif; cursor: pointer; }
.local-modal-close:hover { background: var(--app-four-color, #e8f5fa); }
.local-modal-actions { display: flex; justify-content: flex-end; margin-top: 26px; }
.local-modal-confirm { min-width: 112px; border: 0; border-radius: 8px; padding: 10px 18px; color: #fff; background: var(--app-active-color, #167de4); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.local-modal-confirm:hover { filter: brightness(1.05); }
@media (prefers-reduced-motion: reduce) { .local-carousel .van-swipe__track { transition-duration: 0ms !important; } }

.site-account-panel { padding: 12px 16px; margin: 8px 0 12px; border: 1px solid #aa8a4d; border-radius: 10px; background: #29251e; color: #ecd5a8; font-size: 13px; line-height: 1.6; }
.site-account-panel p { margin: 0 0 6px; font-weight: 600; }
.site-account-panel > div { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.site-account-panel button, .local-modal-route { padding: 5px 10px; border: 1px solid #aa8a4d; border-radius: 6px; color: inherit; background: transparent; cursor: pointer; }
.site-account-panel [hidden], #replica-root [data-local-action][hidden] { display: none !important; }
.site-download-placeholder { display: grid; place-items: center; width: 90px; height: 90px; border: 1px dashed currentColor; color: #a98c57; font-size: 13px; }
html[data-layout="mobile"] .site-account-panel { margin: 10px 12px; }
.local-modal-actions { flex-wrap: wrap; gap: 8px; }