*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#f9fafb;line-height:1.65;font-weight:400}.page-title{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:#e6e6e6;text-align:left}.playlist-tags{display:flex;flex-wrap:wrap;gap:6px}.playlist-tag{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;background:#0a0a0a26;color:#c5c5c5;border:1px solid rgba(10,10,10,.25);border-radius:8px;line-height:1.2;white-space:nowrap}.tag-filter{margin-bottom:60px}.tag-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tag-filter-title{font-size:24px;font-weight:500;color:#e6e6e6}.clear-all-btn{padding:4px 12px;font-size:13px;font-weight:500;background:transparent;color:#9ca3af;border:1px solid #4a4a4a;border-radius:6px;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#9ca3af1a;color:#e5e7eb}.tag-filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:inline-block;padding:6px 12px;font-size:13px;font-weight:500;background:#373737cc;color:#c5c5c5;border:1px solid rgba(100,100,100,.3);border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tag:hover{background:#ffc10733;color:#fbbf24;border-color:#ffc10766}.filter-tag.active{background:#f59e0b4d;color:#f59e0b;border-color:#f59e0b99}.tag-category{margin-bottom:20px}.tag-category:last-child{margin-bottom:0}.tag-category-title{font-size:14px;font-weight:600;color:#d1d5db;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.horizontal-wrapper{position:relative;margin-left:-60px;overflow:visible;padding-top:8px}.horizontal-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:visible;padding:5px 60px 8px;scrollbar-width:none;mask:linear-gradient(to right,transparent 0px,black 60px,black calc(100% - 72px),transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0px,black 60px,black calc(100% - 72px),transparent 100%)}.horizontal-scroll::-webkit-scrollbar{display:none}.scroll-nav{position:absolute;top:0;bottom:0;width:72px;display:flex;align-items:flex-start;justify-content:center;padding-top:75.75px;opacity:0;pointer-events:none;transition:opacity .2s ease;border:none;background:none;z-index:10}.horizontal-wrapper:hover .scroll-nav{opacity:1;pointer-events:auto;cursor:pointer}.scroll-nav.left{left:0;background:linear-gradient(to right,#343434d9,#34343400)}.scroll-nav.right{right:0;background:linear-gradient(to left,#343434d9,#34343400)}.scroll-nav svg{width:32px;height:32px;stroke:#fff;stroke-width:2.5}.video-card{width:280px;flex-shrink:0;display:flex;flex-direction:column;cursor:pointer;overflow:visible}.video-thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background-color:#1f1f1f;position:relative;transition:transform .4s ease;transform-origin:center center}.video-thumbnail:hover{transform:scale(1.05);border:2px solid #ffffff;z-index:20;position:relative}.video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.video-thumbnail[aria-disabled=true]{position:relative;cursor:default;pointer-events:none}.video-thumbnail[aria-disabled=true]:after{content:"";position:absolute;inset:0;background:#1e1e1e73;pointer-events:none;transition:background .16s ease}.video-thumbnail[aria-disabled=true] img,.video-thumbnail[aria-disabled=true] .video-play-btn{filter:grayscale(60%);opacity:.75;transition:opacity .16s ease,filter .16s ease}.video-thumbnail[aria-disabled=true] .video-play-btn{pointer-events:none}.video-meta{margin-top:10px;min-height:76px;display:flex;flex-direction:column;justify-content:flex-start;color:#e5e7eb}.video-duration{font-size:12px;color:#9ca3af;transition:color .4s ease}.video-meta:hover .video-duration,.video-thumbnail:hover~.video-meta .video-duration{color:#d1d5db}.video-title{margin-top:4px;font-size:15px;font-weight:500;line-height:1.4;color:#c2c2c2;display:-webkit- box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .6s ease}.video-meta:hover .video-title,.video-thumbnail:hover~.video-meta .video-title{color:#fff}.video-author{margin-top:2px;font-size:13px;color:#9ca3af;transition:color .6s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta:hover .video-author,.video-thumbnail:hover~.video-meta .video-author{color:#d1d5db}.intro-section{position:relative;height:40vh;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:60px;background:linear-gradient(180deg,#0f0f0f,#1a1a1a,#0f0f0f)}.intro-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.intro-bg-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0f0f0fd9,#0f0f0fb3,#0f0f0fe6);z-index:2}.intro-thumbnails{display:flex;width:200%;height:100%;animation:slideLeft 60s linear infinite;align-items:flex-end;padding-bottom:40px}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.intro-thumbnail{flex:0 0 auto;width:320px;height:180px;margin-right:20px;border-radius:8px;overflow:hidden;opacity:.6}.intro-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.intro-content{position:relative;z-index:3;text-align:center;padding:0 20px}.intro-title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8);letter-spacing:-.02em;line-height:1.2;margin:0 0 16px;animation:fadeInUp 1.5s ease-out}.intro-subtitle{font-size:1.2rem;font-weight:400;color:#e0e0e0;text-shadow:1px 1px 4px rgba(0,0,0,.8);letter-spacing:.01em;line-height:1.4;margin:0;animation:fadeInUp 1.5s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.intro-section{height:50vh;min-height:300px;margin-bottom:40px}.intro-title{font-size:2.5rem}.intro-thumbnail{width:240px;height:135px;margin-right:15px}}@media(max-width:480px){.intro-title{font-size:2rem;padding:0 12px;margin-bottom:12px}.intro-thumbnail{width:180px;height:101px;margin-right:10px}}.player-container{position:fixed;left:0;right:0;bottom:0;height:100vh;z-index:9999;overflow:hidden;transition:transform .4s ease-in-out;will-change:transform;background:#191919;color:#f9fafb}.player-container.hidden{transform:translateY(100%)}.player-container.mini{transform:translateY(calc(100% - 70px))}.player-container.expanded{transform:translateY(0)}.mini-bar{height:70px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#151515;border-top:1px solid rgba(255,255,255,.04);cursor:pointer}.mini-bar .thumb{width:94px;height:53px;object-fit:cover;flex-shrink:0;border-radius:4px}.mini-bar .meta{display:flex;flex-direction:column;overflow:hidden}.mini-bar .title{font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-bar .author{font-size:12px;color:#cfcfcf}.play-btn{background:transparent;color:#f9fafb;border:none;font-size:18px;width:44px;height:44px;border-radius:8px;cursor:pointer}.volume-btn{margin-left:6px;background:transparent;color:#f9fafb;border:none;font-size:18px;width:44px;height:44px;border-radius:8px;cursor:pointer}.player-full{display:flex;flex-direction:column;height:100%;align-items:center}.player-full{position:relative}.collapse-handle{position:absolute;top:0;left:0;right:0;height:56px;z-index:1001;background:linear-gradient(180deg,#0000002e,#0000)}.mini-controls{display:flex;align-items:center;gap:10px}.mini-right{margin-left:auto;display:flex;align-items:center;gap:10px}.player-header{display:flex;align-items:center;gap:12px;padding:12px}.close-btn{background:transparent;color:#f9fafb;border:none;font-size:20px;cursor:pointer}.video-info .full-title{margin:0;font-size:18px}.video-info .full-sub{font-size:13px;color:#f9fafb}.youtube-wrapper{position:relative;width:100%;max-width:1000px;aspect-ratio:16 / 9;max-height:60vh;margin:20px auto;background:#333}.player-controls{display:none}.volume-icon{font-size:16px;color:#e5e7eb;opacity:.9}.volume-slider{-webkit-appearance:none;appearance:none;height:4px;width:160px;border-radius:999px;background:#3a3a3a;outline:none}.mini-controls .volume-slider{width:120px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f9fafb;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f9fafb;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.youtube-wrapper iframe,.youtube-wrapper>div{position:absolute;top:0;left:0;width:100%!important;height:100%!important}@media(max-width:640px){.mini-bar .thumb{width:120px;height:68px}.mini-bar .title{font-size:13px}}