html[data-tkl="kue"]{
  --kt-bg:#fff3f0;--kt-bgimg:radial-gradient(circle at 10% 20%,rgba(247,168,184,.25),transparent 30%),radial-gradient(circle at 90% 70%,rgba(168,224,216,.3),transparent 35%);
  --kt-card:#fff;--kt-card2:#fde3e3;--kt-ink:#5a2e2a;--kt-mut:#a07670;--kt-line:rgba(90,46,42,.12);
  --kt-acc:#e86a8f;--kt-acc-ink:#fff;--kt-acc2:#8fd3c9;--kt-acc2-ink:#3d2420;--kt-price:#d64f78;--kt-star:#f5a623;
  --kt-rad:24px;--kt-rad-s:16px;--kt-rad-btn:999px;--kt-disp:'Pacifico',cursive;--kt-body:'Quicksand',system-ui,-apple-system,'Segoe UI',sans-serif;--kt-h2w:400;
  --kt-shadow:0 16px 30px -20px rgba(214,79,120,.45);--kt-bd:2px solid #fbd3d9;--kt-btn-sh:0 5px 0 #c24d72;--kt-eic-rad:50%;
  --kt-bar:rgba(255,255,255,.88);--kt-foot:#5a2e2a;--kt-foot-ink:#fff3f0;--kt-sum:linear-gradient(135deg,#f7a8b8,#e86a8f);--kt-sum-ink:#fff;--kt-wallet:linear-gradient(135deg,#f7a8b8,#e86a8f);--kt-wallet-ink:#fff;
  --kt-buy-label:'🧁 Pesanan manis';--kt-cart-label:'🎀 Kotak kue';--kt-login-back:rgba(90,46,42,.5);--kt-login-card:#fff;--kt-ring:rgba(232,106,143,.2);color-scheme:light}
#tkL .ku-page .kt-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25}
#tkL .ku-page .kt-head h2 span{color:var(--kt-acc)}
#tkL .ku-page .kt-head small,#tkL .ku-page .kt-step b{font-family:var(--kt-body);font-weight:700}
#tkL .ku-page .kt-step b{font-size:20px}
#tkL .ku-page .kt-step-i{border-radius:50%;background:#fde3e3}
#tkL .ku-page .kt-step em{color:var(--kt-acc2);opacity:.6}
#tkL .ku-page .kt-facts b{font-family:var(--kt-body);font-weight:700;font-size:26px}
#tkL .ku-page .kt-brand-t b{font-size:20px}

#tkL .ku-awning{position:relative;height:58px;background:repeating-linear-gradient(90deg,#e86a8f 0 44px,#fff 44px 88px);-webkit-mask:radial-gradient(22px at 22px 36px,#000 98%,#0000) 0 0/44px 100% repeat-x,linear-gradient(#000 0 0) top/100% 36px no-repeat;mask:radial-gradient(22px at 22px 36px,#000 98%,#0000) 0 0/44px 100% repeat-x,linear-gradient(#000 0 0) top/100% 36px no-repeat;filter:drop-shadow(0 8px 6px rgba(90,46,42,.15));transform-origin:top;animation:kuFlap 5s ease-in-out infinite}
@keyframes kuFlap{50%{transform:scaleY(1.06)}}

#tkL .ku-hero{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(28px,5vw,64px) clamp(16px,4vw,44px) 0}
#tkL .ku-chip{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff;border:2px dashed #f7a8b8;font-size:13px;font-weight:700;color:var(--kt-price)}
#tkL .ku-hero h1{margin:18px 0 14px;font:400 clamp(38px,5.4vw,70px)/1.2 var(--kt-disp);color:var(--kt-ink)}
#tkL .ku-hero h1 span{color:var(--kt-acc)}
#tkL .ku-copy>p{max-width:46ch;margin:0 0 22px;color:var(--kt-mut);font-size:16px;line-height:1.65;font-weight:600}
#tkL .ku-case{position:relative;padding:44px 20px 10px;border-radius:26px 26px 10px 10px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(253,227,227,.6));border:6px solid #8a5a4f;box-shadow:inset 0 0 0 3px rgba(255,255,255,.7),0 30px 50px -28px rgba(90,46,42,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden}
#tkL .ku-case:after{content:'';position:absolute;left:-6px;right:-6px;bottom:-6px;height:22px;background:#8a5a4f}
#tkL .ku-case-sign{position:absolute;left:50%;top:10px;transform:translateX(-50%);padding:4px 18px;border-radius:999px;background:#5a2e2a;color:#fff3f0;font:400 15px var(--kt-disp);white-space:nowrap}
#tkL .ku-shelf{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:10px 6px 0;border-bottom:8px solid rgba(255,255,255,.85);box-shadow:0 6px 8px -6px rgba(90,46,42,.35);margin-bottom:22px}
#tkL .ku-stand{position:relative;display:flex!important;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
#tkL .ku-stand:hover{transform:translateY(-6px)}
#tkL .ku-dome{display:block;width:72%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 6px #fde3e3,0 0 0 9px #fff,0 14px 20px -10px rgba(90,46,42,.5)}
#tkL .ku-plate{display:block;width:96%;height:10px;margin-top:10px;border-radius:50%;background:linear-gradient(#fff,#e9d4d1);box-shadow:0 3px 0 #d8bdb8}
#tkL .ku-leg{display:block;width:10px;height:22px;background:linear-gradient(90deg,#e9d4d1,#fff,#e9d4d1)}
#tkL .ku-leg:after{content:'';display:block;width:40px;height:6px;margin:16px 0 0 -15px;border-radius:50%;background:#e9d4d1}
#tkL .ku-card-mini{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%) scale(.9);max-width:160px;padding:6px 10px;border-radius:10px;background:#5a2e2a;color:#fff;font:700 11.5px var(--kt-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:.2s;pointer-events:none}
#tkL .ku-card-mini small{font-size:10px}
#tkL .ku-stand:hover .ku-card-mini,#tkL .ku-stand:focus-visible .ku-card-mini{opacity:1;transform:translate(-50%,-100%) scale(1)}
#tkL .ku-stand[data-habis]{opacity:.5}
#tkL .ku-glare{position:absolute;top:-20%;left:-30%;width:30%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(20deg);animation:kuGlare 6s ease-in-out infinite;pointer-events:none}
@keyframes kuGlare{0%,60%{left:-40%}100%{left:130%}}
@media(max-width:900px){#tkL .ku-hero{grid-template-columns:minmax(0,1fr)}#tkL .ku-case{max-width:460px;width:100%;margin:0 auto}}
@media(hover:none){#tkL .ku-card-mini{position:static;transform:none;opacity:1;margin-top:8px;background:transparent;color:var(--kt-ink);padding:0;max-width:100%}}

#tkL .ku-macs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px 14px}
#tkL .ku-mac{display:flex!important;flex-direction:column;align-items:center;gap:6px;padding:6px!important;text-align:center}
#tkL .ku-shell{display:flex;flex-direction:column;align-items:center;width:100px;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
#tkL .ku-mac:hover .ku-shell{transform:translateY(-8px) rotate(-8deg)}
#tkL .ku-shell i{display:block;width:100%;height:34px;border-radius:50px 50px 18px 18px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6),transparent 40%),var(--c);box-shadow:inset 0 -5px 0 rgba(0,0,0,.08)}
#tkL .ku-shell i:last-child{border-radius:18px 18px 50px 50px}
#tkL .ku-shell i.fill{width:88%;height:12px;border-radius:6px;background:#fff8ee;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 70%,#000 0%)}
#tkL .ku-shell i:first-child{position:relative}
#tkL .ku-shell i:first-child:after{content:'';position:absolute;left:6%;right:6%;bottom:-3px;height:7px;background:radial-gradient(circle,var(--c) 60%,transparent 62%) 0 0/8px 7px repeat-x;filter:brightness(.92)}
#tkL .ku-mac b{font:700 15px/1.2 var(--kt-body);color:var(--kt-ink);overflow-wrap:anywhere}
#tkL .ku-mac small{font-size:12px;color:var(--kt-mut);font-weight:600}

#tkL .ku-cakes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px 18px}
#tkL .ku-cake{position:relative;display:flex!important;flex-direction:column;gap:4px;padding:16px!important;text-align:center;align-items:center;background:#fff;border:2px solid #fbd3d9!important;border-radius:28px;box-shadow:var(--kt-shadow);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
#tkL .ku-cake:hover{transform:translateY(-8px)}
#tkL .ku-cake-stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.15;margin-bottom:8px;border-radius:20px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--c) 55%,#fff),transparent 70%),#fff8f6}
#tkL .ku-ctop{position:relative;z-index:1;display:block;width:58%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 7px var(--c),0 0 0 10px #fff,0 12px 18px -8px rgba(90,46,42,.45);transition:transform .4s}
#tkL .ku-cake:hover .ku-ctop{transform:rotate(-10deg)}
#tkL .ku-ctop:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 12% 30%,#e86a8f 2px,transparent 2.5px),radial-gradient(circle at 88% 26%,#8fd3c9 2px,transparent 2.5px),radial-gradient(circle at 20% 82%,#f5a623 2px,transparent 2.5px),radial-gradient(circle at 84% 78%,#c9b6f2 2px,transparent 2.5px)}
#tkL .ku-dish{position:absolute;left:12%;right:12%;bottom:8%;height:16px;border-radius:50%;background:linear-gradient(#fff,#ecd9d6);box-shadow:0 4px 0 #d8bdb8}
#tkL .ku-flag{position:absolute;right:8%;top:6%;z-index:2;display:flex;align-items:flex-start;transform:rotate(8deg);transform-origin:left bottom;animation:kuWave 3s ease-in-out infinite}
@keyframes kuWave{50%{transform:rotate(2deg)}}
#tkL .ku-flag i{display:block;width:3px;height:64px;background:#c9a27e;border-radius:2px}
#tkL .ku-flag b{padding:5px 10px 5px 8px;background:#5a2e2a;color:#fff;font:700 12px var(--kt-body);white-space:nowrap;clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%)}
#tkL .ku-flag b small{font-size:9.5px;opacity:.8}
#tkL .ku-cake strong{font:700 17px/1.2 var(--kt-body);color:var(--kt-ink);overflow-wrap:anywhere}
#tkL .ku-cake>small{font-size:12.5px;color:var(--kt-mut);font-weight:600}
#tkL .ku-cake-btn{margin-top:auto;padding:8px 16px;border-radius:999px;background:var(--kt-acc);color:#fff;font:700 13px var(--kt-body);box-shadow:0 4px 0 #c24d72}
#tkL .ku-cake>small+.ku-cake-btn{margin-top:10px}
#tkL .ku-off{position:absolute;left:12px;top:12px;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f5a623;color:#fff;font:700 13px var(--kt-body);box-shadow:0 0 0 4px #fff,0 6px 10px -4px rgba(0,0,0,.3);transform:rotate(-12deg)}
#tkL .ku-closed{position:absolute;left:50%;top:44%;z-index:3;transform:translate(-50%,-50%) rotate(-6deg);padding:6px 12px;border-radius:999px;background:#5a2e2a;color:#fff;font:700 12px var(--kt-body);white-space:nowrap}
#tkL .ku-cake.is-off .ku-cake-stage{filter:grayscale(.8);opacity:.7}

#tkL .ku-line{position:relative;padding-top:18px}
#tkL .ku-twine{position:absolute;left:-4%;right:-4%;top:18px;height:30px;border-top:3px dashed #c9a27e;border-radius:50%/100% 100% 0 0;transform:scaleY(-1);transform-origin:top}
#tkL .ku-tags{display:flex;gap:18px;overflow-x:auto;padding:0 6px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#tkL .ku-tag{flex:0 0 160px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:center;transform-origin:50% 0;animation:kuSwing 4s ease-in-out var(--d) infinite}
@keyframes kuSwing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
#tkL .ku-tag-str{display:block;width:2px;height:30px;background:#c9a27e}
#tkL .ku-tag-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:24px 12px 14px;background:var(--c);border-radius:14px;clip-path:polygon(20% 0,80% 0,100% 14%,100% 100%,0 100%,0 14%);text-align:center}
#tkL .ku-tag-body:before{content:'';position:absolute;left:50%;top:8px;width:10px;height:10px;border-radius:50%;background:var(--kt-bg);transform:translateX(-50%)}
#tkL .ku-tag-pic{display:block;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 3px #fff}
#tkL .ku-tag b{font:700 14px/1.2 var(--kt-body);color:#3d2420;margin-top:6px;overflow-wrap:anywhere}
#tkL .ku-tag small{font-size:11.5px;color:#5a2e2a;font-weight:600;opacity:.8}
#tkL .ku-tag strong{margin-top:4px;padding:3px 10px;border-radius:999px;background:#fff;font:700 13px var(--kt-body);color:var(--kt-price);white-space:nowrap}
#tkL .ku-tag strong small{font-size:10px}
#tkL .ku-tag.is-off{opacity:.5}

html[data-tkl="kue"] #app .pcard{border-radius:28px!important}
html[data-tkl="kue"] #app .pcard .pic img{border-radius:50%!important;box-shadow:0 0 0 6px #f7a8b8,0 0 0 9px #fff!important}

html[data-tkl="kue"] .ku-bday{display:flex;flex-direction:column;align-items:center;margin:0 0 14px}
html[data-tkl="kue"] .ku-cds{display:flex;gap:14px;height:46px;align-items:flex-end}
html[data-tkl="kue"] .ku-cd{position:relative;display:block;width:8px;height:28px;border-radius:3px;background:repeating-linear-gradient(-45deg,#fff 0 4px,#e86a8f 4px 8px)}
html[data-tkl="kue"] .ku-cd:before{content:'';position:absolute;left:50%;top:-6px;width:2px;height:6px;background:#5a2e2a;transform:translateX(-50%)}
html[data-tkl="kue"] .ku-cd em{position:absolute;left:50%;bottom:calc(100% + 4px);width:12px;height:18px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff6c4,#ffb02e 55%,#ff6a3d);transform:translateX(-50%) scale(0);transform-origin:50% 100%;transition:transform .3s cubic-bezier(.3,1.8,.5,1);box-shadow:0 0 14px 4px rgba(255,176,46,.55)}
html[data-tkl="kue"] .ku-cd.on em{transform:translateX(-50%) scale(1);animation:kuFlick .5s ease-in-out infinite alternate}
@keyframes kuFlick{to{transform:translateX(-50%) scale(.88,1.08) rotate(3deg)}}
html[data-tkl="kue"] .ku-tier{display:block;border-radius:12px 12px 6px 6px;position:relative}
html[data-tkl="kue"] .ku-tier.t1{width:120px;height:30px;background:#fde3e3;box-shadow:inset 0 -6px 0 #f7a8b8}
html[data-tkl="kue"] .ku-tier.t1:after{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 8px 0,#fff 8px,transparent 8.5px) 0 0/16px 12px repeat-x}
html[data-tkl="kue"] .ku-tier.t2{display:grid;place-items:center;width:180px;height:44px;background:#e86a8f;box-shadow:inset 0 -6px 0 #c24d72}
html[data-tkl="kue"] .ku-tier.t2:after{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 9px 0,#fff3f0 9px,transparent 9.5px) 0 0/18px 12px repeat-x}
html[data-tkl="kue"] .ku-tier.t2 b{position:relative;z-index:1;font:400 15px var(--kt-disp);color:#fff;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:6px}
html[data-tkl="kue"] .ku-bplate{display:block;width:220px;height:12px;border-radius:50%;background:linear-gradient(#fff,#e9d4d1);box-shadow:0 4px 0 #d8bdb8}
html[data-tkl="kue"] .ku-bday-say{margin-top:10px;font:700 12.5px var(--kt-body);color:var(--kt-mut)}
html[data-tkl="kue"] .ku-bday.is-full .ku-bday-say{color:var(--kt-acc)}
html[data-tkl="kue"] .ku-bday-sm .ku-bday-say{display:none}
html[data-tkl="kue"] :is(#loginModal,#forgotModalTk) .modal{border-top:8px solid #e86a8f!important}