*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input#searchInput{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{pointer-events:none;-webkit-user-drag:none;user-drag:none}:root{--bg-body:#f0f2f5;--text-main:#121212;--text-dim:rgba(0, 0, 0, 0.5);--share-sunmon-color:#ffffff;--card-bg:#ffffff;--card-text:#000000;--nav-icon-color:#121212;--search-input-bg:#ffffff;--search-input-text:#000000;--search-sticky-bg:rgba(240, 242, 245, 0.85);--brand-badge-bg:#e4e6eb;--brand-badge-text:#333;--card-shadow:rgba(0,0,0,0.15);--shadow-color:rgba(0,0,0,0.15);--modal-bg:rgba(255,255,255,0.95);--pill-text:#f0f2f5;--pill-bg:#121212;--accent:#007AFF;--transition:0.5s cubic-bezier(0.65, 0, 0.35, 1);--feed-card-active-bg:#f8f8f8;--feed-date-text-color:#555555}[data-theme=dark]{--bg-body:#121212;--text-main:#ffffff;--text-dim:rgba(255, 255, 255, 0.5);--share-sunmon-color:#1e1e1e;--card-bg:#1e1e1e;--card-text:#ffffff;--nav-icon-color:#ffffff;--search-input-bg:#1e1e1e;--search-input-text:#ffffff;--search-sticky-bg:rgba(26, 26, 23, 0.85);--brand-badge-bg:#ffffff7e;--brand-badge-text:#1e1e1e;--card-shadow:rgba(0,0,0,0.4);--shadow-color:rgba(0,0,0,0.4);--modal-bg:rgba(0,0,0,0.95);--pill-text:#000000;--pill-bg:#ffffff;--accent:#007AFF;--transition:0.5s cubic-bezier(0.65, 0, 0.35, 1);--feed-card-active-bg:#2a2a2a;--feed-date-text-color:#bbbbbb}body,html{height:100%;margin:0;padding:0;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg-body);color:var(--text-main);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;transition:background-color .3s,color .3s}#homeContent{flex:1;display:flex;justify-content:center;position:relative}.container{width:100%;max-width:450px;padding:20px 20px;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.nav-btn{position:absolute;top:15px;font-size:18px;cursor:pointer;padding:10px;transition:.3s;z-index:10}.share-btn{right:25px;color:var(--share-sunmon-color)}.share-btn:hover{transform:translateY(-3px)}.theme-btn{left:22px;top:22px;background:0 0;border:none;color:var(--share-sunmon-color);display:flex;align-items:center;justify-content:center}.theme-btn svg{width:18px;height:18px;fill:none;stroke:var(--share-sunmon-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.theme-btn:active svg{transform:scale(.8)}.moon-icon{display:block}.sun-icon{display:none}.moon-icon:hover{transform:translateY(-3px)}.sun-icon:hover{transform:translateY(-3px)}[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}h1{font-size:3.5rem;font-weight:900;margin:0;letter-spacing:0;line-height:1}.profile{text-align:center;margin-bottom:15px}.profile img{width:100%;height:100px;border-radius:14px;object-fit:cover;margin-bottom:10px}.profile h1{font-size:18px;margin:0;display:flex;align-items:center;justify-content:center;gap:5px}.verified-badge{display:flex;align-items:center;justify-content:center;color:#4da3ff;width:18px;height:18px;flex-shrink:0}.verified-badge svg{width:100%;height:100%}.profile_caption{color:var(--text-main);margin-top:5px;font-size:12px;opacity:.8}.social-icons{display:flex;justify-content:center;gap:25px;margin:10px 0 10px}.social-icons a{color:var(--nav-icon-color);font-size:24px;text-decoration:none;transition:.2s}.social-icons a:hover{color:#4da3ff;transform:translateY(-3px)}.trakteer-container{display:flex;justify-content:center;align-items:center;margin:0 5px}.search-container{max-height:0;opacity:0;transform:translateY(-10px);transition:all .5s ease}.search-container.show{position:sticky;top:0;z-index:900;padding:10px 0;transition:all .3s ease;margin-bottom:10px;max-height:80px;opacity:1;transform:translateY(0)}.search-container.scrolled{border-radius:0 0 20px 20px;backdrop-filter:blur(12px);padding:15px 10px;margin-left:-20px;margin-right:-20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.search-box{position:relative;width:100%;max-width:410px;margin:0 auto}.search-box input{width:100%;padding:12px 45px;border-radius:30px;border:2px solid transparent;font-size:14px;box-sizing:border-box;outline:0;background:var(--search-input-bg);color:var(--search-input-text);transition:all .3s}.search-box input:focus{border-color:#4da3ff}.search-box i.fa-search{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#888}#resetSearch{position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;display:none;color:#888;font-size:18px}.nav-wrapper{background:var(--card-bg);border-radius:50px;display:grid;grid-template-columns:repeat(2,1fr);position:relative;margin:0 auto 20px;padding:2px;isolation:isolate;max-width:160px;width:100%}.nav-pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);background:var(--pill-bg);border-radius:40px;z-index:1;transition:transform var(--transition)}.nav-wrapper[data-active="0"] .nav-pill{transform:translateX(0)}.nav-wrapper[data-active="1"] .nav-pill{transform:translateX(100%)}.pill-btn{background:0 0;border:none;padding:14px 0;font-family:inherit;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-dim);cursor:pointer;z-index:2;transition:color .3s}.pill-btn.active{color:var(--pill-text)}@keyframes tabEntry{from{opacity:0;transform:scale(1.05);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.content-section.active{display:block;animation:tabEntry .6s cubic-bezier(.34,1.56,.64,1) forwards}.content-section{display:none;width:100%}.list-card{background:var(--card-bg);border-radius:25px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:12px;box-shadow:0 4px 12px var(--card-shadow);cursor:pointer;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.02);transition:.2s}.list-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px var(--shadow-color)}.list-card:active{transform:scale(.97)}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px var(--card-shadow);text-align:left;border:1px solid rgba(0,0,0,.02);transition:transform .3s}.card:active{transform:scale(.95)}.card-img{width:100%;aspect-ratio:1;object-fit:cover;background:#ddd}.card-info{padding:12px}.card-title{font-size:12px;font-weight:600;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;color:var(--text-main)}.card-sub{color:var(--accent);font-weight:900;font-size:.9rem}.card-date{font-size:.7rem;opacity:.5;font-weight:600;display:block;margin-top:4px}.meta-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-badge{background:var(--brand-badge-bg);color:var(--brand-badge-text);padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:3px;text-transform:lowercase}.brand-badge svg{width:10px;height:10px;color:#4da3ff}.feed-grid-container{display:grid;contain: content;}.feed-card{background:var(--card-bg);color:var(--card-text);border-radius:18px;padding:12px;display:flex;flex-direction:row;gap:15px;align-items:center;margin-bottom:12px;cursor:pointer;transition:.2s;will-change: transform;box-shadow:0 4px 12px var(--card-shadow)}.feed-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px var(--shadow-color)}.feed-card:active{transform:scale(.97);background:var(--feed-card-active-bg)}.feed-card-thumb{height:62px;border-radius:12px;object-fit:cover;flex-shrink:0}.feed-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.feed-info h3{margin:0 0 6px 0;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;color:var(--card-text)}.feed-meta-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feed-brand-badge{background:var(--brand-badge-bg);color:var(--brand-badge-text);padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:3px;text-transform:lowercase}.feed-brand-badge svg{width:10px;height:10px;color:var(--brand-badge-text)}.feed-date-text{font-size:10px;color:var(--feed-date-text-color);font-weight:400}#backToTop{position:fixed;bottom:30px;right:20px;width:45px;height:45px;background:var(--card-bg);color:var(--card-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);z-index:999;transition:.3s;opacity:0;visibility:hidden;box-shadow:0 4px 12px var(--card-shadow)}#backToTop.show{opacity:1;visibility:visible}.footer{padding:40px 0 0;color:var(--pill-bg);margin-top:auto}.footer-text{text-align:center;opacity:.5;font-size:10px;color:var(--text-main)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;visibility:hidden;transition:.5s}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:calc(100% - 40px);max-width:400px;max-height:90vh;background:var(--card-bg);border-radius:30px;padding:20px;transform:translateY(30px);opacity:0;transition:.6s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}.modal-overlay.active .modal-content{transform:translateY(0);opacity:1}.video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;flex-shrink:0}.close-btn{width:100%;padding:16px;margin-top:15px;border-radius:14px;border:none;background:var(--pill-bg);color:var(--pill-text);font-weight:800;cursor:pointer;flex-shrink:0}.ad-modal{width:320px;height:50px;margin:10px 0;display:flex;justify-content:center;align-items:center;z-index:1001;flex-shrink:0}.ad-modal:empty{display:none;margin:0}#preloader{position:fixed;inset:0;background:var(--bg-body);z-index:10000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,visibility .5s}.progress-line{width:150px;height:4px;background:var(--card-bg);border-radius:10px;position:relative;overflow:hidden}.progress-line::after{content:'';width:40%;height:100%;background:var(--accent);position:absolute;left:-40%;border-radius:10px;animation:lineMove 1s linear infinite}@keyframes lineMove{0%{left:-40%}100%{left:100%}}.loader-hidden{opacity:0;visibility:hidden}.player-switch-container{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:15px;flex-shrink:0}.player-switch-btn{background:var(--card-bg);color:var(--card-text);border:2px solid var(--accent);padding:8px 15px;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.player-switch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.player-switch-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.kategori-badge{background:rgba(77,163,255,.1);color:var(--accent);padding:3px 8px;border-radius:12px;font-size:9px;font-weight:600;display:inline-block;margin:2px;border:1px solid rgba(77,163,255,.3)}.image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;max-height:200px;overflow-y:auto;padding-right:5px}.image-gallery::-webkit-scrollbar{width:4px}.image-gallery::-webkit-scrollbar-track{background:var(--card-bg);border-radius:10px}.image-gallery::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.gallery-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s;pointer-events:auto!important}.gallery-image:hover{transform:scale(1.05)}.gallery-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.3s;padding:20px}.gallery-modal.active{opacity:1;visibility:visible}.gallery-modal-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;pointer-events:auto!important}.gallery-wrapper{position:relative;width:fit-content;height:fit-content;max-width:90%;max-height:90%}.close-gallery{position:absolute;top:8px;right:8px;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.feed-kategori-container{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.feed-kategori-badge{background:rgba(77,163,255,.1);color:var(--accent);padding:2px 6px;border-radius:10px;font-size:8px;font-weight:600;border:1px solid rgba(77,163,255,.2)}.modal-content-container{flex:1;overflow-y:auto;padding-right:5px}.modal-content-container::-webkit-scrollbar{width:4px}.modal-content-container::-webkit-scrollbar-track{background:var(--card-bg);border-radius:10px}.modal-content-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.modal-header{margin-top:15px;flex-shrink:0}.modal-title{color:var(--text-main);font-size:16px;font-weight:700;margin:0 0 8px 0;line-height:1.3}.modal-kode{color:var(--accent);font-weight:700;font-size:14px;margin-bottom:10px}.gallery-toggle-btn{width:100%;padding:12px;margin-top:10px;border-radius:14px;border:2px solid var(--accent);background:0 0;color:var(--accent);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;flex-shrink:0}.gallery-toggle-btn:hover{background:var(--accent);color:#fff}.gallery-toggle-btn i{transition:transform .3s}.gallery-toggle-btn.active i{transform:rotate(180deg)}.gallery-section{margin-top:15px;display:none;flex-shrink:0}.gallery-section.active{display:block}.gallery-title{color:var(--text-main);font-size:14px;font-weight:700;margin-bottom:10px}.video-info-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.video-info-label{color:var(--text-dim);font-size:12px;font-weight:600;margin-bottom:5px}.video-info-value{color:var(--text-main);font-size:13px}.empty-gallery{text-align:center;color:var(--text-dim);font-size:12px;padding:20px;border:2px dashed rgba(0,0,0,.1);border-radius:10px;margin-top:10px}@media (max-height:700px){.modal-content{max-height:85vh}.image-gallery{max-height:150px}.video-container{aspect-ratio:16/10}}@media (max-height:600px){.modal-content{max-height:80vh}.image-gallery{max-height:120px}.video-container{aspect-ratio:16/11}}