@font-face{font-family:"Roboto";font-display:swap;size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#18181a;line-height:1.4}:root{--bg-color:#f5f6fa;--surface-color:#fff;--text-primary:#121212;--text-secondary:#666;--border-color:#e0e0e0;--search-bg:#f1f3f4;--hover-bg:#f5f5f5;--active-nav-bg:#fff5f5;--active-nav-text:#e53935;--submenu-bg:#f9f9f9;--overlay-bg:#0006;--shadow-light:0 1px 3px #00000014;--shadow-heavy:2px 0 8px #0000001f}.icon{width:20px;height:20px;fill:currentColor;flex-shrink:0;display:inline-block;vertical-align:middle}.header{display:flex;align-items:center;padding:0 16px;background:#fff;border-bottom:1px solid #e0e0e0;min-height:48px;position:sticky;top:0;z-index:100}.back-btn{font-size:20px;color:#18181a;cursor:pointer;margin-right:5px;padding:4px;text-decoration:none}.header-title{font-size:1.125rem;font-weight:600;color:#18181a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar-sm{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;cursor:pointer;text-decoration:none;flex-shrink:0;background:linear-gradient(135deg,#7b68ee,#9370db)}.top-bar{background:#fff;display:flex;align-items:center;justify-content:space-between;height:48px;position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:12px}.logo-container img{height:26px;display:block}.top-bar-right{display:flex;align-items:center;gap:12px;padding-right:6px}.icon-btn{background:0;border:0;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background.2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:36px;min-height:36px}.icon-btn:active{background-color:var(--hover-bg)}.user-avatar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;overflow:hidden;padding:0;text-decoration:none;border:2px solid #e0e0e0;transition:border-color.2s,box-shadow.2s;flex-shrink:0}.user-avatar-btn:hover{border-color:#aaa;box-shadow:0 2px 8px #0000001f}.user-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:700;border-radius:50%}.search-container{position:fixed;top:0;left:0;width:100%;height:56px;background-color:var(--surface-color);display:flex;align-items:center;padding:0 12px;z-index:105;box-shadow:var(--shadow-heavy);transform:translateY(-100%);transition:transform.3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.search-container.active{transform:translateY(0)}.search-input-wrapper{flex:1;display:flex;align-items:center;margin-left:10px;background-color:var(--search-bg);border-radius:20px;padding:5px 14px;min-width:0}.search-input-wrapper input{flex:1;border:0;background:0;outline:0;font-size:15px;color:var(--text-primary);width:100%;min-width:0}.search-input-wrapper input::placeholder{color:var(--text-secondary)}.clear-btn{display:none;color:var(--text-secondary);cursor:pointer;background:0;border:0;-webkit-tap-highlight-color:transparent}.clear-btn.visible{display:block}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:999;opacity:0;visibility:hidden;transition:all.3s ease}.load-more-wrap{text-align:center;padding:20px 0 32px}.hero-section{text-align:center;padding:48px 20px 32px;background:linear-gradient(135deg,#e8eaf6 0,#f3e5f5 100%);margin-bottom:24px}.hero-title{font-size:2rem;font-weight:700;margin:0 0 12px;color:#1a1a2e;line-height:1.3}.hero-desc{font-size:.97rem;color:#444;max-width:800px;margin:0 auto 24px;line-height:1.7}.hero-desc b{color:#1a1a2e;font-weight:600}.hero-search-wrap{display:flex;align-items:center;max-width:700px;margin:0 auto 20px;background:#fff;border-radius:10px;border:1.5px solid #ddd;overflow:hidden;box-shadow:0 2px 16px #00000017;transition:border-color .2s}.hero-search-wrap:focus-within{border-color:#7b68ee;box-shadow:0 2px 20px #7b68ee21}.hero-search-input{flex:1;border:0;outline:0;padding:14px 18px;font-size:.97rem;background:transparent;color:#333;min-width:0}.hero-search-input::placeholder{color:#aaa}.hero-search-select{border:0;border-left:1.5px solid #e0e0e0;outline:0;padding:14px 10px;font-size:.9rem;color:#333;background:#fff;cursor:pointer;min-width:130px;flex-shrink:0;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='12'height='12'viewBox='002424'fill='%23555'%3E%3Cpathd='M710l555-5z'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 8px center;padding-right:26px}.hero-search-select:focus{background-color:#f9f9f9}.hero-search-btn{background:#1a1a2e;border:0;padding:13px 18px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.hero-search-btn:hover{background:#333}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.hero-tag{padding:7px 16px;border-radius:999px;border:1.5px solid #bbb;font-size:.85rem;color:#333;text-decoration:none;background:#fff;transition:all .2s;white-space:nowrap}.hero-tag:hover{border-color:#7b68ee;color:#7b68ee;background:#f3f0ff}.hero-tag--active{border-color:#e53935;color:#e53935;font-weight:600}.hero-tag--active:hover{background:#fff5f5;border-color:#e53935;color:#e53935}.hero-tag--pink{border-color:#e91e8c;color:#e91e8c}.hero-tag--pink:hover{background:#fff0f7;border-color:#e91e8c;color:#e91e8c}.hero-tag--green{border-color:#2e7d32;color:#2e7d32}.hero-tag--green:hover{background:#f1f8e9;border-color:#2e7d32;color:#2e7d32}.hero-tag--dark{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.hero-tag--dark:hover{background:#333;border-color:#333;color:#fff}@media(max-width: 768px){.hero-section{padding:32px 16px 24px;margin-bottom:16px}.hero-title{font-size:1.4rem}.hero-desc{font-size:.88rem;margin-bottom:18px}.hero-search-wrap{flex-wrap:nowrap;border-radius:8px}.hero-search-input{padding:12px;font-size:.9rem}.hero-search-select{min-width:100px;font-size:.82rem;padding:12px 22px 12px 8px}.hero-search-btn{padding:12px 14px}.hero-tags{gap:6px;margin-top:14px}.hero-tag{font-size:.78rem;padding:6px 12px}}@media(max-width: 480px){.hero-section{padding:24px 12px 20px}.hero-title{font-size:1.15rem}.hero-desc{font-size:.82rem;line-height:1.6}.hero-search-wrap{border-radius:8px}.hero-search-input{padding:11px 10px;font-size:.85rem}.hero-search-select{min-width:90px;font-size:.78rem;padding:11px 20px 11px 6px}.hero-search-btn{padding:11px 12px}.hero-tag{font-size:.74rem;padding:5px 10px}}.load-more-btn{padding:8px 27px;font-weight:600;cursor:pointer;transition:all .2s;background-color:#f443361a;color:#e53935;border-radius:999px;border:1.5px solid #e53935}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background-color:var(--surface-color);z-index:1000;transition:left.3s ease;overflow-y:auto;box-shadow:var(--shadow-heavy)}.sidebar.active{left:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.sidebar-brand{padding:18px 20px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;gap:10px}.sidebar-brand i{color:#fff;font-size:22px}.sidebar-brand span{color:#fff;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section{padding:8px 20px 4px;font-size:10px;font-weight:700;color:#fff6;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffbf;text-decoration:none;font-size:13.5px;font-weight:500;transition:all.18s;cursor:pointer;border:0;background:0;width:100%;text-align:left}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff26;color:#fff;border-right:3px solid #4db6e8}.nav-link i{width:18px;font-size:14px}.sidebar-footer{padding:16px 20px;border-top:1px solid #ffffff1a}.sidebar-footer a{display:flex;align-items:center;gap:8px;color:#fff9;font-size:13px;text-decoration:none}.sidebar-footer a:hover{color:#fff}.app-icon{width:44px;height:44px;background:linear-gradient(135deg,#00d2ff 0,#3a7bd5 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-info h2{margin:0;font-size:16px;color:var(--text-primary)}.app-info p{margin:3px 0 0;font-size:11px;color:var(--text-secondary)}.sidebar-menu{list-style:none;padding:8px 0;margin:0}.sidebar-menu>li{padding:12px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background.2s;color:var(--text-primary);font-size:14px;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar-menu>li:active{background-color:var(--hover-bg)}.sidebar-menu li .icon{color:var(--text-primary)}.has-submenu{padding:0!important;flex-direction:column;align-items:flex-start!important;gap:0!important}.menu-item-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.menu-item-header:active{background-color:var(--hover-bg)}.menu-item-content{display:flex;align-items:center;gap:16px}.submenu{list-style:none;width:100%;max-height:0;overflow:hidden;transition:max-height.3s ease-out;background-color:var(--submenu-bg);margin:0;padding:0}.has-submenu.open .submenu{max-height:300px}.dropdown-arrow{transition:transform.3s ease}.has-submenu.open .dropdown-arrow{transform:rotate(180deg)}.submenu li{padding:10px 20px 10px 56px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:400;cursor:pointer;transition:background.2s;color:var(--text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.submenu li:active{background-color:var(--hover-bg)}.submenu li a{text-decoration:none;color:inherit}.bottom-nav{position:sticky;bottom:0;left:0;width:100%;height:47px;background-color:var(--surface-color);display:flex;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;box-sizing:border-box;box-shadow:0 -1px 3px #00000014}.nav-item{display:flex;gap:4px;padding:5px 10px;cursor:pointer;transition:all.3s ease;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:row}.nav-item .nav-text{display:none;font-size:.85rem;white-space:nowrap}.nav-item.active{background-color:var(--active-nav-bg);color:#e53935;border-radius:999px;border:1.5px solid #e53935}.nav-item.active .icon{color:var(--active-nav-text)}.nav-item.active .nav-text{display:contents}.modal{display:none;position:fixed;inset:0;z-index:500;background:#0006;align-items:flex-end;justify-content:center}.modal.active{display:flex;animation:mfade.18s ease}.modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:70vh;overflow-y:auto;animation:mslide.28s cubic-bezier(.34,1.4,.64,1);padding-bottom:env(safe-area-inset-bottom)}.modal-handle{width:36px;height:4px;background:#e0e0e0;border-radius:2px;margin:10px auto 0}.modal-header{padding:.85rem 18px;font-size:15px;font-weight:600;color:#18181a;border-bottom:1px solid #f0f0f0}.modal-body{padding:.85rem 18px;max-height:55vh;overflow-y:auto}.modal-footer{padding:10px 18px .85rem;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #f0f0f0}@keyframes mfade{from{opacity:0}to{opacity:1}}@keyframes mslide{from{transform:translateY(100%)}to{transform:translateY(0)}}.wp-hero{width:100%;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden;position:relative;background:#f4f4f4}.wp-hero img{width:70%;max-width:300px;padding:10px;object-fit:contain;display:block}.wp-dl-fab{position:absolute;bottom:18px;right:18px;background:#fff;border:0;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;cursor:pointer;font-size:20px;color:#18181a;text-decoration:none;z-index:10}.wp-browse-hero{padding:20px 16px 12px;text-align:center}.wp-browse-hero h1{font-size:1.1rem;font-weight:700;margin-bottom:4px}.wp-browse-hero p{font-size:.78rem;opacity:.88}.wp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px;margin-bottom:5px}.wp-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:9/16;cursor:pointer;box-shadow:0 2px 5px #0000000d}.wp-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.wp-card:hover img{transform:scale(1.08)}.wp-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000d9 0,transparent 100%);padding:30px 10px 12px;opacity:1;transition:opacity .3s}.wp-card-title{font-size:12px;font-weight:500;color:#fff;line-height:1.3;text-shadow:0 1px 3px #0009;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wp-meta-box{max-width:500px;margin:5px auto;padding:5px}.wp-title{font-size:1rem;font-weight:600;color:#000;line-height:1.4;margin-bottom:7px}.wp-sub{margin:11px 0;font-size:.75rem;color:#000;font-weight:600;word-break:break-word}.wp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.wp-tag{background:#fff;color:#18181a;font-size:12px;padding:5px 12px;border-radius:6px;cursor:pointer;border:1px solid #ddd;text-decoration:none;transition:all.2s}.wp-tag:hover{background:#e0e0e0}.wp-full-dl{display:block;width:calc(100% - 32px);max-width:500px;margin:10px auto;padding:12px;background:linear-gradient(135deg,#ffd700,orange);color:#0c0c0c;border-radius:8px;text-align:center;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 2px 8px #ffa5004d}.wp-desc{margin:10px;font-size:.75rem;color:#18181a;line-height:1.65}.rel-head{font-size:.9rem;font-weight:700;color:#18181a;padding:18px 16px 10px;border-top:8px solid #f4f4f4;text-transform:capitalize}.navbar{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px .85rem 10px;height:52px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000014}.logo{font-size:20px;font-weight:700;color:#111;text-decoration:none;user-select:none}.nav-icons{display:flex;align-items:center;gap:16px}.nav-icons button{background:0;border:0;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.nav-icons button:hover{background:#f0f0f0}.action-bar{display:flex;align-items:center;height:35px;margin:5px 0;justify-content:flex-start;flex-direction:row}.action-bar-btn{display:flex;align-items:center;gap:6px;padding:0 14px;background:0;border:0;font-size:13px;font-weight:600;color:#444;cursor:pointer;height:100%;white-space:nowrap;transition:color .15s}.action-bar-btn i{font-size:15px;color:#555}.action-bar-btn:active{opacity:.7}.action-bar-btn.like-btn.liked i,.action-bar-btn.like-btn.liked{color:#2196f3}.action-bar-btn.save-btn.active i,.action-bar-btn.save-btn.active{color:#e05555}.search-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:200;justify-content:center;align-items:flex-start;padding-top:80px}.search-overlay.active{display:flex}.search-box{background:#fff;border-radius:10px;padding:16px 20px;width:min(480px,90vw);display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000002e}.search-box input{flex:1;border:0;outline:0;font-size:16px;color:#111;font-family:inherit;background:#fff0}.search-box input::placeholder{color:#aaa}.drawer-overlay{display:none;position:fixed;inset:0;background:#00000059;z-index:300}.drawer-overlay.active{display:block}.drawer{position:fixed;top:0;right:-280px;width:280px;height:100%;background:#fff;z-index:400;transition:right .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.drawer.open{right:0}.drawer-rainbow{height:3px;background:linear-gradient(to right,#ff4d4d,#f93,#fe3,#6c4,#3be,#65d,#c4b,#ff4d4d)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}.drawer-nav{list-style:none;padding:12px 0;flex:1;overflow-y:auto;margin:0}.drawer-nav li a{display:block;padding:7px 20px;font-size:15px;color:#222;text-decoration:none;transition:background .12s}.drawer-nav li a:hover{background:#f9f9f9;color:#e03}.categories-panel{display:none;position:fixed;inset:0;z-index:500;background:#0006;align-items:flex-end;justify-content:center}.categories-panel.active{display:flex;animation:mfade.18s ease}.categories-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;animation:mslide.28s cubic-bezier(.34,1.4,.64,1);padding-bottom:env(safe-area-inset-bottom)}.cat-panel-handle{width:36px;height:4px;background:#e0e0e0;border-radius:2px;margin:10px auto 0}.cat-panel-header{display:flex;align-items:center;padding:.85rem 16px;border-bottom:1px solid #f0f0f0}.cat-panel-title{font-size:16px;font-weight:600;color:#18181a;flex:1}.cat-panel-close{width:30px;height:30px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:#18181a;border:0}.cat-search{padding:12px 16px}.cat-search-box{display:flex;align-items:center;background:#f0f0f0;border-radius:22px;padding:9px .85rem;gap:8px}.cat-search-box i{color:#18181a;font-size:.85rem}.cat-search-box input{border:0;background:#fff0;outline:0;flex:1;font-size:13.5px;font-family:inherit}.cat-section-title{font-size:.95rem;font-weight:600;color:#18181a;padding:10px}.cat-featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px;margin-bottom:5px}.cat-featured-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:transform.18s;text-decoration:none;display:block}.cat-featured-item:active{transform:scale(.97)}.cat-feat-bg{height:110px;display:flex;align-items:center;justify-content:center}.cat-feat-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000a6,transparent);color:#fff;padding:22px 12px 9px;font-size:.75rem;font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 10px}.cat-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:transform.18s;text-decoration:none;display:block}.cat-item:active{transform:scale(.96)}.cat-item-bg{height:80px;display:flex;align-items:center;justify-content:center}.cat-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000a6,transparent);color:#fff;padding:18px 8px 7px;font-size:11px;font-weight:600;text-align:center}.dl-countdown-block{display:flex;flex-direction:column;align-items:center;padding:8px 0 16px}.dl-ring-wrap{position:relative;width:88px;height:88px;margin-bottom:10px}.dl-ring-wrap svg{transform:rotate(-90deg)}.dl-ring-bg{fill:none;stroke:#8080802e;stroke-width:7}.dl-ring-fg{fill:none;stroke:url(#dlRingGrad);stroke-width:7;stroke-linecap:round;stroke-dasharray:245;stroke-dashoffset:0;transition:stroke-dashoffset .95s linear}.dl-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700}.dl-sub-txt{font-size:.78rem;color:var(--color-text-secondary,#888);margin-bottom:14px;text-align:center}.dl-ready-wrap{display:none;flex-direction:column;align-items:center;gap:8px}.dl-ready-wrap.show{display:flex}.dl-ring-wrap.hide{display:none}.btn-dl-main{display:inline-flex;align-items:center;gap:9px;padding:13px 32px;background:linear-gradient(135deg,#002eff,#05d1ff);color:#fff;border-radius:50px;font-size:.92rem;text-decoration:none;transition:opacity .15s}.btn-dl-main:hover{opacity:.88}.dl-auto-note{font-size:.72rem;color:var(--color-text-secondary,#888);text-align:center}.lat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.lat-card{background:var(--card-bg,#1c1c1e);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;cursor:pointer}.lat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000029}.lat-art{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lat-art i{font-size:17px;color:#fff}.lat-info{flex:1;min-width:0}.lat-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lat-meta{font-size:.72rem;color:var(--color-text-secondary,#888);margin-top:2px}.lat-dl-ico{font-size:.75rem;color:#05d1ff;flex-shrink:0}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:36px;height:36px;padding:0 10px;border-radius:18px;font-size:13px;font-weight:600;color:#18181a;background:#fff;border:1.5px solid #e0e0e0;text-decoration:none;transition:all.18s;white-space:nowrap}.pg-btn:hover{border-color:#2196f3;color:#2196f3}.pg-btn.pg-active{background:#2196f3;color:#fff;border-color:#2196f3}.pg-btn.pg-prev,.pg-btn.pg-next{padding:0 14px}.pg-dots{display:inline-flex;align-items:center;justify-content:center;width:28px;height:36px;color:#18181a;font-size:15px;font-weight:700}.pg404-wrap{text-align:center;padding:60px 20px;font-family:sans-serif}.pg404-icon{width:47px;height:46px;fill:#000;flex-shrink:0;display:inline-block}.pg404-num{font-size:72px;font-weight:600;color:#f0f0f0;line-height:1}.pg404-title{font-size:18px;color:#18181a;margin-bottom:10px}.pg404-msg{font-size:.75rem;color:#18181a;margin-bottom:24px}.pg404-btn{display:inline-block;background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;padding:11px 28px;border-radius:22px;font-size:.85rem;font-weight:600;text-decoration:none}.bm-sec-ico{color:#1565c0;margin-right:6px}.bm-clock-ico{font-size:9px}#userModal{z-index:1200}#userModal .modal-content{border-radius:20px 20px 0 0}.umodal-body{padding:30px 20px 16px;text-align:center}.umodal-title{font-size:1.2rem;font-weight:600;margin-bottom:18px;color:#18181a}.umodal-google-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px;background:#fff;color:#18181a;border:1px solid #ddd;border-radius:24px;font-size:.9rem;font-weight:600;text-decoration:none;gap:12px;box-shadow:0 1px 3px #0000000d}.umodal-legal{font-size:.75rem;margin:10px 16px 18px;color:#18181a;text-align:center}.umodal-legal a{color:#18181a;text-decoration:underline}.reltag-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.empty-state--pad{padding:60px 20px;text-align:center}.wp-empty-ico{font-size:40px;color:#ccc;display:block;margin-bottom:12px}.rel-head--divider{margin-top:8px;border-top:8px solid #f4f4f4}.back-link{color:#2196f3;font-weight:600}.view-all-btn{display:block;text-align:center;background:linear-gradient(135deg,#ffd700,orange);color:#3f3f3f;border:0;padding:8px 27px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.browse-cta-wrap{padding:16px 12px}.toast-close{margin-left:6px;cursor:pointer}.pagination-wrap{padding:16px 12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.textarea-tall{min-height:100px}.ml-6{margin-left:6px}.pagination-wrap{background:#fff}.cyan{background:linear-gradient(135deg,#00ced1,#48d1cc)}.purple{background:linear-gradient(135deg,#7b68ee,#9370db)}.dark-purple{background:linear-gradient(135deg,#6a0dad,#8b008b)}.pink{background:linear-gradient(135deg,#ff1493,#ff69b4)}.yellow{background:linear-gradient(135deg,#ffd700,orange)}.blue{background:linear-gradient(135deg,#4169e1,#1e90ff)}.gray{background:linear-gradient(135deg,#708090,#789)}.g-purple{background:linear-gradient(135deg,#7b68ee,#9370db)}.g-orange{background:linear-gradient(135deg,#ff6347,#ff8c00)}.g-cyan{background:linear-gradient(135deg,#00ced1,#48d1cc)}.g-pink{background:linear-gradient(135deg,#ff1493,#ff69b4)}.g-red{background:linear-gradient(135deg,#dc143c,#ff6347)}.g-lpurple{background:linear-gradient(135deg,#9370db,#ba55d3)}.g-blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}.g-green{background:linear-gradient(135deg,#10b981,#34d399)}.g-yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.g-o{background:linear-gradient(135deg,#ff6347,#ff8c00)}.g-c{background:linear-gradient(135deg,#00ced1,#48d1cc)}.g-p{background:linear-gradient(135deg,#7b68ee,#9370db)}.g-pk{background:linear-gradient(135deg,#ff1493,#ff69b4)}.g-b{background:linear-gradient(135deg,#4169e1,#1e90ff)}.g-g{background:linear-gradient(135deg,#10b981,#34d399)}.g-y{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.g-r{background:linear-gradient(135deg,#dc143c,#ff6347)}.menu-icon{font-size:20px;color:#18181a;cursor:pointer;margin-right:12px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.crown-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.crown-icon i{color:#18181a;font-size:17px}.pro-badge{color:#18181a;padding:8px 12px;border-radius:22px;font-size:11px;font-weight:600;cursor:pointer;border:0;font-family:inherit}.breadcrumb{padding:8px 16px;font-size:12px;color:#18181a;display:flex;align-items:center;flex-wrap:wrap;gap:3px;background:#fff;border-bottom:1px solid #f0f0f0;min-height:34px;text-transform: capitalize;}.breadcrumb a{color:#06f;text-decoration:none}.breadcrumb .sep{color:#ccc;margin:0 2px}.seo-content-box{margin:0 5px}.seo-content-box h1{font-size:1.125rem;font-weight:600;color:#18181a;margin-bottom:6px}.seo-content-box .content-body{font-size:.75rem;color:#18181a;line-height:1.6}.music-list{background:#fff}.music-item{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f5f5f5;gap:12px;cursor:pointer;transition:background.15s;min-height:60px;text-decoration:none;color:inherit}.music-item:hover{background:#f9f9f9}.music-info{flex:1;min-width:0;cursor:pointer}.music-title{font-size:13.5px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.music-duration{font-size:11.5px;color:#18181a;display:flex;align-items:center;gap:5px}.music-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn{color:#18181a;font-size:17px;cursor:pointer;padding:6px;transition:color.2s;background:0;border:0}.html-play-btn{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#00ced1,#48d1cc);box-shadow:0 2px 8px #00ced14d}.html-play-btn i{color:#fff;font-size:.75rem}.empty-state{text-align:center;padding:60px 20px;background:#fff}.empty-state-icon{font-size:44px;margin-bottom:10px}.empty-state h3{font-size:15px;font-weight:600;color:#18181a;margin-bottom:6px}.empty-state p{font-size:.75rem;color:#18181a}.folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:20px}.folder-card{position:relative;border-radius:.85rem;overflow:hidden;cursor:pointer;box-shadow:0 2px 10px #00000021;transition:transform.18s,box-shadow.18s;text-decoration:none;display:block}.folder-card:active{transform:scale(.97)}.folder-card:hover{box-shadow:0 4px 18px #0000002e;transform:translateY(-2px)}.folder-card-bg{height:110px;display:flex;align-items:center;justify-content:center}.folder-card-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000a6,transparent);color:#fff;padding:22px 12px 10px;font-size:.75rem;font-weight:600}.folder-card-actions{position:absolute;top:7px;right:7px;display:flex;gap:4px;z-index:2}.folder-card-action-btn{width:26px;height:26px;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;color:#fff;font-size:11px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:10px;font-weight:600;color:#18181a;text-transform:uppercase;margin-bottom:5px}.form-group input,.form-group textarea{width:100%;background:#f7f7f7;border:1.5px solid #ebebeb;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.75rem;color:#18181a;outline:0;transition:border-color.2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#7b68ee;background:#fff}.form-group textarea{min-height:72px;resize:vertical}.form-group input[type="file"]{padding:7px 10px}.form-group small{font-size:11px;color:#18181a;margin-top:3px;display:block}.btn{padding:9px 20px;border-radius:20px;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;border:0;transition:all.2s}.btn-primary{background:linear-gradient(135deg,#7b68ee,#9370db);color:#fff}.btn-primary:hover{opacity:.88}.btn-secondary{background:#f5f5f5;color:#18181a;border:1.5px solid #e0e0e0}.btn-secondary:hover{border-color:#18181a}.bm-btn{font-size:17px;color:#ddd;cursor:pointer;padding:5px;border:0;background:0;transition:color.2s;flex-shrink:0}.bm-btn.active{color:#ff6347}.bm-btn:hover{color:#ff6347}.options-list{padding:4px 0 8px}.option-row{display:flex;align-items:center;gap:.85rem;padding:12px 18px;border-bottom:1px solid #f7f7f7;cursor:pointer;transition:background.15s;min-height:60px}.option-row:last-child{border-bottom:0}.option-row:active{background:#fafafa}.option-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon i{font-size:15px;color:#fff}.option-label{font-size:.85rem;font-weight:600;color:#18181a}.option-row.danger .option-label{color:#e53e3e}.seo-preview{padding:2px 0}.seo-field{padding:10px 18px;border-bottom:1px solid #f5f5f5}.seo-label{font-size:10px;font-weight:600;text-transform:uppercase;color:#18181a;margin-bottom:3px}.seo-value{font-size:.75rem;color:#18181a}.message-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);background:#18181a;color:#fff;padding:10px 18px;border-radius:22px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:8px;z-index:9999;box-shadow:0 4px 16px #0003}.rt-card{background:#fff;border-radius:6px;border:1px solid #e8e8e8;overflow:hidden;padding:12px .85rem 10px;margin:0 5px}.rt-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.rt-art{width:54px;height:54px;min-width:54px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform.15s;flex-shrink:0}.rt-art:hover{transform:scale(1.06)}.rt-art i{color:#fff;font-size:16px}.rt-art i.fa-play{margin-left:3px}.rt-info{flex:1;min-width:0;padding-top:1px}.rt-title{font-size:.9rem;color:#000;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:block}.rt-title:hover{color:#1565c0}.rt-meta{font-size:12px;color:#18181a;display:flex;align-items:center;gap:6px}.rt-meta-sep{color:#ccc}.rt-dur{font-weight:600;color:#18181a}.rt-views{display:inline-flex;align-items:center;gap:3px;color:#18181a}.rt-views i{font-size:11px;color:#18181a}.rt-top-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;padding-top:2px}.rt-bm-btn{font-size:18px;color:#ddd;cursor:pointer;padding:4px;border:0;background:0;transition:color.2s;line-height:1}.rt-bm-btn.active{color:#e05555}.rt-bm-btn:hover{color:#e05555}.rt-share-btn{font-size:16px;color:#ddd;cursor:pointer;padding:4px;border:0;background:0;transition:color.2s;line-height:1}.rt-share-btn:hover{color:#18181a}.rt-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.rt-tag{background:#fff;color:#18181a;font-size:12px;padding:3px 7px;border-radius:6px;text-decoration:none;border:1px solid #d8d8d8;transition:background.15s,color.15s,border-color.15s}.rt-tag:hover{background:#e8f0fe;color:#1565c0;border-color:#90caf9}.rt-card-footer{display:flex;justify-content:flex-end;padding-top:2px}.rt-dl-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;background:#000;border:0;border-radius:22px;text-decoration:none;font-size:.75rem;font-weight:700;color:#fff;cursor:pointer;transition:opacity.18s}.rt-dl-btn:hover{opacity:.88}.player-hero{height:120px;min-height:120px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 10px;border-radius:6px}.player-hero::before{content:'';position:absolute;top:-40px;right:-60px;width:220px;height:220px;background:#ffffff1a;border-radius:50%}.player-hero::after{content:'';position:absolute;top:20px;right:-10px;width:150px;height:150px;background:#ffffff14;border-radius:50%}.hero-play-circle{width:60px;height:60px;border-radius:50%;background:#ffffff40;border:2px solid #fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2;backdrop-filter:blur(4px);transition:transform.2s}.hero-play-circle:hover{transform:scale(1.08);background:#ffffff59}.hero-play-circle i{color:#fff;font-size:20px}.p-info{margin:10px}.p-title{font-size:1rem;font-weight:600;color:#000;line-height:1.4;margin-bottom:7px}.p-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#212121;margin-bottom:12px}.p-dot{width:3px;height:3px;border-radius:50%;background:#18181a}.wave-sec{padding:10px 16px 2px}.wave-track{position:relative;height:3px;background:#e0e0e0;border-radius:4px;margin-bottom:5px;cursor:pointer}.wave-fill{height:100%;width:0;background:#1565c0;border-radius:4px;transition:width.1s linear;pointer-events:none}.wave-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#1565c0;box-shadow:0 1px 4px #1565c066;transition:left.1s linear}.wave-time{display:flex;justify-content:space-between}.wave-t{font-size:11px;color:#212121}.p-actions{display:flex;gap:10px;padding:4px 16px 12px;min-height:52px}.btn-play{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;border:0;padding:12px .85rem;border-radius:7px;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity.2s;font-family:inherit}.btn-dl{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#ffd700,orange);color:#181818;padding:12px .85rem;border-radius:7px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:all.2s}.share-row{display:flex;align-items:center;gap:6px;padding:0 16px .85rem;min-height:70px}.share-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#f7f7f7;border-radius:8px;padding:9px 2px;cursor:pointer;border:0;transition:opacity.2s;font-family:inherit}.share-btn:hover{opacity:.85}.share-btn i{font-size:17px}.share-btn span{font-size:10px;color:#18181a;font-weight:600}.share-btn.wa{background:#e8f8f0}.share-btn.wa i{color:#25d366}.share-btn.fb{background:#eef2fb}.share-btn.fb i{color:#1877f2}.share-btn.tw{background:#e8f5fd}.share-btn.tw i{color:#1da1f2}.share-btn.tg{background:#e8f4fb}.share-btn.tg i{color:#08C}.share-btn.bm-share.active{background:#fff3f0}.share-btn.bm-share.active i{color:#ff6347}.share-btn.bm-share i{color:#adadad}.p-div{height:1px;background:#f0f0f0;margin:0 16px}.det-sec{padding:0 16px}.det-head{display:flex;align-items:center;gap:7px;margin-bottom:10px}.det-dot{width:8px;height:8px;border-radius:50%;background:#000}.det-h{font-size:.75rem;font-weight:600;color:#000}.det-row{display:flex;align-items:flex-start;padding:8px 0;justify-content:space-between}.det-row:last-child{border-bottom:0}.det-lbl{font-size:.75rem;color:#212121;min-width:70px;flex-shrink:0}.det-val{font-size:.75rem;color:#000;font-weight:600;word-break:break-word}.det-val a{color:#1565c0;text-decoration:none}.tags-wrap{display:flex;flex-wrap:wrap;gap:7px;margin:10px}.tag-chip{background:#fff;color:#18181a;font-size:12px;padding:3px 7px;border-radius:6px;cursor:pointer;border:1px solid #ddd;text-decoration:none;transition:all.2s}.tag-chip:hover{background:#f0f4ff;border-color:#90caf9;color:#1565c0}.desc-card{margin:0 16px 16px;border-top:1px solid #f2f2f2;padding-top:12px}.desc-title{font-size:.75rem;font-weight:600;color:#000;margin-bottom:6px}.desc-text{margin:10px;font-size:.75rem;color:#18181a;line-height:1.65}.not-found{text-align:center;padding:60px 20px;color:#18181a}.not-found i{font-size:3rem;margin-bottom:16px;display:block;color:#767676}.not-found h2{font-size:1.2rem;color:#18181a;margin-bottom:8px}.not-found p{font-size:.9rem;margin-bottom:20px}.not-found a{color:#1565c0;text-decoration:none;font-weight:600}.tag-hero{padding:20px 16px;text-align:center;min-height:110px;margin-bottom:10px}.tag-hero h1{font-size:1.125rem;font-weight:600;margin-bottom:6px;text-transform:capitalize}.tag-hero p{font-size:.75rem;color:#18181a;margin-bottom:10px}.rtag-chip{background:#fff;color:#18181a;padding:5px 11px;border-radius:6px;font-size:12px;text-decoration:none;border:1px solid #e0e0e0;transition:all.2s}.rtag-chip:hover{background:#06f;color:#fff;border-color:#06f}.empty-t{padding:48px 16px;text-align:center}.empty-t i{font-size:56px;color:#e0e0e0;margin-bottom:.85rem;display:block}.empty-t h3{font-size:17px;margin-bottom:6px}.empty-t p{font-size:.75rem;color:#18181a;margin-bottom:.85rem}.search-hero{padding:20px 16px;text-align:center;min-height:110px;margin-bottom:10px}.search-hero h1{font-size:21px;font-weight:600;margin-bottom:6px}.search-hero p{font-size:.75rem;color:#18181a;margin-bottom:10px}.s-badge{display:inline-block;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:5px .85rem;border-radius:.85rem;font-size:12px}.profile-hero{background:linear-gradient(135deg,#0d47a1,#29b6f6);padding:32px 20px 24px;text-align:center;color:#fff}.avatar-lg{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#fff;margin:0 auto 12px;border:3px solid #fff6}.p-name{font-size:20px;font-weight:600;margin-bottom:3px}.p-uname{font-size:.75rem;opacity:.8;margin-bottom:6px}.p-wa{font-size:12px;opacity:.7}.p-stats{display:flex;justify-content:center;gap:32px;padding:16px;border-bottom:1px solid #f0f0f0}.stat{text-align:center}.stat-n{font-size:1.125rem;font-weight:600;color:#1565c0}.stat-l{font-size:11px;color:#18181a}.sec-head{padding:.85rem 16px 8px;font-size:.75rem;font-weight:600;color:#18181a;text-transform:uppercase;border-bottom:1px solid #f0f0f0;background:#fafafa}.bm-item{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid #f0f0f0;gap:12px;cursor:pointer;transition:background.15s;min-height:62px;text-decoration:none;color:inherit}.bm-item:hover{background:#f9f9f9}.bm-art{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-art i{color:#fff;font-size:.85rem}.bm-info{flex:1;min-width:0}.bm-title{font-size:13.5px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.bm-date{font-size:11px;color:#18181a}.bm-remove{color:#ddd;font-size:16px;cursor:pointer;padding:6px;transition:color.2s;border:0;background:0;position:relative;z-index:2}.bm-remove:hover{color:#e53e3e}.empty-bm{padding:48px 20px;text-align:center;color:#18181a}.empty-bm i{font-size:48px;margin-bottom:12px;display:block}.logout-btn{display:block;margin:20px 16px;padding:12px;text-align:center;background:#fff;border:1.5px solid #fecaca;border-radius:10px;color:#e53e3e;font-weight:600;font-size:.85rem;text-decoration:none}.login-wrap{width:100%;max-width:380px;padding:16px}.login-box{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #0006}.login-header{background:linear-gradient(135deg,#2c3e6b,#3d5a99);padding:32px 28px 24px;text-align:center;color:#fff}.login-logo{font-size:32px;margin-bottom:8px}.login-header h1{font-size:20px;font-weight:700;margin-bottom:4px}.login-header p{font-size:13px;opacity:.8}.login-body{padding:28px}.btn-login{width:100%;padding:13px;background:linear-gradient(135deg,#2c3e6b,#3d5a99);color:#fff;border:0;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity.2s}.btn-login:hover{opacity:.9}.err{background:#fff5f5;border:1px solid #fecaca;color:#e53e3e;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.topbar{position:fixed;top:0;left:0;right:0;height:52px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 16px;gap:12px;z-index:100}.topbar-title{font-size:15px;font-weight:600;color:#333;flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:0;text-decoration:none;transition:all.2s}.tb-green{background:#27ae60;color:#fff}.tb-green:hover{background:#219a52}.tb-blue{background:#2980b9;color:#fff}.tb-blue:hover{background:#2471a3}.tb-gray{background:#ecf0f1;color:#555;border:1px solid #ddd}.tb-gray:hover{background:#dde4e6}.main{margin-left:0;padding-top:52px;min-height:100vh;width:100%}.main-content{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #00000012}.stat-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon i{color:#fff;font-size:18px}.stat-info .stat-num{font-size:20px;font-weight:700;color:#333;line-height:1}.stat-info .stat-label{font-size:11px;color:#888;margin-top:3px}.si-green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.si-blue{background:linear-gradient(135deg,#2980b9,#3498db)}.si-orange{background:linear-gradient(135deg,#e67e22,#f39c12)}.card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden;margin-bottom:16px}.card-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-header h2{font-size:14px;font-weight:600;color:#333}.card-search{display:flex;align-items:center;gap:6px;background:#f5f5f5;border-radius:6px;padding:6px 10px;border:1px solid #e0e0e0}.card-search i{color:#aaa;font-size:12px}.card-search input{border:0;background:#fff0;outline:0;font-size:13px;color:#333;width:160px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}table{width:100%;border-collapse:collapse}th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;color:#888;text-transform:uppercase;border-bottom:2px solid #f0f0f0;background:#fafafa}td{padding:10px 12px;border-bottom:1px solid #f5f5f5;font-size:12px;color:#444;vertical-align:middle}tr:hover td{background:#fafeff}tr:last-child td{border-bottom:0}.td-title{font-weight:600;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-slug{font-size:11px;color:#888;font-family:monospace}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.badge-green{background:#e8f8f0;color:#27ae60}.badge-blue{background:#e8f0fb;color:#2980b9}.badge-gray{background:#f5f5f5;color:#888}.action-btns{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ab{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:0;text-decoration:none;transition:opacity.18s}.ab:hover{opacity:.85}.ab-edit{background:#2980b9;color:#fff}.ab-del{background:#e74c3c;color:#fff}.ab-view{background:#27ae60;color:#fff}.pg-wrap{padding:12px 16px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pg-info{font-size:11px;color:#888}.pg-btns{display:flex;gap:5px;flex-wrap:wrap}.pb{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:5px;font-size:12px;font-weight:600;border:1.5px solid #e0e0e0;background:#fff;color:#555;text-decoration:none;cursor:pointer;transition:all.18s}.pb:hover{border-color:#2980b9;color:#2980b9}.pb.active{background:#2980b9;color:#fff;border-color:#2980b9}.amodal{display:none;position:fixed;inset:0;z-index:500;background:#00000073;align-items:center;justify-content:center;padding:16px}.amodal.open{display:flex}.amodal-box{background:#fff;border-radius:10px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.amodal-header{padding:14px 18px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.amodal-header h3{font-size:14px;font-weight:600}.amodal-close{width:26px;height:26px;border-radius:50%;background:#f5f5f5;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#555}.amodal-body{padding:18px}.amodal-footer{padding:12px 18px;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end}.fg2{margin-bottom:14px}.fg2 label{display:block;font-size:10px;font-weight:700;color:#555;text-transform:uppercase;margin-bottom:4px}.fg2 input,.fg2 textarea,.fg2 select{width:100%;padding:9px 10px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:13px;color:#333;outline:0;transition:border-color.2s;box-sizing:border-box;font-family:inherit}.fg2 input:focus,.fg2 textarea:focus,.fg2 select:focus{border-color:#2980b9}.fg2 textarea{min-height:70px;resize:vertical}.fg2 small{font-size:10px;color:#aaa;margin-top:3px;display:block}.abtn{padding:8px 16px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:0;transition:all.2s}.abtn-primary{background:#2980b9;color:#fff}.abtn-primary:hover{background:#2471a3}.abtn-secondary{background:#f5f5f5;color:#555;border:1.5px solid #e0e0e0}.abtn-secondary:hover{border-color:#aaa}.abtn-danger{background:#e74c3c;color:#fff}.abtn-danger:hover{background:#c0392b}.alert{padding:10px 14px;border-radius:6px;font-size:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert-success{background:#e8f8f0;border:1px solid #a9dfbf;color:#1e8449}.alert-danger{background:#fdedec;border:1px solid #f5b7b1;color:#c0392b}.tab-nav{display:flex;gap:2px;background:#f0f0f0;border-radius:8px;padding:3px;margin-bottom:16px;width:fit-content}.tab-btn{padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:0;background:#fff0;color:#666;transition:all.18s}.tab-btn.active{background:#fff;color:#2c3e6b;box-shadow:0 1px 4px #0000001a}.tools-g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.tool-c{background:#fff;border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #00000012;cursor:pointer;text-decoration:none;transition:box-shadow.18s}.tool-c:hover{box-shadow:0 3px 12px #0000001f}.tool-c-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-c-icon i{color:#fff;font-size:16px}.tool-c-label{font-size:12px;font-weight:600;color:#333}.tool-c-sub{font-size:10px;color:#888;margin-top:2px}.hmc-section{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:5px}.hmc-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.hmc-title{font-size:.7rem;font-weight:700;color:#18181a;display:flex;align-items:center;gap:6px}.hmc-p{padding:24px 12px 20px;font-size:.82rem;line-height:1.6}.hmc-title i{color:#ff6347}.hmc-see-all{font-size:.85rem;font-weight:600;color:#e53935;text-decoration:none}.static-page-hero{padding:24px 16px 14px;background:linear-gradient(135deg,#002eff,#05d1ff);color:#fff;text-align:center}.static-page-hero h1{font-size:1.25rem;font-weight:700;margin:0}.static-page-content{padding:0 10px;max-width:780px;margin:0 auto;font-size:.9rem;line-height:1.75;color:#222}.static-page-content h2{font-size:1.1rem;font-weight:700;margin:20px 0 10px;color:#111}.static-page-content h3{font-size:1rem;font-weight:600;margin:18px 0 8px;color:#333}.static-page-content p{margin:0 0 12px}.static-page-content a{color:#2196f3}.static-page-content ul,.static-page-content ol{padding-left:18px;margin:0 0 12px}.static-page-content img{max-width:100%;border-radius:8px;margin:10px 0}h1{font-size:1.15rem;font-weight:600;text-transform:capitalize}h2,h3,h4,h5,h6{font-size:1.125rem;font-weight:600;text-transform:capitalize}p{font-size:.82rem;line-height:1.6}.htag{padding:20px}.content-wrapper{min-height:calc(100vh - 118px)}.item-detail-wrap{max-width:500px;margin:10px auto}@media(min-width: 768px){.wp-grid{grid-template-columns:repeat(4,1fr)}.folder-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.tools-g{grid-template-columns:repeat(3,1fr)}.hmc-section{grid-template-columns:repeat(2,1fr)}}@media(min-width: 1024px){.wp-grid{grid-template-columns:repeat(6,1fr)}.folder-grid{grid-template-columns:repeat(4,1fr)}.hmc-section{grid-template-columns:repeat(3,1fr)}.sidebar{left:-280px}.sidebar.active{left:0}.main{margin-left:0}.topbar{left:0}}@media(min-width: 1200px){body{max-width:1200px;margin:0 auto}}