@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@600;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--clock-scale: 1rem;--pink-primary: #ff2a75;--pink-hover: #ff4084;--pink-gradient: linear-gradient(135deg, #ff2a75 0%, #ff6b9d 100%);--pink-subtle: rgba(255, 42, 117, .08);--pink-glow: 0 8px 30px rgba(255, 42, 117, .25);--bg-body: #fafbfe;--bg-header-glass: rgba(250, 251, 254, .75);--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--bg-subtle: #f1f5f9;--bg-dropdown: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-light: #eaecf0;--border-pink: rgba(255, 42, 117, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(16, 24, 40, .05);--shadow-card: 0 4px 20px -2px rgba(16, 24, 40, .06), 0 2px 6px -1px rgba(16, 24, 40, .04);--shadow-hover: 0 12px 28px -4px rgba(255, 42, 117, .18);--sidebar-width: 260px;--transition: all .22s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-body: #0a0c10;--bg-header-glass: rgba(10, 12, 16, .75);--bg-sidebar: #12151f;--bg-card: rgba(20, 25, 36, .85);--bg-glass: rgba(18, 21, 30, .9);--bg-subtle: #1e2433;--bg-dropdown: #161b26;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-light: rgba(255, 255, 255, .08);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans KR,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}.goog-te-banner-frame,.skiptranslate,#google_translate_element{display:none!important}body{top:0!important}.app-container{display:flex;min-height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:70px;bottom:0;left:0;z-index:200;padding:1.5rem 1.1rem;transition:background-color .3s ease,border-color .3s ease}.brand-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:100;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:2rem}.sidebar-nav{display:flex;flex-direction:column;gap:.45rem;flex:1}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem .95rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.92rem;font-weight:600;cursor:pointer;background:transparent;border:1px solid transparent;transition:var(--transition)}.nav-item:hover{background:var(--pink-subtle);color:var(--pink-primary);border-color:#ff2a7533}.nav-item.active{background:var(--pink-subtle);color:var(--pink-primary);border-color:var(--border-pink);box-shadow:var(--shadow-sm)}.count-badge{background:#ff2a751a;color:var(--pink-primary);padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.nav-item.active .count-badge{background:var(--pink-primary);color:#fff}.main-wrapper{margin-top:70px;margin-left:var(--sidebar-width);flex:1;min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.top-header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:300;background:var(--bg-header-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.search-box{flex:1;max-width:480px;position:relative}.search-box input{width:100%;padding:.65rem 1rem .65rem 2.6rem;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:30px;color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--pink-primary);box-shadow:0 0 0 3px #ff2a7526}.search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.header-actions{display:flex;align-items:center;gap:.6rem}.btn-icon{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative}.btn-icon:hover{background:var(--pink-subtle);color:var(--pink-primary);border-color:var(--border-pink);transform:translateY(-1px)}.lang-dropdown-wrapper{position:relative}.custom-lang-menu{position:absolute;top:calc(100% + 10px);right:0;width:170px;background:var(--bg-dropdown);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:300;opacity:0;pointer-events:none;transform:translateY(-8px);transition:var(--transition)}.custom-lang-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-opt{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;transition:var(--transition)}.lang-opt:hover{background:var(--pink-subtle);color:var(--pink-primary)}.content-area{display:flex;flex-direction:column;padding:2rem;flex:1}.sort-bar-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.sort-pills-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sort-pill{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-secondary);padding:.45rem 1rem;border-radius:20px;font-size:.84rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.sort-pill:hover{background:var(--pink-subtle);color:var(--pink-primary);border-color:#ff2a7540}.sort-pill.active{background:var(--pink-primary);color:#fff;border-color:var(--pink-primary);box-shadow:0 4px 12px #ff2a7540}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.content-grid.shorts-mode,.content-grid.shorts-hub-mode,.content-grid.posts-mode,.content-grid.release-mode{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.card-item{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column}.thumb-wrap{width:100%!important;aspect-ratio:16 / 9!important;position:relative!important;border-radius:var(--radius-md)!important;overflow:hidden!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm);background:var(--bg-subtle);transition:var(--transition)}.post-square-thumb{width:100%!important;aspect-ratio:1 / 1!important;position:relative!important;border-radius:var(--radius-md)!important;overflow:hidden!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm);background:var(--bg-subtle);transition:var(--transition)}.card-item:hover .thumb-wrap,.card-item:hover .post-square-thumb{transform:translateY(-3px);border-color:var(--pink-primary)!important;box-shadow:var(--shadow-hover)}.thumb-img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transform:scale(1.05)!important;transition:var(--transition);border:none!important}.card-item:hover .thumb-img{transform:scale(1.05)!important}.shorts-official-tile{width:100%!important;aspect-ratio:9 / 16!important;position:relative!important;border-radius:var(--radius-md)!important;overflow:hidden!important;cursor:pointer;background:var(--bg-subtle);border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm);transition:var(--transition)}.shorts-official-tile:hover{transform:translateY(-3px);border-color:var(--pink-primary)!important;box-shadow:var(--shadow-hover)}.shorts-official-thumb-img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transform:scale(1.05)!important;transition:var(--transition);border:none!important}.shorts-official-tile:hover .shorts-official-thumb-img{transform:scale(1.05)!important}.shorts-official-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem .85rem .85rem;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;pointer-events:none;z-index:10}.shorts-official-title-text{color:#fff!important;font-size:.86rem!important;font-weight:500!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 1px 3px rgba(0,0,0,.8)}.shorts-official-meta-text{color:#ffffffd1!important;font-size:.74rem!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.8)}.card-info,.post-square-body{padding:.65rem .15rem 0!important;background:transparent!important;border-top:none!important;display:flex;flex-direction:column;gap:.2rem}.card-meta-line{font-size:.78rem;color:var(--text-tertiary);font-weight:500;display:flex;align-items:center;gap:.4rem;margin-top:.1rem}.duration-tag{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:.72rem;font-weight:500;padding:.15rem .45rem;border-radius:4px}.badge-overlay{position:absolute;top:8px;left:8px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:500;padding:.12rem .45rem;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.card-title-shorts{font-size:.88rem!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--text-primary)!important;margin-top:.2rem}.card-title-main{font-size:.94rem;font-weight:600;line-height:1.35;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.1rem}.card-text-preview-single{font-size:.84rem;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-widget-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-card);max-width:700px;margin:1rem auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.digital-clock-display{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;color:var(--pink-primary);letter-spacing:-1px;line-height:1;text-shadow:0 4px 20px rgba(255,42,117,.2)}.clock-sub-text{font-size:1.1rem;color:var(--text-secondary);font-weight:600}.timer-controls{display:flex;gap:1rem;margin-top:1rem}.btn-pink{background:var(--pink-gradient);color:#fff;padding:.75rem 1.8rem;border-radius:30px;font-weight:700;border:none;cursor:pointer;box-shadow:var(--pink-glow);transition:var(--transition)}.btn-pink:hover{transform:translateY(-2px)}.music-widget-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card);max-width:1000px;margin:1rem auto;display:flex;flex-direction:column;gap:1.5rem}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.watch-hero-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.watch-hero-player.shorts-frame{height:calc(100vh - 160px);max-height:none;width:auto;aspect-ratio:9 / 16;margin:0 auto}.watch-hero-player.post-frame{max-width:500px;aspect-ratio:1 / 1;margin:0 auto}.watch-hero-player iframe,.watch-hero-player video,.watch-hero-player img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.watch-sidebar{display:flex;flex-direction:column;gap:1rem}.related-title{font-size:1.05rem;font-weight:800;color:var(--text-primary)}.related-list{display:flex;flex-direction:column;gap:.85rem}.related-item{display:flex;gap:.85rem;align-items:center;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:var(--transition);text-decoration:none}.related-item:hover{background:var(--bg-subtle);transform:translate(3px)}.related-thumb-wrap{width:115px;height:65px;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0;border:1px solid var(--border-light);background:var(--bg-subtle)}.related-thumb{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transform:scale(1.05)!important}.related-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.related-item-title{font-size:.86rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-item-meta{font-size:.76rem;color:var(--text-tertiary);font-weight:500}.article-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-sm)}.article-body-box{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-top:.25rem}.article-body-text{color:var(--text-secondary);font-size:.96rem;line-height:1.8;white-space:pre-line}@media (max-width: 900px){.watch-layout{grid-template-columns:1fr}}.track-row{display:flex;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s ease;border-radius:8px}.track-row:hover{background-color:var(--surface-hover);transform:translate(4px)}.track-row .track-play{display:none;width:40px;text-align:center;color:var(--pink-primary)}.track-row:hover .track-num{display:none}.track-row:hover .track-play{display:block}.track-num{width:40px;text-align:center;color:var(--text-tertiary);font-weight:600}.track-row.playing{background-color:var(--pink-subtle);border-left:3px solid var(--pink-primary)}.track-row.playing .track-title{color:var(--pink-primary)!important}.header-right-menu{display:flex;align-items:center;gap:1.5rem}.desktop-top-nav{display:flex;gap:1.5rem}@media (max-width: 768px){.content-grid{gap:1.2rem}.content-grid.shorts-mode,.content-grid.shorts-hub-mode,.content-grid.release-mode,.content-grid.music-mode{grid-template-columns:repeat(2,1fr);gap:.8rem}.sidebar{display:none!important}.main-wrapper{margin-left:0!important}.header-right-menu{gap:.3rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header-right-menu::-webkit-scrollbar{display:none}.desktop-top-nav{gap:.2rem}.desktop-top-nav button{padding:.4rem .6rem!important}.desktop-top-nav svg{width:22px;height:22px}.nav-text{display:none}.header-actions{gap:.2rem!important}.header-actions .btn-icon{padding:.3rem!important}.top-header{padding:0 1rem}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-category-bar{display:none}.mobile-cat-btn{padding:.45rem 1rem;border-radius:20px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:var(--transition)}.mobile-cat-btn.active{background:var(--pink-gradient);color:#fff;border-color:transparent;box-shadow:var(--pink-glow)}.mobile-category-wrapper{display:none}@media (max-width: 768px){.mobile-category-wrapper{display:flex;flex-direction:column;width:100%;background:var(--bg-primary)}.mobile-category-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-light)}.mobile-cat-chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;flex:1}.mobile-cat-chips::-webkit-scrollbar{display:none}}.clock-layout-container{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;max-width:1400px;margin:0 auto;padding:1rem;transition:all .3s ease}.clock-layout-container.fullscreen{grid-template-columns:1fr;max-width:none;padding:0}@media (max-width: 1000px){.clock-layout-container{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container[style*=background] .sidebar{background:#1a1a2499!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05)!important}.app-container[style*=background] .top-header{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none!important}.app-container[style*=background] .main-content{background:transparent!important}.bottom-left-actions{position:absolute;bottom:32px;left:1rem;z-index:160;display:flex;flex-direction:column;gap:12px}@media (min-width: 769px){.bottom-left-actions{left:2rem}}@media (max-width: 768px){:root{--clock-scale: .55rem}}