/* Shared presentation rules; existing theme colors and typography. */
#main-content h1{font-size:clamp(24px,3vw,30px)!important;font-weight:700!important;line-height:1.45!important;letter-spacing:normal!important}
.ml-hero{font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.5;margin:16px 0}
.ml-breadcrumb,.seo-label,.ev-eyebrow{display:block!important;font-size:11px!important;letter-spacing:normal!important;color:#b9dbcf!important;margin-bottom:8px}
#milune-official-footer{width:100%;margin:64px 0 32px;padding-top:32px;border-top:1px solid #304047;display:flex;flex-direction:column;align-items:center;gap:16px;clear:both}
.ml-status,.ev-badge,.ev-member-list small{display:inline-flex;align-items:center;gap:5px;color:#97abb2;font-size:11px;font-weight:700;white-space:nowrap}
.ml-status.is-live,.ev-badge.is-live,.ev-member-list small.is-live{color:#ff7d93}
.ml-status.is-live::before,.ev-badge.is-live::before,.ev-member-list small.is-live::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.ml-status.absolute{background:#121b20;padding:5px 8px;border-radius:5px}
#main-content button:not(:where(.ml-profile-tabs button,.ml-saved-row button,.ml-video-filters button)),#main-content a:is(.discovery-primary,.ed-free-button,.ev-entry),#discovery-modal button,#settings-modal button{background:#19252b!important;border:1px solid #304047!important;color:#fff!important;box-shadow:none!important}
#main-content button:hover,#discovery-modal button:hover,#settings-modal button:hover{border-color:#8ac8b7!important}
#main-content :is(button[aria-pressed=true],button[aria-selected=true]),#discovery-modal button[aria-pressed=true]{border-color:#8ac8b7!important}
#main-content :is(.ml-primary,.discovery-primary,.ed-free-button),#discovery-modal .on-primary,#settings-modal .fp-done{background:#55796d!important;border:1px solid #55796d!important;color:#fff!important}
#page-follow-btn{border-radius:8px!important;min-height:36px;padding:7px 12px!important}
#milune-official-footer button{background:transparent!important;padding:8px 12px;border-radius:6px}
.seo-streamer-list .ml-status{margin-left:8px}

.ml-state,.ml-empty,.ml-empty-list,.ev-loading,.ml-event-directory-loading,.fv-player>p,.ev-player>p{box-sizing:border-box;border:1px solid #304047;border-radius:8px;background:#121b20;color:#97abb2;font-size:13px;line-height:1.8;padding:18px;text-align:center;max-width:100%;overflow-wrap:anywhere}
.ml-state:empty{display:none}.ml-state[hidden]{display:none!important}
.ml-skeleton-panels{border:1px solid #304047;border-radius:12px;overflow:hidden;margin-top:20px}.ml-skeleton-section{padding:20px;border-bottom:1px solid #304047}.ml-skeleton-section:last-child{border:0}.ml-skeleton-section h4{font-weight:700;margin-bottom:12px}.ml-skeleton-section .ml-state{margin:12px 0}.ml-skeleton-row{display:flex;gap:12px}.ml-skeleton-row i{display:block;height:40px;width:140px;border-radius:8px;background:#233238;animation:ml-loading 1.8s ease-in-out infinite}.ml-games-skeleton{max-width:1280px;margin:auto}.ml-games-skeleton>h2{font-size:24px;font-weight:700;margin:28px 0}.ml-games-skeleton .ml-discover-entry{margin-top:28px}.ml-games-skeleton .ml-profile-tabs{display:flex;gap:24px;overflow:auto;white-space:nowrap}
@keyframes ml-loading{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.ml-skeleton-row i{animation:none}}

#main-content :is(.ml-home-content,#streamer-view) .ml-profile-tabs [role=tab]{background:#19252b!important;color:#fff!important;border-color:#304047!important}#main-content :is(.ml-home-content,#streamer-view) .ml-profile-tabs [role=tab][aria-selected=true]{background:#19252b!important;border-color:#8ac8b7!important}

/* Header login is available on every service page, including the home page. */
#fan-header-account{position:relative;min-width:0}#fan-header-link{border:1px solid #304047;border-radius:8px;background:#19252b;color:#fff;min-height:40px;padding:8px 12px}#fan-header-link:disabled{opacity:.65;cursor:wait}#fan-header-menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;max-width:calc(100vw - 24px);padding:10px;border:1px solid #304047;border-radius:10px;background:#19252b;box-shadow:0 12px 30px #0008;color:#fff;z-index:400}#fan-header-menu[hidden],#fan-header-notice[hidden]{display:none!important}#fan-header-menu p{padding:8px 10px;font-size:12px;overflow-wrap:anywhere;color:#b9dbcf}#fan-header-menu button{display:block;width:100%;text-align:left;padding:12px 10px;border:1px solid #304047;border-radius:6px;background:transparent;color:#fff;font-size:13px;margin-top:6px}#fan-header-menu button:hover{border-color:#8ac8b7}#fan-header-notice{position:absolute;top:100%;right:16px;max-width:min(440px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #304047;border-radius:8px;background:#19252b;color:#fff;font-size:12px;line-height:1.8;z-index:400}#fan-header-notice button{flex-shrink:0;min-width:32px;min-height:36px;font-size:20px}#fan-header-link:focus-visible,#fan-header-menu button:focus-visible{outline:2px solid #b9dbcf;outline-offset:3px}@media(max-width:767px){#fan-header-link{padding:7px 9px;gap:5px}#fan-header-label{font-size:11px!important}#fan-header-link svg{width:16px;height:16px}}

/* Tabs and clickable video content keep their layout instead of action-button boxes. */
#mypage-content .ml-profile-tabs{flex-wrap:nowrap;gap:20px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#55796d #181a1c;padding-bottom:1px}
#mypage-content .ml-profile-tabs [role=tab]{flex:0 0 auto;min-height:44px;padding:12px 2px;line-height:1.5}
#mypage-content .ml-saved-row{grid-template-columns:108px minmax(0,1fr) 36px;min-width:0}
#mypage-content .ml-saved-row>div{min-width:0}
#mypage-content .ml-saved-row [data-play-saved]{display:block;max-width:100%;padding:0;overflow-wrap:anywhere}
#mypage-content .ml-saved-row [data-remove-saved]{min-width:36px;min-height:44px}
#mypage-content .ml-video-filters{flex-wrap:wrap;gap:16px}
#mypage-content .ml-video-filters button{min-height:44px;padding:8px 0}
@media(max-width:767px){#mypage-content .ml-saved-row{grid-template-columns:90px minmax(0,1fr) 36px;gap:10px}#mypage-content .ml-profile-tabs{gap:20px}}