:root{--pink:#ff007f;--text:#f4f1f0;--muted:#9c989f;--bg:#000000}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-width:44px;min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}a{color:inherit;text-decoration:none}header{max-width:880px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 26px}.brand{font-weight:900;letter-spacing:.27em;font-size:19px}nav{display:flex;gap:5px}nav button{font-size:25px;color:#c5c1c8}main{max-width:600px;margin:auto;padding:10px 28px 140px}.hero{text-align:center}.intro{display:flex;align-items:baseline;justify-content:center;gap:15px;margin:18px 0 30px}.intro strong{font-size:37px;letter-spacing:.18em;font-weight:900}.intro span{font-family:'Segoe Print','Bradley Hand',cursive;font-size:27px;font-style:italic;transform:rotate(-7deg);color:#d0c6cc}.album-art{aspect-ratio:1;background:#080809;border:2px solid #f1eeee;max-width:285px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.album-art>div{font-size:35px;letter-spacing:.22em;padding-left:.22em;font-weight:bold}.album-art small{position:absolute;bottom:27px;font-size:10px;letter-spacing:.5em}.genres{font-size:13px;letter-spacing:.035em;color:#ccc7ce;margin:25px -10px 20px}.meta{font-size:9px;letter-spacing:.2em;color:#77737c;display:flex;justify-content:center;gap:28px}.album-controls{display:flex;gap:12px;margin-top:33px;align-items:center}.play-album{background:var(--text);color:#151216;border-radius:30px;flex:1;font-weight:700;min-height:52px;font-size:17px}.round{border-radius:50%;background:#232126;font-size:28px;width:51px;height:51px}.on{color:var(--pink)!important}.draft{text-align:center;color:#77717c;font-size:9px;letter-spacing:.13em;margin:17px 0 26px}.track{display:flex;align-items:center;gap:15px;margin:0 -6px;padding:11px 6px;border-radius:9px}.track.active{background:#21131d}.track-main{display:flex;align-items:center;flex:1;text-align:left;gap:17px;padding:0;min-width:0}.cover{background:#080809;display:flex;align-items:center;justify-content:center;flex-direction:column;aspect-ratio:1;border:1px solid #b5b1b8;position:relative;flex-shrink:0;width:64px}.cover small{color:#e9e7e9;letter-spacing:.3em;font-size:6px;position:absolute;top:6px;left:0;right:0;text-align:center}.cover b{font-size:42px;letter-spacing:-.025em;line-height:1;color:var(--pink);padding-right:.07em;padding-top:8px;font-weight:900}.track-name{font-size:15px;font-weight:700;line-height:1.5}.track-info small{display:block;color:#79737f;font-size:11px;margin-top:4px}.active .track-name{color:var(--pink)}.heart{font-size:30px;color:#c9c4cd;font-weight:400}.track .heart{padding:0}footer{border-top:1px solid #2d2830;display:flex;justify-content:space-between;margin-top:30px;padding-top:25px;letter-spacing:.3em;font-size:10px;color:#8f8893}footer span{letter-spacing:.15em;font-size:9px}#mini{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(600px,100%);z-index:10;background:linear-gradient(105deg,#351527,#20131e);border:1px solid #50253b;border-radius:15px 15px 0 0;box-shadow:0 -12px 40px #0006;display:flex;align-items:center;padding:12px 18px calc(15px + env(safe-area-inset-bottom));gap:10px}#mini[hidden],#player[hidden]{display:none!important}#openPlayer{display:flex;gap:13px;align-items:center;flex:1;text-align:left;padding:0}#mini .cover{width:46px}#mini .cover b{font-size:31px}#mini .cover small{font-size:4px;top:4px}#miniTitle{font-size:14px}#openPlayer>span>small{display:block;color:#b69aa9;font-size:10px;margin-top:6px}.miniPlay{font-size:23px}.miniProgress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#66505c}#player{position:fixed;inset:0;z-index:20;background:linear-gradient(160deg,#57142f 0%,#25131f 43%,#101014 100%);overflow:auto;overscroll-behavior:contain}.player-shell{max-width:560px;margin:auto;padding:6px 27px 50px}#handle{display:flex;width:100%;justify-content:center;align-items:center;touch-action:none}#handle span{display:block;width:43px;height:5px;border-radius:5px;background:#9e8392}.player-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.2em;color:#c4a7b5;margin-bottom:20px}.player-top button{font-size:25px}#carousel{display:flex;gap:17px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:32px;touch-action:pan-x;margin-right:-27px}#carousel::-webkit-scrollbar{display:none}#carousel .cover{width:calc(100% - 27px);scroll-snap-align:start;border:2px solid #e1dce0;box-shadow:0 0 0 10px #100c1188;margin:10px 0 10px 10px}#carousel .cover small{font-size:clamp(16px,5vw,27px);top:7%;letter-spacing:.24em;font-weight:700}#carousel .cover b{font-size:clamp(130px,47vw,225px);padding-top:22px}.songheading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.songheading h1{font-size:24px;line-height:1.25;margin:0}.timeline input{width:100%;height:3px;accent-color:white;display:block;margin:14px 0}.timeline>div{display:flex;justify-content:space-between;font-size:11px;color:#c4aebc}.player-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin:15px 0 0;position:relative}.player-controls button{font-size:23px}.player-controls .bigplay{border-radius:50%;background:#f4f1f0;color:#22151d;width:60px;height:60px;font-size:28px}#repeatSong{position:absolute;right:0;font-size:28px}.audio-status{text-align:center;font-size:10px;color:#ae919f;margin:13px 0 28px}.lyrics{background:#ffffff06;border:1px solid #ffffff0b;padding:23px 21px;border-radius:15px}.lyrics-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lyrics h2{font-size:18px;margin:0}.lyrics-head span{font-size:8px;letter-spacing:.1em;color:#9e8495}#lyricsText{white-space:pre-line;font-size:24px;line-height:1.7;color:#b6a6b1;font-weight:700;margin-top:25px}.lyrics-foot{font-size:11px;line-height:1.6;color:#9e8495;margin:25px 0 0}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);z-index:100;background:#eee8ee;color:#261c26;border-radius:12px;padding:15px 20px;width:max-content;max-width:88vw;font-size:13px;box-shadow:0 8px 40px #0009;display:none}@media(min-width:700px){main{padding-top:20px}.intro{margin-top:5px}.album-art{max-width:310px}.track{padding:13px 6px}.track-name{font-size:17px}#player .player-shell{padding-top:12px}}@media(prefers-reduced-motion:no-preference){#player{animation:rise .25s ease-out}@keyframes rise{from{transform:translateY(100%)}to{transform:translateY(0)}}}
.miniProgress:after{content:'';display:block;background:white;width:var(--progress,0%);height:100%}#adminLink{position:fixed;bottom:102px;right:18px;font-size:10px;background:#28202a;color:#b8a6b7;border:1px solid #4b3346;padding:11px 15px;border-radius:20px;z-index:8}#adminLink[hidden]{display:none}button:disabled{opacity:.5;cursor:wait}.lyrics-head span{font-size:9px}.audio-status:empty{display:none}#lyricsText{font-size:21px}.cover b{letter-spacing:0}input[type=range]{cursor:pointer}#handle{min-height:44px}

/* Original FRAMES artwork and shared player controls. */
.album-art{border:0;overflow:hidden}.album-art img,.cover img{display:block;width:100%;height:100%;object-fit:contain}.cover{border:0;overflow:hidden}#carousel .cover{border:0;box-shadow:none}
button svg{display:block;width:24px;height:24px;flex-shrink:0}.play-album{display:flex;align-items:center;justify-content:center;gap:12px;background:#241a22;color:#fff;border:1px solid #503043}.play-album svg{width:28px;height:28px}.round{display:grid;place-items:center;background:transparent;border:1px solid #3b2d38}.round svg{width:23px;height:23px}
.player-controls{gap:30px;padding-right:32px}.player-controls button{display:grid;place-items:center;color:#fff}.player-controls .bigplay{background:transparent;border-radius:0;color:#fff;width:80px;height:80px;padding:8px}.bigplay svg{width:64px;height:64px}#prev svg,#next svg{width:28px;height:28px}.miniPlay{display:grid;place-items:center;color:#fff}.miniPlay svg{width:29px;height:29px}#repeatSong{right:0}#repeatSong svg{width:23px;height:23px}
.timeline input{appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(to right,var(--pink) var(--progress,0%),#65515f var(--progress,0%));border-radius:3px;accent-color:var(--pink)}.timeline input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--pink);border-radius:50%}.timeline input::-moz-range-thumb{width:11px;height:11px;background:var(--pink);border:0;border-radius:50%}.miniProgress:after{background:var(--pink)}

/* NOMA Project identity and compact album layout. */
html{background:#000}.brand{display:block;line-height:0;letter-spacing:0;flex-shrink:0}.brand img{display:block;width:72px;height:72px;object-fit:contain}header{padding-top:12px;padding-bottom:12px}main{padding-top:0}.album-art{background:#000}.album-controls{margin-top:22px;margin-bottom:20px}.play-album{background:transparent;border-color:#3b2d38;color:#fff}.play-album:hover,.round:hover{border-color:#806071}.track-info small{font-size:13px;color:#aaa2ae}.heart{display:grid;place-items:center}.heart svg{width:27px;height:25px}.timeline>div{font-size:13px}#player{background:#000}.lyrics{background:#000}@media(min-width:700px){main{padding-top:0}.brand img{width:76px;height:76px}}

/* Consistent sharing control and readable lyrics on narrow screens. */
#share,#songShare{display:grid;place-items:center;color:var(--text)}#share svg,#songShare svg{width:25px;height:25px}#share:hover,#songShare:hover{color:var(--pink)}#lyricsText{font-size:17px;line-height:1.65;font-weight:500;overflow-wrap:break-word}.lyrics{padding:22px 16px}.color-filters{position:absolute;pointer-events:none}.album-art img{filter:url(#album-black)}@media(max-width:360px){#lyricsText{font-size:16px}}

/* Preserve the original Word line breaks and blank stanza lines. */
#lyricsText{white-space:pre-wrap}