:root{--mm-bg:#f5f5f7;--mm-soft:#f5f5f7;--mm-soft2:#f5f5f7;--mm-text:#1d1d1f;--mm-muted:#6e6e73;--mm-line:#d2d2d7;--mm-blue:#0071e3;--mm-radius:24px;--mm-max:1280px;--mm-nav-bg:#161617;--mm-nav-text:#f5f5f7;--mm-nav-muted:#c8c8cc;--mm-accent:#5b8cff;--mm-page-bg:#f5f5f7;--mm-brand-bg:#f5f5f7;--mm-brand-fg:#161617}
*{box-sizing:border-box}html{background:var(--mm-page-bg);color:var(--mm-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--mm-page-bg);color:var(--mm-text);font-size:15px;line-height:1.5}a{color:inherit}img{max-width:100%}.sound_only,.mm-skip{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mm-skip:focus{clip:auto;width:auto;height:auto;margin:8px;padding:10px 14px;background:#000;color:#fff;z-index:99999}

/* Apple-inspired compact global bar, rebuilt for MeshMelo */
.mm-global-header{position:sticky;top:0;z-index:3000;background:var(--mm-nav-bg);color:var(--mm-nav-text);border-bottom:1px solid color-mix(in srgb,var(--mm-nav-text) 11%,transparent);transition:background .28s ease,color .28s ease}.mm-nav-shell{height:46px;max-width:var(--mm-max);margin:0 auto;display:flex;align-items:center;padding:0 20px;gap:20px}.mm-brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto;color:var(--mm-nav-text)}.mm-brand-mark{width:24px;height:24px;border-radius:7px;background:var(--mm-brand-bg);color:var(--mm-brand-fg);display:grid;place-items:center;font-weight:850;font-size:13px;letter-spacing:-.04em}.mm-brand-word{font-size:15px;font-weight:760;letter-spacing:-.025em}.mm-genre-strip{display:flex;align-items:center;gap:22px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:46px}.mm-genre-strip::-webkit-scrollbar{display:none}.mm-nav-link{font-size:11.5px;font-weight:540;text-decoration:none;color:var(--mm-nav-text);opacity:.88;letter-spacing:-.005em;line-height:46px;position:relative;transition:opacity .16s ease}.mm-nav-link:hover,.mm-nav-link:focus{opacity:1}.mm-nav-link.is-current{opacity:1;font-weight:720}.mm-nav-link.is-current:after{content:"";position:absolute;left:10%;right:10%;bottom:5px;height:2px;border-radius:2px;background:var(--mm-accent)}.mm-nav-home{font-weight:700}.mm-nav-actions{display:flex;align-items:center;gap:13px;flex:0 0 auto;color:var(--mm-nav-text)}.mm-language-link,.mm-account-link{font-size:11.5px;text-decoration:none;color:var(--mm-nav-text);opacity:.88;white-space:nowrap}.mm-language-link:hover,.mm-account-link:hover{opacity:1}.mm-join{font-weight:700}.mm-account-icon,.mm-search-trigger{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:var(--mm-nav-text);padding:0;border-radius:50%;text-decoration:none;cursor:pointer}.mm-account-icon svg,.mm-search-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

/* Search moved into the global menu like Apple */
.mm-search-panel{position:absolute;left:0;right:0;top:46px;background:var(--mm-nav-bg);color:var(--mm-nav-text);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s;box-shadow:0 26px 54px rgba(0,0,0,.18);border-top:1px solid color-mix(in srgb,var(--mm-nav-text) 10%,transparent)}.mm-search-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mm-search-panel-inner{max-width:980px;margin:0 auto;padding:34px 22px 38px}.mm-search-form{display:flex;align-items:center;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--mm-nav-text) 28%,transparent);padding:0 0 12px}.mm-search-form input{flex:1;height:54px;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;font:700 28px/1.15 inherit!important;letter-spacing:-.035em;color:var(--mm-nav-text)!important;padding:0!important}.mm-search-form input::placeholder{color:var(--mm-nav-muted);font-weight:580}.mm-search-form button{border:1px solid color-mix(in srgb,var(--mm-nav-text) 28%,transparent);background:transparent;color:var(--mm-nav-text);border-radius:999px;height:36px;padding:0 16px;font:680 12px/34px inherit;cursor:pointer}.mm-search-icon{width:23px;height:23px;fill:none;stroke:var(--mm-nav-muted);stroke-width:1.7;stroke-linecap:round;flex:0 0 auto}.mm-search-hint{font-size:12px;color:var(--mm-nav-muted);margin-top:14px}

/* Full-width mega menu, inherits each genre's mood */
.mm-mega-layer{position:absolute;top:46px;left:0;right:0;background:var(--mm-nav-bg);color:var(--mm-nav-text);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;box-shadow:0 26px 54px rgba(0,0,0,.18);border-top:1px solid color-mix(in srgb,var(--mm-nav-text) 10%,transparent)}.mm-mega-layer.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mm-mega-inner{max-width:var(--mm-max);margin:0 auto;padding:38px 22px 46px}.mm-mega-panel{display:none;grid-template-columns:260px 240px 1fr;gap:46px;align-items:start}.mm-mega-panel.is-active{display:grid}.mm-mega-kicker,.mm-mega-label{display:block;font-size:11px;color:var(--mm-nav-muted);font-weight:620;margin-bottom:11px}.mm-mega-lead h2{font-size:34px;line-height:1.06;letter-spacing:-.045em;margin:0;font-weight:820}.mm-mega-col{display:flex;flex-direction:column;gap:9px}.mm-mega-col a{text-decoration:none;font-size:15px;font-weight:620;letter-spacing:-.02em;color:var(--mm-nav-text);opacity:.94}.mm-mega-col a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.mm-mega-primary{font-size:23px!important;font-weight:780!important;line-height:1.2}.mm-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 22px}.mm-mega-grid a{font-size:13px;font-weight:560;color:var(--mm-nav-text);opacity:.78}.mm-page-dimmer{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:2500;opacity:0;visibility:hidden;transition:.18s;backdrop-filter:blur(5px)}.mm-page-dimmer.is-open{opacity:1;visibility:visible}

.mm-site-main{min-height:65vh;max-width:none;margin:0;padding:0;background:var(--mm-page-bg);transition:background .28s ease}.mm-simple-page{max-width:1180px;margin:0 auto;padding:64px 22px}.mm-simple-page h1{font-size:44px;letter-spacing:-.05em;margin:0 0 14px}.mm-footer{border-top:1px solid rgba(0,0,0,.07);background:#efeff1;margin-top:0}.mm-footer-inner{max-width:var(--mm-max);margin:0 auto;padding:30px 22px 44px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.mm-footer-brand{font-weight:800;letter-spacing:-.03em}.mm-footer-copy{color:#86868b;font-size:12px}.mm-footer-links{display:flex;gap:14px}.mm-footer-links a{font-size:12px;text-decoration:none;color:#515154}

/* Discovery rail */
.mm-discovery-section{padding:26px 0 54px;background:var(--mm-page-bg)}.mm-discovery-head{max-width:1180px;margin:0 auto 18px;padding:0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mm-discovery-head h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.04em;font-weight:800}.mm-discovery-head p{margin:0;color:#86868b;font-size:12px}.mm-rail-viewport{position:relative;overflow:hidden;width:100%;padding:3px 0 8px}.mm-rail-track{display:flex;gap:16px;width:max-content;will-change:transform;padding-left:22px}.mm-rail-card{position:relative;width:220px;flex:0 0 220px;text-decoration:none}.mm-rail-cover{width:220px;height:220px;display:block;object-fit:cover;border-radius:18px;background:#e8e8eb;box-shadow:0 8px 22px rgba(0,0,0,.08)}.mm-rail-overlay{position:absolute;left:0;right:0;top:0;height:220px;border-radius:18px;background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,0) 62%);opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.mm-rail-card:hover .mm-rail-overlay,.mm-rail-card:focus .mm-rail-overlay{opacity:1}.mm-rail-play{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.93);color:#111;display:grid;place-items:center;font-size:15px;box-shadow:0 6px 24px rgba(0,0,0,.18)}.mm-rail-title{font-size:13px;font-weight:720;color:#1d1d1f;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-rail-meta{font-size:11px;color:#86868b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-rail-empty{max-width:1180px;margin:0 auto;padding:0 22px;color:#86868b;font-size:13px}

/* Common GnuBoard surfaces */
#container_title{display:none!important}.tbl_head01 table,.tbl_frm01 table{border-collapse:separate!important;border-spacing:0!important;border:1px solid #e5e5e7!important;border-radius:14px!important;overflow:hidden!important}.tbl_head01 thead th{background:#f7f7f8!important;color:#6e6e73!important;border:0!important;border-bottom:1px solid #e5e5e7!important}.tbl_head01 td,.tbl_frm01 td,.tbl_frm01 th{border-color:#ededf0!important}input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=number],textarea,select{border:1px solid #d2d2d7!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;outline:none!important}input:focus,textarea:focus,select:focus{border-color:#86868b!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mm-accent) 18%,transparent)!important}.btn_submit,.btn_b01,.btn_b02,.btn_admin,.btn_confirm .btn_submit{border:0!important;border-radius:999px!important;background:#1d1d1f!important;color:#fff!important;font-weight:700!important}.btn_cancel,.btn_b03{border-radius:999px!important}.login-skin,.register{max-width:720px;margin-left:auto!important;margin-right:auto!important}

@media(max-width:1100px){.mm-nav-shell{gap:14px}.mm-genre-strip{gap:18px}.mm-brand-word{display:none}.mm-account-link{display:none}.mm-mega-panel{grid-template-columns:220px 220px 1fr}.mm-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mm-global-header{position:sticky}.mm-nav-shell{height:46px;padding:0 12px}.mm-genre-strip{height:46px;gap:17px}.mm-nav-link{line-height:46px}.mm-language-link{font-size:11px}.mm-mega-layer,.mm-page-dimmer{display:none!important}.mm-search-panel-inner{padding:24px 16px}.mm-search-form input{font-size:22px!important}.mm-footer-inner{grid-template-columns:1fr;gap:7px}.mm-footer-links{flex-wrap:wrap}.mm-site-main{overflow:hidden}.mm-rail-card,.mm-rail-cover{width:170px}.mm-rail-card{flex-basis:170px}.mm-rail-cover,.mm-rail-overlay{height:170px}.mm-discovery-head{padding:0 14px}.mm-rail-track{padding-left:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.mm-mega-layer,.mm-search-panel,.mm-page-dimmer{transition:none!important}.mm-rail-track{transform:none!important}}

/* MeshMelo v14 persistent glass player */
body.mm-player-active{padding-bottom:78px}.mm-global-player{position:fixed;z-index:5000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%,18px);width:min(760px,calc(100vw - 28px));height:54px;border-radius:999px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,background .25s ease,border-color .25s ease;color:#1d1d1f;background:color-mix(in srgb,var(--mm-page-bg) 72%,transparent);border:1px solid rgba(20,20,22,.12);box-shadow:0 12px 36px rgba(0,0,0,.16);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}.mm-global-player[data-tone="dark"]{color:#f5f5f7;border-color:rgba(255,255,255,.16);background:color-mix(in srgb,var(--mm-page-bg) 70%,transparent);box-shadow:0 12px 38px rgba(0,0,0,.34)}.mm-global-player.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.mm-global-player audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mm-player-inner{height:100%;display:flex;align-items:center;gap:9px;padding:6px 10px}.mm-player-toggle,.mm-player-volume-btn,.mm-player-close{flex:0 0 auto;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;padding:0}.mm-player-toggle{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,currentColor 9%,transparent);position:relative}.mm-player-toggle-play{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}.mm-player-toggle-pause{display:none;gap:4px}.mm-player-toggle-pause i{display:block;width:3px;height:12px;border-radius:2px;background:currentColor}.mm-global-player.is-playing .mm-player-toggle-play{display:none}.mm-global-player.is-playing .mm-player-toggle-pause{display:flex}.mm-player-cover{width:36px;height:36px;flex:0 0 36px;border-radius:8px;object-fit:cover;background:color-mix(in srgb,currentColor 8%,transparent)}.mm-player-info{min-width:0;width:170px;line-height:1.13}.mm-player-title{font-size:12px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.015em}.mm-player-artist{font-size:10.5px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.mm-player-time{font-size:10px;opacity:.64;font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.mm-player-seek{-webkit-appearance:none;appearance:none;flex:1;min-width:100px;height:18px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.mm-player-seek:focus{box-shadow:none!important}.mm-player-seek::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:color-mix(in srgb,currentColor 18%,transparent)}.mm-player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:currentColor;margin-top:-3.5px;box-shadow:0 0 0 2px color-mix(in srgb,var(--mm-page-bg) 75%,transparent)}.mm-player-seek::-moz-range-track{height:3px;border-radius:99px;background:color-mix(in srgb,currentColor 18%,transparent)}.mm-player-seek::-moz-range-progress{height:3px;border-radius:99px;background:currentColor}.mm-player-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:currentColor}.mm-player-volume-btn{width:28px;height:28px}.mm-player-volume-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mm-player-volume-btn svg path:first-child{fill:currentColor;stroke:none}.mm-player-close{width:24px;height:24px;border-radius:50%;font-size:19px;line-height:1;opacity:.55}.mm-player-close:hover{opacity:1}.mm-global-player.is-muted .mm-v-wave{display:none}

/* Inline icon-only play / visualizer buttons */
.mm-play-trigger{--mm-btn-fg:currentColor;position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;cursor:pointer;padding:0;text-decoration:none!important;vertical-align:middle;transition:background .15s ease,color .15s ease,transform .15s ease}.mm-play-trigger:hover{background:color-mix(in srgb,currentColor 13%,transparent)}.mm-play-trigger:active{transform:scale(.96)}.mm-play-trigger .mm-play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}.mm-play-trigger .mm-eq{display:none;align-items:end;justify-content:center;gap:2px;width:15px;height:15px}.mm-play-trigger .mm-eq i{display:block;width:2.5px;border-radius:3px;background:currentColor;animation:mmEq .62s ease-in-out infinite alternate}.mm-play-trigger .mm-eq i:nth-child(1){height:8px;animation-delay:-.25s}.mm-play-trigger .mm-eq i:nth-child(2){height:14px;animation-delay:-.48s}.mm-play-trigger .mm-eq i:nth-child(3){height:10px;animation-delay:-.12s}.mm-play-trigger .mm-inline-pause{display:none;gap:3px}.mm-play-trigger .mm-inline-pause i{display:block;width:3px;height:12px;border-radius:2px;background:currentColor}.mm-play-trigger.is-playing .mm-play-triangle{display:none}.mm-play-trigger.is-playing .mm-eq{display:flex}.mm-play-trigger.is-playing:hover .mm-eq{display:none}.mm-play-trigger.is-playing:hover .mm-inline-pause{display:flex}.mm-play-trigger.is-loading{opacity:.45;pointer-events:none}@keyframes mmEq{0%{transform:scaleY(.45)}100%{transform:scaleY(1)}}

/* Soft/PJAX navigation keeps the audio element alive while public pages change */
html.mm-pjax-loading #container{opacity:.58;transition:opacity .12s ease}#container{transition:opacity .12s ease}.mm-pjax-error{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:6000;background:#1d1d1f;color:#fff;padding:10px 14px;border-radius:999px;font-size:12px;box-shadow:0 8px 28px rgba(0,0,0,.2)}

@media(max-width:700px){body.mm-player-active{padding-bottom:76px}.mm-global-player{height:52px;width:calc(100vw - 14px);bottom:calc(7px + env(safe-area-inset-bottom))}.mm-player-inner{gap:7px;padding:5px 8px}.mm-player-cover{width:34px;height:34px;flex-basis:34px}.mm-player-info{width:118px}.mm-player-artist{display:none}.mm-player-time{display:none}.mm-player-seek{min-width:70px}.mm-player-volume-btn{display:none}.mm-player-close{width:20px}.mm-play-trigger{width:34px;height:34px}}
@media(max-width:430px){.mm-player-info{width:92px}.mm-player-title{font-size:11.5px}.mm-global-player{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.mm-play-trigger .mm-eq i{animation:none}.mm-global-player{transition:none}}