.topbar-kanan,.topbar-kiri,.akun-wrap{display:flex;align-items:center;gap:10px}.tombol-akun{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;letter-spacing:.02em;transition:background var(--transition),border-color var(--transition),color var(--transition)}.tombol-akun-login{background:var(--accent-glow);border:1px solid var(--accent-dim);color:var(--accent);padding:7px 16px}.tombol-akun-login:hover{border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.akun-sapaan{font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.tombol-akun-keluar{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 13px}.tombol-akun-keluar:hover{border-color:var(--border-accent);color:var(--text-secondary)}@media(max-width:600px){.akun-sapaan{display:none}.tombol-akun-login,.tombol-akun-keluar{padding:6px 11px;font-size:.76rem}}.status-bar-kiri{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-bar .pilih-tools-tombol{padding:6px 12px;font-size:.76rem}@media(max-width:600px){.status-bar{flex-wrap:wrap;gap:10px}.status-bar .pilih-tools-tombol span:not(.ikon-tools):not(.ikon-chevron){display:none}}.akun-wrap{position:relative}.akun-avatar-tombol{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-accent, rgba(200,169,110,.3));background:var(--bg-elevated, #1e1e24);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.akun-avatar-tombol:hover{transform:scale(1.06);border-color:var(--accent, #c8a96e)}.akun-avatar-tombol img{width:100%;height:100%;object-fit:cover}.akun-avatar-inisial{font-size:.85rem;font-weight:700;color:var(--accent, #c8a96e);font-family:var(--font-display, sans-serif)}.akun-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;z-index:200;background:var(--bg-elevated, #1e1e24);border:1px solid var(--border-accent, rgba(200,169,110,.3));border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #00000080;animation:akunMenuMuncul .15s ease}.akun-menu.terbuka{display:block}@keyframes akunMenuMuncul{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.akun-menu-header{padding:12px 15px;border-bottom:1px solid var(--border, #2a2a32);display:flex;flex-direction:column;gap:5px}.akun-menu-nama{font-size:.87rem;font-weight:600;color:var(--text-primary, #e8e6e1);word-break:break-word}.akun-menu-tier{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:2px 9px;border-radius:20px;width:fit-content;font-family:var(--font-mono, monospace);border:1px solid}.akun-menu-tier.tier-free{color:#9a9690;border-color:#3a3a42}.akun-menu-tier.tier-premium{color:#c8a96e;border-color:#c8a96e66}.akun-menu-tier.tier-developer{color:#7eb8f7;border-color:#7eb8f766}.akun-menu-tier.tier-admin{color:#e05a5a;border-color:#e05a5a66}.akun-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 15px;background:none;border:none;color:var(--text-secondary, #9a9690);font-size:.84rem;text-decoration:none;cursor:pointer;text-align:left;font-family:var(--font-display, sans-serif);transition:background .13s,color .13s}.akun-menu-item:hover{background:var(--bg-hover, #26262e);color:var(--text-primary, #e8e6e1)}.akun-menu-keluar:hover{color:var(--danger, #e05a5a)}.logo-plus{color:var(--accent, #c8a96e);font-weight:800;margin-left:1px}.slot-iklan{margin:20px 0;min-height:0}.slot-iklan:empty{display:none}.iklan-ajakan{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--bg-surface, #16161a);border:1px dashed var(--border-accent, rgba(200,169,110,.28));border-radius:12px;padding:13px 18px}.iklan-ajakan-teks{font-size:.82rem;color:var(--text-muted, #5a5854)}.iklan-ajakan-tombol{background:var(--accent, #c8a96e);color:#0d0d0f;padding:7px 16px;border-radius:8px;text-decoration:none;font-size:.8rem;font-weight:600;white-space:nowrap;transition:opacity .15s}.iklan-ajakan-tombol:hover{opacity:.85}.akun-menu-upgrade{color:var(--accent, #c8a96e)!important;font-weight:600;border-top:1px solid var(--border, #2a2a32);border-bottom:1px solid var(--border, #2a2a32)}.akun-menu-upgrade:hover{background:var(--accent-glow, rgba(200,169,110,.1))!important}:root{--ukuran-tombol-topbar: 38px;--radius-tombol-topbar: 9px}@media(max-width:600px){:root{--ukuran-tombol-topbar: 36px}.topbar .nav-menu-tombol,.topbar .tombol-kembali-halaman,.topbar-kanan .bg-switcher-tombol,.topbar-kanan .pilih-bahasa-tombol,.topbar-kanan .akun-avatar-tombol,.topbar-kanan .kuota-topbar-tombol{height:var(--ukuran-tombol-topbar);min-height:var(--ukuran-tombol-topbar)}.topbar .nav-menu-tombol,.topbar .tombol-kembali-halaman,.topbar-kanan .bg-switcher-tombol,.topbar-kanan .akun-avatar-tombol{width:var(--ukuran-tombol-topbar);padding:0}}.nav-menu-tombol,.bg-switcher-tombol,.pilih-bahasa-tombol,.akun-avatar-tombol,.tombol-kembali-halaman,.kuota-topbar-tombol{width:var(--ukuran-tombol-topbar);height:var(--ukuran-tombol-topbar);min-width:var(--ukuran-tombol-topbar);padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.pilih-bahasa-tombol,.kuota-topbar-tombol{width:auto;min-width:var(--ukuran-tombol-topbar);padding:0 10px;gap:6px}.akun-avatar-tombol{border-radius:50%}.nav-menu-tombol,.bg-switcher-tombol,.pilih-bahasa-tombol,.tombol-kembali-halaman,.kuota-topbar-tombol{border-radius:var(--radius-tombol-topbar)}#kuota-topbar-wrap{position:relative}.kuota-topbar-tombol{background:var(--bg-elevated, #1e1e24);border:1px solid var(--border, #2a2a32);color:var(--text-secondary, #9a9690);cursor:pointer;font-family:var(--font-mono, monospace);font-size:.74rem;transition:border-color .15s,color .15s}.kuota-topbar-tombol:hover{border-color:var(--border-accent, rgba(200,169,110,.3))}.kuota-topbar-tombol.tingkat-hampir{border-color:#e8a23a66;color:#e8a23a}.kuota-topbar-tombol.tingkat-habis{border-color:#e05a5a73;color:var(--danger, #e05a5a)}.kuota-ikon{font-size:.78rem}.kuota-angka{font-weight:700;letter-spacing:.02em}.kuota-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:230px;z-index:200;background:var(--bg-elevated, #1e1e24);border:1px solid var(--border-accent, rgba(200,169,110,.3));border-radius:12px;padding:14px 16px;box-shadow:0 12px 32px #00000080}.kuota-panel.terbuka{display:block}.kuota-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.kuota-panel-judul{font-size:.78rem;font-weight:600;color:var(--text-primary, #e8e6e1)}.kuota-tier-badge{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:20px;border:1px solid;font-family:var(--font-mono, monospace)}.kuota-tier-badge.tier-free{color:#9a9690;border-color:#3a3a42}.kuota-tier-badge.tier-premium{color:#c8a96e;border-color:#c8a96e66}.kuota-tier-badge.tier-developer{color:#7eb8f7;border-color:#7eb8f766}.kuota-tier-badge.tier-admin{color:#e05a5a;border-color:#e05a5a66}.kuota-bar{height:5px;border-radius:3px;overflow:hidden;background:var(--bg-surface, #16161a);margin-bottom:8px}.kuota-bar-isi{height:100%;border-radius:3px;background:var(--success, #4caf82);transition:width .4s ease}.kuota-bar-isi.tingkat-hampir{background:#e8a23a}.kuota-bar-isi.tingkat-habis{background:var(--danger, #e05a5a)}.kuota-panel-angka{font-size:.8rem;color:var(--text-secondary, #9a9690);margin-bottom:6px}.kuota-panel-angka strong{color:var(--text-primary, #e8e6e1)}.kuota-panel-takterbatas{font-size:.82rem;color:var(--accent, #c8a96e);margin-bottom:6px}.kuota-panel-reset{font-size:.7rem;color:var(--text-muted, #5a5854);font-family:var(--font-mono, monospace)}.kuota-panel-upgrade{display:block;margin-top:11px;text-align:center;background:var(--accent, #c8a96e);color:#0d0d0f;padding:8px;border-radius:8px;text-decoration:none;font-size:.76rem;font-weight:600;transition:opacity .15s}.kuota-panel-upgrade:hover{opacity:.85}@media(max-width:600px){.kuota-panel{position:fixed;left:10px;right:10px;min-width:0}}.eartea-bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;background:var(--bg-base);overflow:hidden}.eartea-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.eartea-bg-wrapper.mode-hitam .eartea-bg-layer{opacity:0}.eartea-bg-wrapper.mode-wave .eartea-bg-wave{opacity:1}.eartea-bg-wave{width:100%;height:100%;display:block}.eartea-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0d0f73,#0d0d0fb3 55%,#0d0d0fe0)}.eartea-bg-wrapper.mode-hitam .eartea-bg-overlay{opacity:0}.bg-switcher-wrap-aktif{position:relative;display:inline-block}.bg-switcher-tombol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.bg-switcher-tombol:hover{border-color:var(--border-accent);color:var(--accent)}.bg-switcher-tombol svg{width:17px;height:17px}.bg-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;z-index:200;box-shadow:0 12px 32px #00000073;overflow:hidden;padding:8px}.bg-panel.terbuka{display:block;animation:bgPanelMuncul .15s ease}@keyframes bgPanelMuncul{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bg-panel-daftar{display:flex;flex-direction:column;gap:2px}.bg-panel-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.88rem;text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition)}.bg-panel-item:hover{background:var(--bg-hover);color:var(--text-primary)}.bg-panel-item.aktif{color:var(--accent);background:var(--accent-glow)}.bg-panel-ikon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.bg-panel-sub{margin-top:8px;padding:12px;border-top:1px solid var(--border)}.bg-panel-sub-info{font-size:.78rem;color:var(--text-muted);line-height:1.6;margin-bottom:10px}.bg-panel-warna-baris{display:flex;gap:14px}.bg-panel-warna-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;color:var(--text-secondary)}.bg-panel-warna-item input[type=color]{width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:transparent;padding:0}