/* Scoped BGM service/player styles and the requested hero shortcut. */
#feelai-hub .fx-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
#feelai-hub:not(.fx-ready) .feelai-dock,#feelai-hub .feelai-dock.fx-away{visibility:hidden}
/* Native music player; no external embed and no automatic audio. */
#feelai-hub #fx-panel-3 .fh-bgm-stage{position:relative;min-height:424px;background:#eeece7;border:1px solid #e9e7df;border-radius:19px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:33px;isolation:isolate}
#feelai-hub #fx-panel-3 .fh-bgm-stage:before{content:"";position:absolute;width:330px;height:330px;left:50%;top:0;transform:translateX(-50%);border-radius:50%;background:#f9f7ef;filter:blur(35px);z-index:-1}
#feelai-hub #fx-panel-3 .st-disc-label{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:.15em;color:#aaa792}
#feelai-hub #fx-panel-3 .fh-record-disc{position:relative;width:218px;height:218px;border-radius:50%;flex-shrink:0;background:repeating-radial-gradient(circle,transparent 0 3px,#ffffff0d 3.5px,transparent 4px 5px),conic-gradient(from 30deg,#302f2d,#181716 15%,#53514e 27%,#22211f 42%,#1a1918 59%,#4b4945 75%,#191817 89%,#302f2d);box-shadow:0 20px 30px #31302e28,0 0 0 1px #27262545;display:grid;place-items:center;animation:st-record-spin 16s linear infinite;animation-play-state:paused}
#feelai-hub #fx-panel-3 .fh-record-disc:before{content:"";position:absolute;width:36%;height:36%;background:#f5d78a;border-radius:50%;box-shadow:0 0 0 1px #28272580,0 0 0 3px #615e40}
#feelai-hub #fx-panel-3 .fh-record-disc:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#43413e;box-shadow:0 0 0 3px #e1cb7b}
#feelai-hub #fx-panel-3 .fh-record-disc b{position:relative;z-index:1;font-size:9px;letter-spacing:.035em;font-weight:750;transform:translateY(-23px);color:#64582e}
#feelai-hub #fx-panel-3 .fh-bgm-stage.is-playing .fh-record-disc{animation-play-state:running}
#feelai-hub #fx-panel-3 .st-player{position:absolute;bottom:20px;left:20px;right:20px;padding:16px;background:#fffffff2;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 22px #5853470b}
#feelai-hub #fx-panel-3 .st-song-modes{display:flex;gap:4px;margin:0 0 16px;padding:4px;background:#f0f0ef;border-radius:9px}
#feelai-hub #fx-panel-3 .st-song-mode{flex:1;padding:8px 4px;min-height:34px;font-size:11px;color:#9c9994;border-radius:6px;font-weight:500;line-height:1.4}
#feelai-hub #fx-panel-3 .st-song-mode[aria-pressed=true]{background:#fff;color:#4d4b47;box-shadow:0 2px 5px #24232108}
#feelai-hub #fx-panel-3 .st-player-main{display:flex;align-items:center;gap:13px}
#feelai-hub #fx-panel-3 .st-player-play{width:44px;height:44px;border-radius:50%;background:#262524;color:#fff;display:grid;place-items:center;flex-shrink:0}
#feelai-hub #fx-panel-3 .st-player-play svg{width:16px;height:16px}
#feelai-hub #fx-panel-3 .st-track-info{flex:1;min-width:0}
#feelai-hub #fx-panel-3 .st-track-info strong{display:block;font-size:12px;font-weight:650;letter-spacing:-.02em;color:#55534f;margin-bottom:5px;line-height:1.5}
#feelai-hub #fx-panel-3 .st-track-info>span{font-size:10px;color:#a09e99}
#feelai-hub #fx-panel-3 .st-player-main>.fx-vector-wave{width:94px;height:26px;color:#b3b1ad;flex-shrink:0}
#feelai-hub #fx-panel-3 .st-player-progress{display:flex;align-items:center;gap:10px;margin-top:14px}
#feelai-hub #fx-panel-3 .st-player-time{font-size:9px;font-variant-numeric:tabular-nums;color:#918e89;white-space:nowrap;min-width:50px;text-align:right}
#feelai-hub #fx-panel-3 .st-player-range{appearance:none;flex:1;min-width:0;height:3px;border:0;border-radius:3px;cursor:pointer;background:linear-gradient(to right,#b39e64 var(--progress,0%),#e5e4e3 var(--progress,0%));padding:0;margin:0}
#feelai-hub #fx-panel-3 .st-player-range::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#ac9658;border:2px solid #fff;box-shadow:0 0 0 1px #c9bb90}
#feelai-hub #fx-panel-3 .st-player-range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#ac9658;border:2px solid #fff}
#feelai-hub #fx-panel-3 .st-player-range:disabled{cursor:default}
#feelai-hub #fx-panel-3 .st-audio-error{color:#976751;font-size:11px;line-height:1.7;margin-top:10px}
#feelai-hub #fx-panel-3 .st-audio-error a{text-decoration:underline}
#feelai-hub #fx-panel-3 .fh-bgm-steps{display:flex;gap:10px;margin-top:27px;padding-top:17px;border-top:1px solid #eaeae9}
#feelai-hub #fx-panel-3 .fh-bgm-steps>span{flex:1;font-size:10px;line-height:1.5;color:#8e8b85}
#feelai-hub #fx-panel-3 .fh-bgm-steps b{display:block;font-size:10px;color:#b5b3b0;font-weight:500;margin-bottom:6px}


#feelai-hub #fx-panel-3 .fh-bgm-stage{background:#efede6;border-radius:14px;min-height:400px}
#feelai-hub #fx-panel-3 .st-song-mode{color:#6e6f76;min-height:40px}
#feelai-hub #fx-panel-3 .st-track-info>span,#feelai-hub #fx-panel-3 .st-player-time{color:#73716b}
#feelai-hub #fx-panel-3 .st-player-play{background:#ffd75b;color:#17181d}
#feelai-hub #fx-panel-3 .st-player-main>.fx-vector-wave{width:72px}
#feelai-hub #fx-panel-3 .fh-bgm-steps>span{color:#6e6f76}
#feelai-hub #fx-panel-3 .fh-bgm-steps b{color:#8b7b4a}
#feelai-hub #fx-panel-3 .st-player-range{min-height:5px}
@keyframes st-record-spin{to{transform:rotate(360deg)}}
@media(min-width:721px) and (max-width:1100px){
 #feelai-hub .fx-tab{gap:7px;padding-left:7px;padding-right:7px;font-size:14px}
 #feelai-hub #fx-panel-3 .st-player-main>.fx-vector-wave{display:none}
}
@media(max-width:720px){
 #feelai-hub .fx-tab{flex-direction:column;gap:6px;min-height:88px;font-size:12px;padding:11px 3px;flex-wrap:nowrap}
 #feelai-hub .fx-tab-name{font-size:12px;line-height:1.4;white-space:nowrap}
 #feelai-hub .fx-tab em{font-size:8px;line-height:1.2}
 #feelai-hub #fx-panel-3 .fh-bgm-stage{min-height:365px;padding-top:25px}
 #feelai-hub #fx-panel-3 .fh-record-disc{width:180px;height:180px}
 #feelai-hub #fx-panel-3 .st-player{left:12px;right:12px;bottom:12px;padding:13px;border-radius:12px}
 #feelai-hub #fx-panel-3 .st-player-main{gap:10px}
 #feelai-hub #fx-panel-3 .st-player-main>.fx-vector-wave{width:46px}
 #feelai-hub #fx-panel-3 .st-track-info strong{font-size:11px}
 #feelai-hub #fx-panel-3 .st-track-info>span{font-size:9px}
}
@media(max-width:360px){
 #feelai-hub .fx-tab-name{font-size:11px}
 #feelai-hub #fx-panel-3 .st-player-main>.fx-vector-wave{display:none}
}
@media(prefers-reduced-motion:reduce){#feelai-hub #fx-panel-3 .fh-record-disc{animation:none}}

/* Four compact hero shortcuts: preserve the original button type and colors. */
#feelai-hub .feelai-hero-ctas-bgm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:368px;width:100%;gap:8px}
#feelai-hub .feelai-hero-bgm-icon{width:18px;height:18px;flex:0 0 18px;margin-right:6px}
@media(max-width:580px){
 #feelai-hub .feelai-hero-ctas-bgm{gap:6px}
 #feelai-hub .feelai-hero-bgm-icon{width:16px;height:16px;flex-basis:16px;margin-right:5px}
}