/* Unified light monochrome treatment for music, media, board and messenger pages. */
:root{--ink:#202020;--muted:#707070;--paper:#fff;--card:#fff;--line:#dedede;--blue:#202020;--green:#202020;--sky:#f4f4f4;--serif:Georgia,"Apple SD Gothic Neo","Malgun Gothic",serif}
body:has(.music-main),body:has(.media-main),body:has(.board),body:has(.messenger-main){background:#fff!important;color:#202020!important}
.wrap{max-width:1440px!important;padding:0 clamp(18px,4vw,54px)!important}
.top{position:sticky;top:0;z-index:50;height:76px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dedede!important;color:#202020!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand{color:#202020!important;font-weight:750!important;letter-spacing:-.045em}.brand-mark{background:#202020!important;box-shadow:none!important}.brand-mark i{background:#fff!important;box-shadow:none!important;border-color:#fff!important}
.nav{gap:clamp(12px,1.7vw,24px)!important;color:#3b3b3b!important;font-size:13px!important}.nav a{color:inherit!important;transition:color .18s ease,background .18s ease}.nav a:hover,.nav a:focus-visible{color:#000!important}.nav .login-link{border:1px solid #cfcfcf!important;border-radius:5px!important;color:#202020!important;background:#fff!important}.nav .site-online-count{border-color:#dedede!important;color:#202020!important}.nav .site-online-dot{background:#202020!important;box-shadow:none!important}
.note{border-top:1px solid #dedede!important;color:#777!important}.note strong{color:#202020!important}
.music-main,.media-main,.board,.messenger-main{max-width:1200px!important;padding-top:38px!important;padding-bottom:76px!important}
.music-hero,.media-hero,.board-hero,.messenger-heading{position:relative!important;isolation:isolate;overflow:hidden;border:1px solid #dedede!important;border-radius:9px!important;background:#f7f7f7!important;color:#202020!important;box-shadow:none!important}
.music-hero,.media-hero,.board-hero{margin:16px 0 24px!important;padding:36px clamp(22px,4vw,46px)!important}
.music-hero:before,.media-hero:before,.board-hero:before,.messenger-heading:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(128deg,transparent 0 67%,rgba(0,0,0,.025) 67% 100%)}
.music-hero:after,.media-hero:after,.board-hero:after,.messenger-heading:after{content:"";position:absolute;z-index:-1;width:240px;height:150px;right:5%;top:-72px;border:1px solid rgba(0,0,0,.10);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 20px rgba(0,0,0,.018),0 0 0 42px rgba(0,0,0,.014);pointer-events:none}
.eyebrow,.music-hero .eyebrow,.media-hero .eyebrow,.board-hero .eyebrow,.messenger-heading .eyebrow{color:#555!important;font-weight:750!important;letter-spacing:.16em!important}
.music-hero h1,.media-hero h1,.board-hero h1,.messenger-heading h1{position:relative;color:#202020!important;font-size:clamp(34px,5vw,54px)!important;font-weight:750!important;letter-spacing:-.065em!important;line-height:1.12!important}
.music-hero p,.media-hero p,.board-head p,.messenger-heading p{color:#5f5f5f!important}
.music-hero .record{z-index:1;border:1px solid #333!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important}
.music-source-tabs button,.genre-chip,.media-tabs button,.media-folder-picker select,.media-pager button,.music-pager button,.board-tab,.board-pager button,.room-tab,.messenger-heading-actions .btn,.chat-heading-tools button,.conversation-open,.group-start,.send-button,.write,.comment-form button,.actions button,.media-dialog button{border:1px solid #d4d4d4!important;border-radius:5px!important;background:#fff!important;color:#292929!important;box-shadow:none!important;transition:background .18s,border-color .18s,transform .18s!important}
.music-source-tabs button.active,.genre-chip.active,.media-tabs button.active,.board-tab.active,.room-tab.active{background:#202020!important;color:#fff!important;border-color:#202020!important}
.music-search,.nas-search,.media-search,.media-folder-picker select,.chat-compose textarea,.comment-form input,.form input,.form textarea{background:#fff!important;color:#202020!important;border:1px solid #d8d8d8!important;border-radius:5px!important;box-shadow:none!important}.music-search::placeholder,.nas-search::placeholder,.media-search::placeholder,.chat-compose textarea::placeholder{color:#898989!important}
.nas-browser,.player-panel,.media-grid,.media-dialog,.chat-card,.presence-card,.messenger-start-panel{background:#fff!important;color:#202020!important;border:1px solid #dedede!important;border-radius:8px!important;box-shadow:0 10px 28px rgba(0,0,0,.045)!important}
.player-panel{position:sticky!important;top:84px!important;backdrop-filter:blur(12px)!important}.player-panel .now-playing,.track-genre,.media-number,.media-play,.board-hero .eyebrow,.member-open:hover,.conversation-open:hover{color:#202020!important}.player-panel .player-artist,.player-panel .player-state,.track-artist,.track-num,.nas-browser-head span,.nas-entry small,.media-context,.media-extension,.board .empty,.side-help,.presence-empty,.typing-note,.comment-login,.comment-head,.media-folder-picker label,.media-location{color:#737373!important}
.nas-entries,.track-list,.media-grid,.post-list{border-color:#e5e5e5!important;background:#fff!important}.nas-entry,.track-row,.media-row,.post{border-bottom:1px solid #e8e8e8!important;background:#fff!important;color:#252525!important}.nas-entry:hover,.track-row:hover,.media-row:hover,.post:hover{background:#f7f7f7!important}.track-row.active{background:#f0f0f0!important}.nas-entry-icon,.media-number,.media-play{color:#444!important}.track-genre,.media-subtitle,.comment{background:#f2f2f2!important;color:#444!important}
.media-tabs{padding:0!important;background:transparent!important}.media-tabs button,.media-pager button,.music-pager button,.nas-pager button{border-radius:999px!important}.media-grid{overflow:hidden!important}.media-row{min-height:72px!important}.media-play:hover,.write:hover,.send-button:hover,.primary:hover,.group-start:hover{background:#333!important;color:#fff!important;border-color:#333!important;transform:translateY(-1px)}
.board-hero{min-height:220px!important;color:#202020!important}.board-hero:before{clip-path:none!important;opacity:1!important}.board-hero:after{opacity:.1!important;background:#202020!important;box-shadow:0 0 0 20px rgba(0,0,0,.035)!important}.board-head{border-bottom:1px solid #dedede!important}.board-head p{color:#666!important}.board-head h1{font-weight:750!important}.board-title-icon{filter:grayscale(1)!important}.board-tabs{gap:7px!important}.board-tab{padding:8px 12px!important}.board-tab.active{background:#202020!important;color:#fff!important}.write{background:#202020!important;color:#fff!important;border-color:#202020!important}.post{padding:22px 18px!important;border:1px solid #e4e4e4!important;border-radius:7px!important;margin:12px 0!important}.post h2{font-weight:650!important}.post p{color:#555!important}.post .by,.attachment-link,.comment-toggle{color:#333!important}.attachment-preview{border-color:#dedede!important;background:#f7f7f7!important}.comment-area{border-color:#e5e5e5!important}.comment-form button,.actions .submit{background:#202020!important;color:#fff!important;border-color:#202020!important}.dialog,dialog{background:#fff!important;color:#202020!important;border:1px solid #dedede!important;border-radius:8px!important;box-shadow:0 20px 60px rgba(0,0,0,.16)!important}dialog::backdrop{background:rgba(0,0,0,.35)!important}
.messenger-heading{align-items:center!important;margin:16px 0 20px!important;padding:28px 32px!important;border-bottom:1px solid #dedede!important}.messenger-layout{grid-template-columns:minmax(0,1fr) 290px!important;gap:16px!important}.chat-card,.presence-card,.messenger-start-panel{overflow:hidden!important}.chat-top,.presence-top,.chat-compose,.room-tabs{background:#f7f7f7!important;color:#202020!important;border-color:#e2e2e2!important}.chat-heading-tools{gap:8px!important}.chat-color-control{color:#555!important}.chat-color-control input{border-color:#ccc!important}.connection,.online-count{color:#555!important}.connection.offline{color:#8a3a31!important}.messages{background:#fff!important}.message-meta{color:#666!important}.message-bubble,.message-row.mine .message-bubble{background:#f2f2f2!important;color:#222!important;border:1px solid #e1e1e1!important;border-radius:7px!important}.message-time{color:#888!important}.chat-compose textarea:focus{outline:2px solid #555!important}.send-button,.group-start{background:#202020!important;color:#fff!important;border-color:#202020!important}.presence-list li{background:#f5f5f5!important;color:#222!important;border:1px solid #e9e9e9!important}.conversation-open.active{background:#202020!important;color:#fff!important;border-color:#202020!important}.member-select{accent-color:#202020!important}.presence-dot{background:#454545!important;box-shadow:none!important}.admin-notice{color:#444!important}.chat-empty{color:#777!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #555!important;outline-offset:2px!important}
@media(max-width:800px){.messenger-layout{grid-template-columns:1fr!important}.music-main,.media-main,.board,.messenger-main{padding-top:24px!important}.top{height:68px!important}.nav{gap:10px!important;font-size:11px!important}.player-panel{top:72px!important}.music-hero,.media-hero,.board-hero{padding:26px 22px!important}.messenger-heading{padding:22px!important}}
@media(max-width:620px){.wrap{padding:0 16px!important}.top{position:relative!important}.nav{gap:8px!important}.music-main,.media-main,.board,.messenger-main{padding-bottom:52px!important}.music-hero,.media-hero,.board-hero{border-radius:7px!important}.board-hero{min-height:0!important}.board-actions{width:100%!important;max-width:100%!important}.board-tab{padding:6px 9px!important;font-size:11px!important}.messenger-heading{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.chat-heading-tools{flex-wrap:wrap!important;justify-content:flex-end}.post{padding:17px 13px!important}.media-row{min-height:62px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Whole-site monochrome pass: keep every route on the same readable light canvas. */
body:has(.lounge-home-page),body:has(.games-main),body:has(.recipe-main),body:has(.admin-main),body:has(.login-shell),body:has(.signup-shell),body:has(.install-main){background:#fff!important;background-image:none!important;color:#202020!important}
body:has(.lounge-home-page):before,body:has(.lounge-home-page):after,body:has(.games-main):before,body:has(.games-main):after,body:has(.recipe-main):before,body:has(.recipe-main):after,body:has(.admin-main):before,body:has(.admin-main):after,body:has(.login-shell):before,body:has(.login-shell):after,body:has(.signup-shell):before,body:has(.signup-shell):after,body:has(.install-main):before,body:has(.install-main):after{content:none!important;display:none!important}
.brand span:last-child{color:#202020!important}.brand-mark{background:#202020!important}.brand-mark i{background:#fff!important;border-color:#fff!important}
.lounge-home-page .top{background:rgba(255,255,255,.97)!important;color:#202020!important}.lounge-home-page .nav,.lounge-home-page .nav a{color:#333!important}.lounge-home-page .nav .login-link{color:#202020!important;border-color:#d5d5d5!important}.lounge-home-page .lounge-hero{background:#f7f7f7!important;border:1px solid #dedede!important;border-radius:8px!important;color:#202020!important;box-shadow:none!important}.lounge-home-page .lounge-hero:before{content:""!important;background:linear-gradient(128deg,transparent 0 68%,#f2f2f2 68% 100%)!important}.lounge-home-page .lounge-kicker,.lounge-home-page .lounge-hero h1,.lounge-home-page .lounge-hero h1 span,.lounge-home-page .lounge-hero-copy>p,.lounge-home-page .lounge-note{color:#202020!important}.lounge-home-page .lounge-kicker .live-dot{background:#202020!important;box-shadow:none!important}.lounge-home-page .lounge-button.primary{background:#202020!important;color:#fff!important;box-shadow:none!important}.lounge-home-page .lounge-button.secondary{border-color:#aaa!important;color:#202020!important;background:#fff!important}.lounge-home-page .lounge-art .art-orbit{border-color:#aaa!important}.lounge-home-page .art-card{border-color:#dedede!important;background:#fff!important;box-shadow:0 12px 30px #00000010!important}.lounge-home-page .art-front-copy strong,.lounge-home-page .art-back-copy,.lounge-home-page .art-front-copy small,.lounge-home-page .art-front-copy>span{color:#202020!important}.lounge-home-page .art-pill{background:#fff!important;border-color:#ddd!important;color:#202020!important}.lounge-home-page .art-equalizer i{background:#202020!important}.lounge-home-page .theme-links{display:none!important}.lounge-home-page .space-card{background:#fff!important;color:#202020!important;border-color:#dedede!important;box-shadow:none!important}.lounge-home-page .space-card h3,.lounge-home-page .space-card p,.lounge-home-page .space-open,.lounge-home-page .section-heading h2,.lounge-home-page .section-heading p,.lounge-home-page .section-eyebrow{color:#202020!important}.lounge-home-page .space-icon{background:#f2f2f2!important;color:#202020!important}.lounge-home-page .lounge-bottom{background:#f7f7f7!important}.lounge-home-page .lounge-footer{border-color:#dedede!important;color:#666!important}
.games-main,.recipe-main,.admin-main,.install-main{color:#202020!important}.games-hero,.recipe-head,.install-heading,.admin-title{color:#202020!important}.games-hero{border:1px solid #dedede!important;border-radius:9px!important;background:#f7f7f7!important;box-shadow:none!important}.games-hero:after{color:#20202018!important}.games-kicker,.games-hero p,.game-head p,.hint,.game-message,.howto{color:#666!important}.games-hero h1,.game-head h2{color:#202!important}.game-shell{background:#fff!important;color:#202!important;border:1px solid #dedede!important;border-radius:9px!important;box-shadow:0 10px 28px #00000008!important}.device-tag,.stat{border-color:#dedede!important;background:#f7f7f7!important;color:#333!important}.stat span{color:#777!important}.game-button{background:#202020!important;color:#fff!important;border-color:#202020!important;border-radius:5px!important}.star-board,.mobile-arena{background:#f4f4f4!important;border-color:#ccc!important}.star-cell{background:#e7e7e7!important}.star-cell.player{background:#777!important;box-shadow:none!important}.moon-target{filter:grayscale(1)!important}.game-choice,.game-button,.device-tag{color:#202020!important}.game-button{color:#fff!important}
.recipe-head{align-items:center!important}.recipe-head h1{color:#202020!important}.recipe-head p,.recipe .meta,.recipe p{color:#666!important}.recipe{background:#fff!important;border:1px solid #dedede!important;box-shadow:none!important;border-radius:7px!important}.recipe:hover{border-color:#888!important;box-shadow:0 8px 24px #0000000c!important}.tool,.tool.dark{background:#fff!important;color:#222!important;border:1px solid #d4d4d4!important}.tool.dark{background:#202020!important;color:#fff!important;border-color:#202020!important}.search,.recipe-main input,.recipe-main select,.recipe-main textarea{background:#fff!important;color:#202!important;border-color:#d8d8d8!important}.detail-header,.detail-section,.detail-shell{background:#fff!important;color:#202!important;border-color:#dedede!important}.detail-section.ingredients-section,.detail-section.steps-section{background:#f7f7f7!important;border-left-color:#777!important}.notebook-line{color:#333!important;border-color:#ddd!important}.detail-section h3 small{color:#777!important}.section-number{background:#eee!important;color:#222!important}
.admin-main .section,.admin-main .item,.admin-main .admin-panel{background:#fff!important;color:#222!important;border-color:#dedede!important;box-shadow:none!important}.admin-main .btn,.admin-main .admin-tab,.admin-main input,.admin-main select,.admin-main textarea{background:#fff!important;color:#222!important;border-color:#d4d4d4!important}.admin-main .btn.blue,.admin-main .admin-tab.active{background:#202020!important;color:#fff!important;border-color:#202020!important}.admin-main .btn.red{color:#8b3434!important}.admin-main .music-genres label{background:#f4f4f4!important;color:#333!important;border-color:#ddd!important}.admin-main .music-genres label:has(input:checked){background:#202020!important;color:#fff!important;border-color:#202020!important}.admin-main .icon-choice{background:#f5f5f5!important;border-color:#ddd!important}.admin-main .icon-choice.selected{border-color:#202020!important;box-shadow:0 0 0 2px #20202020!important}
.login-card,.signup-card,.platform-card{background:#fff!important;color:#202!important;border:1px solid #dedede!important;box-shadow:0 12px 32px #00000008!important}.login-card .field,.signup-card .field,.install-heading p,.platform-card p,.install-message,.install-note{color:#666!important}.login-card input,.signup-card input{background:#fff!important;color:#202!important;border-color:#d8d8d8!important}.login-card .submit,.signup-card .submit,.install-button{background:#202020!important;color:#fff!important;border-color:#202020!important}.install-share{background:#f7f7f7!important;color:#222!important;border-color:#ddd!important}.install-share p{color:#555!important}.signup-line a,.links a{color:#202!important}

/* Remove inherited decorative grid and correct remaining page controls. */
body:has(.music-main):before,body:has(.music-main):after,body:has(.media-main):before,body:has(.media-main):after,body:has(.board):before,body:has(.board):after,body:has(.messenger-main):before,body:has(.messenger-main):after{content:none!important;display:none!important;background:none!important}
.brand span:last-child{color:#202020!important}.post h2,.post-title,.post-heading,.comment-body{color:#202020!important}.board-tab-icon,.board-title-icon{filter:grayscale(1)!important}
.playback-controls button,.player-panel .playback-controls button,.player-panel .playback-controls button:hover,.player-panel .playback-controls button.active{background:#fff!important;color:#202020!important;border:1px solid #d4d4d4!important;border-radius:5px!important}.player-panel .playback-controls button:hover,.player-panel .playback-controls button.active{background:#202020!important;color:#fff!important;border-color:#202020!important}.record:before{background:#dedede!important;color:#202020!important;box-shadow:0 0 0 6px #dedede30!important}
.start-room-button{background:#fff!important;color:#202!important;border:1px solid #dedede!important;border-radius:7px!important;box-shadow:none!important}.start-room-button:hover{background:#f4f4f4!important;border-color:#aaa!important}.presence-card,.messenger-start-panel,.chat-card{background:#fff!important;color:#202!important}.chat-heading-tools .btn,.chat-heading-tools button,.leave-conversation{background:#fff!important;color:#222!important;border-color:#d4d4d4!important}.presence-list li{background:#f5f5f5!important;color:#222!important}.presence-top,.chat-top,.room-tabs,.chat-compose{background:#f7f7f7!important;color:#202!important}.conversation-open{background:#fff!important;color:#222!important;border-color:#ddd!important}.conversation-open.active{background:#202020!important;color:#fff!important;border-color:#202020!important}.group-start{background:#202020!important;color:#fff!important}.chat-color-control{color:#555!important}

/* Readability pass based on the uploaded page screenshots. */
.recipe,.recipe *{color:#202020!important}.recipe p,.recipe .meta{color:#666!important}.recipe h2{font-weight:650!important}.recipe:hover{border-color:#aaa!important}
.media-empty,.media-grid .empty,.media-status,.media-location,.media-folder-picker label{background:#f4f4f4!important;color:#555!important}.media-location button{color:#202020!important}.media-row,.media-title,.media-copy,.media-play{color:#202020!important}.media-play{background:#fff!important;border-color:#ccc!important}.media-row:hover .media-play{background:#202020!important;color:#fff!important}
.messenger-start-panel h2,.messenger-start-panel strong,.messenger-start-panel .start-room-button b{color:#202020!important}.messenger-start-panel p,.messenger-start-panel small{color:#666!important}.messenger-start-panel .start-room-button{min-height:68px;padding:14px 16px!important;color:#202020!important}.messenger-start-panel .start-room-button span,.messenger-start-panel .start-room-button strong{color:#202020!important}.messenger-start-panel .start-room-button small{color:#666!important}.messenger-start-panel .start-room-button b{color:#333!important}.side-help,.presence-empty,.chat-empty,.typing-note{color:#666!important}.presence-top strong,.chat-top strong{color:#202020!important}.chat-heading-tools .btn,.chat-heading-tools button{min-height:36px;padding:7px 12px!important;color:#202!important}.send-button:disabled,.group-start:disabled{background:#e5e5e5!important;color:#777!important;border-color:#d5d5d5!important}
.music-main .playback-controls button,.music-main .play-all,.music-main .music-source-tabs button,.music-main .genre-chip,.music-main .nas-pager button,.music-main .music-pager button{min-height:36px;padding:7px 11px!important;background:#fff!important;color:#202020!important;border:1px solid #d4d4d4!important;border-radius:5px!important}.music-main .playback-controls button:hover,.music-main .playback-controls button.active,.music-main .play-all[aria-pressed="true"],.music-main .music-source-tabs button.active,.music-main .genre-chip.active{background:#202020!important;color:#fff!important;border-color:#202020!important}.music-main .track-name,.music-main .player-title{color:#202020!important}.music-main .track-artist,.music-main .player-artist,.music-main .player-state{color:#666!important}
.board .comment-toggle,.board .post-edit,.board .actions-button{background:#fff!important;color:#202020!important;border:1px solid #d4d4d4!important;border-radius:5px!important}.board .comment-toggle:hover,.board .post-edit:hover,.board .actions-button:hover{background:#202020!important;color:#fff!important}.board .comment-body,.board .comment-head,.board .post p,.board .post small,.board .attachment-link{color:#444!important}.board .secret-badge{color:#555!important}
.admin-main h1,.admin-main h2,.admin-main h3,.admin-main p,.admin-main label,.admin-main strong,.admin-main small,.admin-main span,.admin-main li,.admin-main th,.admin-main td,.admin-main legend,.admin-main summary{color:#222!important}.admin-main .admin-title p,.admin-main .security-note,.admin-main .item small,.admin-main .empty{color:#666!important}.admin-main .section{padding:22px!important;border-radius:7px!important}.admin-main .section h2{margin-bottom:16px!important}.admin-main button,.admin-main .btn,.admin-main .admin-tab{min-height:36px;padding:8px 12px!important;border:1px solid #d4d4d4!important;border-radius:5px!important;background:#fff!important;color:#222!important}.admin-main .btn.blue,.admin-main .admin-tab.active,.admin-main button[type="submit"]{background:#202020!important;color:#fff!important;border-color:#202020!important}.admin-main .btn.red{background:#fff!important;color:#8a3030!important;border-color:#d7caca!important}.admin-main input,.admin-main select,.admin-main textarea{color:#202!important;background:#fff!important;border:1px solid #d4d4d4!important}.admin-main input::placeholder,.admin-main textarea::placeholder{color:#888!important}

/* Screenshot follow-up: keep the monochrome controls readable and consistent. */
.game-selector .game-choice,
.game-selector button.game-choice {
  background: #fff !important;
  color: #202020 !important;
  border: 1px solid #cfcfcf !important;
  box-shadow: none !important;
}
.game-selector .game-choice:hover,
.game-selector .game-choice.active,
.game-selector button.game-choice.active {
  background: #202020 !important;
  color: #fff !important;
  border-color: #202020 !important;
}

.recipe-main .search-row { gap: 0 !important; }
.recipe-main .search-row .search {
  border-radius: 6px 0 0 6px !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
.recipe-main .search-row .tool {
  min-width: 98px;
  border-radius: 0 6px 6px 0 !important;
  border: 1px solid #202020 !important;
  background: #202020 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.recipe-main .search-row .tool:hover { background: #444 !important; }
.recipe-main .recipe-card h2,
.recipe-main .recipe-card h3,
.recipe-main .recipe-title { color: #202020 !important; }

/* Portfolio board used a one-off blue hero that escaped the shared theme. */
.portfolio-mode .board-hero {
  background: #f7f7f7 !important;
  border: 1px solid #d8d8d8 !important;
  color: #202020 !important;
}
.portfolio-mode .board-hero::before {
  background: linear-gradient(125deg, transparent 0 55%, #eeeeee 55% 100%) !important;
  opacity: .7 !important;
}
.portfolio-mode .board-hero::after {
  background: #e8e8e8 !important;
  opacity: .55 !important;
  box-shadow: 0 0 0 24px #00000008, 0 0 55px #00000008 !important;
}
.portfolio-mode .board-hero .eyebrow,
.portfolio-mode .board-hero h1,
.portfolio-mode .board-hero p { color: #202020 !important; }
.portfolio-mode .board-head { border-bottom-color: #d8d8d8 !important; }
.portfolio-mode .board-tabs .board-tab {
  background: #fff !important;
  color: #202020 !important;
  border: 1px solid #d4d4d4 !important;
}
.portfolio-mode .board-tabs .board-tab.active,
.portfolio-mode .board-tabs .board-tab:hover {
  background: #202020 !important;
  color: #fff !important;
  border-color: #202020 !important;
}
.portfolio-mode .board-hero .write {
  background: #202020 !important;
  color: #fff !important;
  border-color: #202020 !important;
}

/* Keep every section header within the same centered frame as the home page. */
.wrap > .top {
  width: 100% !important;
  max-width: 1332px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-bottom: 0 !important;
}

/* Four selectable color families shared by the home page and lounge sections. */
body[data-lounge-theme="skyblue"] { --theme-accent:#245f91; --theme-tint:#a9cde9; --theme-soft:#f1f5f9; --theme-ink:#172b40; }
body[data-lounge-theme="lavender"] { --theme-accent:#6651b5; --theme-tint:#d9d2f0; --theme-soft:#f5f3fa; --theme-ink:#2b2445; }
body[data-lounge-theme="beige"] { --theme-accent:#a94f2b; --theme-tint:#f1dfc9; --theme-soft:#faf6ef; --theme-ink:#38291f; }
body[data-lounge-theme="black"] { --theme-accent:#333333; --theme-tint:#e5e5e5; --theme-soft:#f7f7f7; --theme-ink:#202020; }
body[data-lounge-theme] { background-color:var(--theme-soft)!important; }
body[data-lounge-theme] .top { background:rgba(255,255,255,.97)!important; }
body[data-lounge-theme] .nav a:hover,
body[data-lounge-theme] .nav a:focus-visible { color:var(--theme-accent)!important; }
body[data-lounge-theme] .lounge-hero {
  background:var(--theme-tint)!important; color:var(--theme-ink)!important;
  box-shadow:0 24px 64px color-mix(in srgb,var(--theme-accent) 14%,transparent)!important;
}
body[data-lounge-theme] .lounge-hero h1,
body[data-lounge-theme] .lounge-hero-copy>p,
body[data-lounge-theme] .art-back-copy,
body[data-lounge-theme] .art-front-copy strong { color:var(--theme-ink)!important; }
body[data-lounge-theme] .lounge-hero h1 span,
body[data-lounge-theme] .lounge-kicker,
body[data-lounge-theme] .kicker-divider,
body[data-lounge-theme] .lounge-note,
body[data-lounge-theme] .art-mini-label,
body[data-lounge-theme] .art-front-copy small,
body[data-lounge-theme] .art-front-copy>span { color:var(--theme-accent)!important; }
body[data-lounge-theme] .lounge-button.primary,
body[data-lounge-theme] .nav .login-link:hover { background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:#fff!important; }
body[data-lounge-theme] .lounge-button.secondary { border-color:var(--theme-accent)!important;color:var(--theme-ink)!important; }
body[data-lounge-theme] .note-line,
body[data-lounge-theme] .live-dot,
body[data-lounge-theme] .art-equalizer i { background:var(--theme-accent)!important; }
body[data-lounge-theme] .art-orbit { border-color:color-mix(in srgb,var(--theme-accent) 25%,transparent)!important; }
body[data-lounge-theme] .spaces-section .section-eyebrow { color:var(--theme-accent)!important; }
body[data-lounge-theme] .space-card:hover { border-color:color-mix(in srgb,var(--theme-accent) 45%,white)!important; }
body[data-lounge-theme] .space-icon { color:var(--theme-accent)!important;background:color-mix(in srgb,var(--theme-tint) 48%,white)!important; }
body[data-lounge-theme] .lounge-bottom { background:linear-gradient(110deg,color-mix(in srgb,var(--theme-tint) 62%,white),var(--theme-soft))!important; }
body[data-lounge-theme] :is(.music-hero,.media-hero,.board-hero,.messenger-heading) { background:color-mix(in srgb,var(--theme-tint) 24%,white)!important; }
body[data-lounge-theme] :is(.music-source-tabs button.active,.genre-chip.active,.media-tabs button.active,.board-tab.active,.room-tab.active,.game-selector .game-choice.active,.game-selector button.game-choice.active,.write,.send-button,.group-start,.conversation-open.active) {
  background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important;
}
body[data-lounge-theme] :is(.music-search:focus,.nas-search:focus,.media-search:focus,.chat-compose textarea:focus,.comment-form input:focus) { outline-color:var(--theme-accent)!important; }
body[data-lounge-theme] .recipe-main { border-top-color:var(--theme-accent)!important; }
@media(max-width:760px){body[data-lounge-theme] .lounge-home-page .nav-toggle{border-color:var(--theme-accent)!important;color:var(--theme-accent)!important}}

/* Keep the homepage palette picker visible after the monochrome cleanup. */
.lounge-home-page .lounge-hero-copy .theme-links {
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
/* Header content stays on one line inside the centered frame. */
.wrap > .top { justify-content:space-between!important; gap:24px!important; }
.wrap > .top .brand { flex:0 0 auto!important; white-space:nowrap!important; }
.wrap > .top .nav {
  display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important;
  justify-content:flex-end!important; gap:clamp(8px,1.1vw,18px)!important;
  min-width:0!important; white-space:nowrap!important;
}
.wrap > .top .nav a { flex:0 0 auto!important; white-space:nowrap!important; word-break:keep-all!important; }
.wrap > .top .nav .login-link { min-width:max-content!important; }
@media(max-width:900px) and (min-width:621px) {
  .wrap > .top { gap:12px!important; padding-left:18px!important; padding-right:18px!important; }
  .wrap > .top .nav { gap:8px!important; font-size:11px!important; }
}

/* Restore readable text contrast on account and owner screens. */
.login-card h1,.signup-card h1,#heading { color:#202020!important; -webkit-text-fill-color:#202020!important; }
.login-card .sub,.login-card .below,.login-card .msg,
.signup-card .sub,.signup-card .below,.signup-card .msg,
.login-card .field,.signup-card .field { color:#555!important; }
.login-card .eyebrow,.signup-card .eyebrow { color:#555!important; }
.admin-main h1,.admin-main h2,.admin-main h3,
.admin-main .section h2,.admin-main .admin-title h1,
.admin-main .section-title,.admin-main legend { color:#202020!important;-webkit-text-fill-color:#202020!important; }
.admin-main p,.admin-main label,.admin-main .security-note,
.admin-main .item small,.admin-main .empty,.admin-main .section small { color:#555!important; }
.admin-main input::placeholder,.admin-main textarea::placeholder { color:#777!important; }

/* Let every mini-game heading and selection control follow the chosen theme. */
body[data-lounge-theme] .games-hero h1,
body[data-lounge-theme] .games-hero .games-kicker { color:var(--theme-ink)!important;-webkit-text-fill-color:var(--theme-ink)!important;background:none!important; }
body[data-lounge-theme] .game-head h2,
body[data-lounge-theme] .game-head p,
body[data-lounge-theme] .games-main .howto { color:var(--theme-ink)!important; }
body[data-lounge-theme] .game-selector .game-choice {
  background:#fff!important;color:#202020!important;border-color:#d4d4d4!important;
}
body[data-lounge-theme] .game-selector .game-choice:hover,
body[data-lounge-theme] .game-selector .game-choice:focus-visible,
body[data-lounge-theme] .game-selector .game-choice.active {
  background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important;
}

/* Playback controls use the same accent as the selected palette. */
body[data-lounge-theme] .music-main .playback-controls button,
body[data-lounge-theme] .music-main .play-all,
body[data-lounge-theme] .music-main .music-source-tabs button,
body[data-lounge-theme] .music-main .genre-chip {
  background:#fff!important;color:#202020!important;border-color:#d4d4d4!important;
}
body[data-lounge-theme] .music-main .playback-controls button:hover,
body[data-lounge-theme] .music-main .playback-controls button.active,
body[data-lounge-theme] .music-main .play-all[aria-pressed="true"],
body[data-lounge-theme] .music-main .music-source-tabs button.active,
body[data-lounge-theme] .music-main .genre-chip.active {
  background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important;
}
body[data-lounge-theme] .admin-main .admin-tab.active,
body[data-lounge-theme] .admin-main button[type="submit"],
body[data-lounge-theme] .admin-main .btn.blue {
  background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important;
}

/* Prevent browser autofill yellow from taking over the login form. */
.login-card input:-webkit-autofill,
.signup-card input:-webkit-autofill {
  -webkit-text-fill-color:#202020!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Full-width header band; keep the logo and navigation aligned to one centered frame. */
.wrap > .top {
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  padding-left:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;
  padding-right:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #e7e7e7!important;
  box-shadow:0 2px 10px #00000005!important;
}
.wrap > .top > .brand { margin-right:auto!important; }
.wrap > .top > .nav { margin-left:auto!important; }
@media(max-width:760px) {
  .wrap > .top {
    width:100vw!important;max-width:none!important;
    margin-left:calc(50% - 50vw)!important;margin-right:0!important;
    padding-left:18px!important;padding-right:18px!important;
  }
}


/* One deliberate baseline shared by desktop and mobile headers. */
.wrap > .top {
  border-bottom:1px solid #d8d8d8!important;
  box-shadow:0 3px 12px #00000006!important;
}
.wrap > .top::after {
  content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:1px;
  background:#d8d8d8;pointer-events:none;
}
@media(max-width:760px) {
  .wrap > .top { border-bottom:1px solid #d8d8d8!important; }
  .wrap > .top::after { left:0;right:0; }
}

/* Shared floating selectors for controls that browse into another view. */
.overlay-select{position:relative;display:inline-block;min-width:0;z-index:4}
.overlay-select.is-open{z-index:35}
.overlay-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.overlay-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:150px;min-height:44px;padding:9px 13px;border:1px solid #ffffff45!important;border-radius:12px!important;background:var(--theme-ink,#172b40)!important;color:#fff!important;font:inherit;text-align:left;cursor:pointer}
.overlay-select-trigger:after{content:'⌄';flex:none;font-size:17px;line-height:1}
.overlay-select.is-open .overlay-select-trigger:after{content:'⌃'}
.overlay-select-list{position:absolute;left:0;right:0;bottom:calc(100% + 8px);display:grid;gap:4px;max-height:min(44vh,280px);overflow:auto;padding:7px;border:1px solid #ffffff45;border-radius:15px;background:var(--theme-ink,#172b40);box-shadow:0 14px 34px #0003}
.overlay-select-list[hidden]{display:none}
.overlay-select-option{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border:0!important;border-radius:9px!important;background:transparent!important;color:#fff!important;font:inherit;text-align:left;cursor:pointer}
.overlay-select-option:before{content:'○';flex:none;color:#c8d7e3}
.overlay-select-option[aria-selected="true"]:before{content:'✓';color:#fff}
.overlay-select-option:hover,.overlay-select-option:focus-visible,.overlay-select-option[aria-selected="true"]{background:var(--theme-accent,#245f91)!important;color:#fff!important}
.overlay-select-option:disabled{opacity:.55;cursor:default}
.media-folder-picker .overlay-select{flex:0 1 460px;width:min(100%,460px);max-width:100%}
.media-folder-picker .overlay-select-trigger{min-width:0}
@media(max-width:760px){.overlay-select-trigger{min-height:46px}.overlay-select-option{min-height:46px}.media-folder-picker .overlay-select{width:100%;flex:1 1 100%}}

/* Match the home header to section pages: same full-width bar, frame and height. */
.lounge-home-page .wrap > .top{width:100vw!important;max-width:none!important;height:76px!important;min-height:76px!important;margin:0 calc(50% - 50vw)!important;padding-left:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;padding-right:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;box-sizing:border-box!important;border-bottom:1px solid #e7e7e7!important;box-shadow:0 2px 10px #00000005!important}
@media(max-width:760px){.lounge-home-page .wrap > .top{height:68px!important;min-height:68px!important;margin-left:calc(50% - 50vw)!important;padding-left:20px!important;padding-right:20px!important}}

/* Media folder breadcrumb: make the back action readable and visually consistent. */
.media-location{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-height:40px!important;margin:6px 0 14px!important;color:#526273!important;font-size:13px!important}
.media-location button#backFolder{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #d5dce3!important;border-radius:999px!important;background:#fff!important;color:#29435d!important;font:inherit!important;font-weight:650!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:0 2px 6px #1426380a!important}
.media-location button#backFolder:hover:not(:disabled),.media-location button#backFolder:focus-visible{border-color:var(--theme-accent,#245f91)!important;color:var(--theme-accent,#245f91)!important;background:#f7fbff!important}
.media-location button#backFolder:disabled{display:none!important}
.media-location #folderLocation{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:5px 10px!important;border-radius:999px!important;background:#f2f5f8!important;color:#526273!important;line-height:1.3!important}
@media(max-width:760px){.media-location{gap:7px!important;margin:8px 0 13px!important}.media-location button#backFolder{min-height:40px!important;padding:8px 13px!important}.media-location #folderLocation{min-height:34px!important}}

/* Music filter bar colors: use a light surface and reserve theme color for selection. */
body[data-lounge-theme] .music-main .music-toolbar{background:#fff!important;color:#202020!important;border:1px solid #dfe4e9!important;border-radius:14px!important;padding:8px!important;box-shadow:0 6px 18px #15283a0a!important}
body[data-lounge-theme] .music-main .genre-chip{background:#fff!important;color:#334155!important;border-color:#d4dce4!important}
body[data-lounge-theme] .music-main .genre-chip:hover{border-color:var(--theme-accent)!important;color:var(--theme-accent)!important}
body[data-lounge-theme] .music-main .genre-chip.active{background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important}
body[data-lounge-theme] .music-main .music-search{background:#fff!important;color:#202020!important;border-color:#d4dce4!important}
@media(max-width:700px){body[data-lounge-theme] .music-main .music-toolbar{padding:9px!important;gap:10px!important}}

/* Final home header frame: edge-to-edge band, content aligned to the 1180px hero frame. */
html,body.lounge-home-page{width:100%!important;max-width:none!important;overflow-x:hidden!important}
body.lounge-home-page .wrap{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
body.lounge-home-page .wrap>header.top{position:relative!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100vw!important;max-width:none!important;margin:0!important;padding-left:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;padding-right:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;box-sizing:border-box!important;background:#fff!important;border:0!important;border-bottom:1px solid #d8d8d8!important;box-shadow:0 3px 12px #00000006!important}
body.lounge-home-page .wrap>header.top>.brand{margin:0 auto 0 0!important}
body.lounge-home-page .wrap>header.top>.nav{margin:0 0 0 auto!important}
@media(max-width:760px){body.lounge-home-page .wrap>header.top{padding-left:20px!important;padding-right:20px!important}}

/* Keep the active music player in view while browsing a long playlist. */
body[data-lounge-theme] .music-main .player-panel{position:sticky!important;top:12px!important;z-index:40!important;align-self:start!important;isolation:isolate!important;background:#fff!important;box-shadow:0 12px 34px #1b31481c!important}
@media(max-width:760px){body[data-lounge-theme] .music-main .player-panel{top:8px!important;z-index:40!important}}

/* Music player pinning: keep scrolling in the viewport, not in a nested overflow area. */
body:has(.music-main){overflow-x:clip!important;overflow-y:visible!important}
body:has(.music-main) .wrap,body:has(.music-main) .music-main{overflow:visible!important}
body:has(.music-main) .player-panel{position:-webkit-sticky!important;position:sticky!important;top:10px!important;z-index:90!important;align-self:start!important}
@media(max-width:760px){body:has(.music-main) .player-panel{top:8px!important}}

/* Music box player styling: polished light enclosure, vinyl and focused controls. */
body[data-lounge-theme] .music-main .player-panel{position:sticky!important;top:10px!important;z-index:90!important;display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;padding:25px 30px!important;border:1px solid #d7e2ec!important;border-radius:24px!important;background:radial-gradient(circle at 8% 50%,#dcecf8aa,transparent 23%),linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f1f6fb 100%)!important;color:#172b40!important;box-shadow:0 18px 46px #233e5617!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
body[data-lounge-theme] .music-main .player-panel .record{box-shadow:0 14px 30px #142a3c33,0 0 0 8px #ffffffad!important}
body[data-lounge-theme] .music-main .player-panel .now-playing{color:var(--theme-accent)!important;letter-spacing:.16em!important}
body[data-lounge-theme] .music-main .player-panel .player-title{color:#172b40!important;font-size:clamp(19px,2.2vw,26px)!important;letter-spacing:-.04em!important}
body[data-lounge-theme] .music-main .player-panel .player-artist,body[data-lounge-theme] .music-main .player-panel .player-state{color:#607184!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:9px 0 10px!important;transform:none!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button{min-height:36px!important;padding:7px 12px!important;border:1px solid #d5e0e9!important;border-radius:999px!important;background:#fff!important;color:#304458!important;font-weight:650!important;transition:transform .16s,background .16s,color .16s!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button:hover{transform:translateY(-1px)!important;border-color:var(--theme-accent)!important;color:var(--theme-accent)!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button.active,body[data-lounge-theme] .music-main .player-panel .play-all[aria-pressed="true"]{background:var(--theme-accent)!important;color:#fff!important;border-color:var(--theme-accent)!important}
body[data-lounge-theme] .music-main .player-panel .player-controls audio{border-radius:999px!important;background:#f1f4f7!important}
body[data-lounge-theme] .music-main .player-panel .audio-visualizer{height:52px!important;margin-top:8px!important}
body[data-lounge-theme] .music-main .nas-browser{margin:16px 0 22px!important;padding:18px!important;border:1px solid #dce4eb!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f7fafe)!important;color:#26394b!important;box-shadow:0 12px 32px #1d344510!important}
body[data-lounge-theme] .music-main .nas-browser-head{color:#26394b!important}
body[data-lounge-theme] .music-main .nas-browser-head button{min-height:36px!important;padding:7px 12px!important;border:1px solid #d6e0e8!important;border-radius:999px!important;background:#fff!important;color:var(--theme-accent)!important}
body[data-lounge-theme] .music-main .nas-search{width:100%!important;margin:0 0 12px!important;padding:12px 14px!important;border:1px solid #d6e0e8!important;border-radius:12px!important;background:#fff!important;color:#223448!important}
body[data-lounge-theme] .music-main .nas-search:focus{outline:2px solid color-mix(in srgb,var(--theme-accent) 32%,transparent)!important;outline-offset:1px!important}
body[data-lounge-theme] .music-main .nas-entry{padding:13px 12px!important;border-bottom:1px solid #e6edf3!important;border-radius:10px!important;background:transparent!important;color:#26394b!important}
body[data-lounge-theme] .music-main .nas-entry:hover{background:var(--theme-soft)!important}
body[data-lounge-theme] .music-main .nas-entry small{color:#6f8192!important}
body[data-lounge-theme] .music-main .nas-entry-icon{color:var(--theme-accent)!important}
@media(max-width:700px){body[data-lounge-theme] .music-main .player-panel{position:sticky!important;top:8px!important;grid-template-columns:50px minmax(0,1fr)!important;gap:11px!important;padding:13px!important;border-radius:17px!important}body[data-lounge-theme] .music-main .player-panel .record{width:48px!important;height:48px!important;flex-basis:48px!important}body[data-lounge-theme] .music-main .player-panel .record:before{width:24px!important;height:24px!important;font-size:14px!important}body[data-lounge-theme] .music-main .player-panel .playback-controls{gap:5px!important}body[data-lounge-theme] .music-main .player-panel .playback-controls button{min-height:32px!important;padding:5px 8px!important;font-size:10px!important}body[data-lounge-theme] .music-main .player-panel .audio-visualizer{height:34px!important;margin-top:3px!important}body[data-lounge-theme] .music-main .nas-browser{padding:12px!important;border-radius:14px!important}}

/* Coral music-box player: wide controls and a full-width waveform instead of album art. */
body[data-lounge-theme] .music-main .player-panel{--music-wave-color:rgba(255,255,255,.96);position:sticky!important;top:10px!important;z-index:90!important;display:block!important;padding:28px clamp(20px,4vw,42px)!important;border:1px solid #ffffff70!important;border-radius:22px!important;background:radial-gradient(ellipse at 0% 100%,#ffd3ae99,transparent 45%),linear-gradient(112deg,#ffc39a 0%,#f69083 48%,#e75f72 100%)!important;color:#fff!important;box-shadow:0 18px 44px #ac52602a!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
body[data-lounge-theme] .music-main .player-panel>.record{display:none!important}
body[data-lounge-theme] .music-main .player-panel>.record+div{width:100%!important;min-width:0!important}
body[data-lounge-theme] .music-main .player-panel .now-playing{color:#fff!important;opacity:.88!important;letter-spacing:.18em!important}
body[data-lounge-theme] .music-main .player-panel .player-title{margin:5px 0 2px!important;color:#fff!important;font-size:clamp(22px,3vw,32px)!important;font-weight:750!important;letter-spacing:-.045em!important}
body[data-lounge-theme] .music-main .player-panel .player-artist,body[data-lounge-theme] .music-main .player-panel .player-state{color:#fff!important;opacity:.9!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:14px 0 10px!important;transform:none!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button{min-height:38px!important;padding:8px 13px!important;border:1px solid #ffffff74!important;border-radius:999px!important;background:#ffffff20!important;color:#fff!important;font-weight:650!important;backdrop-filter:blur(6px)!important;transition:background .16s,transform .16s!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button:hover{transform:translateY(-1px)!important;background:#ffffff38!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button.active,body[data-lounge-theme] .music-main .player-panel .play-all[aria-pressed="true"]{background:#fff!important;color:#b34f59!important;border-color:#fff!important}
body[data-lounge-theme] .music-main .player-panel .player-controls audio{width:100%!important;height:42px!important;border-radius:999px!important;background:#ffffff32!important;color-scheme:light!important}
body[data-lounge-theme] .music-main .player-panel .audio-visualizer{height:54px!important;margin:5px 0 0!important}
body[data-lounge-theme] .music-main .player-panel .player-state{margin-top:5px!important}
@media(max-width:700px){body[data-lounge-theme] .music-main .player-panel{top:8px!important;padding:19px 16px!important;border-radius:18px!important}body[data-lounge-theme] .music-main .player-panel .player-title{font-size:21px!important}body[data-lounge-theme] .music-main .player-panel .playback-controls{gap:6px!important;margin:11px 0 8px!important}body[data-lounge-theme] .music-main .player-panel .playback-controls button{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}body[data-lounge-theme] .music-main .player-panel .player-controls audio{height:38px!important}body[data-lounge-theme] .music-main .player-panel .audio-visualizer{height:38px!important}}

/* Use the selected lounge theme for the music-box gradient and waveform. */
body[data-lounge-theme] .music-main .player-panel{--music-wave-color:rgba(255,255,255,.96)!important;background:radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--theme-tint) 60%,transparent),transparent 48%),linear-gradient(112deg,color-mix(in srgb,var(--theme-accent) 70%,var(--theme-tint)) 0%,var(--theme-accent) 100%)!important;box-shadow:0 18px 44px color-mix(in srgb,var(--theme-accent) 22%,transparent)!important}
body[data-lounge-theme] .music-main .player-panel .playback-controls button.active,body[data-lounge-theme] .music-main .player-panel .play-all[aria-pressed="true"]{color:var(--theme-accent)!important}
/* On phones, the lounge does not expose board navigation or entry cards. */
@media (max-width: 760px) {
  .wrap > .top > .nav a[href$="board/"] {
    display: none !important;
  }

  .lounge-home-page .space-card.space-board,
  .lounge-home-page .lounge-bottom a[href$="board/"] {
    display: none !important;
  }
}

/* Match regular board headers to the messenger header and remove the split-color footer band. */
:is(body.general-mode,body.resource-mode) .board-hero {
  min-height:0!important;margin:16px 0 20px!important;padding:28px 32px!important;
  background:#f7f7f7!important;border:1px solid #dedede!important;border-radius:9px!important;
  box-shadow:none!important;
}
:is(body.general-mode,body.resource-mode) .board-hero:before {
  inset:0!important;height:auto!important;clip-path:none!important;
  background:linear-gradient(128deg,transparent 0 67%,rgba(0,0,0,.025) 67% 100%)!important;
}
:is(body.general-mode,body.resource-mode) .board-hero:after {
  z-index:-1!important;top:-72px!important;right:5%!important;bottom:auto!important;
  width:240px!important;height:150px!important;border:1px solid rgba(0,0,0,.10)!important;
  border-radius:50%!important;background:transparent!important;opacity:1!important;
  transform:rotate(-24deg)!important;box-shadow:0 0 0 20px rgba(0,0,0,.018),0 0 0 42px rgba(0,0,0,.014)!important;
}
body[data-lounge-theme].general-mode .board-hero,
body[data-lounge-theme].resource-mode .board-hero {
  background:color-mix(in srgb,var(--theme-tint) 24%,white)!important;
}
@media(max-width:800px){
  :is(body.general-mode,body.resource-mode) .board-hero{padding:22px!important}
}

/* Shared divider and navigation sizing across page headers and tab lists. */
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) .page-divider {
  position:absolute!important;z-index:2!important;left:3.5%!important;right:3.5%!important;bottom:15%!important;
  height:1px!important;background:#d5dfe7!important;pointer-events:none!important;
}
:is(.board-tab,.media-tabs button,.music-source-tabs button,.genre-chip,.room-tab,.admin-tab,.messenger-subtab,.music-admin-tab) {
  box-sizing:border-box!important;min-height:42px!important;padding:9px 14px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  line-height:1.25!important;font-size:13px!important;white-space:nowrap!important;
}
@media(max-width:760px){
  :is(.board-tab,.media-tabs button,.music-source-tabs button,.genre-chip,.room-tab,.admin-tab,.messenger-subtab,.music-admin-tab) {
    min-height:40px!important;padding:8px 12px!important;font-size:12px!important;
  }
}

/* Use the regular board header as the shared size and type standard for feature headers. */
:is(.games-main,.music-main,.media-main,.board,.messenger-main) {
  width:calc(100% - 32px)!important;max-width:1200px!important;box-sizing:border-box!important;
}
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) {
  width:100%!important;height:220px!important;min-height:220px!important;max-height:220px!important;
  box-sizing:border-box!important;margin:16px 0 24px!important;padding:28px 32px!important;
  border-radius:9px!important;
}
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) h1 {
  font-family:inherit!important;font-size:48px!important;font-weight:750!important;
  letter-spacing:-.065em!important;line-height:1.12!important;
}
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) :is(.eyebrow,.games-kicker) {
  font-family:inherit!important;font-size:12px!important;font-weight:750!important;letter-spacing:.16em!important;
}
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) p {
  font-family:inherit!important;font-size:16px!important;line-height:1.6!important;
}
@media(max-width:760px){
  :is(.games-main,.music-main,.media-main,.board,.messenger-main) {width:100%!important;max-width:1200px!important}
  :is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) {
    height:auto!important;min-height:220px!important;max-height:none!important;padding:22px!important;
  }
  :is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) h1 {font-size:34px!important}
}

/* Keep every feature header aligned at the same start point below the site navigation. */
:is(.games-main,.music-main,.media-main,.board,.messenger-main) {padding-top:38px!important}
:is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) {margin-top:16px!important}

/* Final mobile layout: one in-flow menu rule shared by every site page. */
@media(max-width:760px){
  .wrap > .top,body.lounge-home-page .wrap > .top{
    display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;height:auto!important;min-height:68px!important;padding:12px 18px!important;overflow:visible!important;
  }
  .wrap > .top > .brand,body.lounge-home-page .wrap > .top > .brand{
    order:1!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;white-space:nowrap!important;
  }
  .wrap > .top > .nav-toggle,body.lounge-home-page .wrap > .top > .nav-toggle{
    display:grid!important;order:2!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
    margin:0 0 0 auto!important;position:relative!important;z-index:102!important;
  }
  .wrap > .top > .nav,body.lounge-home-page .wrap > .top > .nav{
    position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;z-index:101!important;
    display:none!important;order:3!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
    max-height:min(62dvh,480px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    border:1px solid #d8d8d8!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 28px #00000012!important;
  }
  .wrap > .top > .nav.is-open,body.lounge-home-page .wrap > .top > .nav.is-open{display:grid!important;margin-top:2px!important}
  .wrap > .top > .nav > a,body.lounge-home-page .wrap > .top > .nav > a{
    display:flex!important;min-width:0!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important;
    padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#202020!important;
    font-size:13px!important;white-space:normal!important;word-break:keep-all!important;
  }
  .wrap > .top > .nav > .login-link,body.lounge-home-page .wrap > .top > .nav > .login-link{
    justify-content:center!important;border:1px solid #d8d8d8!important;
  }
  .wrap > .top > .nav .site-online-count,body.lounge-home-page .wrap > .top > .nav .site-online-count{justify-content:center!important}
  :is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading){padding-bottom:48px!important}
  :is(.games-hero,.music-hero,.media-hero,.board-hero,.messenger-heading) .page-divider{bottom:18px!important}
  .media-main #count,.media-main .media-status{color:#737373!important}
}

/* The board is desktop-only: hide its link in every mobile navigation menu. */
@media(max-width:760px){
  .wrap > .top > .nav > a[href*="board"]{display:none!important}
}