:root{--background:#03040a;--foreground:#f2f3f8;--card:#08090f;--card-2:#0c0d18;--muted:#16182a;--muted-foreground:#9aa0b8;--border:#20243a;--primary:#5a2fe0;--accent:#3f6fd0;--brand-cyan:#0adcf8;--brand-from:#5a2fe0;--brand-to:#3f6fd0;--status-pending:#e0b53a;--status-public:#3ec98a;--radius:0.75rem;--gradient-brand:linear-gradient(90deg,#3f6fd0,#7a2ff0);--gradient-brand-diag:linear-gradient(135deg,#5a2fe0,#3f6fd0)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{scrollbar-color:#715a97 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#715a97;border-radius:9999px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}body{background:var(--background);color:var(--foreground);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;min-height:100dvh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(3,4,10,.78)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:71px}.logo{font-weight:800;font-size:1.4rem;letter-spacing:-.02em;background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{display:inline-flex;align-items:center}.brand-logo{height:48px;width:auto;display:block}.nav{display:flex;gap:40px;align-items:center;font-size:18px;font-weight:500;color:#ffffff}.nav a:hover{opacity:.75}.btn{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1.1rem;border-radius:9999px;font-weight:600;font-size:.95rem;border:1px solid var(--border);background:var(--card-2);color:var(--foreground);cursor:pointer;transition:.15s}.btn:hover{border-color:var(--primary)}.btn-brand{background-image:var(--gradient-brand);border:none;color:#fff}.btn-brand:hover{opacity:.92}.chip{height:26px;padding:0 .7rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--foreground);background:color-mix(in srgb,var(--primary) 12%,transparent)}.badge-pick,.chip{display:inline-flex;align-items:center;font-size:.78rem}.badge-pick{gap:.35rem;padding:.3rem .7rem;border-radius:9999px;font-weight:700;color:#fff;background-image:var(--gradient-brand)}.section{padding:48px 0}.section-head{justify-content:space-between;margin-bottom:20px}.section-head,.section-title{display:flex;align-items:center}.section-title{font-size:24px;font-weight:700;line-height:150%;color:#ffffff;gap:8px}.section-title-icon{font-size:20px;color:#ff67f5;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.muted{color:var(--muted-foreground)}.hero{display:grid;grid-template-columns:320px 1fr;grid-gap:2rem;gap:2rem;align-items:center;padding:2.5rem;margin-top:2rem;border-radius:1.25rem;border:1px solid var(--border);background:linear-gradient(180deg,var(--card-2),var(--card))}.hero img{width:320px;height:320px;object-fit:cover;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.4)}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em;margin:.6rem 0}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.song-grid.recent5{grid-template-columns:repeat(5,1fr);gap:20px}@media (max-width:900px){.song-grid.recent5{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.song-grid.recent5{grid-template-columns:repeat(2,1fr)}}.rc-outer{overflow-x:clip;padding:14px;margin:-14px}.rc-wrap{width:100%}.rc-track{display:flex;gap:20px;align-items:stretch}.rc-item{flex-shrink:0;display:flex}.rc-item .song-card{width:100%}.song-card{position:relative;background:#08090f;border:1px solid #20243a;border-radius:20px;padding:8px 12px;transition:background .2s,box-shadow .2s,transform .18s;display:flex;flex-direction:column}.song-card:hover{transform:translateY(-3px);background:linear-gradient(180deg,#0E1120,#000);box-shadow:0 0 14px rgba(189,139,226,.4);border-color:#2e2650}.song-card .cover{position:relative;width:100%;height:198px;background:#16182a;border-radius:16px;overflow:hidden;flex-shrink:0}.song-card .cover img{width:100%;height:100%;object-fit:cover}.song-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#ffffff;transition:.18s}.song-card .play .material-symbols-outlined{font-size:32px;color:#1c1b1f;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.song-card:hover .play{transform:translate(-50%,-50%) scale(1.06)}.song-card .body{padding:8px 0;flex:1 1;display:flex;flex-direction:column}.song-card .title{font-weight:700;font-size:18px;letter-spacing:-.16px;color:#f2f3f8;line-height:150%;min-height:calc(18px * 1.5 * 2)}.song-card .artist{color:#9aa0b8;font-size:14px;line-height:150%;margin-top:2px}.song-card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:8px}.chip-sm{height:22px;padding:0 .55rem;font-size:.7rem}.section-more{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#ffffff}.section-more .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:900px){.story-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.story-grid{grid-template-columns:1fr}}.story-card{background:linear-gradient(180deg,#0b0c15,#16182b);border:1px solid #20243a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;justify-content:center;transition:.18s}.story-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 45%,#20243a)}.story-card--static{cursor:default}.story-card--static:hover{transform:none;border-color:#20243a}.story-body{display:flex;gap:8px;align-items:flex-start;flex:1 1}.story-text{flex:1 1;color:#cdd1e4;font-size:18px;font-weight:400;line-height:150%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-quote{font-family:"Noto Serif KR","Noto Serif",Georgia,serif;font-weight:900;font-size:35.2px;line-height:1;color:#9aa0b8;flex-shrink:0}.story-foot{display:flex;justify-content:space-between;gap:8px;color:#9aa0b8}.story-chip,.story-foot{align-items:center;font-size:14px}.story-chip{display:inline-flex;padding:4px 8px;border-radius:9999px;background:#191136;font-family:Pretendard,sans-serif;font-weight:500;color:#f2f3f8;white-space:nowrap}.filters{margin-bottom:1.5rem}.filters,.filters form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.input{height:40px;padding:0 .9rem;color:var(--foreground);font-size:.95rem;min-width:220px}.chip-link,.input{border-radius:9999px;border:1px solid var(--border);background:var(--card-2)}.chip-link{display:inline-flex;align-items:center;height:34px;padding:0 .85rem;font-size:.85rem;color:var(--muted-foreground)}.chip-link.active{color:#fff;background-image:var(--gradient-brand);border-color:transparent}.detail{display:grid;grid-template-columns:360px 1fr;grid-gap:2rem;gap:2rem;margin-top:2rem}.detail .cover{width:360px;height:360px;object-fit:cover;border-radius:1rem}.detail h1{font-size:2.2rem;font-weight:800;margin:.5rem 0}.detail .sec{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.detail .sec h3{font-size:1.05rem;margin-bottom:.5rem}.detail .sec p{color:#cfd3e6;line-height:1.7;white-space:pre-wrap}.site-footer{padding:36px 0;color:var(--muted-foreground)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-logo{height:52px;width:auto;display:block}.footer-copy,.footer-link{font-size:14px;color:#9aa0b8}.footer-link{margin-top:8px}.empty{text-align:center;color:var(--muted-foreground);padding:4rem 0}.brand-hero{position:relative;height:380px;overflow:hidden;border:1px solid #20243a;border-radius:20px;margin-top:1.5rem}.brand-hero-back{position:absolute;inset:0;background-image:url(/images/main-banner.png);background-size:cover;background-position:100%}.brand-hero-inner{position:relative;z-index:2;max-width:812px;height:100%;padding:48px 60px;display:flex;flex-direction:column;justify-content:center;gap:12px}.brand-hero-title{font-size:48px;font-weight:800;line-height:150%;letter-spacing:-1.09px;color:#f2f3f8;margin:0;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.6))}.brand-hero-title .cyan{color:#0adcf8}.brand-hero-title .grad{background-image:linear-gradient(90deg,#00BAFE,#8867FF 50.96%,#B253FF);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-hero-sub{font-size:18px;font-weight:400;line-height:150%;color:#9aa0b8;margin:0}.hero-actions{gap:12px}.hero-actions,.hero-btn{display:flex;flex-direction:row}.hero-btn{align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;border-radius:16px;cursor:pointer;border:none;color:#fff;transition:opacity .15s;text-align:left;text-decoration:none}.hero-btn.primary{background:linear-gradient(90deg,#00bafe,#5e36f0 51%,#9a2ff0)}.hero-btn.secondary{background:rgba(16,18,34,.55);border:1px solid #20243a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-btn.primary:hover{background:linear-gradient(77.25deg,#101222 22.065%,#404888 98.291%);box-shadow:inset 0 0 0 1px #fff,inset 0 4px 4px rgba(0,0,0,.25)}.hero-btn.secondary:hover{background:#fff;border-color:#fff}.hero-btn.secondary:hover .c,.hero-btn.secondary:hover .hero-btn-arrow,.hero-btn.secondary:hover .t{color:#5e36f0}.hero-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.hero-btn .t{font-weight:700;font-size:18px}.hero-btn .c,.hero-btn .t{font-family:Arial,sans-serif;line-height:150%;color:#fff}.hero-btn .c{font-weight:400;font-size:14px}.hero-btn-arrow{font-size:20px;flex-shrink:0;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.weekly{display:flex;flex-direction:row;align-items:center;gap:40px;padding:8px 40px 8px 8px;border-radius:20px;background:linear-gradient(285deg,#16182B 28.38%,rgba(11,12,21,0) 89.5%),var(--background)}.weekly-cover{position:relative;width:300px;height:300px;flex-shrink:0;border:1px solid #20243a;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;background:#16182a}.weekly-cover img{width:100%;height:100%;object-fit:cover}.weekly-cover-play{position:absolute;inset:0}.weekly-cover-play,.weekly-cover-playbtn{display:flex;align-items:center;justify-content:center}.weekly-cover-playbtn{width:60px;height:60px;border-radius:9999px;background:#ffffff;border:none;cursor:pointer;transition:transform .15s}.weekly-cover-playbtn:hover{transform:scale(1.06)}.weekly-cover-playbtn .material-symbols-outlined{font-size:32px;color:#1c1b1f;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.weekly-body{display:flex;flex-direction:column;gap:12px;flex:1 1;min-width:0}.weekly-tit-wrap{gap:12px}.weekly-tit,.weekly-tit-wrap{display:flex;flex-direction:column}.weekly-tit{gap:8px}.weekly-tags{display:flex;gap:8px;flex-wrap:wrap}.weekly-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-family:Pretendard,sans-serif;font-weight:500;font-size:14px;line-height:150%;color:#f2f3f8}.weekly-tag.genre{background:#191136}.weekly-tag.mood{background:#24181a}.weekly-title{font-size:25.6px;font-weight:700;letter-spacing:-.26px;color:#f2f3f8;margin:0}.weekly-title-link{color:inherit;text-decoration:none}.weekly-title-link:hover{text-decoration:underline;text-underline-offset:3px}.weekly-artist{font-size:15.2px;font-weight:400;color:#9aa0b8;margin:0}.weekly-desc-wrap{position:relative}.weekly-desc{font-size:15.2px;color:#9aa0b8;margin:0;line-height:25.08px;max-height:84px;overflow-y:auto;padding-right:8px;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:rgba(189,139,226,.5) rgba(255,255,255,.06)}.weekly-desc::-webkit-scrollbar{width:8px}.weekly-desc::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:9999px}.weekly-desc::-webkit-scrollbar-thumb{background:rgba(189,139,226,.5);border-radius:9999px}.weekly-desc::-webkit-scrollbar-thumb:hover{background:rgba(189,139,226,.75)}.weekly-desc-more{display:none}.weekly-desc-wrap.has-more:after{content:"";position:absolute;left:0;right:8px;bottom:0;height:28px;background:linear-gradient(to top,var(--card,#0d1432),transparent);pointer-events:none}.weekly-desc-wrap.has-more .weekly-desc-more{display:flex;position:absolute;left:50%;bottom:0;transform:translateX(-50%);align-items:center;justify-content:center;color:#bd8be2;pointer-events:none;animation:ddMoreBounce 1.4s ease-in-out infinite}.weekly-desc-more .material-symbols-outlined{font-size:20px}.weekly-controls{display:flex;align-items:center;gap:13.6px}.weekly-player{flex:1 1;gap:12px;height:56px;padding:0 18px;border-radius:9999px;background:rgba(255,255,255,.02);border:1px solid #20243a}.weekly-pbtn,.weekly-player{display:flex;align-items:center}.weekly-pbtn{flex:none;width:40px;height:40px;justify-content:center;border:none;background:transparent;cursor:pointer;color:#ffffff;padding:0}.weekly-pbtn .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.weekly-time{font-size:14px;font-family:Pretendard,sans-serif;color:#9aa0b8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:34px}.weekly-bar{position:relative;flex:1 1;height:5px;border-radius:9999px;background:rgba(255,255,255,.12);cursor:pointer}.weekly-fill{height:100%;border-radius:9999px;background:rgba(255,255,255,.55)}.weekly-knob{position:absolute;top:50%;width:13px;height:13px;border-radius:9999px;background:#fff;transform:translate(-50%,-50%);pointer-events:none}.weekly-share{flex:none;display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 20px;border-radius:9999px;background:rgba(255,255,255,.02);border:1px solid #20243a;font-family:Arial,sans-serif;font-size:14px;color:#f2f3f8;cursor:pointer;white-space:nowrap}.weekly-share .material-symbols-outlined{font-size:20px}.cta-section{padding:26px 0;display:flex;flex-direction:column;gap:16px}.cta-band{display:flex;align-items:center;justify-content:space-between;padding:28px 40px;border-radius:20px;background:linear-gradient(180deg,#0b0c15,#16182b),#08090f}.cta-band--icon{background:linear-gradient(285deg,rgba(11,12,21,0) 28.38%,#16182b 89.5%),#08090f}.cta-band--image{background:url(/images/cta-creator.jpg) 50%/cover no-repeat}.cta-band-left{display:flex;align-items:center;gap:16px}.cta-band-icon-wrap{flex:none;width:60px;height:60px;border-radius:9999px;background:linear-gradient(135deg,#27145e,#6f2ac4);display:flex;align-items:center;justify-content:center}.cta-band-icon-svg{width:36px;height:36px}.cta-band-icon-sym{font-size:28px;background:linear-gradient(90deg,#ff72e3 0,#7b2aff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.cta-band-text{display:flex;flex-direction:column;gap:8px}.cta-band-title{font-size:24px;font-weight:800;color:#ffffff;letter-spacing:-.2px}.cta-band-desc,.cta-band-title{font-family:Pretendard,sans-serif;line-height:150%;margin:0}.cta-band-desc{font-size:16px;font-weight:400;color:#9aa0b8}.cta-band-btn{flex:none;display:inline-flex;align-items:center;gap:8px;padding:16px 24px;border-radius:16px;cursor:pointer;font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#ffffff;transition:opacity .15s;white-space:nowrap}.cta-band-btn--primary{background:linear-gradient(90deg,#00bafe,#5e36f0 51%,#9a2ff0);border:none}.cta-band-btn--secondary{background:rgba(16,18,34,.55);border:1px solid #20243a}.cta-band-btn:hover{opacity:.85}.cta-band-btn-arrow{font-size:20px;flex-shrink:0;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media (max-width:720px){.hero{grid-template-columns:1fr;text-align:center}.hero img{width:100%;height:auto;aspect-ratio:1/1}.detail{grid-template-columns:1fr}.detail .cover{width:100%;height:auto;aspect-ratio:1/1}.weekly{flex-direction:column;align-items:stretch;gap:20px;padding:8px 8px 24px}.weekly-cover{width:100%;height:auto;aspect-ratio:1/1;max-width:360px;margin:0 auto}.weekly-body{padding:0 12px}.weekly-controls{flex-wrap:wrap}.brand-hero{height:auto;min-height:0}.brand-hero-inner{padding:32px 24px;gap:16px}.brand-hero-title{font-size:32px;letter-spacing:-.7px}.brand-hero-sub{font-size:16px}.hero-actions{flex-wrap:wrap}.site-header .inner{height:56px}.brand-logo{height:34px}.footer-logo{height:40px}.section{padding:32px 0}.section-title{font-size:20px}.section-more{font-size:15px}.cta-band{flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px}.cta-band-btn{justify-content:center}.cta-band--image{background:linear-gradient(rgba(3,4,10,.45),rgba(3,4,10,.45)),url(/images/cta-creator.jpg) 50% /cover no-repeat}}:root{--sidebar:#0a0c16;--sidebar-accent:#181b30;--sidebar-border:#20243a}.admin-root{position:fixed;inset:0;z-index:100;display:flex;min-height:100dvh;background:radial-gradient(900px 460px at 18% -10%,rgba(90,47,224,.1),transparent 60%),var(--background);color:var(--foreground);overflow:hidden}.admin-root--plain{display:block;overflow:auto}.admin-loading{padding:4rem;text-align:center;color:var(--muted-foreground)}.admin-sidebar{flex:none;width:16rem;height:100%;background:var(--sidebar);border-right:1px solid var(--sidebar-border);padding:1.4rem .9rem;display:flex;flex-direction:column;gap:1.4rem}.admin-logo{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;padding:0 .6rem;background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:baseline;gap:.45rem}.admin-logo-sub{font-size:.62rem;font-weight:700;letter-spacing:.15em;color:var(--muted-foreground);-webkit-text-fill-color:var(--muted-foreground)}.admin-nav{display:flex;flex-direction:column;gap:.2rem}.admin-nav-link{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:.6rem;color:var(--muted-foreground);font-size:.92rem;font-weight:500;transition:.13s}.admin-nav-link:hover{color:var(--foreground);background:rgba(255,255,255,.03)}.admin-nav-link.active{background:var(--sidebar-accent);color:#fff;font-weight:700}.admin-nav-ico{width:1.2rem;text-align:center;opacity:.85;font-size:.95rem}.admin-main{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100%}.admin-header{flex:none;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.8rem;border-bottom:1px solid var(--border);background:rgba(3,4,10,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-header-title{font-weight:700;font-size:1rem}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-link-muted{color:var(--muted-foreground);font-size:.85rem}.admin-link-muted:hover{color:var(--foreground)}.admin-content{flex:1 1;overflow:auto;padding:1.8rem}.admin-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;gap:1rem}.admin-page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.admin-section-title{font-size:1.05rem;font-weight:700;margin-bottom:.9rem}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:40px;padding:0 1.1rem;border-radius:.6rem;font-weight:600;font-size:.9rem;border:1px solid var(--border);background:var(--card-2);color:var(--foreground);cursor:pointer;transition:.14s}.admin-btn:hover{border-color:var(--primary)}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn-primary{background-image:var(--gradient-brand);border:none;color:#fff}.admin-btn-primary:hover{opacity:.92}.admin-btn-danger,.admin-btn-ghost{background:transparent}.admin-btn-danger{border-color:color-mix(in srgb,#e0484a 45%,var(--border));color:#ff8b8d}.admin-btn-danger:hover{border-color:#e0484a;background:rgba(224,72,74,.08)}.admin-btn-sm{height:32px;padding:0 .75rem;font-size:.82rem;border-radius:.5rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.8rem}@media (max-width:980px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}.admin-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;transition:.15s}.admin-stat-card:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));transform:translateY(-2px)}.admin-stat-label{color:var(--muted-foreground);font-size:.85rem}.admin-stat-value{font-size:2rem;font-weight:800;letter-spacing:-.02em}.admin-quick{margin-top:.5rem}.admin-quick-grid{display:flex;flex-wrap:wrap;gap:.7rem}.admin-table-wrap{padding:0;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table td,.admin-table th{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table th{color:var(--muted-foreground);font-weight:600;font-size:.8rem;text-transform:none;background:var(--card-2)}.admin-table tr:last-child td{border-bottom:none}.admin-td-empty{text-align:center;padding:2.5rem 0}.admin-muted,.admin-td-empty{color:var(--muted-foreground)}.admin-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;max-width:360px}.admin-row-actions{white-space:nowrap}.admin-row-actions>*{vertical-align:middle}.admin-row-actions>*+*{margin-left:.4rem}.admin-thumb{width:44px;height:44px;border-radius:.5rem;overflow:hidden;background:var(--muted);display:grid;place-items:center;color:var(--muted-foreground)}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-thumb-wide{width:100px;height:44px}.admin-badge{display:inline-flex;align-items:center;height:24px;padding:0 .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid var(--border)}.badge-public{color:var(--status-public);border-color:color-mix(in srgb,var(--status-public) 45%,transparent);background:color-mix(in srgb,var(--status-public) 12%,transparent)}.badge-private{color:var(--muted-foreground)}.admin-badge.badge-pick{background-image:var(--gradient-brand);color:#fff;border:none}.admin-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.admin-label{font-size:.82rem;font-weight:600;color:var(--muted-foreground)}.admin-input{height:42px;padding:0 .85rem;border-radius:.55rem;border:1px solid var(--border);background:var(--card-2);color:var(--foreground);font-size:.92rem;width:100%;font-family:inherit}.admin-input:focus{outline:none;border-color:var(--primary)}.admin-input-sm{height:34px;font-size:.85rem}.admin-textarea{height:auto;padding:.7rem .85rem;line-height:1.55;resize:vertical}select.admin-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.admin-check{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;margin-bottom:.6rem}.admin-check input{width:16px;height:16px;accent-color:var(--primary)}.admin-check-inline{margin-bottom:0}.admin-checks{display:flex;flex-wrap:wrap;gap:.5rem}.admin-check-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:9999px;border:1px solid var(--border);background:var(--card-2);font-size:.82rem;cursor:pointer}.admin-check-pill input{accent-color:var(--primary)}.admin-form-grid{display:grid;grid-template-columns:1fr 360px;grid-gap:1.2rem;gap:1.2rem;align-items:start}@media (max-width:980px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-section{margin-bottom:0}.admin-form-side{display:flex;flex-direction:column;gap:1.2rem}.admin-form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.3rem}.admin-upload{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start;margin-top:.5rem}.admin-upload-preview{width:120px;height:120px;border-radius:.6rem;overflow:hidden;background:var(--muted);display:grid;place-items:center;color:var(--muted-foreground);font-size:.8rem;border:1px solid var(--border)}.admin-upload-preview img{width:100%;height:100%;object-fit:cover}.admin-upload-preview-wide{width:100%;height:120px}.admin-file-url{font-size:.72rem;color:var(--muted-foreground);margin-top:.5rem;word-break:break-all}.admin-modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:1.5rem}.admin-modal{width:100%;max-width:480px;max-height:90dvh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem}.admin-modal-wide{max-width:620px}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.admin-modal-title{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.35}.admin-modal-close{flex:none;width:32px;height:32px;border-radius:.5rem;border:1px solid var(--border);background:var(--card-2);color:var(--muted-foreground);font-size:1.2rem;line-height:1;cursor:pointer;transition:.14s}.admin-modal-close:hover{color:var(--foreground);border-color:var(--primary)}.admin-modal-foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem 1.4rem;gap:.7rem 1.4rem;margin-bottom:1.2rem}.admin-detail-grid>div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-detail-grid dt{font-size:.74rem;color:var(--muted-foreground);font-weight:600}.admin-detail-grid dd{font-size:.92rem;overflow-wrap:anywhere}.admin-detail-section{border-top:1px solid var(--border);padding-top:1.1rem}.admin-detail-label{font-size:.74rem;color:var(--muted-foreground);font-weight:600;margin-bottom:.5rem}.admin-detail-content{white-space:pre-wrap;line-height:1.7;font-size:.94rem;color:var(--foreground);max-height:45vh;overflow:auto;background:var(--card-2);border:1px solid var(--border);border-radius:.6rem;padding:.9rem 1rem}@media (max-width:560px){.admin-detail-grid{grid-template-columns:1fr}}.admin-detail-songs{list-style:none;display:flex;flex-direction:column;gap:.5rem}.admin-detail-songs li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--card-2);border:1px solid var(--border);border-radius:.6rem;padding:.6rem .8rem}.admin-detail-songs li>a{flex:1 1;min-width:0}.admin-link-title{background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--foreground);font-weight:600}.admin-link-title:hover{color:var(--primary);text-decoration:underline}.admin-tags-row{display:flex;gap:1.2rem;align-items:flex-start}@media (max-width:900px){.admin-tags-row{flex-direction:column}.admin-tags-row>*{width:100%}}.admin-tags-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;gap:.8rem;flex-wrap:wrap}.admin-tags-head .admin-section-title{margin-bottom:0}.admin-tags-add{display:flex;gap:.5rem}.admin-tags-add .admin-input{min-width:0;width:160px}.admin-login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;position:fixed;inset:0;z-index:100;background:radial-gradient(900px 460px at 50% -10%,rgba(90,47,224,.14),transparent 60%),var(--background)}.admin-login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem}.admin-login-logo{font-size:1.6rem;font-weight:800;text-align:center;background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-login-sub{font-size:.9rem;margin:.4rem 0 1.6rem}.admin-login-desc,.admin-login-sub{text-align:center;color:var(--muted-foreground)}.admin-login-desc{font-size:.85rem;line-height:1.55;margin:-1rem 0 1.5rem}.admin-login-btn{width:100%;margin-top:.6rem}.admin-pw-center{min-height:100%;display:grid;place-items:center}.admin-pw-card{width:100%;max-width:460px}.admin-alert{padding:.7rem .95rem;border-radius:.6rem;margin-bottom:1rem;font-size:.88rem;color:#ff9b9d;background:rgba(224,72,74,.1);border:1px solid color-mix(in srgb,#e0484a 35%,transparent)}.ui-modal-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1.25rem;background:rgba(2,3,8,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal{position:relative;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:1.1rem;padding:1.75rem}.ui-modal-x{position:absolute;top:.9rem;right:1rem;background:none;border:none;color:var(--muted-foreground);font-size:1.1rem;cursor:pointer}.ui-modal-x:hover{color:var(--foreground)}.ui-modal-title{font-size:1.4rem;font-weight:800}.ui-modal-sub{font-size:.9rem;margin:.35rem 0 1.25rem}.ui-form{gap:.85rem}.ui-form,.ui-form label{display:flex;flex-direction:column}.ui-form label{gap:.35rem;font-size:.85rem;color:var(--muted-foreground)}.ui-form input,.ui-form select,.ui-form textarea{width:100%;padding:.6rem .8rem;border-radius:.6rem;border:1px solid var(--border);background:var(--card-2);color:var(--foreground);font-size:.95rem;font-family:inherit}.ui-form input:focus,.ui-form select:focus,.ui-form textarea:focus{outline:none;border-color:var(--primary)}.ui-form textarea{resize:vertical}.ui-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.ui-check{flex-direction:row!important;align-items:center;gap:.5rem!important;color:var(--foreground)!important;font-size:.85rem}.ui-check input{width:auto!important}.ui-submit{width:100%;height:46px;margin-top:.4rem;justify-content:center}.ui-privacy{display:flex;flex-direction:column;gap:.7rem;font-size:.88rem;line-height:1.6;margin:.5rem 0 1.25rem}.ui-privacy b{color:var(--foreground)}.ui-modal-done{text-align:center;padding:1.5rem 0 .5rem}.ui-modal-done-ico{width:56px;height:56px;margin:0 auto 1rem;border-radius:9999px;display:grid;place-items:center;background-image:var(--gradient-brand);color:#fff;font-size:1.6rem}.ui-modal-done p{margin-bottom:1.25rem}@media (max-width:560px){.ui-form-row{grid-template-columns:1fr}}.footer-link{background:none;border:none;color:var(--muted-foreground);font-size:.82rem;cursor:pointer;margin-top:.5rem;text-decoration:underline;font-family:inherit}.footer-link:hover{color:var(--foreground)}.songs-banner{height:320px;border:1px solid #20243a;border-radius:20px;display:flex;align-items:center;background:url(/images/songs-banner.jpg) 50%/cover no-repeat;margin-bottom:24px;overflow:hidden}.songs-banner-inner{padding:0 60px;display:flex;flex-direction:column;gap:12px}.songs-banner-title{font-size:40px;font-weight:800;color:#f2f3f8;letter-spacing:-1.088px;line-height:1.5;margin:0}.songs-banner-sub{font-size:18px;color:#9aa0b8;line-height:1.5;margin:0}.songs-banner-cta{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;border-radius:16px;border:none;cursor:pointer;background:linear-gradient(90deg,#00bafe,#5e36f0 50.96%,#9a2ff0);font-family:Pretendard,Arial,sans-serif;font-size:18px;font-weight:700;color:#fff;align-self:flex-start;transition:opacity .15s}.songs-banner-cta:hover{opacity:.85}.songs-banner-cta .material-symbols-outlined{font-size:24px}.songs-filterbar{display:flex;gap:8px;align-items:center;margin-bottom:24px}.songs-search-wrap{position:relative;width:720px;flex-shrink:0;display:flex;align-items:center}.songs-filter-ico{position:absolute;left:17px;font-size:24px;color:#fff;pointer-events:none;z-index:1}.songs-filter-input{width:100%;height:48px;padding:9px 17px 9px 49px;border:1px solid #20243a;border-radius:8px;background:#0d1432;color:#fff;font-size:16px;font-family:Pretendard,sans-serif}.songs-filter-input:focus{outline:none;border-color:var(--primary)}.songs-filter-input::placeholder{color:rgba(255,255,255,.4)}.songs-select-wrap{flex:1 1;position:relative;display:flex;align-items:center;min-width:0}.songs-filter-select{width:100%;height:48px;padding:9px 49px;border:1px solid #20243a;border-radius:8px;background:#0d1432;color:#fff;font-size:16px;font-family:Pretendard,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.songs-filter-select:focus{outline:none;border-color:var(--primary)}.songs-filter-arrow{position:absolute;right:17px;font-size:24px;color:#fff;pointer-events:none}.songs-list{list-style:none;background:#090e22;border:1px solid #20243a;border-radius:20px;overflow:hidden}.songs-row{display:flex;align-items:center;gap:20px;padding:12px 20px 13px;border-bottom:1px solid #20243a;transition:background .15s}.songs-row:hover{background:rgba(255,255,255,.025)}.songs-list li:last-child .songs-row{border-bottom:none}.songs-row-thumb{flex:none;width:56px;height:56px;border-radius:9.6px;background:#16182a;overflow:hidden}.songs-row-thumb img{width:100%;height:100%;object-fit:cover}.songs-row-num{flex:none;width:32px;text-align:center;font-size:16px;font-weight:800;color:#9aa0b8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.songs-row-info{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.songs-row-title{font-size:18px;font-weight:700;color:#f2f3f8;letter-spacing:-.16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songs-row-artist{font-size:14px;color:#9aa0b8}.songs-row-tags{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.songs-row-genres{font-size:16px;color:rgba(242,243,248,.6);white-space:nowrap}.songs-row-mood-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:9999px;background:#0d1432;border:1px solid rgba(189,139,226,.2);font-size:14px;font-weight:500;color:#bd8be2;white-space:nowrap}.songs-row-play{flex:none;width:40px;height:40px;border-radius:9999px;background:#fff;opacity:.95;box-shadow:0 6px 9px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;transition:transform .15s}.songs-row-play .material-symbols-outlined{font-size:24px;color:#1c1b1f;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.songs-row:hover .songs-row-play{transform:scale(1.06)}.songs-empty{text-align:center;color:var(--muted-foreground);padding:4rem 2rem}@media (max-width:900px){.songs-search-wrap{width:100%;flex-shrink:1}.songs-filterbar{flex-wrap:wrap}}@media (max-width:860px){.songs-banner{height:auto;padding:40px 0}.songs-banner-title{font-size:28px}.songs-banner-inner{padding:0 32px}.songs-banner-sub{font-size:15px}.songs-row-tags{display:none}}.detail-back{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#bd8be2;margin-bottom:1.5rem;text-decoration:none}.detail-back:hover{opacity:.8}.detail-top{display:grid;grid-template-columns:420px 1fr;grid-gap:60px;gap:60px;align-items:stretch;padding:40px 0}.detail-cover-wrap{width:420px;height:420px;flex-shrink:0}.detail-cover{width:100%;height:100%;object-fit:cover;border-radius:17.6px;box-shadow:0 20px 60px rgba(0,0,0,.45);border:1px solid #20243a}.detail-cover--empty{background:var(--muted)}.detail-meta{display:flex;flex-direction:column;gap:24px;min-width:0;height:420px;overflow:hidden}.detail-badge{display:inline-flex;align-items:center;gap:8px;background:#210d48;border:1px solid #3e4465;border-radius:8px;padding:9px 17px;font-size:16px;font-weight:500;color:#fff;align-self:flex-start}.detail-tit-area{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-title{font-size:25.6px;font-weight:700;letter-spacing:-.256px;line-height:normal;color:#f2f3f8;margin:0}.detail-artist{font-size:15.2px;color:#9aa0b8;line-height:normal;margin:0}.detail-desc-wrap{position:relative;flex:1 1 auto;min-height:0}.detail-desc{font-size:15.2px;color:#9aa0b8;line-height:25.08px;white-space:pre-wrap;margin:0;height:100%;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(189,139,226,.5) rgba(255,255,255,.06)}.detail-desc::-webkit-scrollbar{width:8px}.detail-desc::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:9999px}.detail-desc::-webkit-scrollbar-thumb{background:rgba(189,139,226,.5);border-radius:9999px}.detail-desc::-webkit-scrollbar-thumb:hover{background:rgba(189,139,226,.75)}.detail-desc-more{display:none}.detail-desc-wrap.has-more:after{content:"";position:absolute;left:0;right:8px;bottom:0;height:40px;background:linear-gradient(to top,var(--background),transparent);pointer-events:none;border-radius:0 0 8px 8px}.detail-desc-wrap.has-more .detail-desc-more{display:flex;position:absolute;left:50%;bottom:2px;transform:translateX(-50%);align-items:center;justify-content:center;color:#bd8be2;pointer-events:none;animation:ddMoreBounce 1.4s ease-in-out infinite}.detail-desc-more .material-symbols-outlined{font-size:22px}@keyframes ddMoreBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}.detail-player-row{display:flex;align-items:center;gap:13.6px}.detail-player{display:flex;align-items:center;gap:12px;flex:1 1;background:rgba(255,255,255,.02);border:1px solid #20243a;height:56px;border-radius:9999px;padding:0 19px;min-width:0}.detail-player--error{color:var(--muted-foreground);font-size:.9rem;gap:8px;justify-content:center;border-color:color-mix(in srgb,#e0484a 35%,var(--border))}.detail-player--error .material-symbols-outlined{color:#ff8b8d;font-size:20px}.detail-pbtn{flex:none;cursor:pointer;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.detail-pbtn .material-symbols-outlined{font-size:40px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.detail-time{font-size:14px;color:#9aa0b8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:34px;flex-shrink:0}.detail-bar{position:relative;flex:1 1;height:5px;border-radius:9999px;background:rgba(255,255,255,.12);cursor:pointer}.detail-fill{height:100%;border-radius:9999px;background:rgba(255,255,255,.55)}.detail-knob{position:absolute;top:50%;width:13px;height:13px;border-radius:9999px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none}.detail-share-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.02);border:1px solid #20243a;height:56px;border-radius:9999px;padding:0 21px;font-size:14px;color:#f2f3f8;cursor:pointer;font-family:Pretendard,sans-serif;flex-shrink:0}.detail-share-btn .material-symbols-outlined{font-size:24px}.detail-mood-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-mood-chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:9999px;background:#0d1432;border:1px solid rgba(189,139,226,.2);font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;color:#bd8be2}.detail-body{display:grid;grid-template-columns:420px 1fr;grid-gap:40px;gap:40px;align-items:start}.detail-body--no-lyrics{grid-template-columns:1fr;gap:0}.detail-body--no-lyrics .detail-col-left{display:none}.detail-col-left,.detail-col-right{display:flex;flex-direction:column;gap:12px}.detail-card{border:1px solid #20243a;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:20px}.detail-col-left .detail-card{background:#0d1432}.detail-col-right .detail-card{background:rgba(13,20,50,.6);border:none}.detail-card-head{display:flex;align-items:center;gap:8px}.detail-card-head h3{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.176px;margin:0}.detail-card-ico{flex:none;font-size:24px;display:flex;align-items:center;background:linear-gradient(135deg,#00bafe,#9a2ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.detail-card p,.detail-lyrics{color:#cfd3e6;line-height:1.5;font-size:18px;white-space:pre-wrap;margin:0}.detail-note-text,.detail-story-by{font-size:15.2px;line-height:26.6px;color:#cfd3e6;margin:0}.detail-note-text{white-space:pre-wrap}.detail-note-head h3{font-size:17.6px;font-weight:800;color:#f2f3f8;letter-spacing:-.176px}@media (max-width:860px){.detail-top{grid-template-columns:1fr;gap:32px;padding:24px 0;align-items:start}.detail-cover-wrap{width:100%;max-width:420px;height:auto}.detail-cover{height:auto;aspect-ratio:1/1}.detail-meta{height:auto;overflow:visible}.detail-desc-wrap,.detail-tit-area{flex:0 1 auto}.detail-desc{height:auto;overflow:visible;padding-right:0}.detail-desc-wrap.has-more .detail-desc-more,.detail-desc-wrap.has-more:after{display:none}.detail-body{grid-template-columns:1fr;gap:24px}}.sm-wrap{background:#0b0d23;border:1px solid #20243a;border-radius:16px;width:520px;max-width:calc(100vw - 2.5rem);height:720px;max-height:calc(100dvh - 2.5rem);overflow:hidden}.sm-wrap,.sm-wrap form{display:flex;flex-direction:column}.sm-wrap form{height:100%}.sm-header{padding:24px 24px 0;flex-shrink:0;width:100%}.sm-header,.sm-header-left{display:flex;gap:10px;align-items:flex-start}.sm-header-left{flex:1 1;min-width:0}.sm-header-img{width:60px;height:60px;flex-shrink:0;object-fit:cover}.sm-scroll-body{flex:1 1;overflow-y:auto;padding:14px 24px;display:flex;flex-direction:column;gap:14px;min-height:0;scrollbar-color:#715a97 transparent;scrollbar-width:thin}.sm-scroll-body::-webkit-scrollbar{width:4px;background:transparent}.sm-scroll-body::-webkit-scrollbar-track{background:transparent}.sm-scroll-body::-webkit-scrollbar-thumb{background:#715a97;border-radius:9999px}.sm-header-info{display:flex;flex-direction:column;gap:4px;flex:1 1}.sm-title{font-size:24px;font-weight:800;color:#f2f3f8;line-height:1.5}.sm-sub{font-size:14px;color:#9aa0b8;line-height:1.5}.sm-close{background:none;border:none;cursor:pointer;color:#fff;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sm-close .material-symbols-outlined{font-size:24px}.sm-field{display:flex;flex-direction:column;gap:6px;width:100%}.sm-label{font-size:14px;font-weight:500;color:#fff;line-height:1.5}.sm-req{color:#bd94ff}.sm-input{width:100%;height:42px;background:#171b33;border:1px solid #20243a;border-radius:8px;padding:0 12px;font-size:14px;font-family:Pretendard,sans-serif;color:#fff}.sm-input::placeholder{color:#9aa0b8;opacity:.5}.sm-content-wrap{display:flex;flex-direction:column;gap:8px;width:100%}.sm-content-field{height:120px;display:flex;flex-direction:column;gap:6px}.sm-content-field .sm-textarea{flex:1 1;min-height:0}.sm-textarea{width:100%;background:#171b33;border:1px solid #20243a;border-radius:8px;padding:12px;font-size:14px;font-family:Pretendard,sans-serif;color:#fff;resize:none}.sm-textarea::placeholder{color:#9aa0b8;opacity:.5}.sm-hint{font-size:12px;font-weight:500;color:#9aa0b8;line-height:1.5}.sm-tags-section{display:flex;flex-direction:column;gap:12px;width:100%}.sm-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.sm-tag{border:1px solid #20243a;border-radius:9px;padding:8px 12px;font-size:14px;font-weight:500;font-family:Pretendard,sans-serif;color:#fff;background:none;cursor:pointer;line-height:normal;transition:background .1s,border-color .1s}.sm-tag.active{background:#25173e;border-color:#715a97}.sm-privacy-banner{background:#000;display:flex;gap:12px;align-items:center;justify-content:center;padding:8px 0;width:100%}.sm-privacy-ico{font-size:28px;color:#2783f8;flex-shrink:0;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sm-privacy-text{font-size:12px;font-weight:500;line-height:1.5}.sm-privacy-link{background:none;border:none;color:#2783f8;font-size:12px;font-weight:500;font-family:Pretendard,sans-serif;cursor:pointer;padding:0}.sm-check-row{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.sm-checkbox-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;background:#0c0d18;border:1px solid #20243a;border-radius:3px;cursor:pointer;position:relative;margin:0;transition:background .15s,border-color .15s}.sm-checkbox-input:checked{background:#715a97;border-color:#715a97}.sm-checkbox-input:checked:after{content:"";display:block;position:absolute;left:50%;top:50%;width:4px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}.sm-check-label{font-size:14px;color:#f2f3f8;line-height:1.5;cursor:pointer}.sm-btns{padding:0 24px 24px;flex-shrink:0;display:flex;gap:8px;align-items:flex-start;width:100%}.sm-btn-cancel{width:160px;flex-shrink:0;border:1px solid #20243a;background:none}.sm-btn-cancel,.sm-btn-submit{border-radius:8px;padding:12px 0;font-size:16px;font-weight:700;font-family:Inter,sans-serif;color:#fff;cursor:pointer}.sm-btn-submit{flex:1 1;background:linear-gradient(90deg,#00bafe,#5e36f0 51%,#9a2ff0);border:none}.sm-btn-submit:disabled{opacity:.6;cursor:not-allowed}.sm-privacy-sec{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#0f1120;border-radius:10px}.sm-privacy-sec-title{font-size:14px;font-weight:700;color:#f2f3f8}.sm-privacy-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.sm-privacy-list li,.sm-privacy-text{font-size:13px;color:#9aa0b8;line-height:1.6}.sm-privacy-text{margin:0}html{-webkit-tap-highlight-color:transparent}a,button,input,label,select,textarea{touch-action:manipulation}.admin-detail-content,.admin-modal,.admin-sidebar,.sm-scroll-body{overscroll-behavior:contain}@media (max-width:560px){.admin-input,.sm-input,.sm-textarea{font-size:16px}.container{padding:0 1rem}.brand-hero-title{font-size:26px}.hero-actions{flex-direction:column}.hero-btn{width:100%}.song-card .cover{height:auto;aspect-ratio:1/1}.song-card .title{font-size:15px;min-height:calc(15px * 1.5 * 2)}.weekly-title{font-size:20px}.weekly-share{height:48px}.story-text{font-size:16px}.songs-banner-title{font-size:24px}.songs-banner-inner{padding:0 20px}.songs-banner-cta{padding:12px 18px;font-size:16px}.songs-filterbar{flex-direction:column;align-items:stretch}.songs-select-wrap{flex:none}.songs-row{gap:10px;padding:10px 12px}.songs-row-num{width:24px;font-size:14px}.songs-row-thumb{width:48px;height:48px}.songs-row-title{font-size:16px}.detail-player-row{flex-wrap:wrap}.detail-share-btn{height:48px}.detail-card{padding:18px}.detail-card p,.detail-lyrics{font-size:16px}.ui-modal-overlay{padding:.75rem}.sm-wrap{max-width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.sm-header{padding:18px 16px 0}.sm-scroll-body{padding:12px 16px}.sm-btns{padding:0 16px 16px}.sm-btn-cancel{width:auto;flex:1 1}.sm-title{font-size:20px}.sm-header-img{width:48px;height:48px}}.admin-menu-btn{display:none}.admin-sidebar-backdrop{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.55)}.admin-header-left{display:flex;align-items:center;gap:.7rem;min-width:0}@media (max-width:900px){.admin-menu-btn{display:inline-flex;width:40px;padding:0;font-size:1.1rem}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:120;height:auto;transform:translateX(-100%);transition:transform .22s ease;box-shadow:12px 0 40px rgba(0,0,0,.45)}.admin-sidebar.open{transform:translateX(0)}}@media (max-width:720px){.admin-header{padding:0 1rem}.admin-content{padding:1rem}.admin-table{min-width:640px}.admin-table td,.admin-table th{padding:.65rem .7rem}.admin-clamp{max-width:240px}.admin-modal-backdrop{padding:1rem}.admin-modal{padding:1.1rem}}@media (max-width:560px){.admin-stat-grid{grid-template-columns:1fr}.admin-page-head{flex-wrap:wrap}.admin-tags-add{width:100%}.admin-tags-add .admin-input{flex:1 1;width:auto}.admin-form-actions{flex-direction:column-reverse}.admin-form-actions .admin-btn{width:100%}}