@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Nunito:wght@600;700;800;900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.right-4{right:1rem}.top-4{top:1rem}.-z-10{z-index:-10}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-20{height:5rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.max-h-\[360px\]{max-height:360px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/65{border-color:#ffffffa6}.border-white\/70{border-color:#ffffffb3}.bg-blush\/45{background-color:#f7cedc73}.bg-cream{--tw-bg-opacity: 1;background-color:rgb(255 250 242 / var(--tw-bg-opacity, 1))}.bg-mint\/45{background-color:#bdebd873}.bg-peach\/45{background-color:#ffd9bf73}.bg-sky\/45{background-color:#cfe9ff73}.bg-white\/35{background-color:#ffffff59}.bg-white\/45{background-color:#ffffff73}.fill-current{fill:currentColor}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-1{padding-right:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-\[\#52606b\]{--tw-text-opacity: 1;color:rgb(82 96 107 / var(--tw-text-opacity, 1))}.text-\[\#53606d\]{--tw-text-opacity: 1;color:rgb(83 96 109 / var(--tw-text-opacity, 1))}.text-\[\#5aa890\]{--tw-text-opacity: 1;color:rgb(90 168 144 / var(--tw-text-opacity, 1))}.text-\[\#6d9fc8\]{--tw-text-opacity: 1;color:rgb(109 159 200 / var(--tw-text-opacity, 1))}.text-\[\#78b9a2\]{--tw-text-opacity: 1;color:rgb(120 185 162 / var(--tw-text-opacity, 1))}.text-\[\#81909b\]{--tw-text-opacity: 1;color:rgb(129 144 155 / var(--tw-text-opacity, 1))}.text-\[\#9aa7b0\]{--tw-text-opacity: 1;color:rgb(154 167 176 / var(--tw-text-opacity, 1))}.text-\[\#d28b65\]{--tw-text-opacity: 1;color:rgb(210 139 101 / var(--tw-text-opacity, 1))}.text-\[\#db7c9b\]{--tw-text-opacity: 1;color:rgb(219 124 155 / var(--tw-text-opacity, 1))}.text-\[\#ef9eb9\]{--tw-text-opacity: 1;color:rgb(239 158 185 / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(81 96 111 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.shadow-glow{--tw-shadow: 0 0 32px rgba(127, 202, 181, .24), 0 18px 60px rgba(98, 137, 170, .16);--tw-shadow-colored: 0 0 32px var(--tw-shadow-color), 0 18px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Nunito,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fffaf2}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.pastel-sky{background:radial-gradient(circle at 18% 18%,rgba(248,206,218,.72),transparent 30%),radial-gradient(circle at 72% 12%,rgba(207,233,255,.78),transparent 28%),radial-gradient(circle at 84% 76%,rgba(189,235,216,.72),transparent 32%),linear-gradient(135deg,#fffaf2,#fff4ec 30%,#eefaff,#fff8e8)}.glass-panel{border:1px solid rgba(255,255,255,.72);border-radius:2.25rem;background:linear-gradient(145deg,#ffffff94,#ffffff45);box-shadow:0 22px 70px #6e8b9f29,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.cover-disc{position:relative;overflow:hidden;box-shadow:0 26px 70px #6c8a9a2e,inset 0 0 0 1px #ffffffb8;transform:translateZ(0)}.cover-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.18) 0 3px,transparent 4px 12px),linear-gradient(120deg,transparent 12%,rgba(255,255,255,.42) 42%,transparent 58%);mix-blend-mode:soft-light}.cover-disc:after{content:"";position:absolute;left:14%;top:12%;width:34%;height:34%;border-radius:999px;background:#ffffff5c;filter:blur(1px)}.song-row{display:flex;width:100%;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.56);border-radius:1.35rem;background:#ffffff54;padding:.65rem;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.song-row:hover{transform:translateY(-2px) scale(1.01);background:#ffffff8a;box-shadow:0 14px 34px #7593a61f}.song-row:active{transform:scale(.985)}.song-row-active{border-color:#72b79d40;background:linear-gradient(135deg,#ffffffc7,#aee2cf7a);box-shadow:0 14px 38px #67a69133}.song-row-title{color:#4f5d69}.song-row-artist{color:#788791}.song-row-duration{color:#7d8e99}.song-row-active .song-row-title{color:#3f5f58}.song-row-active .song-row-artist{color:#617c76}.song-row-active .song-row-duration{color:#587a71}.icon-button,.control-button,.pill-button,.send-button,.exit-fullscreen{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);color:#596673;transition:transform .18s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.icon-button{height:2.75rem;width:2.75rem;border-radius:1rem;background:#ffffff73;box-shadow:0 12px 28px #7899ac24}.icon-button:hover,.control-button:hover,.pill-button:hover,.send-button:hover,.exit-fullscreen:hover{transform:translateY(-2px);background:#ffffffb8;box-shadow:0 18px 38px #7192a62e}.icon-button:active,.control-button:active,.pill-button:active,.send-button:active,.exit-fullscreen:active{transform:scale(.94)}.control-button{border-radius:999px;background:#ffffff7a}.control-button.small{height:3rem;width:3rem}.control-button.play{height:4.7rem;width:4.7rem;color:#db7c9b;background:linear-gradient(135deg,#f7cedcdb,#ffffff94),#ffffff6b;box-shadow:0 18px 45px #ef9eb93d}.pill-button{position:relative;min-height:2.7rem;gap:.45rem;border-radius:999px;background:#ffffff6b;padding:.7rem 1rem;font-size:.86rem;font-weight:900;white-space:nowrap}.pill-button.liked{color:#db6f91;background:linear-gradient(135deg,#f7cedcc7,#ffffff94)}.progress-range{height:.65rem;flex:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,#f7cedc,#bdebd8,#cfe9ff);outline:none;box-shadow:inset 0 1px 6px #68849426}@media(pointer:coarse){.progress-range{touch-action:pan-y}}.progress-range::-webkit-slider-thumb{height:1.35rem;width:1.35rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid #fffaf2;border-radius:999px;background:#ef9eb9;box-shadow:0 8px 18px #db7c9b47}.progress-range::-moz-range-thumb{height:1.35rem;width:1.35rem;border:4px solid #fffaf2;border-radius:999px;background:#ef9eb9;box-shadow:0 8px 18px #db7c9b47}.heart-burst{pointer-events:none;position:absolute;inset:50% auto auto 50%;height:0;width:0}.heart-burst i{--angle: calc(var(--i) * 36deg);position:absolute;height:.38rem;width:.38rem;border-radius:999px;background:#ef7fa1;animation:heart-pop .85s ease-out forwards;transform:rotate(var(--angle)) translate(0)}@keyframes heart-pop{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(2.1rem) scale(.1)}}.comment-input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.68);border-radius:1.1rem;background:#ffffff7a;color:#596673;outline:none;padding:.85rem 1rem;font-size:.9rem;font-weight:800;transition:box-shadow .18s ease,background .18s ease}.comment-input:focus{background:#ffffffb8;box-shadow:0 0 0 4px #bdebd842}.comment-input::-moz-placeholder{color:#a3adb5}.comment-input::placeholder{color:#a3adb5}.send-button{height:3rem;width:3rem;flex-shrink:0;border-radius:1.1rem;background:linear-gradient(135deg,#bdebd8b8,#cfe9ffb8)}.lyric-shell{position:relative;display:flex;min-height:350px;flex-direction:column;border:1px solid rgba(255,255,255,.68);border-radius:1.75rem;background:linear-gradient(145deg,#ffffff80,#ffffff40);padding:1rem;box-shadow:0 0 36px #cfe9ff5c,0 18px 48px #7293a621;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);isolation:isolate;overflow:hidden}.lyric-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(.3rem,1.4vw,.7rem)}.lyric-head-social{display:flex;align-items:center;justify-content:flex-start;gap:.35rem}.lyric-head-social button{position:relative;display:inline-flex;min-width:2.8rem;height:2.2rem;align-items:center;justify-content:center;gap:.25rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff61;padding:0 .55rem;color:#7d8b95;font-size:.68rem;font-weight:900}.lyric-head-social button.liked{background:#f8ceda4d;color:#d97899}.lyric-head-social button:disabled{cursor:not-allowed;opacity:.38}.lyric-head-social button:active{transform:scale(.94)}.lyric-head-social svg{width:.9rem;height:.9rem}.lyric-counter-glyph{display:inline-grid;height:1rem;width:1rem;place-items:center;border:1px solid currentColor;border-radius:.32rem;font-size:.58rem;line-height:1}.lyric-head>.fullscreen-button{justify-self:end}.lyric-list{margin-top:1rem;max-height:282px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 .65rem;scroll-behavior:smooth}.lyric-line{position:relative;margin:0;padding:.62rem .4rem;transform-origin:left center;color:#7c8b96ad;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(1.08rem,1.4vw,1.36rem);font-weight:700;line-height:1.75;transition:color .26s ease,text-shadow .26s ease,transform .26s ease,opacity .26s ease}.lyric-copy{position:relative;display:inline-block;max-width:calc(100% - 2.8rem)}.lyric-line.time-active{color:#4e5e6be6}.lyric-line.playback-active{color:#51606f;transform:scale(1.09)}.lyric-line.playback-active .lyric-text{color:transparent;background:linear-gradient(90deg,#d46f91,#b87f9e 22%,#579b85 55%,#4e8ec3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:underline;text-decoration-color:#da7094db;text-decoration-thickness:.18rem;text-underline-offset:.42rem;filter:drop-shadow(0 0 9px rgba(239,158,185,.3)) drop-shadow(0 0 14px rgba(115,185,161,.2))}.soft-scroll{scrollbar-width:thin;scrollbar-color:rgba(239,158,185,.5) rgba(255,255,255,.28)}.soft-scroll::-webkit-scrollbar{width:.5rem}.soft-scroll::-webkit-scrollbar-track{border-radius:999px;background:#ffffff40}.soft-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(#f7cedc,#bdebd8)}.lyric-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;height:100vh;width:100vw;border:0;border-radius:0;background:radial-gradient(circle at 24% 16%,rgba(248,206,218,.45),transparent 32%),radial-gradient(circle at 78% 72%,rgba(189,235,216,.45),transparent 34%),linear-gradient(135deg,#fffaf2,#f2fbff 52%,#fff6ef);padding:1.25rem}.glass-panel:has(.lyric-fullscreen),.glass-panel:has(.lyric-fallback-fullscreen){-webkit-backdrop-filter:none;backdrop-filter:none}.lyric-fallback-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.lyric-fullscreen .lyric-head{display:flex;justify-content:flex-end}.lyric-fullscreen .lyric-list{margin:2vh auto 0;width:min(900px,92vw);max-height:calc(100vh - 6rem);padding:8vh 1rem 14vh}.lyric-fullscreen .lyric-line{padding:.7rem 4.8rem;text-align:center;transform-origin:center;font-size:clamp(1.55rem,3vw,3.2rem);touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html.lyrics-mode-open,body.lyrics-mode-open{overflow:hidden;overscroll-behavior:none}.lyric-fullscreen .playback-active{transform:scale(1.12)}.exit-fullscreen{gap:.45rem;border-radius:999px;background:#ffffff94;padding:.75rem 1rem;font-size:.88rem;font-weight:900}.mood-card{border:1px solid rgba(255,255,255,.62);border-radius:1.5rem;background:#ffffff61;padding:1.25rem;box-shadow:0 14px 38px #7192a61f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mood-tag{border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff6b;padding:.38rem .72rem;color:#7d8c97;font-size:.78rem;font-weight:900}.toast{position:fixed;bottom:1.5rem;left:50%;z-index:200;max-width:calc(100vw - 2rem);transform:translate(-50%);border:1px solid rgba(255,255,255,.8);border-radius:999px;background:#51606fd6;padding:.75rem 1.1rem;color:#fff;font-size:.86rem;font-weight:800;box-shadow:0 14px 38px #51606f33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;background:#51606f38;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-dialog{position:relative;width:min(480px,100%);border:1px solid rgba(255,255,255,.82);border-radius:1.5rem;background:#ffffffd6;padding:2rem;box-shadow:0 24px 70px #51606f33}.share-dialog h3{margin:0 0 1rem;color:#53606d;font-size:1.2rem;font-weight:900}.share-dialog input{width:100%;border:1px solid rgba(120,185,162,.32);border-radius:.9rem;background:#ffffffc7;padding:.85rem;color:#647480;outline:none}.admin-link{display:inline-flex;margin-top:1.5rem;border-radius:999px;background:#78b9a2;padding:.72rem 1rem;color:#fff;font-weight:900;text-decoration:none}.fullscreen-mobile-controls,.fullscreen-playlist,.follow-hint{display:none}.admin-page{min-height:100vh;padding:1.5rem;color:#53606d}.admin-header,.admin-toolbar,.admin-site-settings,.admin-intro,.admin-song-list{width:min(1180px,100%);margin-inline:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-header h1{margin:0;font-size:1.65rem;font-weight:900}.admin-header p{margin:.15rem 0 0;color:#8795a0;font-size:.85rem;font-weight:700}.admin-logo{display:grid;height:2.8rem;width:2.8rem;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:1rem;background:#ffffff8f;color:#78b9a2;box-shadow:0 12px 32px #7192a624}.admin-logo svg,.admin-back svg,.token-box svg,.upload-button svg,.admin-actions svg,.admin-file svg{height:1rem;width:1rem;flex:none}.admin-back,.token-box button,.upload-button,.admin-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(255,255,255,.72);border-radius:.85rem;color:#5f6e7a;font-size:.84rem;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.admin-back{background:#ffffff85;padding:.72rem .9rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.72);border-radius:1.25rem;background:#ffffff80;padding:.85rem;box-shadow:0 18px 55px #6c8a9a1f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.admin-site-settings{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(320px,1.8fr) auto;align-items:end;gap:1rem;margin-top:.85rem;border:1px solid rgba(255,255,255,.72);border-radius:1.25rem;background:#ffffff6b;padding:1rem;box-shadow:0 14px 40px #566f7e14}.admin-site-settings p,.admin-site-settings h2,.admin-site-settings small{margin:0}.admin-site-settings p{color:#79ab99;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.admin-site-settings h2{margin-top:.2rem;font-size:1.15rem}.admin-site-settings small{display:block;margin-top:.3rem;color:#8c99a2;font-size:.72rem;font-weight:700}.admin-site-setting-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.admin-site-setting-fields label{color:#81909b;font-size:.7rem;font-weight:900}.admin-site-setting-fields input{width:100%;margin-top:.3rem;border:1px solid rgba(255,255,255,.78);border-radius:.75rem;background:#ffffff94;padding:.68rem .75rem;color:#53606d;font-weight:800;outline:none}.admin-site-setting-fields input:focus{border-color:#78b9a29e;box-shadow:0 0 0 3px #bdebd840}.admin-site-settings>button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:.85rem;background:#bdebd8b3;padding:.72rem .9rem;color:#4d8e78;font-size:.8rem;font-weight:900;cursor:pointer}.admin-site-settings>button svg{width:1rem;height:1rem}.admin-site-settings>button:disabled{cursor:wait;opacity:.6}.site-filing{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem 1rem;padding:2rem 1rem .45rem;color:#8b98a2;font-size:.76rem;font-weight:700;text-align:center}.site-filing a{color:inherit;text-decoration:none;transition:color .18s ease}.site-filing .police-filing{display:inline-flex;align-items:center;gap:.3rem}.site-filing .police-filing img{display:block;width:1rem;height:1rem;-o-object-fit:contain;object-fit:contain}.site-filing a:hover{color:#5f8f80}.token-box,.upload-actions{display:flex;align-items:center;gap:.55rem}.token-box{min-width:0;flex:1;color:#78b9a2}.token-box input{min-width:120px;max-width:340px;flex:1;border:0;background:transparent;color:#53606d;outline:none;font-size:.88rem;font-weight:800}.token-box button,.upload-button,.admin-actions button{cursor:pointer;background:#ffffffa8;padding:.68rem .85rem}.upload-button{background:#bdebd89e;color:#4d8e78}.upload-button.lyric-upload{background:#cfe9ffad;color:#638eaf}.upload-button input{display:none}.admin-back:hover,.token-box button:hover,.upload-button:hover,.admin-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #7192a629}.admin-intro{display:flex;align-items:center;gap:1rem;padding:1.1rem .25rem}.admin-intro div{display:flex;align-items:baseline;gap:.35rem;white-space:nowrap}.admin-intro strong{font-size:2rem}.admin-intro span,.admin-intro p{color:#84939e;font-size:.84rem;font-weight:700}.admin-intro p{margin:0}.admin-song-list{display:grid;gap:.8rem}.admin-song{display:grid;grid-template-columns:auto 74px minmax(0,1fr) auto;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.72);border-radius:1.25rem;background:#ffffff85;padding:1rem;box-shadow:0 14px 42px #6c8a9a1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-sort{display:grid;grid-template-columns:repeat(2,1.8rem);gap:.3rem}.admin-sort span{grid-column:1 / -1;text-align:center;color:#9ba7af;font-size:.78rem;font-weight:900}.admin-sort button{display:grid;height:1.8rem;width:1.8rem;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:.55rem;background:#ffffffb3;color:#7b8994}.admin-sort button:disabled,.admin-actions button:disabled{cursor:not-allowed;opacity:.35}.admin-sort svg{height:.9rem;width:.9rem}.admin-cover{aspect-ratio:1;border:1px solid rgba(255,255,255,.8);border-radius:1rem;box-shadow:inset 0 0 0 1px #ffffff61;background-position:center;background-size:cover}.admin-cover-wrap{display:grid;width:86px;gap:.35rem}.admin-cover-upload,.admin-cover-remove{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border:0;border-radius:.55rem;background:#ffffff9e;padding:.38rem .3rem;color:#74838e;font-size:.63rem;font-weight:900}.admin-cover-upload{cursor:pointer}.admin-cover-upload input{display:none}.admin-cover-upload svg,.admin-cover-remove svg{height:.75rem;width:.75rem}.admin-background-field{display:block;margin-top:.65rem;color:#8b98a2;font-size:.7rem;font-weight:900}.admin-background-field textarea{display:block;width:100%;min-height:5rem;margin-top:.28rem;resize:vertical;border:1px solid rgba(120,153,172,.16);border-radius:.65rem;background:#ffffffb3;padding:.65rem;color:#56636f;outline:none;font-size:.78rem;font-weight:700;line-height:1.6}.admin-background-field textarea:focus{box-shadow:0 0 0 3px #bdebd847}.admin-fields{min-width:0}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.55rem}.admin-grid label{color:#8b98a2;font-size:.7rem;font-weight:900}.admin-grid input{display:block;width:100%;margin-top:.28rem;border:1px solid rgba(120,153,172,.16);border-radius:.65rem;background:#ffffffb3;padding:.58rem .65rem;color:#56636f;outline:none;font-size:.82rem;font-weight:800}.admin-grid input:focus{box-shadow:0 0 0 3px #bdebd847}.admin-generated{display:flex;align-items:flex-start;gap:.45rem;margin-top:.65rem;color:#d67f9c}.admin-generated>svg{height:1rem;width:1rem;margin-top:.15rem;flex:none}.admin-generated div{min-width:0}.admin-generated span,.admin-generated small,.admin-generated strong{display:block}.admin-generated span{color:#9aa6ae;font-size:.66rem;font-weight:900;text-transform:uppercase}.admin-generated strong{overflow:hidden;color:#64727e;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.admin-generated small{overflow:hidden;color:#9aa6ae;font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.admin-file{display:flex;align-items:center;gap:.35rem;overflow:hidden;margin:.5rem 0 0;color:#98a4ac;font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.admin-actions{display:grid;gap:.45rem}.admin-actions .danger{color:#c66f8d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-empty{border:1px dashed rgba(120,185,162,.5);border-radius:1.25rem;background:#ffffff61;padding:4rem 1rem;text-align:center}.admin-empty>svg{height:2rem;width:2rem;color:#78b9a2}.admin-empty h2{margin:.8rem 0 0}.admin-empty p{margin:.35rem 0 0;color:#8c99a2;font-weight:700}@media(max-width:780px){.glass-panel{border-radius:1.6rem}.cover-disc{border-radius:1.55rem}.lyric-line.playback-active{transform:scale(1.04)}.lyric-fullscreen,.lyric-fallback-fullscreen{height:100dvh;padding:.75rem}.lyric-fullscreen .lyric-list,.lyric-fallback-fullscreen .lyric-list{width:94vw;max-height:calc(100dvh - 5.5rem);padding:6vh .65rem 8rem}.lyric-fullscreen .lyric-line,.lyric-fallback-fullscreen .lyric-line{font-size:1.45rem;line-height:1.6}.fullscreen-mobile-controls{position:absolute;bottom:max(.7rem,env(safe-area-inset-bottom));left:50%;z-index:12;display:flex;transform:translate(-50%);align-items:center;gap:.18rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffff7a;padding:.32rem;box-shadow:0 12px 38px #51606f26;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.fullscreen-mobile-controls button{display:grid;height:2.65rem;width:2.65rem;place-items:center;border:0;border-radius:999px;background:transparent;color:#51606fdb}.fullscreen-mobile-controls button:nth-child(2){background:#f7cedc99;color:#ca7190}.fullscreen-mobile-controls svg{height:1.35rem;width:1.35rem}.fullscreen-playlist{position:absolute;right:.8rem;bottom:4.6rem;left:.8rem;z-index:11;display:grid;max-height:min(45vh,320px);gap:.35rem;overflow-y:auto;border:1px solid rgba(255,255,255,.76);border-radius:1.25rem;background:#ffffffc7;padding:.55rem;box-shadow:0 18px 55px #51606f2e;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.fullscreen-playlist button{display:grid;grid-template-columns:2.25rem 1fr;grid-template-rows:1fr 1fr;-moz-column-gap:.6rem;column-gap:.6rem;border:0;border-radius:.8rem;background:transparent;padding:.45rem;text-align:left}.fullscreen-playlist button.active{background:#bdebd873}.fullscreen-playlist button>span{grid-row:1 / 3;border-radius:.6rem}.fullscreen-playlist strong,.fullscreen-playlist small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-playlist strong{color:#586572;font-size:.82rem}.fullscreen-playlist small{color:#8c99a2;font-size:.7rem;font-weight:700}.follow-hint{position:absolute;bottom:4.8rem;left:50%;display:block;transform:translate(-50%);border-radius:999px;background:#51606f9e;padding:.38rem .7rem;color:#fff;font-size:.68rem;font-weight:800;white-space:nowrap}.admin-page{padding:1rem}.admin-header h1{font-size:1.2rem}.admin-header p{display:none}.admin-toolbar,.admin-site-settings,.admin-intro{align-items:stretch;flex-direction:column}.admin-site-settings,.admin-site-setting-fields{grid-template-columns:1fr}.upload-actions,.upload-button{flex:1}.admin-intro{gap:.35rem}.admin-song{grid-template-columns:auto 58px 1fr;align-items:start}.admin-cover-wrap{width:66px}.admin-sort{margin-top:.15rem}.admin-fields{grid-column:1 / -1}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}}.eyebrow{margin:0;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.panel-title{margin:.2rem 0 0;color:#56636f;font-size:1.25rem;font-weight:900;line-height:1.2}.music-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);grid-template-areas:"playlist player" "lyrics mood" "comments background";gap:1.1rem;align-items:stretch}.layout-playlist{grid-area:playlist;min-height:440px}.layout-player{grid-area:player}.layout-lyrics{grid-area:lyrics;min-height:430px}.layout-mood{grid-area:mood}.layout-background{grid-area:background}.layout-comments{grid-area:comments;scroll-margin-top:1rem}.playlist-count{border-radius:999px;background:#bdebd875;padding:.42rem .7rem;color:#5c9f89;font-size:.75rem;font-weight:900}.song-thumb{height:2.75rem;width:2.75rem;flex:none;border:1px solid rgba(255,255,255,.72);border-radius:.85rem;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff42}.integrated-cover{position:relative;min-height:500px;overflow:hidden;border-radius:1.75rem;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffffb3,0 20px 55px #5e7e9124}.integrated-cover:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent 38%,rgba(65,78,88,.38));content:"";pointer-events:none}.cover-title{position:absolute;top:1.4rem;right:1.4rem;left:1.4rem;z-index:2;color:#fff;text-shadow:0 2px 18px rgba(54,68,80,.35)}.cover-title h2{overflow-wrap:anywhere;margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,3.3rem);font-weight:900;line-height:1.05}.cover-title p:last-child{margin:.5rem 0 0;font-size:.88rem;font-weight:800}.integrated-controls{position:absolute;right:.8rem;bottom:.8rem;left:.8rem;z-index:3;border:1px solid rgba(255,255,255,.46);border-radius:1.25rem;background:#ffffff45;padding:.7rem .9rem;box-shadow:0 14px 38px #303f4a29;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.main-control-row{display:flex;align-items:center;justify-content:center;gap:.3rem}.main-control-row button,.cover-social button,.fullscreen-main-controls button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#ffffff1f;color:#ffffffc7;transition:background .18s ease,transform .18s ease,color .18s ease}.main-control-row button{height:2.75rem;width:2.75rem}.main-control-row button.primary{height:3.6rem;width:3.6rem;background:#ffffff42;color:#ffffffe6}.main-control-row svg{height:1.35rem;width:1.35rem;opacity:.8}.main-control-row .primary svg{height:2.2rem;width:2.2rem}.main-control-row button:active,.cover-social button:active,.fullscreen-main-controls button:active{transform:scale(.92)}.cover-progress,.fullscreen-progress{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;align-items:center;gap:.55rem;color:#ffffffc7;font-size:.67rem;font-weight:900}.progress-range{background:linear-gradient(to right,rgba(255,255,255,.82) 0 var(--progress, 0%),rgba(255,255,255,.23) var(--progress, 0%) 100%)}.progress-range::-webkit-slider-thumb{border-color:#ffffffeb;background:#ffffffe0}.cover-social{display:flex;justify-content:center;gap:.35rem;margin-top:.45rem}.cover-social button{position:relative;min-width:3.3rem;min-height:2.1rem;gap:.3rem;padding:.35rem .62rem;font-size:.72rem;font-weight:900}.cover-social button.liked{color:#ffd2df}.cover-social svg{height:.9rem;width:.9rem;opacity:.78}.layout-lyrics .lyric-shell{height:100%;min-height:430px}.layout-lyrics .lyric-shell.lyric-fullscreen,.layout-lyrics .lyric-shell.lyric-fallback-fullscreen{height:100dvh;min-height:0}.fullscreen-button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:999px;background:transparent;padding:.36rem .2rem;color:#657480;font-size:.78rem;font-weight:900}.fullscreen-button:disabled{cursor:not-allowed;opacity:.38}.fullscreen-button:focus{outline:none}.fullscreen-button:focus-visible{box-shadow:0 0 0 3px #bdebd86b}.fullscreen-button svg{height:1rem;width:1rem}@media(max-width:780px){.lyric-head{grid-template-columns:minmax(5.2rem,auto) minmax(0,1fr) auto;gap:.2rem}.lyric-head-social{gap:.12rem}.lyric-head-social button{min-width:2.05rem;height:2rem;padding:0 .3rem}.fullscreen-button{gap:.25rem;font-size:.72rem;white-space:nowrap}}.lyrics-empty{display:grid;min-height:280px;place-items:center;align-content:center;text-align:center}.lyrics-empty svg{height:2rem;width:2rem;color:#94cdb9}.lyrics-empty p{margin:.8rem 0 0;color:#657480;font-weight:900}.lyrics-empty span{margin-top:.25rem;color:#9aa6ae;font-size:.78rem;font-weight:700}.lyric-caption{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;color:#9aa7b0;font-size:.7rem;font-weight:800}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.mood-card{min-width:0;border-radius:1rem;padding:1rem}.mood-icon{display:grid;height:2.5rem;width:2.5rem;margin-bottom:.65rem;place-items:center;border-radius:.85rem}.mood-icon svg{height:1rem;width:1rem}.mood-card>p{margin:0;color:#81909a;font-size:.75rem;font-weight:900}.mood-card>strong{display:block;overflow-wrap:anywhere;margin-top:.18rem;color:#54616d;font-size:1.45rem;line-height:1.15}.creation-copy{margin-top:1rem;border-left:3px solid rgba(120,185,162,.45);padding:.15rem 0 .15rem 1rem;color:#74828d;font-family:"Noto Serif SC",Georgia,serif;font-size:1rem;font-weight:600;line-height:1.9;white-space:pre-wrap}.comment-item{border:1px solid rgba(255,255,255,.62);border-radius:1rem;background:#ffffff73;padding:.9rem}.comment-item>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.comment-item strong{color:#596673;font-size:.78rem}.comment-item span{border-radius:999px;background:#bdebd86b;padding:.25rem .55rem;color:#67a891;font-size:.65rem;font-weight:900}.comment-item p{margin:.55rem 0 0;color:#75838e;font-size:.84rem;font-weight:650;line-height:1.65}.comment-item small{display:block;margin-top:.4rem;color:#a0abb3;font-size:.65rem;font-weight:700}.comments-toggle{display:block;width:100%;margin-top:.75rem;border:0;background:transparent;color:#76a997;font-size:.78rem;font-weight:900}.send-button:disabled,.comment-input:disabled{cursor:not-allowed;opacity:.5}.fullscreen-player{position:absolute;right:4vw;bottom:2.3rem;left:4vw;z-index:15;display:grid;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffffff40;padding:.45rem .8rem;box-shadow:0 12px 38px #51606f26;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.fullscreen-main-controls{display:flex;align-items:center;gap:.15rem}.fullscreen-main-controls button{height:2.35rem;width:2.35rem;color:#51606fad}.fullscreen-main-controls button.primary{background:#f7cedc7a;color:#c86f8d}.fullscreen-main-controls svg{height:1.15rem;width:1.15rem;opacity:.8}.fullscreen-main-controls .primary svg{height:1.45rem;width:1.45rem}.fullscreen-progress{color:#51606fb3}.fullscreen-progress .progress-range{background:linear-gradient(to right,rgba(91,116,110,.68) 0 var(--progress, 0%),rgba(255,255,255,.38) var(--progress, 0%) 100%)}.audio-spectrum{position:absolute;right:5vw;bottom:.35rem;left:5vw;z-index:14;display:flex;height:1.35rem;align-items:flex-end;justify-content:center;gap:clamp(2px,.45vw,7px);overflow:hidden;opacity:.38}.audio-spectrum i{height:25%;width:clamp(2px,.38vw,6px);border-radius:999px 999px 0 0;background:linear-gradient(to top,#7bbba4,#ef9eb9,#8ebbd8);animation:spectrum-jump var(--spectrum-duration, .72s) ease-in-out infinite alternate;animation-delay:var(--spectrum-delay, 0ms);animation-play-state:paused;transform-origin:bottom;will-change:transform,height}.audio-spectrum.playing i{animation-play-state:running}@keyframes spectrum-jump{0%{transform:scaleY(.42)}to{transform:scaleY(1.12)}}@media(max-width:780px){.music-layout{display:flex;flex-direction:column;gap:.85rem}.layout-playlist{order:1;min-height:0}.layout-player{order:2}.layout-lyrics{order:3;min-height:390px}.layout-mood{order:4}.layout-background{order:5}.layout-comments{order:6}.layout-playlist .soft-scroll{max-height:245px}.integrated-cover{min-height:min(116vw,530px);border-radius:1.35rem}.cover-title{top:1rem;right:1rem;left:1rem}.cover-title h2{font-size:clamp(1.65rem,8vw,2.6rem)}.integrated-controls{right:.55rem;bottom:.55rem;left:.55rem;padding:.55rem .65rem}.main-control-row button{height:2.35rem;width:2.35rem;background:#ffffff14}.main-control-row button.primary{height:3rem;width:3rem}.main-control-row .primary svg{height:1.8rem;width:1.8rem}.cover-social{margin-top:.3rem}.cover-social button{min-height:1.9rem;background:#ffffff14}.cover-progress{gap:.38rem}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.mood-card{padding:.72rem}.mood-icon{height:2rem;width:2rem;margin-bottom:.48rem}.mood-card>p{font-size:.66rem}.mood-card>strong{font-size:1.08rem;line-height:1.25}.lyric-caption{font-size:.62rem}.lyric-fullscreen,.lyric-fallback-fullscreen{width:100vw;height:100dvh;padding:.55rem}.lyric-fullscreen .lyric-list,.lyric-fallback-fullscreen .lyric-list{width:min(78vw,900px);max-height:calc(100dvh - 4.6rem);margin:0 auto;padding:5vh .7rem 7rem}.lyric-fullscreen .lyric-line,.lyric-fallback-fullscreen .lyric-line{padding:.25rem 0;font-size:clamp(1rem,3.2vw,1.7rem);line-height:1.45}.fullscreen-player{right:3vw;bottom:1.8rem;left:3vw;grid-template-columns:auto minmax(120px,1fr);gap:.55rem;padding:.3rem .55rem}.fullscreen-main-controls button{height:2rem;width:2rem}.fullscreen-progress{grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.35rem;font-size:.58rem}.audio-spectrum{bottom:.15rem;height:1rem}.fullscreen-playlist{bottom:5.4rem}.follow-hint{bottom:5.3rem}}@media(max-width:980px)and (min-width:781px){.music-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}}.lyric-small-locked{overflow:hidden!important;touch-action:pan-y;overscroll-behavior:auto;scrollbar-width:none}.lyric-small-locked::-webkit-scrollbar{display:none}.fullscreen-controls-toggle{position:absolute;right:1rem;bottom:5.2rem;z-index:42;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:#ffffff61;padding:.48rem .7rem;color:#51606fcc;font-size:.68rem;font-weight:900;box-shadow:0 10px 28px #51606f21;-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}.fullscreen-controls-toggle.expanded{bottom:9.25rem}.fullscreen-mini-player,.fullscreen-mini-progress{position:absolute;bottom:5rem;z-index:35;width:min(250px,35vw);min-width:210px;height:3.75rem;border:1px solid rgba(255,255,255,.32);border-radius:1rem;background:#ffffff24;box-shadow:0 10px 30px #51606f12;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.fullscreen-mini-player{right:1rem;display:grid;place-items:center}.fullscreen-mini-progress{left:1rem;display:grid;align-content:center;gap:.35rem;padding:.55rem .75rem}.fullscreen-mini-progress>div{display:flex;justify-content:space-between;color:#51606fb8;font-size:.62rem;font-weight:900}.fullscreen-mini-progress .progress-range{width:100%;height:.38rem;background:linear-gradient(to right,rgba(91,116,110,.7) 0 var(--progress, 0%),rgba(255,255,255,.48) var(--progress, 0%) 100%)}.fullscreen-mini-progress .progress-range::-webkit-slider-thumb{height:.9rem;width:.9rem;border-width:3px}.fullscreen-mini-player .fullscreen-main-controls button{height:2.55rem;width:2.55rem;background:#ffffff0d}.fullscreen-mini-player .fullscreen-main-controls button.primary{background:#f7cedc42}.audio-spectrum{right:2vw;bottom:0;left:2vw;z-index:20;height:4.25rem;gap:clamp(2px,.55vw,8px);opacity:.62}.audio-spectrum i{min-height:.38rem;width:clamp(3px,.48vw,7px);transition:height 80ms linear,opacity .12s ease}.fullscreen-playlist-backdrop{position:absolute;top:50%;left:50%;z-index:47;display:grid;width:min(420px,40vw);max-height:min(66vh,460px);transform:translate(-50%,-50%);place-items:center;background:transparent}.fullscreen-playlist{position:relative;inset:auto;z-index:48;width:100%;max-height:min(66vh,460px);display:grid;border:1px solid rgba(255,255,255,.48);background:#ffffff5c;box-shadow:0 22px 70px #475b6729;-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}.lyric-fullscreen,.lyric-fallback-fullscreen{overflow:hidden}.lyric-fullscreen .lyric-list,.lyric-fallback-fullscreen .lyric-list{overflow-x:hidden}.follow-hint{position:absolute;bottom:5rem;left:50%;z-index:40;display:block;transform:translate(-50%);border-radius:999px;background:#51606f9e;padding:.38rem .7rem;color:#fff;font-size:.68rem;font-weight:800;white-space:nowrap}@media(max-width:780px){.fullscreen-controls-toggle{right:.65rem;bottom:4.7rem}.fullscreen-controls-toggle.expanded{bottom:8.75rem}.fullscreen-mini-player,.fullscreen-mini-progress{bottom:4.55rem;width:min(230px,42vw);min-width:170px;height:3.55rem}.fullscreen-mini-player{right:.65rem}.fullscreen-mini-progress{left:.65rem}.fullscreen-mini-player .fullscreen-main-controls button{height:2.2rem;width:2.2rem}.audio-spectrum{bottom:0;height:3.9rem}.fullscreen-playlist-backdrop{width:min(390px,44vw);max-height:min(70vh,350px)}.fullscreen-playlist{position:relative;inset:auto;width:100%;max-height:min(70vh,350px)}}.integrated-controls{border-color:#ffffff38;background:#ffffff1c;box-shadow:0 10px 28px #303f4a14;-webkit-backdrop-filter:blur(15px) saturate(115%);backdrop-filter:blur(15px) saturate(115%)}.layout-player.glass-panel{background:#ffffff2e;box-shadow:0 14px 42px #5f7c8b14}.fullscreen-playlist-backdrop{top:53%;display:block;width:min(390px,32vw);height:min(58vh,480px);max-height:none}.fullscreen-playlist-head{position:absolute;right:0;bottom:calc(100% + .7rem);left:0;display:flex;align-items:center;justify-content:center;color:#51606fc7;font-size:1rem;font-weight:900}.fullscreen-playlist-head>button{position:absolute;right:0;display:inline-grid;height:2rem;width:2rem;place-items:center;border:0;border-radius:999px;background:#ffffff14;color:#51606fad}.fullscreen-playlist{height:100%;max-height:none;align-content:start;overflow-y:auto;border-color:#ffffff24;border-radius:.8rem;background:#ffffff0b;box-shadow:0 10px 30px #475b6706;padding:.65rem;-webkit-backdrop-filter:blur(4px) saturate(104%);backdrop-filter:blur(4px) saturate(104%)}.fullscreen-playlist>button{position:relative;display:block;width:100%;border:0;border-radius:.55rem;background:transparent;padding:.7rem .6rem;text-align:center}.fullscreen-playlist>button.active{background:#bdebd83d;box-shadow:inset 0 0 0 1px #67ae942e}.fullscreen-playlist>button.active:before{position:absolute;top:50%;left:.7rem;width:.38rem;height:.38rem;transform:translateY(-50%);border-radius:999px;background:#52a486c2;box-shadow:0 0 0 .2rem #bdebd84d;content:""}.fullscreen-playlist>button strong{display:block;color:#43525ee6;font-size:.9rem}.fullscreen-playlist>button.active strong{color:transparent;background:linear-gradient(90deg,#d36d8f,#54977f 52%,#4c88b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fullscreen-mini-player,.fullscreen-mini-progress{border-color:#ffffff24;background:#ffffff0b;box-shadow:0 10px 30px #475b6706;-webkit-backdrop-filter:blur(4px) saturate(104%);backdrop-filter:blur(4px) saturate(104%)}@media(max-width:780px){.fullscreen-playlist-backdrop{width:min(360px,34vw);height:min(60vh,380px);max-height:none}.fullscreen-playlist{height:100%;max-height:none}}.exit-fullscreen,.fullscreen-controls-toggle{display:inline-flex;width:8.25rem;height:2.75rem;flex:0 0 8.25rem;align-items:center;justify-content:center;gap:.42rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff14;padding:0;color:#51606fc7;font-size:.76rem;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 10px 28px #51606f0a;-webkit-backdrop-filter:blur(6px) saturate(108%);backdrop-filter:blur(6px) saturate(108%)}.music-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);grid-template-areas:"playlist player" "lyrics mood" "lyrics interactions" "comments background"}.layout-interactions{grid-area:interactions}.interaction-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.interaction-title>span{color:#9aa7b0;font-size:.7rem;font-weight:800}.reaction-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-top:1rem}.reaction-grid button{display:grid;min-width:0;min-height:5rem;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:1rem;background:#ffffff4f;color:#74828d;transition:.22s ease}.reaction-grid button:hover,.reaction-grid button.active{transform:translateY(-2px);border-color:#ef9eb980;background:#ffe5ee94;box-shadow:0 10px 24px #dc8ba61f}.reaction-grid button>span{font-size:1.2rem}.reaction-grid button strong{overflow:hidden;max-width:100%;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.reaction-grid button small{color:#a0abb3;font-size:.62rem;font-weight:800}.bottle-launcher{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.8rem}.bottle-launcher>button{display:flex;align-items:center;gap:.65rem;border:1px solid rgba(255,255,255,.7);border-radius:1rem;background:linear-gradient(135deg,#cfe9ff73,#ffffff4d);padding:.75rem;text-align:left}.bottle-launcher>button>span{font-size:1.35rem}.bottle-launcher strong,.bottle-launcher small{display:block}.bottle-launcher strong{color:#61707c;font-size:.76rem}.bottle-launcher small{margin-top:.15rem;color:#99a6af;font-size:.62rem}.interaction-dialog{position:relative;width:min(92vw,570px);max-height:82dvh;overflow-y:auto;border:1px solid rgba(255,255,255,.8);border-radius:1.7rem;background:#ffffffdb;box-shadow:0 26px 80px #475b673d;padding:2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.interaction-dialog h3{margin:.45rem 2rem 1rem 0;color:#56636f;font-size:1.35rem;line-height:1.45}.interaction-dialog textarea{width:100%;min-height:7rem;resize:vertical;border:1px solid rgba(151,181,191,.2);border-radius:1rem;background:#f8fbfacc;padding:1rem;color:#5e6c77;font:inherit;font-size:.86rem;outline:none}.dialog-close{position:absolute;top:1rem;right:1rem;display:grid;height:2rem;width:2rem;place-items:center;border:0;border-radius:999px;background:#d8e5e680;color:#71808b}.dialog-close svg{height:1rem;width:1rem}.dialog-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.8rem}.dialog-meta span{color:#97a4ad;font-size:.68rem;font-weight:750}.dialog-meta button,.share-options button,.bottle-actions button{display:inline-flex;min-height:2.6rem;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;background:#83bda8;padding:.65rem 1rem;color:#fff;font-size:.75rem;font-weight:900}.dialog-meta svg,.share-options svg,.bottle-actions svg{height:1rem;width:1rem}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.share-options button:last-child{background:#e89ab5}.lyric-poster-dialog{width:min(94vw,680px)}.lyric-poster-counter{margin:-.35rem 0 .7rem;color:#7caf9c;font-size:.72rem;font-weight:900}.lyric-poster-picker{display:grid;max-height:min(48dvh,390px);gap:.38rem;overflow-y:auto;padding-right:.25rem}.lyric-poster-picker button{display:grid;grid-template-columns:1.3rem 3rem minmax(0,1fr);align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.72);border-radius:.8rem;background:#f8fbfa94;padding:.58rem .65rem;color:#74818b;text-align:left}.lyric-poster-picker button.selected{border-color:#72ae9752;background:#bdebd84d}.lyric-poster-picker button>span{display:grid;height:1.15rem;width:1.15rem;place-items:center;border:1px solid rgba(126,153,160,.24);border-radius:.35rem;background:#fff9;color:#62a28c;font-size:.7rem;font-weight:900}.lyric-poster-picker small{color:#9aa6ae;font-size:.64rem;font-weight:800}.lyric-poster-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.dialog-meta button:disabled{cursor:not-allowed;opacity:.45}.bottle-dialog{text-align:center}.bottle-emoji{display:block;font-size:3rem}.bottle-note{color:#87949e;font-size:.8rem;line-height:1.7}.bottle-song{display:inline-flex;margin:-.25rem 0 .35rem;border-radius:999px;background:#bdebd857;padding:.38rem .72rem;color:#669b88;font-size:.7rem;font-weight:900}.bottle-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem}.bottle-actions .accept{background:linear-gradient(135deg,#70b49d,#83bda8);box-shadow:0 8px 20px #51998033}.bottle-actions .report{background:#ef9eb92e;color:#cb7795}.lyric-moment-list{max-height:12rem;margin:0 0 .8rem;overflow-y:auto}.lyric-moment-list article{border-radius:.9rem;background:#d9f1ff59;padding:.7rem .8rem;text-align:left}.lyric-moment-list article+article{margin-top:.45rem}.lyric-moment-list article>div{display:flex;justify-content:space-between;gap:1rem;color:#7e8b95;font-size:.67rem}.lyric-moment-list article p{margin:.3rem 0 0;color:#63717c;font-size:.78rem}.lyric-moment-count{position:absolute;top:-.55rem;right:-2.5rem;z-index:4;display:inline-flex;min-width:2.25rem;height:1.45rem;align-items:center;justify-content:center;gap:.22rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ef9eb92b;padding:0 .42rem;color:#d77d9d;font-size:.6rem;font-weight:900;box-shadow:0 6px 18px #7189961a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lyric-moment-count svg{width:.72rem;height:.72rem}.lyric-preview-seek{position:absolute;top:50%;right:clamp(1rem,4vw,4rem);z-index:44;display:inline-flex;height:1.65rem;align-items:center;justify-content:center;gap:.28rem;transform:translateY(-50%);border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#51606f17;padding:0 .55rem;color:#51606fb8;font-size:.62rem;font-weight:900;box-shadow:0 7px 20px #51606f1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lyric-preview-seek svg{width:.78rem;height:.78rem;fill:currentColor}.lyric-overview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:#4a57633d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lyric-overview-fade .2s ease both}.lyric-fullscreen>.lyric-overview-backdrop,.lyric-fallback-fullscreen>.lyric-overview-backdrop{position:absolute}.lyric-overview-sheet{display:flex;width:100%;height:min(72dvh,760px);max-height:min(78%,720px);flex-direction:column;border:1px solid rgba(255,255,255,.82);border-radius:1.75rem 1.75rem 0 0;background:#fffcf8f2;padding:.65rem 1rem 1rem;box-shadow:0 -24px 70px #475b6733;-webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%);animation:lyric-overview-rise .24s cubic-bezier(.22,.8,.28,1) both}.lyric-overview-handle{width:3rem;height:.28rem;flex:0 0 auto;margin:0 auto .65rem;border-radius:999px;background:#5c69733d}.lyric-overview-head,.lyric-overview-group-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lyric-overview-head>div{display:flex;align-items:baseline;gap:.5rem}.lyric-overview-head strong{color:#52606c;font-size:1.05rem}.lyric-overview-head span{color:#7e8a94;font-size:.82rem;font-weight:800}.lyric-overview-head>button{display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:999px;background:transparent;color:#62717c}.lyric-overview-head svg{width:1.15rem;height:1.15rem}.lyric-overview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.8rem 0;border-radius:999px;background:#ffffff8c;padding:.22rem}.lyric-overview-tabs button{min-height:2.25rem;border:0;border-radius:999px;background:transparent;color:#7f8c96;font-size:.75rem;font-weight:900}.lyric-overview-tabs button.active{background:linear-gradient(100deg,#f8cedaad,#bdebd88a,#cfe9ffad);color:#52616d;box-shadow:0 6px 18px #64829114}.lyric-overview-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 .15rem .5rem}.lyric-overview-group{margin-bottom:.7rem;border:1px solid rgba(148,165,176,.16);border-radius:1.15rem;background:#ffffff8a;padding:.85rem;box-shadow:0 10px 28px #475b670f}.lyric-overview-group.playing{border-color:transparent;background:linear-gradient(#fffdfb,#fffdfb) padding-box,linear-gradient(120deg,#ef9eb9b3,#75c0a49e,#70a4cfad) border-box;box-shadow:0 12px 32px #739ca51f}.lyric-overview-group-top>span{color:#7c8993;font-size:.72rem;font-weight:900}.lyric-overview-time{display:inline-flex;min-height:1.8rem;align-items:center;gap:.28rem;border:1px solid rgba(122,143,153,.22);border-radius:999px;background:#ffffffb3;padding:.24rem .58rem;color:#667681;font-size:.7rem;font-weight:900}.lyric-overview-time svg{width:.85rem;height:.85rem;fill:currentColor}.lyric-overview-group h3{margin:.65rem 0 .6rem;color:#4f5d69;font-size:.92rem;line-height:1.5}.lyric-overview-comments{display:grid;gap:.38rem}.lyric-overview-comments>div{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.45rem;border-radius:.75rem;background:#f8f7f4c2;padding:.55rem .65rem}.lyric-overview-comments span{color:#84929c;font-size:.66rem;font-weight:850;white-space:nowrap}.lyric-overview-comments p{min-width:0;margin:0;color:#63717c;font-size:.72rem;line-height:1.55;overflow-wrap:anywhere}.lyric-overview-comments small{color:#a1abb2;font-size:.58rem;white-space:nowrap}.lyric-overview-more{display:flex;width:100%;align-items:center;justify-content:center;gap:.28rem;margin-top:.55rem;border:0;border-top:1px solid rgba(139,158,168,.12);background:transparent;padding:.58rem .2rem 0;color:#687681;font-size:.7rem;font-weight:900}.lyric-overview-more span{font-size:1rem}@keyframes lyric-overview-fade{0%{opacity:0}}@keyframes lyric-overview-rise{0%{transform:translateY(1.5rem);opacity:.5}}@media(orientation:landscape){.lyric-fullscreen .lyric-overview-backdrop,.lyric-fallback-fullscreen .lyric-overview-backdrop{align-items:stretch;justify-content:flex-end}.lyric-fullscreen .lyric-overview-sheet,.lyric-fallback-fullscreen .lyric-overview-sheet{width:min(430px,38vw);height:100%;max-height:none;border-radius:1.5rem 0 0 1.5rem;padding:.8rem 1rem 1rem;animation-name:lyric-overview-slide}.lyric-fullscreen .lyric-overview-handle,.lyric-fallback-fullscreen .lyric-overview-handle{display:none}}@keyframes lyric-overview-slide{0%{transform:translate(1.5rem);opacity:.5}}@media(max-width:560px){.lyric-overview-sheet{max-height:76%;padding-inline:.75rem}.lyric-overview-comments>div{grid-template-columns:auto minmax(0,1fr)}.lyric-overview-comments small{display:none}}.lyric-fullscreen .lyric-line,.lyric-fallback-fullscreen .lyric-line{padding-right:4.8rem;padding-left:4.8rem}.lyric-fullscreen .browse-target,.lyric-fallback-fullscreen .browse-target{color:#3e4a54f2}@media(max-width:780px){.layout-interactions{order:5}.layout-background{order:6}.layout-comments{order:7}.reaction-grid{grid-template-columns:repeat(5,minmax(3.5rem,1fr));overflow-x:auto;padding-bottom:.2rem}.bottle-launcher,.share-options{grid-template-columns:1fr}.dialog-meta{align-items:stretch;flex-direction:column}.dialog-meta button{width:100%}}@media(orientation:portrait)and (max-width:780px){.lyric-fullscreen .lyric-list,.lyric-fallback-fullscreen .lyric-list{width:100%;max-height:calc(100dvh - 7.5rem);padding:11vh 1.2rem 10rem}.lyric-fullscreen .lyric-line,.lyric-fallback-fullscreen .lyric-line{padding:.7rem 2.25rem;font-size:clamp(1.05rem,5.2vw,1.55rem)}.lyric-fullscreen .exit-fullscreen,.lyric-fallback-fullscreen .exit-fullscreen{top:.75rem;left:.75rem}.fullscreen-controls-toggle{right:.75rem;bottom:5rem}.fullscreen-mini-player,.fullscreen-mini-progress{bottom:4.7rem;width:calc(50vw - 1rem)}.fullscreen-playlist-backdrop{top:50%;width:min(84vw,360px);height:min(55vh,430px)}.lyric-preview-seek{right:.75rem}}.admin-moderation{width:min(1180px,calc(100% - 2rem));margin:0 auto 1rem;border:1px solid rgba(255,255,255,.7);border-radius:1.4rem;background:#ffffff61;padding:1.2rem;box-shadow:0 14px 40px #566f7e14}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-section-heading p{margin:0;color:#79ab99;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.admin-section-heading h2{margin:.2rem 0 0;color:#56636f;font-size:1.25rem}.admin-section-heading button{display:inline-flex;align-items:center;gap:.35rem;border:0;border-radius:999px;background:#bdebd87a;padding:.55rem .8rem;color:#5d9d88;font-size:.72rem;font-weight:900}.admin-section-heading svg,.moderation-title svg,.moderation-list button svg{height:1rem;width:1rem}.moderation-locked{display:flex;align-items:center;gap:.7rem;margin-top:1rem;border-radius:1rem;background:#ffffff61;padding:1rem;color:#8c99a3;font-size:.78rem;font-weight:700}.moderation-columns{display:grid;grid-template-columns:1.05fr 1fr .8fr;gap:.8rem;margin-top:1rem}.moderation-column{min-width:0;border-radius:1rem;background:#ffffff57;padding:.8rem}.moderation-column.reported{background:#ffe5ee42}.moderation-title{display:flex;align-items:center;gap:.45rem;color:#65737e;font-size:.78rem}.moderation-title span{margin-left:auto;border-radius:999px;background:#bdebd88c;padding:.2rem .45rem;color:#5f9f89;font-size:.65rem;font-weight:900}.moderation-list{max-height:23rem;margin-top:.7rem;overflow-y:auto}.moderation-list article{position:relative;border:1px solid rgba(255,255,255,.65);border-radius:.85rem;background:#ffffff73;padding:.75rem 5.4rem .75rem .75rem}.moderation-list article+article{margin-top:.45rem}.moderation-list article>div{display:flex;justify-content:space-between;gap:.7rem;color:#94a1aa;font-size:.62rem;font-weight:800}.moderation-list article>strong{display:block;margin-top:.3rem;color:#687681;font-size:.72rem}.moderation-list article p{margin:.35rem 0 0;color:#7c8993;font-size:.74rem;line-height:1.55}.moderation-list article button{position:absolute;top:50%;right:.65rem;display:inline-flex;transform:translateY(-50%);align-items:center;gap:.25rem;border:0;border-radius:999px;background:#ef9eb92b;padding:.42rem .6rem;color:#c97491;font-size:.65rem;font-weight:900}.moderation-empty{padding:2rem;color:#9ca8b0;text-align:center;font-size:.75rem;font-weight:750}.bottle-admin-list article{padding-right:.75rem}.bottle-drift-summary{display:flex!important;align-items:center;justify-content:space-between!important;gap:.5rem!important;margin-top:.6rem}.bottle-drift-summary>span{border-radius:999px;background:#bdebd857;padding:.35rem .55rem;color:#649985;font-size:.62rem;font-weight:900}.bottle-drift-summary button{position:static!important;display:inline-flex;transform:none!important;align-items:center;gap:.2rem;border:0;border-radius:.55rem;background:#ef9eb929;padding:.45rem .55rem;color:#c97491;font-size:.62rem;font-weight:900}.admin-data-manager{border:1px solid rgba(255,255,255,.66);border-radius:1rem;background:#ffffff47;padding:.8rem}.admin-data-manager>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.admin-data-manager span{color:#63717c;font-size:.78rem;font-weight:900}.admin-data-manager small{color:#94a1aa;font-size:.64rem;font-weight:700}.admin-metric-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;margin-top:.65rem}.admin-metric-grid label{display:grid;gap:.28rem;color:#87949d;font-size:.62rem;font-weight:900}.admin-metric-grid input{min-width:0;width:100%;border:1px solid rgba(255,255,255,.78);border-radius:.65rem;background:#ffffff80;padding:.48rem .5rem;color:#65737d;font-weight:900;outline:none}.admin-metric-grid .drift-metric{border-radius:.7rem;background:#bdebd84d;padding:.35rem;color:#57917e}.admin-metric-grid input:focus{box-shadow:0 0 0 3px #bdebd842}.default-drift-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;border:1px solid rgba(189,235,216,.6);border-radius:1rem;background:#bdebd833;padding:.85rem 1rem}.default-drift-panel>div:first-child{display:grid;gap:.25rem}.default-drift-panel strong{color:#5c736a;font-size:.82rem}.default-drift-panel small{color:#87978f;font-size:.66rem;font-weight:700}.default-drift-panel>div:last-child{display:flex;align-items:center;gap:.38rem}.default-drift-panel input{width:5.4rem;border:1px solid rgba(255,255,255,.8);border-radius:.65rem;background:#ffffff9e;padding:.48rem .5rem;color:#61746c;font-weight:900;text-align:center;outline:none}.default-drift-panel button{display:inline-flex;min-height:2.2rem;align-items:center;justify-content:center;gap:.3rem;border:0;border-radius:.65rem;background:#ffffff8f;padding:.45rem .6rem;color:#689683;font-size:.65rem;font-weight:900}.default-drift-panel button.save{background:#7eb69f;color:#fff}.default-drift-panel button svg{width:.9rem;height:.9rem}@media(max-width:780px){.moderation-columns{grid-template-columns:1fr}.admin-moderation{width:calc(100% - 1rem)}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-data-manager>div:first-child{display:grid}.default-drift-panel{align-items:stretch;flex-direction:column}.default-drift-panel>div:last-child{flex-wrap:wrap}}.exit-fullscreen svg,.fullscreen-controls-toggle svg{width:1.05rem;height:1.05rem;flex:0 0 auto}.mobile-menu-button,.mobile-daily-shell,.mobile-mini-player{display:none}.mobile-queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:#4c57613d;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-queue-drawer{width:min(100%,460px);max-height:min(78dvh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:1.75rem;background:#fffcf7f0;padding:.7rem .8rem 1rem;box-shadow:0 26px 80px #4a5b6733;-webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%);animation:mobile-queue-rise .24s cubic-bezier(.2,.8,.25,1) both}.mobile-queue-handle{width:3rem;height:.28rem;margin:0 auto .65rem;border-radius:999px;background:#59687238}.mobile-queue-drawer header{display:flex;align-items:center;justify-content:space-between;padding:.2rem .35rem .75rem}.mobile-queue-drawer header p,.mobile-queue-drawer header strong{margin:0}.mobile-queue-drawer header p{color:#52616d;font-size:1rem;font-weight:900}.mobile-queue-drawer header strong{display:block;margin-top:.15rem;color:#94a0a9;font-size:.68rem}.mobile-queue-drawer header button{display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:999px;background:#dbe5e680;color:#71808b}.mobile-queue-drawer header svg{width:1rem;height:1rem}.mobile-queue-list{max-height:calc(78dvh - 6rem);overflow-y:auto}.mobile-queue-list>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;border:0;border-radius:1rem;background:transparent;padding:.55rem;text-align:left}.mobile-queue-list>button+button{border-top:1px solid rgba(127,148,158,.1)}.mobile-queue-list>button.active{background:linear-gradient(105deg,#f8ceda4d,#bdebd857,#cfe9ff4d)}.mobile-queue-list>button>span:nth-child(2){min-width:0}.mobile-queue-list strong,.mobile-queue-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-queue-list strong{color:#4d5d68;font-size:.78rem}.mobile-queue-list small{margin-top:.12rem;color:#89969f;font-size:.65rem;font-weight:700}.mobile-queue-list i{color:#81918f;font-size:.62rem;font-style:normal;font-weight:900;white-space:nowrap}@keyframes mobile-queue-rise{0%{opacity:.55;transform:translateY(1.5rem)}}@media(max-width:780px){.site-shell{padding:1rem 1rem 8.5rem}.site-header{position:relative;z-index:4;margin-bottom:.65rem}.site-brand{gap:.65rem}.site-brand>div:first-child{width:2.65rem;height:2.65rem;border-radius:.9rem}.site-brand h1{margin:0;color:#465764;font-family:"Noto Serif SC",Georgia,serif;font-size:1.45rem;line-height:1.1}.site-brand p{margin:.2rem 0 0;max-width:15rem;color:#8b98a1;font-size:.66rem;line-height:1.3}.mobile-menu-button{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:0;border-radius:999px;background:#ffffff3d;color:#61717c}.mobile-menu-button svg{width:1.35rem;height:1.35rem}.layout-playlist,.desktop-player{display:none!important}.music-layout{display:flex;flex-direction:column;gap:1rem}.mobile-daily-shell{position:relative;order:1;display:block;min-height:24rem;overflow:hidden;margin:0 -1rem;background-position:center;background-size:cover;isolation:isolate}.mobile-daily-shell:after{position:absolute;inset:auto 0 0;z-index:-1;height:42%;background:linear-gradient(0deg,#fffaf4 5%,rgba(255,250,244,.74) 58%,transparent);content:""}.mobile-daily-content{display:flex;min-height:24rem;flex-direction:column;align-items:flex-start;padding:2.2rem 2.2rem 2.5rem}.mobile-daily-label{position:relative;margin:0 0 1.35rem;color:#64747f;font-family:"Noto Serif SC",Georgia,serif;font-size:.78rem;font-weight:700;letter-spacing:.08em}.mobile-daily-label:after{position:absolute;bottom:-.55rem;left:0;width:1.85rem;height:.16rem;border-radius:999px;background:linear-gradient(90deg,#e890ad,#c6e9de);content:""}.mobile-daily-content h2{width:100%;max-width:100%;margin:0;overflow:hidden;color:#3f505d;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(2.7rem,13vw,4.15rem);font-weight:900;letter-spacing:-.05em;line-height:1.12;text-wrap:nowrap;white-space:nowrap}.mobile-daily-content>strong{margin-top:.72rem;color:#5d6d78;font-family:"Noto Serif SC",Georgia,serif;font-size:1.02rem}.mobile-daily-rule{width:1.25rem;height:1px;margin:1rem 0;background:#5969733b}.mobile-daily-description{max-width:13.5rem;margin:0;color:#788791;font-family:"Noto Serif SC",Georgia,serif;font-size:.75rem;line-height:1.85}.mobile-daily-actions{display:flex;align-items:center;margin-top:auto}.mobile-daily-actions button{display:inline-flex;min-width:2.35rem;height:2.35rem;align-items:center;justify-content:center;gap:.28rem;border:0;border-radius:999px;background:transparent;color:#657682;padding:0 .2rem;font-size:.72rem;font-weight:850}.mobile-daily-actions button.liked{color:#d47294}.mobile-daily-actions button svg{width:1.25rem;height:1.25rem}.mobile-daily-actions .mobile-daily-play{width:3.15rem;min-width:3.15rem;height:3.15rem;border:1px solid rgba(255,255,255,.62);background:radial-gradient(circle at 50% 50%,rgba(74,84,103,.3) 0 46%,transparent 48%),conic-gradient(from 210deg,#ea6fb6eb,#86d5ffeb,#71e7c5e0,#ea6fb6eb);color:#fff;box-shadow:0 0 0 .34rem #ffffff29,0 0 1.35rem #d172d35c,0 0 1.8rem #5eced53d;-webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%)}.mobile-daily-actions .mobile-daily-play svg{width:1.5rem;height:1.5rem;filter:drop-shadow(0 1px 4px rgba(54,65,79,.3))}.layout-lyrics{order:2;min-height:25rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen){min-height:25rem;border:0;border-radius:0;background:transparent;padding:.35rem .25rem 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.18rem;padding:0 .15rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-head .eyebrow{display:none}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-head-social{display:flex;min-width:0;justify-self:end;gap:.08rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-head-social button{min-width:1.8rem;height:2rem;gap:.14rem;border:0;background:transparent;padding:0 .22rem;font-size:.62rem;box-shadow:none}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-head-social svg{width:.86rem;height:.86rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-counter-glyph{width:.92rem;height:.92rem;font-size:.52rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .panel-title{margin:0;padding-left:.55rem;border-left:.18rem solid #7ecab2;color:#465965;font-family:"Noto Serif SC",Georgia,serif;font-size:.88rem;white-space:nowrap}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .fullscreen-button{min-width:2.25rem;width:2.25rem;height:2.25rem;overflow:hidden;border:0;background:transparent;padding:0;color:#7f8d96;font-size:0;box-shadow:none}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .fullscreen-button svg{width:1.05rem;height:1.05rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-list{max-height:20rem;margin-top:.65rem;padding:0 .7rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-list>div:first-child{height:.5rem}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-line{padding:.58rem .35rem;color:#697a8594;font-size:clamp(1rem,4.8vw,1.28rem);line-height:1.6}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-line.playback-active{transform:scale(1.035)}.layout-lyrics .lyric-shell:not(.lyric-fullscreen):not(.lyric-fallback-fullscreen) .lyric-caption{display:none}.layout-mood{order:3}.layout-interactions{order:4}.layout-background{order:5}.layout-comments{order:6}.mobile-mini-player{position:fixed;right:.7rem;bottom:max(.65rem,env(safe-area-inset-bottom));left:.7rem;z-index:74;display:grid;min-height:4.2rem;grid-template-columns:2.8rem minmax(4.4rem,1fr) 2.5rem 2.35rem minmax(2.8rem,4.5rem) 2.35rem 2.35rem;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.84);border-radius:999px;background:#fffdf9db;padding:.48rem .6rem;box-shadow:0 16px 48px #475b6729;-webkit-backdrop-filter:blur(26px) saturate(120%);backdrop-filter:blur(26px) saturate(120%)}.mobile-mini-cover{width:2.8rem;height:2.8rem;border-radius:999px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffffb3}.mobile-mini-meta{min-width:0}.mobile-mini-meta strong,.mobile-mini-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-mini-meta strong{color:#485965;font-family:"Noto Serif SC",Georgia,serif;font-size:.75rem}.mobile-mini-meta small{margin-top:.1rem;color:#8c99a1;font-size:.6rem;font-weight:700}.mobile-mini-player>button{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:0;border-radius:999px;background:transparent;color:#6c7d88;padding:0}.mobile-mini-player>button.mobile-mini-cover{width:2.8rem;height:2.8rem;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffffb3}.mobile-mini-player>button.primary{background:#bdebd86b;color:#58a187}.mobile-mini-player>button.liked{color:#d47294}.mobile-mini-player svg{width:1.05rem;height:1.05rem}.mobile-mini-time{display:none}.mobile-mini-progress{position:relative;height:.28rem;overflow:hidden;border-radius:999px;background:#7f9aa42e}.mobile-mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e78baa,#78c6ad,#79b4dd)}.mobile-mini-prev,.mobile-mini-next{display:none!important}html.lyrics-mode-open .mobile-mini-player,body.lyrics-mode-open .mobile-mini-player{display:none}}@media(min-width:640px){.sm\:flex{display:flex}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}