@media(max-width:640px){
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav{
    left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;padding:8px 6px!important;border-radius:22px!important;
    justify-content:space-around!important;align-items:center!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-indicator{display:none!important}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item{
    position:relative;z-index:1;isolation:isolate;flex:1 1 0;min-width:0;gap:3px;padding:7px 0 5px!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important;transition:color .25s}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item>span:not(.bn-badge){max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item svg{width:23px!important;height:23px!important;transition:transform .35s cubic-bezier(.3,1.7,.5,1)!important}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item.on svg{transform:translateY(-2px) scale(1.08)!important}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item.on svg :is(path,circle)[data-fill="1"]{fill:currentColor;fill-opacity:.22!important}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item::before{
    content:'';position:absolute;z-index:-1;left:50%;top:50%;width:52px;height:46px;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .4s cubic-bezier(.3,1.6,.5,1),opacity .25s;pointer-events:none}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1);opacity:1}
  html:is([data-tkl="piringan"],[data-tkl="diaryrose"],[data-tkl="awan"],[data-tkl="semesta"],[data-tkl="rimba"],[data-tkl="pantai"],[data-tkl="akuarium"],[data-tkl="kopi"],[data-tkl="arcade"],[data-tkl="sakura"],[data-tkl="komik"],[data-tkl="kue"]) #bottomNav .bn-badge{top:0!important;right:calc(50% - 22px)!important}
  @media(prefers-reduced-motion:reduce){html[data-tkl] #bottomNav .bn-item::before,html[data-tkl] #bottomNav .bn-item svg{transition:none!important;animation:none!important}}

  html[data-tkl="piringan"] #bottomNav{background:linear-gradient(180deg,#2a2019,#140f0b)!important;border:1px solid rgba(244,231,207,.16)!important;box-shadow:0 14px 30px -10px #000,inset 0 1px 0 rgba(255,255,255,.08)!important}
  html[data-tkl="piringan"] #bottomNav .bn-item{color:#b6a385!important}
  html[data-tkl="piringan"] #bottomNav .bn-item.on{color:#f4e7cf!important}
  html[data-tkl="piringan"] #bottomNav .bn-item::before{width:50px;height:50px;border-radius:50%;width:54px;height:54px;background:radial-gradient(circle,#ff6a2b 0 14%,#140f0b 15% 18%,transparent 19%),conic-gradient(from 20deg,rgba(255,255,255,.18),transparent 20%,rgba(255,255,255,.12) 50%,transparent 70%),repeating-radial-gradient(circle,#050403 0 2px,#3a2c22 2px 3px);box-shadow:0 0 0 2px #ff6a2b,0 0 14px rgba(255,106,43,.5)}
  html[data-tkl="piringan"] #bottomNav .bn-item.on::before{animation:navSpin 3s linear infinite}
  html[data-tkl="piringan"] #bottomNav .bn-item.on svg{color:#f2b43a}
  html[data-tkl="piringan"] #bottomNav .bn-item.on>span:not(.bn-badge){color:#ff6a2b}

  html[data-tkl="diaryrose"] #bottomNav{background:repeating-linear-gradient(0deg,#fffaf7 0 13px,#f6dfe5 13px 14px)!important;border:2px dashed #e8577e!important;outline:4px solid #fffaf7;box-shadow:0 12px 24px -12px rgba(122,32,72,.5)!important;border-radius:16px!important}
  html[data-tkl="diaryrose"] #bottomNav::after{content:'';position:absolute;left:50%;top:-11px;width:70px;height:18px;transform:translateX(-50%) rotate(-3deg);background:repeating-linear-gradient(45deg,#f8c9d4 0 6px,#fbe7a1 6px 12px);opacity:.92;box-shadow:0 2px 4px rgba(0,0,0,.08)}
  html[data-tkl="diaryrose"] #bottomNav .bn-item{color:#97677b!important}
  html[data-tkl="diaryrose"] #bottomNav .bn-item.on{color:#7a2048!important}
  html[data-tkl="diaryrose"] #bottomNav .bn-item::before{width:46px;height:42px;background:#f8c9d4;clip-path:path('M23 41C9 31 0 23 0 12 0 5 5 0 12 0c5 0 9 3 11 7 2-4 6-7 11-7 7 0 12 5 12 12 0 11-9 19-23 29Z');transform:translate(-50%,-50%) scale(0) rotate(-20deg)}
  html[data-tkl="diaryrose"] #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1) rotate(-8deg)}

  html[data-tkl="awan"] #bottomNav{background:#fff!important;border:0!important;border-radius:28px!important;box-shadow:0 14px 30px -12px rgba(47,124,246,.55),inset 0 -4px 0 #e3f1ff!important}
  html[data-tkl="awan"] #bottomNav::after{content:'';position:absolute;left:8%;right:8%;top:-14px;height:20px;z-index:-1;background:radial-gradient(circle at 10% 100%,#fff 14px,transparent 15px),radial-gradient(circle at 30% 100%,#fff 18px,transparent 19px),radial-gradient(circle at 52% 100%,#fff 15px,transparent 16px),radial-gradient(circle at 74% 100%,#fff 19px,transparent 20px),radial-gradient(circle at 92% 100%,#fff 13px,transparent 14px)}
  html[data-tkl="awan"] #bottomNav .bn-item{color:#5f7ea8!important}
  html[data-tkl="awan"] #bottomNav .bn-item.on{color:#173a6b!important}
  html[data-tkl="awan"] #bottomNav .bn-item::before{width:42px;height:42px;top:40%;border-radius:50%;background:radial-gradient(circle,#ffe39a 0 45%,#ffd36b 46%);box-shadow:0 0 0 5px rgba(255,211,107,.35),0 0 18px rgba(255,211,107,.8)}

  html[data-tkl="semesta"] #bottomNav{background:radial-gradient(1px 1px at 12% 30%,#fff,transparent),radial-gradient(1px 1px at 38% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 66% 24%,#fff,transparent),radial-gradient(1px 1px at 88% 64%,#fff,transparent),linear-gradient(135deg,#120f33,#05060f)!important;border:1px solid rgba(126,140,255,.35)!important;box-shadow:0 0 24px rgba(123,92,255,.35),0 14px 30px -10px #000!important;border-radius:999px!important}
  html[data-tkl="semesta"] #bottomNav .bn-item{color:#8f97c8!important}
  html[data-tkl="semesta"] #bottomNav .bn-item.on{color:#fff!important}
  html[data-tkl="semesta"] #bottomNav .bn-item::before{width:40px;height:40px;top:40%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9a6ff,#7b5cff 55%,#3a248f);box-shadow:0 0 18px rgba(123,92,255,.8)}
  html[data-tkl="semesta"] #bottomNav .bn-item::after{content:'';position:absolute;z-index:-1;left:50%;top:40%;width:62px;height:18px;border-radius:50%;border:2px solid #3ee6ff;transform:translate(-50%,-50%) rotate(-18deg) scale(0);opacity:0;transition:.4s cubic-bezier(.3,1.6,.5,1)}
  html[data-tkl="semesta"] #bottomNav .bn-item.on::after{transform:translate(-50%,-50%) rotate(-18deg) scale(1);opacity:.9}

  html[data-tkl="rimba"] #bottomNav{background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px),linear-gradient(180deg,#9a6a3e,#5b3a21)!important;border:2px solid #3e2716!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.15),0 14px 26px -10px #000!important;border-radius:18px!important}
  html[data-tkl="rimba"] #bottomNav::before{content:'';position:absolute;inset:4px;border-radius:13px;border:1px dashed rgba(255,230,190,.25);pointer-events:none}
  html[data-tkl="rimba"] #bottomNav .bn-item{color:#f2dcbc!important}
  html[data-tkl="rimba"] #bottomNav .bn-item.on{color:#0b2116!important}
  html[data-tkl="rimba"] #bottomNav .bn-item::before{width:56px;height:44px;border-radius:0 60% 0 60%;background:linear-gradient(135deg,#d8ff8a,#4caf50);box-shadow:0 0 16px rgba(155,225,93,.7);transform:translate(-50%,-50%) scale(0) rotate(-45deg)}
  html[data-tkl="rimba"] #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1) rotate(0)}

  html[data-tkl="pantai"] #bottomNav{background:linear-gradient(180deg,#fbf3e4,#f6e3c0)!important;border:0!important;box-shadow:0 14px 26px -12px rgba(19,65,82,.5)!important;border-radius:0 0 24px 24px!important;padding-top:12px!important}
  html[data-tkl="pantai"] #bottomNav::after{content:'';position:absolute;left:0;right:0;top:-10px;height:16px;background:radial-gradient(circle at 10px 16px,#1fb5c9 10px,transparent 10.5px) 0 0/20px 16px repeat-x;filter:drop-shadow(0 -2px 0 #f4fdff);animation:navWave 3s linear infinite}
  html[data-tkl="pantai"] #bottomNav .bn-item{color:#5b7f8a!important}
  html[data-tkl="pantai"] #bottomNav .bn-item.on{color:#134152!important}
  html[data-tkl="pantai"] #bottomNav .bn-item::before{width:40px;height:40px;top:40%;border-radius:50%;background:conic-gradient(#ff7a59 0 60deg,#fff 60deg 120deg,#1fb5c9 120deg 180deg,#fff 180deg 240deg,#ffc94a 240deg 300deg,#fff 300deg);opacity:.9}
  html[data-tkl="pantai"] #bottomNav .bn-item.on::before{opacity:.85;animation:navSpin 6s linear infinite}
  html[data-tkl="pantai"] #bottomNav .bn-item.on svg{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 2px #fff)}

  html[data-tkl="akuarium"] #bottomNav{background:linear-gradient(180deg,rgba(26,169,214,.92),rgba(6,44,85,.96))!important;border:2px solid rgba(160,230,255,.5)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 22px rgba(62,230,196,.25),0 14px 30px -10px #000!important;border-radius:20px!important}
  html[data-tkl="akuarium"] #bottomNav::after{content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 8% 70%,rgba(255,255,255,.35) 2px,transparent 3px),radial-gradient(circle at 46% 30%,rgba(255,255,255,.3) 1.5px,transparent 2.5px),radial-gradient(circle at 92% 60%,rgba(255,255,255,.35) 2.5px,transparent 3.5px)}
  html[data-tkl="akuarium"] #bottomNav .bn-item{color:#9cc7dd!important}
  html[data-tkl="akuarium"] #bottomNav .bn-item.on{color:#fff!important}
  html[data-tkl="akuarium"] #bottomNav .bn-item::before{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.85) 0 8%,transparent 10%),radial-gradient(circle,rgba(255,255,255,.04) 55%,rgba(160,240,255,.45) 72%,rgba(255,255,255,.85) 75%,transparent 77%)}
  html[data-tkl="akuarium"] #bottomNav .bn-item.on::before{animation:navBob 2.4s ease-in-out infinite}

  html[data-tkl="kopi"] #bottomNav{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.05),transparent 50%),#26302a!important;border:6px solid #8a5a36!important;box-shadow:0 14px 26px -10px rgba(43,26,15,.7)!important;border-radius:14px!important;padding:6px 4px!important}
  html[data-tkl="kopi"] #bottomNav .bn-item{color:#d9cfbf!important;font-family:'Caveat',cursive!important;font-size:13.5px!important;font-weight:700!important;padding:5px 0 2px!important;gap:0!important}
  html[data-tkl="kopi"] #bottomNav .bn-item>span:not(.bn-badge){overflow:visible!important;padding:0 2px}
  html[data-tkl="kopi"] #bottomNav .bn-item.on{color:#ffcf8a!important}
  html[data-tkl="kopi"] #bottomNav .bn-item::before{width:46px;height:46px;top:42%;border-radius:50%;background:radial-gradient(circle,transparent 52%,rgba(200,105,43,.65) 54% 62%,rgba(200,105,43,.25) 64% 68%,transparent 70%);transform:translate(-50%,-50%) scale(0) rotate(0)}
  html[data-tkl="kopi"] #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1) rotate(30deg)}

  html[data-tkl="arcade"] #bottomNav{background:#0d0221!important;border:2px solid #ff2bd6!important;box-shadow:0 0 18px rgba(255,43,214,.55),inset 0 0 14px rgba(123,92,255,.35)!important;border-radius:6px!important}
  html[data-tkl="arcade"] #bottomNav::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.28) 2px 4px)}
  html[data-tkl="arcade"] #bottomNav .bn-item{color:#a99bd6!important;font-family:'Press Start 2P',monospace!important;font-size:6.5px!important;font-weight:400!important;gap:6px!important;text-transform:uppercase}
  html[data-tkl="arcade"] #bottomNav .bn-item.on{color:#2de2e6!important;text-shadow:0 0 6px #2de2e6}
  html[data-tkl="arcade"] #bottomNav .bn-item::before{width:50px;height:46px;border-radius:2px;border:2px solid #2de2e6;background:rgba(45,226,230,.1);box-shadow:0 0 12px #2de2e6,inset 0 0 8px rgba(45,226,230,.5)}
  html[data-tkl="arcade"] #bottomNav .bn-item.on svg{filter:drop-shadow(0 0 4px #2de2e6)}
  html[data-tkl="arcade"] #bottomNav .bn-item.on::after{content:'▶';position:absolute;left:2px;top:12px;font-size:8px;color:#ffd319;animation:navBlink 1s steps(2) infinite}

  html[data-tkl="sakura"] #bottomNav{background:repeating-linear-gradient(90deg,rgba(90,61,58,.025) 0 2px,transparent 2px 5px),#fffdfb!important;border:1px solid rgba(43,34,48,.15)!important;border-top:3px solid #d94f6b!important;box-shadow:0 14px 26px -14px rgba(90,61,58,.6)!important;border-radius:6px!important}
  html[data-tkl="sakura"] #bottomNav::after{content:'';position:absolute;right:10px;top:-9px;width:16px;height:13px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#ffd0d9,#f39aac);transform:rotate(-20deg)}
  html[data-tkl="sakura"] #bottomNav .bn-item{color:#7d6b72!important;font-family:'Zen Kaku Gothic New',sans-serif!important}
  html[data-tkl="sakura"] #bottomNav .bn-item.on{color:#fff!important}
  html[data-tkl="sakura"] #bottomNav .bn-item::before{width:48px;height:46px;border-radius:6px;background:#c8283f;box-shadow:inset 0 0 0 2px #c8283f,inset 0 0 0 4px rgba(255,255,255,.75);transform:translate(-50%,-50%) scale(1.6) rotate(-12deg)}
  html[data-tkl="sakura"] #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1) rotate(-5deg)}

  html[data-tkl="komik"] #bottomNav{background:radial-gradient(rgba(255,59,59,.15) 1.4px,transparent 1.6px) 0 0/9px 9px,#fff!important;border:3px solid #111!important;box-shadow:5px 5px 0 #111!important;border-radius:10px!important}
  html[data-tkl="komik"] #bottomNav .bn-item{color:#111!important;font-family:'Bangers',Impact,sans-serif!important;font-size:12px!important;font-weight:400!important;letter-spacing:.05em!important}
  html[data-tkl="komik"] #bottomNav .bn-item.on{color:#111!important}
  html[data-tkl="komik"] #bottomNav .bn-item::before{width:62px;height:56px;background:#ffd23f;clip-path:polygon(50% 0,61% 18%,82% 8%,80% 30%,100% 36%,84% 52%,98% 70%,76% 72%,74% 94%,56% 82%,40% 100%,34% 78%,12% 86%,18% 64%,0 52%,18% 38%,6% 16%,28% 18%,38% 0);transform:translate(-50%,-50%) scale(0) rotate(-40deg)}
  html[data-tkl="komik"] #bottomNav .bn-item.on::before{transform:translate(-50%,-50%) scale(1) rotate(0)}
  html[data-tkl="komik"] #bottomNav .bn-item.on svg{color:#ff3b3b}
  html[data-tkl="komik"] #bottomNav .bn-badge{border:2px solid #111!important;background:#ff3b3b!important}

  html[data-tkl="kue"] #bottomNav{background:#fff!important;border:2px solid #fbd3d9!important;box-shadow:0 14px 26px -12px rgba(214,79,120,.5)!important;border-radius:0 0 26px 26px!important;padding-top:14px!important}
  html[data-tkl="kue"] #bottomNav::after{content:'';position:absolute;left:-2px;right:-2px;top:-12px;height:20px;background:repeating-linear-gradient(90deg,#e86a8f 0 20px,#fff 20px 40px);-webkit-mask:radial-gradient(10px at 10px 10px,#000 98%,#0000) 0 0/20px 100% repeat-x,linear-gradient(#000 0 0) top/100% 10px no-repeat;mask:radial-gradient(10px at 10px 10px,#000 98%,#0000) 0 0/20px 100% repeat-x,linear-gradient(#000 0 0) top/100% 10px no-repeat;filter:drop-shadow(0 2px 2px rgba(90,46,42,.15))}
  html[data-tkl="kue"] #bottomNav .bn-item{color:#a07670!important;font-family:'Quicksand',sans-serif!important}
  html[data-tkl="kue"] #bottomNav .bn-item.on{color:#5a2e2a!important}
  html[data-tkl="kue"] #bottomNav .bn-item::before{width:52px;height:40px;border-radius:22px;background:linear-gradient(180deg,#f7a8b8 0 40%,#fff8ee 40% 60%,#f7a8b8 60%);box-shadow:inset 0 -3px 0 rgba(0,0,0,.06)}
  html[data-tkl="kue"] #bottomNav .bn-item.on svg :is(path,circle)[data-fill="1"]{fill:#fff;fill-opacity:1!important}
}
#tkL header:is(.pr-top,.dr-top,.aw-top,.sm-top,.rb-top,.pt-top,.ak-top,.kt-top){margin:0!important;width:auto!important;max-width:100%}
@keyframes navSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes navBob{50%{transform:translate(-50%,-58%) scale(1)}}
@keyframes navWave{to{background-position:20px 0}}
@keyframes navBlink{50%{opacity:0}}