@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg-color: #000000;--text-primary: #f5f5f7;--text-secondary: #86868b;--accent: #ffffff;--card-bg: rgba(255, 255, 255, .02);--border: rgba(255, 255, 255, .08);--glass: rgba(0, 0, 0, .7);--glass-blur: blur(30px);--primary-color: #2997ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.47059;letter-spacing:-.022em;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-header{position:sticky;top:0;z-index:1000;background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);padding:.8rem 2rem;transition:all .3s ease}.header-top{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo h1{font-size:1.3rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary)}.header-nav{display:flex;gap:2rem}.nav-btn{background:none;border:none;color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;padding:.5rem 0;transition:color .3s ease}.nav-btn:hover{color:var(--text-primary)}.nav-btn.active{color:var(--text-primary);font-weight:600}.lang-toggle{background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.3rem .6rem;border-radius:20px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.lang-toggle:hover{color:var(--text-primary);border-color:var(--text-primary)}.main-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.search-section{margin-bottom:4rem;display:flex;justify-content:center}.search-container{position:relative;width:100%;max-width:600px}.search-input{width:100%;background:var(--card-bg);border:1px solid var(--border);padding:1rem 1.2rem 1rem 3rem;border-radius:14px;color:var(--text-primary);font-size:1.05rem;font-weight:400;transition:all .3s ease}.search-input:focus{outline:none;border-color:#fff3;background:#ffffff0d;box-shadow:0 0 0 4px #ffffff0d}.search-input::placeholder{color:var(--text-secondary);font-weight:300}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-secondary)}.filter-section{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.genre-nav{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.genre-btn{background:#ffffff0d;border:none;color:var(--text-secondary);padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;border-radius:20px;cursor:pointer;transition:all .2s ease}.genre-btn:hover{background:#ffffff1a;color:var(--text-primary)}.genre-btn.active{background:var(--text-primary);color:var(--bg-color);font-weight:600}.sort-hint{font-size:.75rem;color:var(--text-secondary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2.5rem 1.5rem}.movie-card{cursor:pointer;transition:transform .3s cubic-bezier(.25,.1,.25,1);display:flex;flex-direction:column}.movie-card:hover{transform:scale(1.03)}.poster-container{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#111;margin-bottom:.8rem;border:1px solid var(--border);box-shadow:0 4px 20px #0000004d}.movie-poster{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.rating-badge{position:absolute;bottom:.6rem;right:.6rem;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.movie-info{padding:0 .2rem}.movie-info h3{font-size:.95rem;font-weight:500;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.movie-info p{font-size:.8rem;color:var(--text-secondary);font-weight:300}.back-button{background:none;border:none;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;margin-bottom:2rem;transition:opacity .2s;display:flex;align-items:center;gap:.4rem}.back-button:hover{opacity:.8}.fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top{position:fixed;bottom:2.5rem;right:2.5rem;width:44px;height:44px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:1.2rem;opacity:0;visibility:hidden;transition:all .3s;z-index:100}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#fff3;transform:translateY(-3px)}.app-footer{padding:4rem 2rem;text-align:center;border-top:1px solid var(--border)}.footer-content p{font-size:.85rem;color:var(--text-secondary);font-weight:300}.footer-links{margin-top:.8rem;display:flex;justify-content:center;gap:1.5rem;font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.header-top{flex-direction:column;gap:.8rem}.header-nav{gap:1.5rem}.main-content{padding:2rem 1.5rem}.content-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem 1rem}}.movie-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px #000000b3;display:flex;flex-direction:column;position:relative}.movie-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.movie-card:hover{transform:translateY(-12px) scale(1.03);border-color:#8b5cf680;box-shadow:0 30px 60px -15px #8b5cf666,0 0 40px #ec489933}.poster-container{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden}.rating-badge{position:absolute;top:1rem;right:1rem;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fbbf24;padding:.4rem .8rem;border-radius:999px;font-weight:700;font-size:.95rem;box-shadow:0 4px 10px #00000080;border:1px solid rgba(255,255,255,.15);z-index:10;display:flex;align-items:center;gap:.25rem}.movie-poster{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.movie-card:hover .movie-poster{transform:scale(1.1)}.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.95) 0%,rgba(15,23,42,.4) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2.5rem}.movie-card:hover .overlay{opacity:1}.view-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:.6rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;transform:translateY(30px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px -5px #ec489980}.movie-card:hover .view-btn{transform:translateY(0)}.view-btn:hover{filter:brightness(1.2);transform:scale(1.05)}.movie-info{padding:1.5rem;background:linear-gradient(to bottom,#1e293bcc,#0f172ae6)}.movie-info h3{font-size:1.35rem;font-weight:800;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.movie-info p{color:var(--text-muted);font-size:.95rem;font-weight:500}.video-list-container{display:flex;flex-direction:column;gap:3rem;padding-bottom:4rem}.hero-section{height:550px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center 20%;position:relative;box-shadow:0 20px 40px #0009;border:1px solid var(--border)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 40%,transparent 100%);display:flex;align-items:center;padding:0 4rem}.hero-content{max-width:600px}.hero-meta{display:flex;gap:.8rem;margin-bottom:1.5rem}.rating-pill,.year-pill,.genre-pill{padding:.4rem 1rem;border-radius:20px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:600;font-size:.85rem;color:var(--text-primary)}.rating-pill{color:#f59e0b}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;color:#fff}.hero-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;font-weight:400}.hero-credit{margin-top:1rem;font-size:.95rem;color:#ffffffd1;font-weight:500}.player-container{background:#000;border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 60px #000c}.player-header{padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#141414e6;border-bottom:1px solid var(--border)}.player-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.close-btn{background:#ffffff14;color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s}.close-btn:hover{background:#ffffff26}.iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%}.iframe-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:3rem}.sub-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.video-item{cursor:pointer}.video-item:hover .video-thumb-wrap img{transform:scale(1.05)}.video-item:hover .play-overlay{opacity:1}.video-thumb-wrap{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:.8rem;background:#111;border:1px solid var(--border)}.video-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.play-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.play-overlay span{font-size:1.5rem;color:#fff}.video-text h4{font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:.2rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-text p{font-size:.8rem;color:var(--text-secondary)}.side-community{position:sticky;top:100px;height:fit-content}.side-comment-form textarea{width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:none;height:100px;margin-bottom:.8rem;transition:border-color .3s}.side-comment-form textarea:focus{outline:none;border-color:var(--primary-color)}.side-comment-form button{width:100%;background:var(--text-primary);color:var(--bg-color);border:none;padding:.8rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}.side-comment-form button:hover{opacity:.8}.side-comments-list{margin-top:2rem;display:flex;flex-direction:column;gap:1.2rem}.side-comment-item{padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.comment-info{display:flex;justify-content:space-between;margin-bottom:.4rem}.comment-info .user{font-weight:600;font-size:.85rem;color:var(--text-primary)}.comment-info .date{font-size:.75rem;color:var(--text-secondary)}.side-comment-item .text{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@media(max-width:1024px){.detail-layout{grid-template-columns:1fr}.side-community{position:static;margin-top:3rem}.hero-overlay{padding:0 2.5rem}.hero-title{font-size:2.5rem}}@media(max-width:768px){.hero-section{height:400px;border-radius:16px}.hero-overlay{padding:0 1.5rem}.hero-title{font-size:2rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}