:root{
  --bg:#fff;--surface:#fff;--soft:#f3f3f3;--soft-2:#e9e9e9;--text:#111;--muted:#777;--line:#e5e5e5;
  --brand:#e60036;--danger:#e60023;--shadow:0 10px 26px rgba(0,0,0,.11);--radius:18px;
}
[data-theme="dark"]{--bg:#050505;--surface:#111;--soft:#1b1b1b;--soft-2:#282828;--text:#f4f4f4;--muted:#aaa;--line:#252525;--shadow:0 12px 34px rgba(0,0,0,.35)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'Share Tech Mono',monospace!important;scroll-behavior:smooth}
button,input,textarea{font-family:'Share Tech Mono',monospace!important}button{border:0;background:none;color:inherit;cursor:pointer}img{display:block;max-width:100%}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{width:100%;max-width:720px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.topbar{position:sticky;top:0;z-index:50;height:48px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:6px 12px;backdrop-filter:blur(14px)}[data-theme="dark"] .topbar{background:rgba(5,5,5,.93)}
.icon-btn{width:35px;height:35px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;color:var(--text);transition:transform .18s,background .18s}.icon-btn:active{transform:scale(.9);background:var(--soft)}.icon-btn svg{width:23px;height:23px}.top-spacer{flex:1}
.search-pill{height:36px;border-radius:999px;background:var(--soft);display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--muted);min-width:0}.search-pill svg{width:19px;height:19px;flex:0 0 auto}.search-pill input{border:0;outline:0;background:transparent;color:var(--text);font-size:15px;width:100%;min-width:0}.search-pill button{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.search-pill button svg{width:15px;height:15px}.header-search{display:none;flex:1}.app-shell.tab-search .header-search{display:flex}.app-shell.tab-search .top-spacer{display:none}
.main{padding-bottom:66px;min-height:calc(100vh - 48px)}.view{display:none;animation:fadeUp .2s ease}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.home-hero{position:relative;height:330px;overflow:hidden;background:var(--soft)}.home-hero img{width:100%;height:330px;object-fit:cover;filter:brightness(.82)}.hero-search{position:absolute;top:24px;left:22px;right:22px;height:48px;border-radius:18px;background:rgba(255,255,255,.96);display:flex;align-items:center;gap:10px;padding:0 18px;box-shadow:0 14px 30px rgba(0,0,0,.16)}.hero-search svg{width:22px;height:22px}.hero-search input{border:0;outline:0;background:transparent;color:#111;width:100%;font-size:18px}.hero-caption{position:absolute;left:18px;right:18px;bottom:42px;text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}.hero-caption span{display:block;font-size:14px}.hero-caption b{display:block;font-size:22px;margin-top:4px}
.idea-section{padding:20px 18px 0}.idea-section p,.muted{color:var(--muted);margin:0 0 6px;font-size:14px}.idea-section h2,.page-title-row h1,.related-title{font-size:25px;line-height:1.08;margin:0 0 12px;font-weight:900;letter-spacing:.2px}.strip{height:100px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}.strip img{width:100%;height:100px;object-fit:cover}.strip img:first-child{border-radius:18px 0 0 18px}.strip img:last-child{border-radius:0 18px 18px 0}
.search-head{padding:14px 18px 6px}.search-head p{font-size:15px;margin:0 0 12px;color:var(--muted)}.search-head b{color:var(--text)}.chips{display:flex;gap:9px;overflow:auto;padding:2px 0 11px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border-radius:999px;background:var(--soft);border:1px solid var(--line);padding:9px 14px;font-size:14px;font-weight:800}.tool-row{display:flex;align-items:center;gap:8px;overflow:auto;padding-bottom:5px}.pill-btn{border-radius:999px;background:var(--soft);border:1px solid var(--line);padding:9px 13px;font-size:14px;font-weight:900;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.pill-btn svg{width:18px;height:18px}.danger-soft{color:var(--danger)}#resultCount{margin-left:auto;color:var(--muted);white-space:nowrap;font-size:13px}.status-box{margin:8px 18px;border-radius:15px;padding:0;color:var(--muted);font-size:14px}.status-box.show{padding:12px;background:var(--soft);border:1px solid var(--line)}.status-box.error{color:#fff;background:#a90026;border-color:#a90026}
.masonry{columns:2 145px;column-gap:11px;padding:9px 12px 14px}.masonry.small{padding:0;columns:2 140px}.pin-card{break-inside:avoid;position:relative;margin:0 0 13px;border-radius:15px;overflow:hidden}.pin-img-wrap{position:relative;border-radius:15px;overflow:hidden;background:var(--soft);min-height:84px}.pin-card img{width:100%;height:auto;border-radius:15px;object-fit:cover;background:var(--soft)}.pin-card .title{font-size:13px;font-weight:900;line-height:1.14;margin:6px 28px 0 4px;word-break:break-word}.pin-card .more-mini{position:absolute;right:0;bottom:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.pin-card .more-mini svg{width:19px;height:19px}.pin-actions{position:absolute;right:7px;top:7px;display:flex;flex-direction:column;gap:7px;z-index:3}.save-mini,.download-mini{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;box-shadow:0 7px 16px rgba(0,0,0,.12);transition:transform .18s,background .18s,color .18s}.save-mini svg,.download-mini svg{width:18px;height:18px}.save-mini.saved{background:var(--brand);color:white;animation:savePop .42s ease}.pin-card.hidden-title .title,.pin-card.hidden-title .more-mini{display:none}.load-more{display:none;margin:4px auto 24px;padding:11px 18px;border-radius:999px;background:var(--text);color:var(--bg);font-weight:900;font-size:14px}.load-more.show{display:block}
.detail-page{background:var(--bg)}.detail-photo-wrap{position:relative;background:#000;min-height:92px}.detail-photo-wrap img{width:100%;max-height:68vh;object-fit:contain;background:#000;margin:0 auto}.float-back{position:absolute;top:14px;left:16px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.94);color:#111;display:grid;place-items:center;z-index:4;box-shadow:0 8px 18px rgba(0,0,0,.14)}.float-back svg{width:24px;height:24px}.detail-info{padding:14px 18px 26px;background:var(--bg)}.action-row{display:flex;align-items:center;gap:10px}.detail-actions{margin-bottom:18px}.detail-icon-btn{height:36px;min-width:36px;border-radius:12px;display:flex;align-items:center;gap:5px;font-weight:900;font-size:15px;transition:transform .18s,color .18s}.detail-icon-btn svg{width:25px;height:25px}.detail-icon-btn:active{transform:scale(.88)}.detail-icon-btn.liked{color:var(--brand)}.detail-icon-btn.liked svg{animation:heartPop .48s ease}.save-big{margin-left:auto;height:38px;border-radius:999px;background:transparent;color:var(--text);border:1px solid var(--line);padding:0 14px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;box-shadow:none;transition:transform .18s,background .18s,color .18s,border-color .18s}.save-big svg{width:18px;height:18px}.save-big.saved{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(230,0,54,.24)}.save-big.save-anim{animation:savePop .42s ease}.save-big:active{transform:scale(.94)}
.author-row{display:flex;align-items:center;gap:10px;margin-bottom:13px}.avatar,.profile-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff3568,#ff844f);color:white;font-size:16px;font-weight:900}.author-row b{display:block;font-size:15px}.author-row small{display:block;color:var(--muted);font-size:12px}.detail-info h1{font-size:27px;line-height:1.06;margin:0 0 9px}.detail-info p{font-size:16px;line-height:1.35;margin:0 0 13px}.meta-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 26px}.meta-row span{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.related-title{margin-top:18px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 8px}.page-title-row h1{margin:0}.empty-state{display:none;margin:22px 18px;padding:20px;border-radius:18px;border:1px dashed var(--line);color:var(--muted);text-align:center;background:var(--soft);font-size:14px}.empty-state.show{display:block}
.profile-card{margin:24px 18px 22px;padding:24px 18px;border-radius:26px;background:var(--soft);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow)}.profile-avatar{width:86px;height:86px;font-size:38px;margin:0 auto 18px}.profile-card h1{font-size:35px;margin:0 0 6px}.profile-card p{color:var(--muted);font-size:15px;margin:0 0 18px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stats div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 6px}.profile-stats b{display:block;font-size:24px}.profile-stats span{display:block;color:var(--muted);font-weight:900;letter-spacing:3px;font-size:11px;margin-top:3px}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:55;width:100%;max-width:720px;height:62px;background:rgba(255,255,255,.95);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(14px)}[data-theme="dark"] .bottom-nav{background:rgba(5,5,5,.92)}.bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8a8a8a;font-size:11px;font-weight:900;transition:color .22s,transform .22s}.bottom-item svg{width:24px;height:24px}.bottom-item.active{color:var(--text)}.bottom-item:active{transform:scale(.94)}.nav-indicator{position:absolute;bottom:5px;width:6px;height:6px;border-radius:999px;background:var(--brand);left:calc(10% - 3px);transition:left .42s cubic-bezier(.34,1.5,.55,1);box-shadow:0 0 12px rgba(230,0,54,.35)}.nav-indicator.move{animation:indicatorPulse .42s ease}
.sheet-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.52);display:none;align-items:flex-end}.sheet-overlay.open{display:flex}.sheet{width:100%;max-width:720px;margin:0 auto;background:var(--surface);border-radius:24px 24px 0 0;padding:16px 18px 22px;max-height:82vh;overflow:auto;animation:sheetIn .23s ease;color:var(--text)}@keyframes sheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}.sheet.closing{animation:sheetOut .2s ease forwards}@keyframes sheetOut{to{transform:translateY(100%)}}.sheet-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:12px}.sheet-head h2{text-align:center;font-size:23px;margin:0}.sheet-x{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.sheet-x svg{width:24px;height:24px}.filter-choice{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;font-size:18px}.filter-choice i{width:28px;height:28px;border-radius:50%;border:2px solid #aaa;display:block}.filter-choice.selected i{border:8px solid #5865f2}.filter-label{letter-spacing:4px;color:var(--muted);font-weight:900;margin:14px 0 4px;font-size:13px}.line{height:1px;background:var(--line);margin:11px 0}.primary-sheet-btn{width:100%;height:44px;border-radius:999px;background:var(--brand);color:#fff;font-weight:900;font-size:15px;margin-top:14px}.share-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.share-icons button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.share-icons span{width:48px;height:48px;border-radius:50%;background:var(--soft);display:grid;place-items:center}.share-icons svg{width:23px;height:23px}.options-title{text-align:center;font-size:21px}.option-list button{width:100%;display:flex;align-items:center;gap:13px;font-size:18px;font-weight:900;padding:12px 4px;border-radius:14px;text-align:left}.option-list button svg,.option-list .swap-icon svg{width:23px;height:23px;flex:0 0 auto}.option-list button:active{background:var(--soft)}.option-list .report-option{color:var(--danger)}.swap-icon{display:inline-grid;place-items:center}.swap-icon.ok{color:#12a150;animation:swapPop .26s ease}
.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.comment{display:flex;gap:9px;align-items:flex-start}.comment .avatar{width:30px;height:30px;font-size:13px}.comment p{margin:3px 0 0;color:var(--muted);font-size:13px}.comment-form{display:flex;gap:7px;background:var(--soft);border-radius:999px;padding:6px}.comment-form input{flex:1;border:0;outline:0;background:transparent;padding:0 10px;font-size:14px;color:var(--text)}.comment-form button{background:var(--brand);color:#fff;border-radius:999px;padding:8px 13px;font-weight:900}.toast{position:fixed;left:50%;bottom:76px;z-index:120;transform:translateX(-50%) translateY(18px);background:#111;color:#fff;padding:10px 14px;border-radius:999px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.24s;max-width:min(90vw,650px);text-align:center;font-size:13px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.burst{position:fixed;z-index:130;pointer-events:none;color:var(--brand);animation:burst .6s ease forwards}.burst svg{width:36px;height:36px}
@keyframes heartPop{0%{transform:scale(.6)}50%{transform:scale(1.35)}100%{transform:scale(1)}}@keyframes savePop{0%{transform:scale(.86)}60%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes swapPop{0%{transform:rotate(-18deg) scale(.7);opacity:.2}100%{transform:none;opacity:1}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}40%{opacity:1;transform:translate(-50%,-70%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-110%) scale(.7)}}@keyframes indicatorPulse{0%{width:6px;height:6px}45%{width:28px;height:6px}100%{width:6px;height:6px}}
@media(max-width:430px){.topbar{height:46px;padding:6px 11px}.icon-btn{width:34px;height:34px;border-radius:12px}.icon-btn svg{width:22px;height:22px}.search-pill{height:34px}.home-hero,.home-hero img{height:315px}.hero-search{height:46px;left:20px;right:20px;top:22px}.hero-search input{font-size:17px}.hero-caption b{font-size:21px}.idea-section{padding:18px 16px 0}.idea-section h2,.page-title-row h1,.related-title{font-size:24px}.strip,.strip img{height:96px}.masonry{column-gap:10px;padding:8px 10px 14px}.pin-card{margin-bottom:12px}.save-mini,.download-mini{width:32px;height:32px}.detail-info{padding:13px 16px 24px}.detail-info h1{font-size:25px}.detail-info p{font-size:15px}.detail-icon-btn svg{width:24px;height:24px}.save-big{height:36px;padding:0 13px}.profile-card{margin:22px 16px 20px}.profile-avatar{width:78px;height:78px}.profile-card h1{font-size:32px}.sheet{padding:15px 17px 20px}.filter-choice{height:50px;font-size:17px}.option-list button{font-size:17px}.bottom-nav{height:60px}.bottom-item svg{width:23px;height:23px}}
.save-mini.save-anim{animation:savePop .42s ease}

/* V6 polish, karena UI nggak perlu cosplay jadi billboard. */
body.sheet-open{overflow:hidden;touch-action:none;overscroll-behavior:none}.sheet-overlay{overflow:hidden;touch-action:none}.sheet{max-height:72dvh!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.action-sheet{max-height:70dvh!important}.filter-sheet{max-height:73dvh!important}.options-title{display:none!important}.option-list{padding-bottom:18px}.option-list button{font-size:15px!important;padding:9px 3px!important;gap:11px!important}.option-list button svg,.option-list .swap-icon svg{width:20px!important;height:20px!important}.share-icons span{width:42px!important;height:42px!important}.share-icons svg{width:20px!important;height:20px!important}.share-icons small{font-size:10px!important}.sheet-head{grid-template-columns:32px 1fr 32px!important;margin-bottom:8px!important}.sheet-head h2{font-size:20px!important}.sheet-x{width:30px!important;height:30px!important}.sheet-x svg{width:21px!important;height:21px!important}.filter-choice{height:42px!important;font-size:15px!important}.filter-choice i{width:24px!important;height:24px!important}.filter-choice.selected i{border-width:7px!important}.primary-sheet-btn{height:38px!important;font-size:13px!important}.filter-label{font-size:11px!important;margin:10px 0 2px!important}.line{margin:9px 0!important}.topbar{height:42px!important;padding:5px 14px!important}.icon-btn{width:31px!important;height:31px!important;border-radius:10px!important}.icon-btn svg{width:21px!important;height:21px!important}.search-pill{height:32px!important;max-width:390px!important}.search-pill svg{width:18px!important;height:18px!important}.search-pill input{font-size:14px!important}.search-pill button{width:25px!important;height:25px!important}.search-head{padding:12px 16px 6px!important}.chip{padding:9px 13px!important;font-size:13px!important}.tool-row{gap:8px!important}.pill-btn{padding:8px 12px!important;font-size:13px!important}.masonry{column-gap:9px!important;padding:7px 10px 12px!important}.pin-card{margin-bottom:11px!important}.pin-card .title{font-size:13px!important;line-height:1.15!important;padding:4px 20px 0 4px!important}.pin-card .more-mini{width:21px!important;height:21px!important}.pin-actions{right:6px!important;top:6px!important;gap:6px!important}.save-mini,.download-mini{width:29px!important;height:29px!important}.save-mini svg,.download-mini svg{width:16px!important;height:16px!important}.detail-photo-wrap{background:var(--bg)!important;min-height:80px!important}.detail-photo-wrap::before{content:'Memuat gambar...';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;z-index:0}.detail-photo-wrap img{position:relative;z-index:1;display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;background:transparent!important;opacity:0;transition:opacity .14s ease;margin:0 auto}.detail-photo-wrap img.loaded{opacity:1}.float-back{width:36px!important;height:36px!important;border-radius:12px!important;top:12px!important;left:14px!important}.float-back svg{width:22px!important;height:22px!important}.detail-info{padding:11px 16px 20px!important}.detail-actions{margin-bottom:14px!important}.action-row{gap:8px!important}.detail-icon-btn{height:31px!important;min-width:31px!important;font-size:13px!important}.detail-icon-btn svg{width:22px!important;height:22px!important}.save-big{height:32px!important;padding:0 11px!important;font-size:12px!important;box-shadow:none!important}.save-big svg{width:16px!important;height:16px!important}.author-row{gap:8px!important;margin-bottom:10px!important}.avatar{width:32px!important;height:32px!important;font-size:14px!important}.author-row b{font-size:13px!important}.author-row small{font-size:10px!important}.detail-info h1{font-size:22px!important;line-height:1.08!important}.detail-info p{font-size:14px!important}.meta-row{gap:6px!important;margin:9px 0 22px!important}.meta-row span{font-size:10.5px!important;padding:7px 9px!important}.related-title{font-size:22px!important}.bottom-nav{height:56px!important}.bottom-item{font-size:10px!important}.bottom-item svg{width:21px!important;height:21px!important}.nav-indicator{width:6px!important;height:6px!important}.nav-indicator.move{animation:indicatorPulse .36s ease both!important}.nav-indicator:not(.move){width:6px!important}.profile-card{margin:18px 16px 16px!important;padding:20px 16px!important;border-radius:22px!important}.profile-avatar{width:72px!important;height:72px!important;font-size:32px!important}.profile-card h1{font-size:28px!important}.profile-card p{font-size:13px!important}.profile-stats{gap:8px!important}.profile-stats div{border-radius:16px!important;padding:11px 5px!important}.profile-stats b{font-size:20px!important}.profile-stats span{font-size:9px!important}.page-title-row{padding:16px 16px 6px!important}.page-title-row h1{font-size:22px!important}.history-tabs{display:flex;gap:8px;padding:0 16px 8px;overflow:auto}.history-tab{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;transition:.18s}.history-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(230,0,54,.18)}.search-history-list{display:none!important}.me-history-grid{padding-top:4px!important}.hidden-pin-card .pin-img-wrap img{filter:brightness(.18) saturate(.4)}.hidden-mask{position:absolute;inset:0;display:grid;place-items:center;gap:6px;background:rgba(0,0,0,.45);color:#fff;z-index:4;border-radius:inherit}.hidden-mask svg{width:34px;height:34px}.hidden-mask span{font-size:12px;font-weight:900}.status-box.no-results{display:grid!important;place-items:center;text-align:center;gap:8px;margin:22px 16px;padding:28px 18px;border:1px dashed var(--line);border-radius:22px;background:var(--soft);color:var(--text)}.status-box.no-results .no-results-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line)}.status-box.no-results svg{width:28px;height:28px}.status-box.no-results b{font-size:16px}.status-box.no-results span{font-size:12px;color:var(--muted);line-height:1.35}.burst svg{width:32px!important;height:32px!important}.home-hero,.home-hero img{height:285px!important}.hero-search{height:42px!important}.hero-caption b{font-size:19px!important}.strip,.strip img{height:86px!important}.idea-section{padding:16px 16px 0!important}.idea-section h2{font-size:21px!important}@media(max-width:430px){.topbar{height:42px!important}.search-pill{height:31px!important}.home-hero,.home-hero img{height:275px!important}.hero-search{height:41px!important}.detail-info h1{font-size:21px!important}.related-title{font-size:21px!important}.sheet{max-height:72dvh!important}.option-list button{font-size:14.5px!important}.filter-choice{font-size:14.5px!important}.bottom-nav{height:55px!important}}

/* V7 refinements */
html,body,input,textarea,button{font-size:16px}
.topbar{height:54px!important;padding:8px 16px!important}
.main{padding-bottom:78px!important;min-height:calc(100vh - 54px)!important}
.icon-btn{width:39px!important;height:39px!important;border-radius:13px!important}
.icon-btn svg{width:24px!important;height:24px!important}
.search-pill{height:40px!important;max-width:none!important;border-radius:16px!important;padding:0 12px!important;background:var(--soft)!important}
.search-pill svg{width:20px!important;height:20px!important}
.search-pill input{font-size:16px!important;line-height:1.2!important}
.search-pill button{width:28px!important;height:28px!important}
.search-pill button svg{width:17px!important;height:17px!important}
.hero-search{height:50px!important;top:20px!important;left:18px!important;right:18px!important;border-radius:18px!important}
.hero-search input{font-size:16px!important}
.hero-search svg{width:20px!important;height:20px!important;color:inherit}
[data-theme="dark"] .hero-search,[data-theme="dark"] .search-pill{background:#121212!important;border:1px solid #2a2a2a!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important}
[data-theme="dark"] .hero-search input,[data-theme="dark"] .search-pill input,[data-theme="dark"] .hero-search svg,[data-theme="dark"] .search-pill svg,[data-theme="dark"] .search-pill button{color:#f4f4f4!important}
.home-hero,.home-hero img{height:320px!important}
#heroSlider{position:absolute;inset:0}
#heroSlider img{transition:opacity .22s ease,transform .22s ease}
#heroSlider img.slide-in{animation:heroIn .24s ease both}
@keyframes heroIn{from{opacity:.55;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
.hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:7px;z-index:3}
.hero-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.42);padding:0;transition:.18s}
.hero-dot.active{width:20px;background:#fff}
.hero-caption{bottom:40px!important}
.home-ideas{padding-bottom:10px}
.idea-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.idea-title-row h2{margin:0 0 12px!important}
.idea-title-row button{width:34px;height:34px;border-radius:12px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;transform:rotate(180deg)}
.idea-title-row button svg{width:18px;height:18px}
.idea-section{padding:18px 18px 0!important}
.idea-section p,.muted{font-size:15px!important}
.idea-section h2,.page-title-row h1,.related-title{font-size:27px!important}
.strip,.strip img{height:94px!important}
#savedView .muted,#relevantView .muted{display:block;padding:0 18px 6px;margin:0!important;line-height:1.45;text-align:left}
.page-title-row{padding:20px 18px 8px!important}
.bottom-nav{height:72px!important}
.bottom-item{font-size:12px!important;gap:4px!important}
.bottom-item svg{width:25px!important;height:25px!important}
.nav-indicator{bottom:9px!important}
.history-tabs{padding:0 18px 10px!important}
.hidden-pin-card .pin-actions{display:none!important}
.hidden-mask{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important}
.hidden-mask svg{width:38px!important;height:38px!important}
.hidden-mask span{font-size:13px!important;line-height:1.1!important}
#savedView .empty-state,#meView .empty-state,#relevantView .empty-state{margin:22px 18px!important}
.status-box.search-intro{min-height:260px;display:grid!important;place-items:center;align-content:center;gap:10px}
.status-box.search-intro .no-results-icon{width:62px!important;height:62px!important}
.status-box.search-intro b{font-size:18px!important}
.status-box.search-intro span{max-width:290px;font-size:13px!important}
@media (max-width:430px){
  .topbar{height:52px!important;padding:7px 14px!important}
  .icon-btn{width:37px!important;height:37px!important}
  .search-pill{height:39px!important}
  .home-hero,.home-hero img{height:300px!important}
  .hero-search{height:48px!important;left:16px!important;right:16px!important}
  .idea-section h2,.page-title-row h1,.related-title{font-size:24px!important}
  .strip,.strip img{height:90px!important}
  .bottom-nav{height:70px!important}
  .bottom-item{font-size:11.5px!important}
}

/* V7 tune-up: rapiin posisi, hero carousel, dan ukuran header/bottom nav. */
html, body { -webkit-text-size-adjust: 100%; }
input, textarea, select, button { font-family: 'Share Tech Mono', monospace !important; }
input, textarea { font-size: 16px !important; }
.topbar{height:50px!important;padding:7px 16px!important;gap:12px!important}
.icon-btn{width:38px!important;height:38px!important;border-radius:13px!important}
.icon-btn svg{width:24px!important;height:24px!important}
.search-pill{height:38px!important;border-radius:999px!important;padding:0 12px!important;background:var(--soft)!important}
.search-pill svg{width:21px!important;height:21px!important}.search-pill input{font-size:16px!important}.search-pill button{width:30px!important;height:30px!important}
.bottom-nav{height:66px!important;padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
.bottom-item{font-size:11px!important;gap:3px!important}.bottom-item svg{width:25px!important;height:25px!important}.nav-indicator{bottom:max(5px,env(safe-area-inset-bottom))!important}
.hero-slider{position:absolute;inset:0;overflow:hidden}.home-hero img{transition:opacity .22s ease, transform .24s ease}.home-hero img.slide-in{animation:heroSlideIn .24s ease}
.hero-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;z-index:4}.hero-dot{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.55);border:0;padding:0;transition:.18s}.hero-dot.active{width:18px;background:#fff}.idea-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.idea-title-row h2{margin:0}.idea-title-row button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--text);transform:rotate(180deg)}.idea-title-row button svg{width:19px;height:19px}.home-ideas{padding-bottom:84px}
.saved-note,.muted{display:block;padding:0 16px;margin:0 0 12px;color:var(--muted);line-height:1.35}.saved-note{max-width:680px}.empty-state{margin:12px 16px!important;text-align:center!important;display:none}.empty-state.show{display:grid!important;place-items:center!important}
.hidden-mask{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;line-height:1!important}.hidden-mask svg{display:block;margin:0 auto}.hidden-mask span{display:block;margin:0 auto}.hidden-pin-card .pin-img-wrap{position:relative}
html[data-theme="dark"] .hero-search{background:rgba(12,12,12,.9)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}html[data-theme="dark"] .hero-search input{color:#fff!important}html[data-theme="dark"] .hero-search svg{color:#fff!important}html[data-theme="dark"] .search-pill{background:#151515!important;color:#fff!important}html[data-theme="dark"] .search-pill input{color:#fff!important}
.status-box.search-prompt{min-height:210px}.status-box.no-results .no-results-icon{margin:auto}.status-box.no-results b,.status-box.no-results span{max-width:480px}.action-sheet,.filter-sheet{max-height:76dvh!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.sheet-overlay.open{touch-action:none!important}.sheet-overlay.open .sheet{pointer-events:auto!important}.sheet-overlay.open::before{pointer-events:auto}
.option-list button.unhide-option{color:#198754!important}
@keyframes heroSlideIn{0%{opacity:.35;transform:translateX(14px) scale(1.015)}100%{opacity:1;transform:none}}
@media(max-width:430px){.topbar{height:48px!important;padding:7px 14px!important}.icon-btn{width:37px!important;height:37px!important}.icon-btn svg{width:24px!important;height:24px!important}.search-pill{height:38px!important}.bottom-nav{height:64px!important}.bottom-item svg{width:25px!important;height:25px!important}.hero-search{height:44px!important}.hero-dots{bottom:8px}.strip,.strip img{height:94px!important}.idea-section h2{font-size:22px!important}.status-box.search-prompt{min-height:240px}}

/* V8: faster home, real sliding hero, collab badge, and batch download picker */
.home-hero{height:min(92vw,430px)!important;min-height:315px!important;overflow:hidden!important;background:linear-gradient(120deg,var(--soft),var(--surface))!important}
.hero-slider{position:absolute!important;inset:0!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;background:var(--soft)!important}
.hero-slider::-webkit-scrollbar{display:none!important}
.hero-slide{position:relative;min-width:100%!important;width:100%!important;height:100%!important;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--soft)!important;flex:0 0 100%}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.08) 36%,rgba(0,0,0,.45));pointer-events:none}
.hero-slide img,.home-hero .hero-slide img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;filter:brightness(.86)!important;background:var(--soft)!important;transition:none!important;transform:none!important}
.hero-caption{z-index:5!important;bottom:58px!important;pointer-events:none}.hero-caption b{font-size:20px!important}.hero-caption span{font-size:13px!important}.hero-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:12px!important;justify-content:center!important;z-index:8!important}.hero-dot{width:7px!important;height:7px!important;background:rgba(255,255,255,.62)!important;box-shadow:0 1px 8px rgba(0,0,0,.22)}.hero-dot.active{width:20px!important;background:#fff!important}.hero-collab{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.26);backdrop-filter:blur(8px);color:white;box-shadow:0 8px 18px rgba(0,0,0,.22)}.round-logo{width:23px;height:23px;border-radius:50%;background:white;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.9)}.round-logo img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}.collab-x{width:14px;height:14px;display:grid;place-items:center;color:#fff}.collab-x svg{width:13px;height:13px}.hero-search{z-index:10!important}.strip{background:var(--soft)!important}.strip img{object-fit:cover!important;background:var(--soft)!important}
#resultCount{display:flex;align-items:center;justify-content:flex-end;gap:7px}.batch-action{height:32px;min-width:32px;border-radius:999px;border:1px solid var(--line);background:var(--soft);display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--text);font-weight:900;padding:0 9px}.batch-action svg{width:17px;height:17px}.batch-action.download{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(230,0,54,.18)}.app-shell.batch-mode .pin-card{outline:2px solid var(--soft-2);outline-offset:2px;transition:outline-color .16s,transform .16s}.app-shell.batch-mode .pin-card.batch-chosen{outline-color:var(--brand);transform:translateY(-1px)}.choice-mini{display:none;position:absolute;right:7px;top:7px;width:31px;height:31px;border-radius:999px;background:rgba(255,255,255,.92);border:2px solid rgba(17,17,17,.72);z-index:4;box-shadow:0 7px 18px rgba(0,0,0,.14);place-items:center;color:#fff;transition:.16s}.choice-mini svg{width:17px;height:17px}.app-shell.batch-mode .pin-actions{display:none!important}.app-shell.batch-mode .choice-mini{display:grid}.app-shell.batch-mode .choice-mini.chosen{background:var(--brand);border-color:var(--brand);animation:savePop .32s ease}.app-shell.batch-mode .more-mini{display:none!important}
.pin-card img{transition:opacity .18s ease}.pin-img-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--soft),var(--soft-2),var(--soft));background-size:220% 100%;animation:shimmer 1.1s linear infinite;z-index:0}.pin-img-wrap img{position:relative;z-index:1}.pin-img-wrap:has(img[src])::before{opacity:.35}@keyframes shimmer{to{background-position:-220% 0}}
[data-theme="dark"] .batch-action{background:#171717;border-color:#2a2a2a;color:#f5f5f5}[data-theme="dark"] .batch-action.download{background:var(--brand);border-color:var(--brand);color:#fff}[data-theme="dark"] .choice-mini{background:rgba(18,18,18,.9);border-color:rgba(255,255,255,.74);color:#fff}.app-shell.batch-mode .tool-row{align-items:center}
@media(max-width:430px){.home-hero{height:min(93vw,410px)!important;min-height:310px!important}.hero-caption{bottom:56px!important}.hero-collab{bottom:29px}.hero-dots{bottom:10px!important}.round-logo{width:21px;height:21px}.batch-action{height:30px;min-width:30px}.choice-mini{width:29px;height:29px}}


/* V9: skeleton first, responsive hero dots, DATZON profile logo, SVG brand shares */
.home-hero{background:var(--soft)!important;}
.hero-slide::before,.pin-img-wrap::before,.strip-cell::before,.skeleton-strip i,.hero-skeleton{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,var(--soft),var(--soft-2),var(--soft));background-size:240% 100%;animation:v9Shimmer 1.05s linear infinite;
}
@keyframes v9Shimmer{to{background-position:-240% 0}}
.hero-slide{position:relative!important;}
.hero-skeleton{display:block;position:absolute!important;inset:0!important;}
.hero-slide img{opacity:0;transition:opacity .22s ease!important;}
.hero-slide.img-loaded img{opacity:1;}
.hero-slide.img-loaded::before,.hero-slide.img-loaded .hero-skeleton{display:none!important;}
.hero-slide.img-error::after{background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.28))!important;}
.hero-slider{scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;}
.hero-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:12px!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;}
.hero-dot{transition:width .12s ease,background .12s ease,opacity .12s ease!important;}
.hero-dot.active{width:21px!important;}
.hero-collab{bottom:34px!important;z-index:19!important;}
.hero-caption{bottom:64px!important;z-index:18!important;}
.skeleton-strip{position:relative!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;overflow:hidden!important;background:var(--soft)!important;}
.skeleton-strip i{position:relative!important;display:block!important;min-height:100%!important;border-right:1px solid rgba(255,255,255,.1);}
.skeleton-strip.failed::after{content:"Gagal load";position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;background:rgba(0,0,0,.02)}
.strip-cell{position:relative;display:block;overflow:hidden;min-height:100%;background:var(--soft)}
.strip-cell:first-child{border-radius:18px 0 0 18px}.strip-cell:last-child{border-radius:0 18px 18px 0}
.strip-cell img{opacity:0;transition:opacity .18s ease;position:relative;z-index:1;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;display:block!important}
.strip-cell.loaded::before{display:none}.strip-cell img.loaded{opacity:1}
.pin-img-wrap::before{z-index:0!important;opacity:1!important;}
.pin-img-wrap.img-loaded::before{display:none!important;}
.pin-card img{opacity:0;transition:opacity .18s ease!important;}
.pin-img-wrap.img-loaded img{opacity:1;}
.pin-img-wrap.img-error{min-height:120px;display:grid;place-items:center;}
.pin-img-wrap.img-error::after{content:"Gagal load";position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;z-index:2;background:var(--soft)}
.profile-logo{padding:0!important;overflow:hidden!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.profile-logo img{width:100%;height:100%;object-fit:cover;display:block}
.profile-stats b{display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;line-height:1!important;}
.profile-stats .stat-icon{width:18px;height:18px;color:var(--brand);flex:0 0 auto;}
.profile-stats b span{display:inline!important;color:inherit!important;font-size:inherit!important;letter-spacing:0!important;margin:0!important;font-weight:900!important;}
.share-icons button{position:relative;overflow:hidden;border-radius:16px;padding:4px 0 6px;transition:transform .16s ease,background .16s ease,color .16s ease;}
.share-icons button::before{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;border-radius:999px;transform:translateX(-50%);transition:width .18s ease;background:var(--line)}
.share-icons button:hover::before,.share-icons button:active::before{width:46%;}
.share-icons .share-brand-icon{color:var(--text);transition:.18s ease;}
.share-icons .share-brand-icon svg{width:23px!important;height:23px!important;display:block;}
.share-icons .share-wa:hover::before,.share-icons .share-wa:active::before{background:#25D366!important}.share-icons .share-wa:hover .share-brand-icon,.share-icons .share-wa:active .share-brand-icon{background:#25D366!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,211,102,.24)}
.share-icons .share-tg:hover::before,.share-icons .share-tg:active::before{background:#2AABEE!important}.share-icons .share-tg:hover .share-brand-icon,.share-icons .share-tg:active .share-brand-icon{background:#2AABEE!important;color:#fff!important;box-shadow:0 8px 18px rgba(42,171,238,.24)}
.share-icons .share-mail:hover::before,.share-icons .share-mail:active::before{background:#999!important}.share-icons .share-mail:hover .share-brand-icon,.share-icons .share-mail:active .share-brand-icon{background:#f2f2f2!important;color:#111!important;}
.share-icons .share-mail .share-brand-icon svg{width:25px!important;height:25px!important;}
@media(max-width:430px){.hero-caption{bottom:62px!important}.hero-collab{bottom:34px!important}.hero-dots{bottom:12px!important}.profile-stats .stat-icon{width:16px;height:16px}.share-icons .share-brand-icon svg{width:20px!important;height:20px!important}}

/* V10: brand share glow, glass search, auto-slider polish, topic-matched related feed */
.hero-search{
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.34))!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.68)!important;
  backdrop-filter:blur(24px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(185%)!important;
}
.hero-search::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.42),rgba(255,255,255,0) 44%,rgba(255,255,255,.2));pointer-events:none;mix-blend-mode:screen}
[data-theme="dark"] .hero-search{
  background:linear-gradient(135deg,rgba(20,20,20,.62),rgba(0,0,0,.35))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
[data-theme="dark"] .hero-search::after{background:linear-gradient(120deg,rgba(255,255,255,.12),rgba(255,255,255,0) 48%,rgba(255,255,255,.05))}

.detail-page .related-title{font-size:13px!important;line-height:1.2!important;letter-spacing:.2px!important;margin:14px 0 10px!important;color:var(--muted)!important;font-weight:900!important}
.related-loading .pin-img-wrap{height:128px!important;border-radius:15px!important}.related-loading .pin-img-wrap.tall{height:190px!important}.skeleton-title{height:18px!important;width:74%!important;border-radius:8px!important;background:linear-gradient(90deg,var(--soft),var(--soft-2),var(--soft))!important;background-size:220% 100%!important;animation:skeletonMove 1.15s linear infinite!important;margin:7px 4px 0!important}

.share-icons button::before{width:0!important;height:3px!important;bottom:0!important;opacity:1!important}.share-icons button:hover::before,.share-icons button:active::before{width:0!important}
.share-icons button.share-active::before{width:46%!important}
.share-icons .share-wa .share-brand-icon{background:#25D366!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,211,102,.24)!important}.share-icons .share-wa.share-active::before{background:#25D366!important}
.share-icons .share-tg .share-brand-icon{background:#2AABEE!important;color:#fff!important;box-shadow:0 8px 18px rgba(42,171,238,.24)!important}.share-icons .share-tg.share-active::before{background:#2AABEE!important}
.share-icons .share-mail .share-brand-icon{background:#f3f3f3!important;color:#111!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important}.share-icons .share-mail.share-active::before{background:#a7a7a7!important}
.share-icons #shareCopy .swap-icon{width:42px!important;height:42px!important;border-radius:50%!important;background:var(--brand)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(230,0,54,.22)!important}.share-icons #shareCopy.share-active::before{background:var(--brand)!important}.share-icons #shareCopy .swap-icon.ok{background:#16a34a!important;color:#fff!important}
@media(max-width:430px){.share-icons #shareCopy .swap-icon{width:42px!important;height:42px!important}.detail-page .related-title{font-size:12.5px!important}}

/* V11: related matching, profile social kit, better sheets, darker back button */
.strip{grid-template-columns:repeat(5,1fr)!important}
.skeleton-strip{grid-template-columns:repeat(5,1fr)!important}
.strip img,.strip-cell img{height:100%!important}

[data-theme="dark"] .float-back{background:rgba(18,18,18,.88)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 22px rgba(0,0,0,.34)!important;backdrop-filter:blur(14px)!important}
[data-theme="dark"] .float-back svg{color:#fff!important}

.relevant-title-row>div{display:flex;flex-direction:column;gap:5px}.relevant-title-row h1{order:0!important}.relevant-title-row .muted{order:1!important;margin:0!important;max-width:250px;line-height:1.25}

.profile-card{overflow:hidden!important;position:relative!important}.profile-card::after{content:"";position:absolute;inset:auto 14% -36px 14%;height:80px;background:radial-gradient(circle,rgba(230,0,54,.16),transparent 62%);filter:blur(18px);pointer-events:none}
.profile-logo{animation:profileLogoIn .72s cubic-bezier(.2,1.4,.35,1) both, profileLogoFloat 2.7s ease-in-out .72s infinite!important;position:relative!important;overflow:visible!important}
.profile-logo::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(230,0,54,.32);animation:profilePulse 1.8s ease-out infinite;pointer-events:none}.profile-logo img{border-radius:50%;position:relative;z-index:2;background:var(--surface)}
@keyframes profileLogoIn{0%{opacity:0;transform:translateY(24px) scale(.86)}65%{opacity:1;transform:translateY(-8px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes profileLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes profilePulse{0%{opacity:.75;transform:scale(.92)}100%{opacity:0;transform:scale(1.28)}}
.profile-card h1,.profile-card>p{display:block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;margin-left:auto!important;margin-right:auto!important}.profile-card h1{animation:typeWriter 1.05s steps(6,end) .28s both}.profile-card>p{animation:typeWriter 1.5s steps(16,end) .7s both}
@keyframes typeWriter{from{max-width:0;opacity:.6}to{max-width:100%;opacity:1}}
.profile-socials{display:flex;justify-content:center;gap:10px;margin:15px auto 0}.profile-social{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.08);position:relative;transition:transform .18s,background .18s,box-shadow .18s}.profile-social:hover,.profile-social:active{transform:translateY(-2px) scale(1.04)}.profile-social::after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:3px;border-radius:999px;background:var(--brand);transform:translateX(-50%);transition:width .18s}.profile-social:hover::after,.profile-social:active::after{width:42%}.profile-social img,.profile-social svg{width:23px;height:23px;object-fit:contain}.profile-social.whatsapp{color:#25D366}.profile-social.youtube::after{background:#ff0033}.profile-social.whatsapp::after{background:#25D366}.profile-social.tiktok::after{background:#00f2ea}.profile-social.copyright::after{background:#ffb703}
[data-theme="dark"] .profile-social{background:#111;border-color:#292929;box-shadow:0 9px 24px rgba(0,0,0,.32)}[data-theme="dark"] .profile-social.youtube img,[data-theme="dark"] .profile-social.copyright img{filter:invert(1) saturate(.2) brightness(1.25)}

.copyright-sheet{padding-bottom:34px!important}.copyright-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:8px 8px 16px}.copyright-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;border-radius:20px;padding:16px 8px;background:var(--soft);border:1px solid var(--line);font-weight:900;overflow:hidden;transition:transform .18s}.copyright-link:hover,.copyright-link:active{transform:translateY(-2px)}.copyright-link::after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:3px;border-radius:999px;transform:translateX(-50%);background:var(--brand);transition:width .18s}.copyright-link:hover::after,.copyright-link:active::after{width:42%}.copyright-link span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12);overflow:hidden}.copyright-link img{width:100%;height:100%;object-fit:cover}.bintang-credit span{background:linear-gradient(135deg,#d40024,#ff5a5a);color:#fff;font-size:30px}.bintang-credit::after{background:#e60036}.pinterest-credit::after{background:#e60023}

.share-icons button::before{width:0!important;height:3px!important;bottom:0!important;opacity:1!important}.share-icons button:hover::before,.share-icons button:active::before,.share-icons button:focus-visible::before,.share-icons button.share-hover::before,.share-icons button.share-active::before{width:46%!important}.share-icons .share-wa::before{background:#25D366!important}.share-icons .share-tg::before{background:#2AABEE!important}.share-icons .share-mail::before{background:#a7a7a7!important}.share-icons #shareCopy::before{background:var(--brand)!important}.share-icons #shareCopy.copy-ok::before{background:#16a34a!important}.share-icons #shareCopy.copy-ok .swap-icon{background:#16a34a!important;box-shadow:0 8px 18px rgba(22,163,74,.24)!important}.share-icons #shareCopy.copy-ok.share-active::before{background:#16a34a!important}

/* force brand circles visible, underline only on touch/click */
.share-icons .share-wa .share-brand-icon{background:#25D366!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,211,102,.24)!important}.share-icons .share-tg .share-brand-icon{background:#2AABEE!important;color:#fff!important;box-shadow:0 8px 18px rgba(42,171,238,.24)!important}.share-icons .share-mail .share-brand-icon{background:#f3f3f3!important;color:#111!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important}.share-icons #shareCopy .swap-icon{background:var(--brand)!important;color:#fff!important;box-shadow:0 8px 18px rgba(230,0,54,.22)!important}

@media(max-width:430px){.profile-socials{gap:9px}.profile-social{width:39px;height:39px}.profile-social img,.profile-social svg{width:21px;height:21px}.relevant-title-row .muted{font-size:13px}.copyright-link span{width:52px;height:52px}.strip{height:92px!important}.strip img{height:92px!important}}


/* V12: profile social polish, smoother logo entrance, centered topic arrows */
.profile-logo{
  animation:profileLogoInV12 .64s cubic-bezier(.18,.86,.27,1) both, profileLogoFloatV12 2.65s ease-in-out .64s infinite!important;
  will-change:transform,opacity!important;
}
@keyframes profileLogoInV12{0%{opacity:0;transform:translateY(30px) scale(.92)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes profileLogoFloatV12{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.profile-socials{gap:12px!important;margin-top:18px!important;align-items:center!important;}
.profile-social{
  width:43px!important;height:43px!important;border-radius:50%!important;padding:0!important;overflow:visible!important;
  border:1px solid rgba(255,255,255,.12)!important;background:var(--surface)!important;color:var(--text)!important;
  box-shadow:0 11px 24px rgba(0,0,0,.14)!important;isolation:isolate!important;
}
.profile-social::before{
  content:"";position:absolute;inset:0;border-radius:50%;opacity:1;z-index:-1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.profile-social::after{bottom:-7px!important;height:3px!important;border-radius:999px!important;transition:width .18s ease!important;}
.profile-social:hover::after,.profile-social:active::after,.profile-social.profile-hover::after{width:48%!important;}
.profile-social:hover::before,.profile-social:active::before,.profile-social.profile-hover::before{transform:scale(1.08);filter:saturate(1.15)}
.profile-social.youtube::before{background:#ff0033;box-shadow:0 0 18px rgba(255,0,51,.28)}
.profile-social.youtube::after{background:#ff0033!important}.profile-social.youtube img{filter:brightness(0) invert(1)!important;width:22px!important;height:22px!important}
.profile-social.whatsapp::before{background:#25D366;box-shadow:0 0 18px rgba(37,211,102,.28)}
.profile-social.whatsapp::after{background:#25D366!important}.profile-social.whatsapp svg{color:#fff!important;width:22px!important;height:22px!important;stroke-width:2.15!important;}
.profile-social.tiktok::before{background:#fff;box-shadow:0 0 18px rgba(255,255,255,.24)}
.profile-social.tiktok::after{background:#fff!important}.profile-social.tiktok img{width:24px!important;height:24px!important;border-radius:50%!important;display:block!important;object-fit:contain!important;background:transparent!important;filter:none!important;clip-path:circle(50% at 50% 50%)}
.profile-social.copyright::before{background:#ff9f1a;box-shadow:0 0 18px rgba(255,159,26,.28)}
.profile-social.copyright::after{background:#ff9f1a!important}.profile-social.copyright img{filter:brightness(0) invert(1)!important;width:23px!important;height:23px!important}
[data-theme="dark"] .profile-social{background:#111!important;border-color:rgba(255,255,255,.14)!important;}
[data-theme="light"] .profile-social{background:#fff!important;border-color:rgba(0,0,0,.08)!important;}

.idea-title-row{align-items:center!important;position:relative!important;}
.idea-title-row h2{margin:0 0 10px!important;line-height:1.06!important;min-width:0!important;}
.idea-title-row button{
  width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;line-height:0!important;transform:none!important;flex:0 0 34px!important;margin:-2px 2px 8px 8px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.08)!important;
}
.idea-title-row button svg{width:18px!important;height:18px!important;display:block!important;transform:rotate(180deg)!important;margin:0!important;}
[data-theme="dark"] .idea-title-row button{background:#171717!important;border-color:#2a2a2a!important;box-shadow:0 6px 16px rgba(0,0,0,.28)!important;}

@media(max-width:430px){
  .profile-socials{gap:10px!important;margin-top:16px!important}.profile-social{width:40px!important;height:40px!important}
  .profile-social.youtube img,.profile-social.whatsapp svg,.profile-social.copyright img{width:21px!important;height:21px!important}.profile-social.tiktok img{width:23px!important;height:23px!important}
  .idea-title-row button{width:32px!important;height:32px!important;flex-basis:32px!important;margin-right:0!important}.idea-title-row button svg{width:17px!important;height:17px!important}
}

/* V12.1: make profile social brand bubbles visible above button surface */
.profile-social{background:transparent!important;overflow:visible!important;}
.profile-social::before{z-index:0!important;}
.profile-social img,.profile-social svg{position:relative!important;z-index:1!important;}
.profile-social.youtube img{filter:brightness(0) invert(1)!important;}
.profile-social.copyright img{filter:brightness(0) invert(1)!important;}
[data-theme="dark"] .profile-social,[data-theme="light"] .profile-social{background:transparent!important;}
.profile-social.tiktok img{mix-blend-mode:normal!important;}

/* V13: deeper loading system, profile copy, thicker DATZON pulse */
.skeleton-card{overflow:visible!important;background:transparent!important;}
.skeleton-card .pin-img-wrap,
.hero-loading .hero-skeleton,
.skeleton-strip i{
  position:relative;overflow:hidden;background:linear-gradient(100deg,var(--soft) 0%,var(--soft-2) 45%,var(--soft) 90%)!important;background-size:220% 100%!important;animation:skeletonWave 1.05s ease-in-out infinite;border-radius:16px!important;min-height:120px;
}
.skeleton-card .pin-img-wrap::after,
.hero-loading .hero-skeleton::after,
.skeleton-strip i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-100%);animation:skeletonShine 1.1s ease-in-out infinite;}
[data-theme="dark"] .skeleton-card .pin-img-wrap,
[data-theme="dark"] .hero-loading .hero-skeleton,
[data-theme="dark"] .skeleton-strip i{background:linear-gradient(100deg,#171717 0%,#252525 45%,#171717 90%)!important;background-size:220% 100%!important;}
@keyframes skeletonWave{0%{background-position:120% 0}100%{background-position:-80% 0}}
@keyframes skeletonShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.skeleton-card .sk-square{aspect-ratio:1/1;min-height:unset!important}.skeleton-card .sk-tall{aspect-ratio:3/4;min-height:unset!important}.skeleton-card .sk-wide{aspect-ratio:4/3;min-height:unset!important}.skeleton-card .sk-portrait{aspect-ratio:9/16;min-height:unset!important}.skeleton-card .sk-short{aspect-ratio:5/3;min-height:unset!important}
.skeleton-line{height:15px!important;width:82%!important;border-radius:999px!important;background:var(--soft-2)!important;margin:8px 4px 0!important;animation:skeletonWave 1.05s ease-in-out infinite;background-size:220% 100%!important;color:transparent!important}.skeleton-line.mini{width:45%!important;height:11px!important;margin-top:6px!important}
.skeleton-line::before,.skeleton-line::after{display:none!important}
.hero-loading .hero-skeleton{width:100%;height:100%;border-radius:0!important;min-height:330px!important}.home-hero .hero-slide.img-loaded .hero-skeleton{display:none!important}
.profile-desc{max-width:430px;margin:16px auto 2px!important;color:var(--muted);font-size:12.5px;line-height:1.45;text-align:center;opacity:0;transform:translateY(18px);animation:profileDescIn .56s cubic-bezier(.2,.75,.25,1) .78s forwards;}
@keyframes profileDescIn{to{opacity:1;transform:translateY(0)}}
.profile-socials .profile-social{opacity:0;transform:translateY(22px) scale(.92);animation:profileSocialIn .5s cubic-bezier(.18,.9,.28,1) forwards!important;}
.profile-socials .profile-social:nth-child(1){animation-delay:1.02s!important}.profile-socials .profile-social:nth-child(2){animation-delay:1.14s!important}.profile-socials .profile-social:nth-child(3){animation-delay:1.26s!important}.profile-socials .profile-social:nth-child(4){animation-delay:1.38s!important}
@keyframes profileSocialIn{to{opacity:1;transform:translateY(0) scale(1)}}
.profile-logo::after{inset:-14px!important;border:2.5px solid rgba(230,0,54,.42)!important;box-shadow:0 0 0 4px rgba(230,0,54,.06),0 0 28px rgba(230,0,54,.22)!important;animation:profilePulseThick 1.55s ease-out infinite!important;}
.profile-logo::before{content:"";position:absolute;inset:-22px;border-radius:50%;border:2px solid rgba(230,0,54,.18);box-shadow:0 0 30px rgba(230,0,54,.18);animation:profilePulseThick 2.1s ease-out .35s infinite;z-index:1;pointer-events:none;}
@keyframes profilePulseThick{0%{opacity:.9;transform:scale(.82)}70%{opacity:.2}100%{opacity:0;transform:scale(1.38)}}
.profile-logo img{z-index:3!important}.profile-card h1{position:relative;z-index:3}.profile-card>p{position:relative;z-index:3}
.saved-note{padding:0 18px;text-align:left;max-width:620px;margin:0 auto 10px!important;}
@media(max-width:430px){.profile-desc{font-size:12px;margin-top:14px!important}.skeleton-card .sk-wide{aspect-ratio:4/3}.skeleton-card .sk-portrait{aspect-ratio:3/4}}

/* V15: PINDATZON header fix, favicon support, 10 hero slides, light/dark toast, 50-by-50 loading */
.brand-title{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:12ch!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  color:var(--text)!important;
  margin-left:2px!important;
  padding-right:5px!important;
  animation:brandWriterV15 1.05s steps(9,end) .08s both!important;
  position:relative!important;
}
.brand-title::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:2px;
  height:1em;
  margin-top:-.5em;
  border-radius:999px;
  background:var(--brand);
  animation:brandCaretV15 .65s steps(1,end) infinite;
}
.brand-pin{color:var(--brand)!important;display:inline!important;}
.brand-datzon{color:var(--text)!important;display:inline!important;}
.app-shell.tab-search .brand-title{display:none!important;}
.app-shell.tab-search .header-search{display:flex!important;max-width:none!important;}
.app-shell:not(.tab-search) .header-search{display:none!important;}
.app-shell:not(.tab-search) .top-spacer{display:block!important;flex:1!important;}
.toast{
  top:calc(env(safe-area-inset-top,0px) + 58px)!important;
  bottom:auto!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
  transform:translateX(-50%) translateY(-18px)!important;
}
.toast.show{transform:translateX(-50%) translateY(0)!important;}
[data-theme="dark"] .toast{background:#151515!important;color:#f4f4f4!important;border-color:#2a2a2a!important;box-shadow:0 14px 34px rgba(0,0,0,.42)!important;}
.load-more.show{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:142px;box-shadow:0 10px 22px rgba(0,0,0,.10)}
@keyframes brandWriterV15{from{max-width:0;}to{max-width:12ch;}}
@keyframes brandCaretV15{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@media(max-width:430px){
  .brand-title{font-size:18px!important;letter-spacing:.2px!important;max-width:12.5ch!important;padding-right:6px!important;}
  .toast{top:calc(env(safe-area-inset-top,0px) + 54px)!important;max-width:min(92vw,640px)!important;}
}


/* V16: real PINDATZON typewriter reveal on every visible header mount */
.brand-title{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:none!important;
  min-width:calc(9ch + 12px)!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  color:var(--text)!important;
  margin-left:2px!important;
  padding-right:7px!important;
  position:relative!important;
  animation:none!important;
}
.brand-title .brand-text{
  display:inline-block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  clip-path:inset(0 0 0 0);
}
.brand-title.brand-typing .brand-text{
  clip-path:inset(0 100% 0 0);
  animation:brandTextRevealV16 1.05s steps(9,end) .04s forwards!important;
}
.brand-title::after{
  content:""!important;
  position:absolute!important;
  left:calc(100% - 5px)!important;
  right:auto!important;
  top:50%!important;
  width:2px!important;
  height:1.05em!important;
  margin-top:-.53em!important;
  border-radius:999px!important;
  background:var(--brand)!important;
  opacity:1!important;
  animation:brandCaretBlinkV16 .65s steps(1,end) infinite!important;
}
.brand-title.brand-typing::after{
  left:0!important;
  animation:brandCaretTravelV16 1.05s steps(9,end) .04s forwards, brandCaretBlinkV16 .65s steps(1,end) 1.09s infinite!important;
}
.brand-pin{color:var(--brand)!important;display:inline!important;}
.brand-datzon{color:var(--text)!important;display:inline!important;}
.app-shell.tab-search .brand-title{display:none!important;}
@keyframes brandTextRevealV16{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes brandCaretTravelV16{from{left:0}to{left:calc(100% - 5px)}}
@keyframes brandCaretBlinkV16{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:430px){
  .brand-title{font-size:18px!important;letter-spacing:.2px!important;min-width:calc(9ch + 11px)!important;padding-right:7px!important;}
}

/* V17: remove the red typing cursor, keep the PINDATZON typewriter reveal */
.brand-title::after,
.brand-title.brand-typing::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  animation:none!important;
}
.brand-title{
  padding-right:0!important;
}
@media (max-width:360px){
  .brand-title{padding-right:0!important;}
}


/* V18: elastic sliding dot indicator, titik berubah jadi pill saat jalan lalu balik jadi titik */
.nav-indicator{
  position:absolute!important;
  bottom:max(6px, env(safe-area-inset-bottom))!important;
  left:0!important;
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:var(--brand)!important;
  pointer-events:none!important;
  transition:none!important;
  animation:none!important;
  transform:none!important;
  transform-origin:center!important;
  will-change:left,width!important;
  box-shadow:0 0 12px rgba(230,0,54,.38), 0 2px 8px rgba(230,0,54,.16)!important;
}
.nav-indicator.move,
.nav-indicator:not(.move){
  animation:none!important;
}
@media(max-width:430px){
  .nav-indicator{bottom:max(6px, env(safe-area-inset-bottom))!important;}
}

/* V20: Pinterest-like bottom nav, icon only + compact toast */
.bottom-nav{
  height:58px!important;
  padding-bottom:max(4px, env(safe-area-inset-bottom))!important;
  align-items:center!important;
  overflow:hidden!important;
}
.bottom-item{
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  min-width:0!important;
}
.bottom-item span{display:none!important;}
.bottom-item svg{
  width:27px!important;
  height:27px!important;
  transform:translateY(-3px)!important;
  transition:transform .2s ease,color .2s ease!important;
}
.bottom-item.active svg{transform:translateY(-4px) scale(1.02)!important;}
.nav-indicator{
  bottom:max(7px, env(safe-area-inset-bottom))!important;
  width:7px!important;
  height:7px!important;
}
.toast{
  max-width:min(76vw,420px)!important;
  padding:9px 13px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:430px){
  .bottom-nav{height:58px!important;padding-bottom:max(4px, env(safe-area-inset-bottom))!important;}
  .bottom-item svg{width:26px!important;height:26px!important;transform:translateY(-3px)!important;}
  .bottom-item.active svg{transform:translateY(-4px) scale(1.02)!important;}
  .nav-indicator{bottom:max(7px, env(safe-area-inset-bottom))!important;}
  .toast{max-width:min(78vw,360px)!important;font-size:12px!important;}
}

/* V21: header Pinterest x DATZON logo + animated theme morph */
.header-collab{
  height:36px!important;
  min-width:72px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 6px!important;
  flex:0 0 auto!important;
  color:var(--text)!important;
  transition:transform .18s ease, background .18s ease!important;
}
.header-collab:active{transform:scale(.94)!important;background:var(--soft)!important;}
.header-round-logo{
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
}
.pinterest-head{background:#e60023!important;color:#fff!important;}
.pinterest-head svg{width:18px!important;height:18px!important;display:block!important;}
.datzon-head{background:#f7f1df!important;border-color:rgba(0,0,0,.08)!important;}
.datzon-head img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:none!important;}
.header-collab-x{font-size:18px!important;line-height:1!important;font-weight:900!important;color:var(--text)!important;margin:0 -1px!important;opacity:.9!important;}
.app-shell.tab-search .header-collab{min-width:68px!important;padding:0 5px!important;}

.theme-toggle{position:relative!important;overflow:visible!important;}
.theme-icon-stack{position:relative!important;width:27px!important;height:27px!important;display:grid!important;place-items:center!important;}
.theme-icon{
  position:absolute!important;
  inset:0!important;
  width:27px!important;
  height:27px!important;
  transform-origin:center!important;
  will-change:transform,opacity!important;
  pointer-events:none!important;
}
[data-theme="light"] .theme-moon{opacity:1!important;transform:scale(1) rotate(0deg)!important;animation:moonSwayV21 2.35s ease-in-out infinite!important;}
[data-theme="light"] .theme-sun{opacity:0!important;transform:scale(.35) rotate(-120deg)!important;animation:none!important;}
[data-theme="dark"] .theme-sun{opacity:1!important;transform:scale(1) rotate(0deg)!important;animation:sunSpinV21 5.2s linear infinite!important;}
[data-theme="dark"] .theme-moon{opacity:0!important;transform:scale(.35) rotate(18deg)!important;animation:none!important;}
.theme-toggle.switch-to-dark .theme-moon{animation:moonOutV21 .36s cubic-bezier(.2,.8,.2,1) both!important;}
.theme-toggle.switch-to-dark .theme-sun{animation:sunInV21 .92s cubic-bezier(.16,1,.3,1) both, sunSpinV21 5.2s linear .92s infinite!important;}
.theme-toggle.switch-to-light .theme-sun{animation:sunOutV21 .58s cubic-bezier(.3,0,.1,1) both!important;}
.theme-toggle.switch-to-light .theme-moon{animation:moonInV21 .68s cubic-bezier(.16,1,.3,1) .18s both, moonSwayV21 2.35s ease-in-out .9s infinite!important;}
@keyframes moonSwayV21{
  0%,100%{transform:scale(1) rotate(-6deg)}
  50%{transform:scale(1.03) rotate(7deg)}
}
@keyframes sunSpinV21{to{transform:scale(1) rotate(360deg)}}
@keyframes moonOutV21{
  0%{opacity:1;transform:scale(1) rotate(0deg)}
  42%{opacity:.9;transform:scale(1.18) rotate(-10deg)}
  100%{opacity:0;transform:scale(.38) rotate(24deg)}
}
@keyframes sunInV21{
  0%{opacity:0;transform:scale(.2) rotate(-520deg)}
  46%{opacity:1;transform:scale(1.22) rotate(-160deg)}
  72%{opacity:1;transform:scale(.94) rotate(-35deg)}
  100%{opacity:1;transform:scale(1) rotate(0deg)}
}
@keyframes sunOutV21{
  0%{opacity:1;transform:scale(1) rotate(0deg)}
  36%{opacity:.95;transform:scale(1.18) rotate(-120deg)}
  100%{opacity:0;transform:scale(.25) rotate(-520deg)}
}
@keyframes moonInV21{
  0%{opacity:0;transform:scale(.22) rotate(28deg)}
  58%{opacity:1;transform:scale(1.18) rotate(-10deg)}
  100%{opacity:1;transform:scale(1) rotate(-6deg)}
}
@media(max-width:430px){
  .header-collab{min-width:70px!important;height:34px!important;gap:3px!important;padding:0 5px!important;}
  .header-round-logo{width:23px!important;height:23px!important;}
  .pinterest-head svg{width:16.5px!important;height:16.5px!important;}
  .header-collab-x{font-size:16px!important;}
  .theme-icon-stack,.theme-icon{width:26px!important;height:26px!important;}
  .brand-title{font-size:17.5px!important;letter-spacing:.12px!important;}
}
@media(max-width:355px){
  .header-collab{min-width:62px!important;gap:2px!important;padding:0 3px!important;}
  .header-round-logo{width:21px!important;height:21px!important;}
  .header-collab-x{font-size:14px!important;}
  .brand-title{font-size:16px!important;}
}
.theme-toggle .theme-icon{width:27px!important;height:27px!important;}
@media(max-width:430px){.theme-toggle .theme-icon{width:26px!important;height:26px!important;}}


/* V22: header collab capsule + DATZON remote logo polish */
.header-collab{
  width:auto!important;
  min-width:auto!important;
  height:36px!important;
  padding:4px 8px!important;
  gap:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(0,0,0,.07)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.66)!important;
  backdrop-filter:blur(12px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.18)!important;
}
[data-theme="dark"] .header-collab{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.header-collab:hover,
.header-collab:focus-visible{
  background:rgba(255,255,255,.68)!important;
}
[data-theme="dark"] .header-collab:hover,
[data-theme="dark"] .header-collab:focus-visible{
  background:rgba(255,255,255,.16)!important;
}
.header-collab:active{
  transform:scale(.95)!important;
  background:rgba(255,255,255,.72)!important;
}
[data-theme="dark"] .header-collab:active{
  background:rgba(255,255,255,.18)!important;
}
.header-round-logo{
  width:24px!important;
  height:24px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 5px 13px rgba(0,0,0,.14)!important;
}
.datzon-head{
  background:#f7f1df!important;
  border-color:rgba(255,255,255,.86)!important;
}
.datzon-head img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
  filter:none!important;
}
.header-collab-x{
  color:var(--text)!important;
  font-size:17px!important;
  opacity:.92!important;
  text-shadow:0 1px 6px rgba(0,0,0,.12)!important;
}
.app-shell.tab-search .header-collab{
  min-width:auto!important;
  padding:4px 8px!important;
}
@media(max-width:430px){
  .header-collab{height:34px!important;padding:4px 7px!important;gap:4px!important;}
  .header-round-logo{width:22px!important;height:22px!important;}
  .pinterest-head svg{width:16px!important;height:16px!important;}
  .header-collab-x{font-size:15px!important;}
}
@media(max-width:355px){
  .header-collab{height:32px!important;padding:3px 6px!important;gap:3px!important;}
  .header-round-logo{width:20px!important;height:20px!important;}
  .header-collab-x{font-size:13px!important;}
  .brand-title{font-size:15.5px!important;}
}