:root{--ground: #0B1F33;--ground-deep: #081726;--card: #12304D;--card-line: #23476B;--line: #1C3A58;--input-line: #2A4A6B;--text: #F4EFE6;--text-soft: #E3ECF3;--text-mid: #C9D6E3;--text-muted: #9FB3C8;--brass: #D4AF5A;--brass-hover: #E8C878;--safe: #4FC3B0;--safe-bg: #0E2A2E;--safe-line: #1F5A55;--warn: #E8B04B;--warn-bg: #33290F;--warn-line: #6B5420;--danger: #F07A6A;--danger-bg: #3A1F22;--danger-line: #7A3A38;--ivory: #F4EFE6;--on-brass: #0B1F33;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html[data-tema=terang]{--ground: #F3F6FA;--ground-deep: #E6EDF5;--card: #FFFFFF;--card-line: #D3DEEA;--line: #DCE5EE;--input-line: #BFCDDD;--text: #0B1F33;--text-soft: #22374C;--text-mid: #46607A;--text-muted: #687E95;--brass: #B8913A;--brass-hover: #9C7A2C;--safe: #1C8A76;--safe-bg: #E2F4F0;--safe-line: #A6DACF;--warn: #B4761A;--warn-bg: #FDF2DC;--warn-line: #EACB8E;--danger: #C2453A;--danger-bg: #FBE6E3;--danger-line: #ECB0A8;color-scheme:light}html[data-tema=terang] .sheet-backdrop{background:#0b1f3373}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground-deep);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--brass)}a:hover{color:var(--brass-hover)}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:480px;min-height:100%;margin:0 auto;background:var(--ground);position:relative}.screen{padding:calc(24px + env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.screen.no-nav{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--text-muted);font-weight:500;text-transform:uppercase}.title{font-family:var(--serif);font-size:26px;font-weight:600;margin:4px 0 0;line-height:1.2}.h2{font-family:var(--serif);font-size:18px;font-weight:600;margin:0}.muted{color:var(--text-muted)}.small{font-size:13px}.tiny{font-size:12px}.card{border-radius:20px;padding:18px 20px;background:var(--card);border:1px solid var(--card-line);display:flex;flex-direction:column;gap:12px}.card.link{text-decoration:none;color:var(--text);cursor:pointer;text-align:left;width:100%}.card.link:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible,.nav-item:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.card.safe{background:var(--safe-bg);border-color:var(--safe-line)}.card.warn{background:var(--warn-bg);border-color:var(--warn-line)}.card.danger{background:var(--danger-bg);border-color:var(--danger-line)}.card.ivory{background:var(--ivory);color:var(--on-brass);border-color:var(--ivory)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:6px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.big{font-family:var(--serif);font-size:48px;font-weight:600;line-height:1}.num{font-family:var(--serif);font-size:22px;font-weight:600}.pill{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--on-brass);background:var(--brass);padding:5px 10px;border-radius:999px;text-transform:uppercase}.bar{height:8px;border-radius:4px;background:var(--ground);overflow:hidden}.bar>span{display:block;height:100%;border-radius:4px;background:var(--brass)}.bar.safe>span{background:var(--safe)}.bar.warn>span{background:var(--warn)}.bar.danger>span{background:var(--danger)}.btn{min-height:50px;border-radius:14px;border:1px solid var(--brass);background:var(--brass);color:var(--on-brass);font-size:16px;font-weight:600;cursor:pointer;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;width:100%}.btn:hover{background:var(--brass-hover);border-color:var(--brass-hover);color:var(--on-brass)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.outline{background:transparent;color:var(--brass)}.btn.outline:hover{background:#d4af5a1a;color:var(--brass-hover)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.icon-btn{width:44px;height:44px;border-radius:22px;border:1px solid var(--input-line);background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-mid);font-weight:500}.field .hint{font-size:12px;color:var(--text-muted)}.input,.select{min-height:50px;border-radius:12px;border:1px solid var(--input-line);background:var(--ground-deep);color:var(--text);padding:0 14px;font-size:16px;width:100%}.input:focus,.select:focus{outline:2px solid var(--brass);outline-offset:1px;border-color:transparent}.input-group{display:flex;align-items:stretch;gap:8px}.input-group .prefix{display:flex;align-items:center;padding:0 12px;border-radius:12px;background:var(--card);border:1px solid var(--input-line);font-size:14px;color:var(--text-mid);font-weight:600}.uang-grup{position:relative}.kalk-btn{flex:0 0 40px;border-radius:12px;border:1px solid var(--input-line);background:transparent;font-size:18px;cursor:pointer;padding:0;opacity:.75}.kalk-btn.nyala{background:var(--brass);border-color:var(--brass);opacity:1}.kalk-bar{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;background:var(--card);border:1px solid var(--input-line);border-radius:12px;box-shadow:0 8px 20px #00000040}.kalk-hasil{flex:1 0 100%;font-weight:700;color:var(--brass);font-size:15px}.kalk-op{flex:1 0 calc(25% - 6px);min-height:42px;border-radius:10px;border:1px solid var(--input-line);background:var(--ground-deep);color:var(--text);font-size:18px;font-weight:600;cursor:pointer}.kalk-op.sama{background:var(--brass);border-color:var(--brass);color:var(--on-brass)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--input-line);background:transparent;color:var(--text-soft);font-size:14px;font-weight:500;cursor:pointer}.chip[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--on-brass)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-mid)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.segbar{display:flex;height:14px;border-radius:7px;overflow:hidden}.pillars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pillar{border-radius:14px;padding:10px 2px;background:var(--card);border:1px solid var(--card-line);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text);cursor:pointer;text-decoration:none}.pillar b{font-family:var(--serif);font-size:24px;color:var(--brass);line-height:1;font-weight:600}.pillar small{font-size:10px;color:var(--text-mid)}.pillar em{font-style:normal;font-size:11px;font-weight:600}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;background:var(--ground-deep);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}.nav-item{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;min-height:48px;justify-content:center;cursor:pointer}.nav-item[aria-current=page]{color:var(--brass);font-weight:600}.nav-item.fab{color:var(--text);font-weight:600;margin-top:-30px}.nav-item.fab .fab-circle{width:58px;height:58px;border-radius:29px;background:var(--brass);color:var(--on-brass);display:flex;align-items:center;justify-content:center;border:5px solid var(--ground-deep)}.notice{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;background:var(--card);border:1px solid var(--card-line);color:var(--text-soft)}.notice.danger{background:var(--danger-bg);border-color:var(--danger-line)}.notice.safe{background:var(--safe-bg);border-color:var(--safe-line)}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.wordmark{font-family:var(--serif);font-size:64px;font-weight:600;letter-spacing:10px;color:var(--brass);line-height:1}.acronym{font-family:var(--serif);font-size:20px;display:flex;flex-direction:column;gap:6px}.acronym b{color:var(--brass);font-weight:600}.tagline{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.4;color:var(--text-soft);border-top:1px solid var(--card-line);padding-top:18px;margin:0}.steps{display:flex;gap:6px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--card-line)}.steps i.on{background:var(--brass)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c14b3;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--ground);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--card-line);padding:20px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.link-btn{background:none;border:none;padding:4px 0;color:var(--brass);text-decoration:underline;cursor:pointer;font:inherit;min-height:32px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000d;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.viewer-bar{display:flex;gap:8px;align-items:center;padding:10px 12px;color:#fff}.viewer-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:center}.viewer-body img{max-width:100%;height:auto}.viewer-body iframe{width:100%;height:100%;border:0;background:#fff}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.input[type=date],.input[type=time],.input[type=month]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;min-width:0}.input[type=date]::-webkit-date-and-time-value{text-align:left}textarea.input{font-size:16px}.sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes ld-ombak{0%{transform:translate(0)}to{transform:translate(-40px)}}@keyframes ld-angguk{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes ld-masuk{0%{transform:translate(-280px)}to{transform:translate(0)}}@keyframes ld-muncul{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ld-naik{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ld-geser{0%{transform:translate(60px)}40%{transform:translate(70px,20px)}70%{transform:translate(180px)}to{transform:translate(290px,20px)}}@keyframes ld-sorot{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}@keyframes ld-kedip{0%,to{opacity:1}50%{opacity:.35}}@keyframes ld-terbit{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:.85}}@keyframes ld-tetes{0%{transform:translateY(0);opacity:1}to{transform:translateY(8px);opacity:0}}@keyframes ld-isi{0%{width:0%}to{width:100%}}.ld-ombak{animation:ld-ombak 2.4s linear infinite}.ld-angguk{animation:ld-angguk 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ld-masuk{animation:ld-masuk 2.4s cubic-bezier(.2,.7,.3,1) both}.ld-muncul{animation:ld-muncul .5s ease-out both}.ld-naik{animation:ld-naik 1s ease-out both;transform-box:fill-box;transform-origin:bottom}.ld-geser{animation:ld-geser 3s ease-in-out infinite}.ld-sorot{animation:ld-sorot 3s ease-in-out infinite}.ld-kedip{animation:ld-kedip 1.2s ease-in-out infinite}.ld-terbit{animation:ld-terbit 2.5s ease-out both;transform-box:fill-box}.ld-tetes{animation:ld-tetes 1.2s ease-in infinite}.ld-isi{animation:ld-isi 6s linear both}@keyframes ld-tetes-bbm{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(36px);opacity:0}}@keyframes ld-asap{0%{transform:translate(0) scale(.6);opacity:.85}to{transform:translate(-16px,-30px) scale(1.7);opacity:0}}@keyframes ld-air{0%{transform:scaleY(.08)}85%{transform:scaleY(.95)}to{transform:scaleY(.95)}}@keyframes ld-surut{0%{transform:scaleY(.6)}to{transform:scaleY(.06)}}@keyframes ld-oleng{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2.5deg) translateY(2px)}}@keyframes ld-masuk-kanan{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.ld-tetes-bbm{animation:ld-tetes-bbm 1.05s ease-in infinite;transform-box:fill-box}.ld-asap{animation:ld-asap 2s ease-out infinite;transform-box:fill-box;transform-origin:center}.ld-air{animation:ld-air 8s ease-in infinite;transform-box:fill-box;transform-origin:bottom}.ld-surut{animation:ld-surut 1.2s ease-out both;transform-box:fill-box;transform-origin:bottom}.ld-oleng{animation:ld-oleng 3s ease-in-out infinite}.ld-masuk-kanan{animation:ld-masuk-kanan .45s ease-out both}.btn-google{background:#fff!important;color:#1f1f1f!important;border:1px solid #747775!important;min-height:56px;font-size:17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.btn-google img{flex-shrink:0}.ld-cta{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--ground-deep);border-top:1px solid var(--line);max-width:480px;margin:0 auto}@media (prefers-reduced-motion: reduce){.ld-ombak,.ld-angguk,.ld-masuk,.ld-muncul,.ld-naik,.ld-geser,.ld-sorot,.ld-kedip,.ld-terbit,.ld-tetes,.ld-tetes-bbm,.ld-asap,.ld-oleng,.ld-masuk-kanan{animation:none!important}.ld-air{animation:none!important;transform:scaleY(.6)}}.nav.nav6{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:6px}.nav.nav6 .nav-item{font-size:10.5px;gap:3px;min-height:52px;position:relative;padding:0 2px;text-align:center;line-height:1.15}.nav.nav6 .nav-ikon{display:inline-flex;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.nav.nav6 .nav-item[aria-current=page] .nav-ikon{transform:translateY(-2px) scale(1.12)}.nav.nav6 .nav-item[aria-current=page]:before{content:"";position:absolute;top:-6px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--brass)}.fab-melayang{position:fixed;z-index:11;width:60px;height:60px;border-radius:30px;border:none;cursor:pointer;right:max(16px,calc(50% - 224px));bottom:calc(80px + env(safe-area-inset-bottom));background:var(--brass);color:var(--on-brass);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000059,0 0 0 6px color-mix(in srgb,var(--brass) 18%,transparent);transition:transform .15s}.fab-melayang:active{transform:scale(.92)}.fab-melayang:focus-visible{outline:3px solid var(--text);outline-offset:3px}.app.ada-fab .screen:not(.no-nav){padding-bottom:calc(160px + env(safe-area-inset-bottom))}.muncul{animation:ld-muncul .45s ease both}.kartu-rencana{display:flex;flex-direction:column;gap:12px;text-align:left;position:relative;overflow:hidden}.kartu-rencana .ikon-kotak{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kartu-rencana .ikon-kotak svg{width:28px;height:28px}.kartu-rencana .tip{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ground-deep) 60%,transparent);font-size:13.5px;line-height:1.45;color:var(--text-soft)}.kartu-rencana .tip i{font-style:normal;flex-shrink:0}.kartu-rencana .kelola{border-top:1px solid var(--card-line);padding-top:12px;text-align:center;font-weight:700;font-size:15px}.kartu-rencana .sinar{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;opacity:.14;pointer-events:none}.ring-skor{transform:rotate(-90deg)}.ring-skor .isi{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion: reduce){.muncul{animation:none}.ring-skor .isi,.nav.nav6 .nav-ikon{transition:none}}.kartu-masa{padding:14px 16px;gap:10px}.cincin-masa{position:relative;width:60px;height:60px;flex-shrink:0;display:inline-block;border-radius:50%}.cincin-masa svg{display:block}.cincin-masa .isi{animation:masa-isi 1.1s cubic-bezier(.2,.8,.2,1) both}.cincin-masa .tengah{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cincin-masa.denyut:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--warna);animation:masa-denyut 1.8s ease-out infinite;pointer-events:none}.kosong-masa .ikon-kosong{color:var(--brass);display:inline-flex;animation:ld-angguk 3s ease-in-out infinite}@keyframes masa-isi{0%{stroke-dashoffset:157}}@keyframes masa-denyut{0%{transform:scale(1);opacity:.8}to{transform:scale(1.35);opacity:0}}@media (prefers-reduced-motion: reduce){.cincin-masa .isi,.cincin-masa.denyut:after,.kosong-masa .ikon-kosong{animation:none}}.header-atas{position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--ground-deep) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:calc(8px + env(safe-area-inset-top)) 12px 8px}.header-isi{display:flex;align-items:center;gap:6px}.hdr-btn{width:44px;height:44px;border-radius:14px;flex-shrink:0;border:none;cursor:pointer;background:transparent;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.hdr-btn:hover,.hdr-btn[aria-expanded=true]{background:var(--card)}.hdr-btn:active{transform:scale(.92)}.hdr-btn:focus-visible,.pil-keluarga:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.pil-keluarga{flex:1;min-width:0;height:46px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:0 10px 0 5px;border-radius:16px;border:1.5px solid var(--card-line);background:var(--card);color:var(--text);font:inherit;font-weight:700;font-size:14.5px}.pil-keluarga .pil-ikon{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--safe) 22%,transparent);color:var(--safe)}.pil-keluarga .pil-nama{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.pil-keluarga .pil-pro{font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:6px;background:var(--brass);color:var(--on-brass);flex-shrink:0}.lencana-angka{position:absolute;top:5px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;border:2px solid var(--ground-deep);animation:lencana-muncul .35s cubic-bezier(.3,1.6,.5,1) both}.menu-tema{position:absolute;top:50px;left:0;z-index:30;min-width:200px;padding:6px 0;background:var(--card);border:1px solid var(--card-line);border-radius:16px;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;animation:ld-muncul .18s ease both}.menu-tema-item{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border:none;background:none;color:var(--text);font:inherit;font-size:15px;cursor:pointer;text-align:left}.menu-tema-item.aktif{background:color-mix(in srgb,var(--brass) 16%,transparent);color:var(--brass);font-weight:700}.kabar-item{flex-direction:row;align-items:flex-start;gap:12px;padding:12px 14px;text-align:left;width:100%;font:inherit;color:inherit}.kabar-ikon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}.titik-baru{display:inline-block;width:8px;height:8px;border-radius:4px;background:var(--danger);margin-left:6px;vertical-align:middle}.app.ada-header .screen{padding-top:16px}@keyframes lencana-muncul{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.lencana-angka,.menu-tema{animation:none}}@media (max-width: 380px){.header-isi{gap:2px}.hdr-btn{width:40px;height:40px}.pil-keluarga{gap:6px;font-size:13.5px}.pil-keluarga .pil-ikon{width:30px;height:30px}}.pil-panah{display:inline-flex;transition:transform .2s;flex-shrink:0}.ms-latar,.dd-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#040c1499;animation:ms-pudar .2s ease both}.ms-panel{position:absolute;top:0;bottom:0;left:0;width:min(86vw,340px);overflow-y:auto;outline:none;background:var(--ground);border-right:1px solid var(--card-line);display:flex;flex-direction:column;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));animation:ms-geser .26s cubic-bezier(.2,.8,.2,1) both;box-shadow:12px 0 40px #00000059}.ms-profil{display:flex;align-items:center;gap:12px}.ms-avatar,.dd-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brass),color-mix(in srgb,var(--brass) 45%,var(--safe)));color:var(--on-brass);font-weight:800;font-size:20px;box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 30%,transparent)}.ms-lengkapi{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:14px;cursor:pointer;font:inherit;font-weight:700;font-size:14.5px;border:1.5px solid color-mix(in srgb,var(--safe) 55%,transparent);background:color-mix(in srgb,var(--safe) 10%,transparent);color:var(--safe)}.ms-pro{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;border:none;cursor:pointer;font:inherit;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(90deg,#f5b82e,#f27a2a 55%,#e8466a);box-shadow:0 6px 18px #f27a2a59}.ms-pro.aktif{background:color-mix(in srgb,var(--brass) 18%,transparent);color:var(--brass);box-shadow:none;font-size:14px;cursor:default}.ms-ruang{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;cursor:pointer;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--card-line)}.ms-daftar{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:6px}.ms-item{display:flex;align-items:center;gap:16px;min-height:52px;padding:0 10px;border:none;background:none;cursor:pointer;font:inherit;font-size:16.5px;color:var(--text);border-radius:12px;text-align:left}.ms-item:hover,.ms-item:focus-visible{background:var(--card);outline:none}.ms-ikon{color:var(--text-soft);display:inline-flex}.ms-bawah{margin-top:auto;border-top:1px solid var(--line);padding-top:6px}.dd-keluarga{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100vw - 24px),420px);max-height:calc(100vh - 100px);overflow-y:auto;background:var(--ground);border:1px solid var(--card-line);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px #00000073;animation:dd-turun .22s cubic-bezier(.2,.8,.2,1) both}.dd-judul{letter-spacing:1.6px;font-weight:800;color:var(--text-mid);padding:2px 4px}.dd-aktif{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--safe) 14%,var(--card))}.dd-avatar{width:46px;height:46px;border-radius:14px;font-size:18px;box-shadow:none}.dd-badge{flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--safe);border:1.5px solid color-mix(in srgb,var(--safe) 60%,transparent);border-radius:999px;padding:5px 10px}.dd-kode{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--card-line)}.dd-kotak-kode{flex:1;min-width:0;text-align:center;padding:12px 8px;border-radius:14px;border:2px dashed var(--text-mid);font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:700;letter-spacing:5px;color:var(--text)}.dd-salin{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border-radius:14px;border:none;cursor:pointer;font:inherit;font-weight:800;font-size:16px;background:var(--safe);color:var(--on-brass);box-shadow:0 4px color-mix(in srgb,var(--safe) 55%,#000);transition:transform .1s,box-shadow .1s}.dd-salin:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--safe) 55%,#000)}.dd-salin:disabled{opacity:.6}.dd-baris{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:14px;border:none;cursor:pointer;background:none;color:var(--text);font:inherit;font-size:15px;font-weight:600;text-align:left;border-top:1px solid var(--line)}@keyframes ms-pudar{0%{opacity:0}}@keyframes ms-geser{0%{transform:translate(-100%)}}@keyframes dd-turun{0%{opacity:0;transform:translate(-50%,-10px)}}@media (prefers-reduced-motion: reduce){.ms-latar,.dd-latar,.ms-panel,.dd-keluarga{animation:none}}.fab-melayang .fab-plus,.fab-menyatu .fab-plus{display:inline-flex;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.fab-melayang.buka .fab-plus,.fab-menyatu.buka .fab-plus{transform:rotate(135deg)}.fab-melayang.buka{z-index:50;background:var(--card);color:var(--text);box-shadow:0 8px 24px #0006}.nav.nav7{grid-template-columns:repeat(3,minmax(0,1fr)) 64px repeat(3,minmax(0,1fr))}.nav-tengah{display:flex;justify-content:center;align-items:flex-start;height:100%}.fab-menyatu{width:56px;height:56px;border-radius:28px;margin-top:-26px;border:5px solid var(--ground-deep);cursor:pointer;background:var(--brass);color:var(--on-brass);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0000004d}.fab-menyatu.buka{background:var(--card);color:var(--text)}.fab-menyatu:focus-visible{outline:3px solid var(--text);outline-offset:2px}.sd-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#040c148c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:ms-pudar .18s ease both}.sd-latar.menyatu{bottom:calc(66px + env(safe-area-inset-bottom))}.sd-isi{position:absolute;display:flex;flex-direction:column;align-items:flex-end;gap:14px;right:max(92px,calc(50% - 148px));bottom:calc(78px + env(safe-area-inset-bottom))}.sd-latar.menyatu .sd-isi{right:auto;left:50%;transform:translate(-50%);align-items:center;bottom:26px}@media (max-width: 440px){.sd-latar:not(.menyatu) .sd-isi{right:12px;bottom:calc(150px + env(safe-area-inset-bottom))}.sd-baris{gap:10px}}.sd-baris{display:flex;gap:14px;align-items:flex-start}.sd-opsi{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;cursor:pointer;padding:0;animation:sd-muncul .28s cubic-bezier(.3,1.5,.5,1) both}.sd-bulat{width:62px;height:62px;border-radius:31px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--w);box-shadow:0 0 0 6px color-mix(in srgb,var(--w) 22%,transparent),0 8px 18px #00000059}.sd-jual{flex-direction:row;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;background:#e0a526;color:#1a1300;font-size:17px;font-weight:800;box-shadow:0 0 0 6px #e0a52638,0 8px 18px #00000059}.sd-label{font-size:13px;font-weight:700;color:#fff;background:#040c14bf;padding:3px 9px;border-radius:999px;white-space:nowrap}.sd-mode{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:#040c14cc;color:#fff;font:inherit;font-size:13.5px;font-weight:700}.scan-foto{position:relative;width:160px;height:200px;border-radius:14px;overflow:hidden;border:1px solid var(--card-line);background:var(--ground-deep)}.scan-foto img{width:100%;height:100%;object-fit:cover}.scan-garis{position:absolute;left:0;right:0;height:3px;background:var(--safe);box-shadow:0 0 12px 4px color-mix(in srgb,var(--safe) 60%,transparent);animation:scan-sapu 1.6s ease-in-out infinite alternate}.mic-besar{width:92px;height:92px;border-radius:46px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7a5af8,#2f6fed);color:#fff;box-shadow:0 10px 26px #2f6fed66}.mic-besar svg{width:40px;height:40px}.mic-besar.aktif{animation:mic-denyut 1.2s ease-out infinite}.mic-besar:disabled{opacity:.45}.kartu-draft{border-color:var(--brass);box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 25%,transparent);animation:ld-muncul .35s ease both}@keyframes sd-muncul{0%{opacity:0;transform:translateY(16px) scale(.6)}}@keyframes scan-sapu{0%{top:4%}to{top:94%}}@keyframes mic-denyut{0%{box-shadow:0 0 #7a5af88c}to{box-shadow:0 0 0 26px #7a5af800}}@media (prefers-reduced-motion: reduce){.sd-opsi,.scan-garis,.mic-besar.aktif,.sd-latar,.kartu-draft{animation:none}}.sorot-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;animation:ms-pudar .25s ease both}.sorot-lubang{position:fixed;border-radius:18px;pointer-events:none;box-shadow:0 0 0 9999px #040c14b8,0 0 0 3px var(--safe),0 0 22px 6px color-mix(in srgb,var(--safe) 55%,transparent);animation:sorot-denyut 1.6s ease-in-out infinite}.sorot-kotak{position:fixed;display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--card);border:1px solid var(--card-line);border-radius:18px;box-shadow:0 18px 44px #00000073;animation:ld-muncul .3s ease both .1s}.sorot-panah{position:absolute;top:-9px;width:18px;height:18px;background:var(--card);border-left:1px solid var(--card-line);border-top:1px solid var(--card-line);transform:rotate(45deg)}.sorot-ikon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,#2F6FED 25%,transparent);color:#6fa0ff}@keyframes sorot-denyut{50%{box-shadow:0 0 0 9999px #040c14b8,0 0 0 3px var(--safe),0 0 30px 10px color-mix(in srgb,var(--safe) 40%,transparent)}}.langkah-awal{gap:10px}.cincin-langkah{position:relative;width:54px;height:54px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.cincin-langkah svg{position:absolute;top:0;right:0;bottom:0;left:0}.cincin-langkah .isi{transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.cincin-langkah b{position:relative;font-size:14px}.langkah-item{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 0;border:none;border-top:1px solid var(--line);background:none;color:var(--text);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;width:100%}.langkah-item:first-child{border-top:none}.langkah-item .cek{width:26px;height:26px;border-radius:13px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--text-mid);font-size:14px;font-weight:800}.langkah-item .teks{flex:1;min-width:0;line-height:1.35}.langkah-item .waktu{flex-shrink:0;font-size:13px;font-weight:700;color:var(--text-mid);background:var(--ground-deep);border-radius:999px;padding:6px 12px}.langkah-item.beres .cek{background:var(--safe);border-color:var(--safe);color:var(--on-brass)}.langkah-item.beres .teks{color:var(--text-muted);text-decoration:line-through}.sakelar-ringan{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 4px;border-radius:999px;cursor:pointer;border:1px solid var(--card-line);background:var(--ground-deep);color:var(--text-mid);font:inherit;font-size:12px;font-weight:800;letter-spacing:.4px}.sakelar-ringan .geser{width:36px;height:24px;border-radius:12px;background:var(--card-line);position:relative;transition:background .2s}.sakelar-ringan .geser:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:9px;background:#fff;transition:transform .2s}.sakelar-ringan.nyala{color:var(--safe)}.sakelar-ringan.nyala .geser{background:var(--safe)}.sakelar-ringan.nyala .geser:after{transform:translate(12px)}.laci-ringan{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;cursor:pointer;font:inherit;font-size:14px;border:1.5px dashed var(--card-line);background:none;color:var(--text-soft)}.laci-gambar .perahu{animation:perahu-intip 2.4s ease-in-out infinite;transform-origin:48px 40px}@keyframes perahu-intip{0%,to{transform:translateY(6px) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}@media (prefers-reduced-motion: reduce){.sorot-lubang,.laci-gambar .perahu,.sorot-latar,.sorot-kotak{animation:none}}.kartu-izin,.kartu-malam{gap:12px}.kartu-izin{border-color:color-mix(in srgb,#2F6FED 55%,var(--card-line))}.kartu-malam{background:linear-gradient(135deg,color-mix(in srgb,#1B2A6B 70%,var(--card)),var(--card));border-color:color-mix(in srgb,#7A5AF8 50%,var(--card-line))}.lonceng-besar{width:52px;height:52px;border-radius:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,#2F6FED 22%,transparent);color:#6fa0ff}.lonceng-besar.goyang svg{animation:lonceng-goyang 2.4s ease-in-out infinite;transform-origin:50% 10%}.bulan-malam{font-size:30px;line-height:1;animation:ld-angguk 3s ease-in-out infinite}@keyframes lonceng-goyang{0%,60%,to{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-14deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion: reduce){.lonceng-besar.goyang svg,.bulan-malam{animation:none}}.tiket{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,#2F6FED 18%,var(--card)),var(--card) 55%);border:1px solid var(--card-line)}.tiket.dekat{border-color:var(--brass);box-shadow:0 0 0 3px color-mix(in srgb,var(--brass) 22%,transparent)}.tiket-atas{display:flex;justify-content:space-between;align-items:center;gap:8px}.tiket-hitung{font-size:13px;font-weight:800;color:var(--on-brass);background:var(--brass);border-radius:999px;padding:5px 12px;white-space:nowrap}.tiket-segmen{display:flex;flex-direction:column;gap:10px}.tiket-rute{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.tiket-rute .kode{font-family:var(--serif);font-size:32px;font-weight:700;letter-spacing:1px;line-height:1}.jalur{position:relative;height:24px}.jalur .garis{position:absolute;left:0;right:0;top:50%;border-top:2px dashed var(--text-mid);opacity:.6}.jalur .pesawat{position:absolute;top:1px;left:0;color:var(--brass);animation:pesawat-terbang 3.2s ease-in-out infinite}.tiket-info{display:flex;flex-wrap:wrap;gap:8px 18px}.tiket-info span{display:flex;flex-direction:column;gap:1px}.tiket-info small{font-size:11px;color:var(--text-mid);letter-spacing:.4px;text-transform:uppercase}.tiket-info b{font-size:14.5px}.tiket-sobek{height:0;border-top:2px dashed var(--card-line);margin:0 -18px;position:relative}.tiket-sobek:before,.tiket-sobek:after{content:"";position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:var(--ground)}.tiket-sobek:before{left:-9px}.tiket-sobek:after{right:-9px}.tiket-mini{gap:8px;background:linear-gradient(160deg,color-mix(in srgb,#2F6FED 18%,var(--card)),var(--card) 60%)}.tiket-mini .tiket-rute .kode{font-size:26px}@keyframes pesawat-terbang{0%{left:0;opacity:0}10%{opacity:1}85%{opacity:1}to{left:calc(100% - 22px);opacity:0}}@media (prefers-reduced-motion: reduce){.jalur .pesawat{animation:none;left:calc(50% - 11px)}}.set-layar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--ground);overflow-y:auto;overscroll-behavior:contain;animation:ld-muncul .2s ease both}.set-atas{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 6px;max-width:520px;margin:0 auto}.set-h1{font-family:var(--serif);font-size:32px;font-weight:700;margin:0;line-height:1.1}.set-cari{position:sticky;top:8px;z-index:2;display:flex;align-items:center;gap:10px;margin:8px max(16px,calc(50% - 244px)) 0;padding:0 16px;height:52px;border-radius:26px;background:var(--card);border:1px solid var(--card-line);box-shadow:0 8px 18px #0000002e}.set-cari input{flex:1;min-width:0;border:none;background:none;color:var(--text);font:inherit;font-size:16px;outline:none}.set-lompat{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;max-width:520px;margin:0 auto;scrollbar-width:none}.set-lompat::-webkit-scrollbar{display:none}.set-lompat .chip{flex-shrink:0;min-height:36px}.set-badan{display:flex;flex-direction:column;gap:16px;padding:12px 16px calc(40px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.paspor{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:18px 20px;border-radius:22px;color:#fff;background:repeating-radial-gradient(circle at 110% -20%,rgba(255,255,255,.07) 0 2px,transparent 2px 14px),linear-gradient(135deg,#1e4fd6,#2c6cf0 60%,#3b82f6);box-shadow:0 12px 28px #1e4fd659}.paspor-label{font-size:13px;font-weight:800;letter-spacing:3px;opacity:.9}.paspor-paket{font-size:12px;font-weight:800;letter-spacing:1.5px;padding:6px 12px;border-radius:999px;background:#ffffff2e}.paspor-paket.pro{background:var(--brass);color:var(--on-brass)}.paspor-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;border:3px solid rgba(255,255,255,.6);background:#ffffff1f}.paspor-bawah{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1.5px dashed rgba(255,255,255,.35);padding-top:12px}.paspor-link{border:none;background:none;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;padding:6px 0}.kesiapan{display:flex;flex-direction:column;gap:14px;padding:4px 4px 8px}.kesiapan-jalur{position:relative;height:92px;margin:0 26px}.kesiapan-garis{position:absolute;left:0;right:0;top:46px;height:5px;border-radius:3px;background:var(--card-line)}.kesiapan-garis span{display:block;height:100%;border-radius:3px;background:var(--safe);transition:width .8s cubic-bezier(.2,.8,.2,1)}.kesiapan-perahu{position:absolute;top:0;transform:translate(-50%);font-size:26px;transition:left .8s cubic-bezier(.2,.8,.2,1);animation:ld-angguk 2.6s ease-in-out infinite}.kesiapan-titik{position:absolute;top:31px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.kesiapan-titik .bulat{width:34px;height:34px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;background:var(--ground);border:3px solid var(--card-line);font-weight:800;color:var(--on-brass)}.kesiapan-titik.ok .bulat{background:var(--safe);border-color:var(--safe)}.kesiapan-titik .label{font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--text-soft)}.set-bagian{scroll-margin-top:70px;border-radius:20px;background:var(--card);border:1px solid var(--card-line);overflow:hidden}.set-kepala{display:flex;align-items:center;gap:14px;padding:16px 18px;background:color-mix(in srgb,var(--ground-deep) 40%,transparent);border-bottom:1px solid var(--card-line)}.set-ikon{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--w);background:color-mix(in srgb,var(--w) 20%,transparent)}.set-judul{font-family:var(--serif);font-size:21px;font-weight:700;margin:0}.set-isi{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.set-sub{font-size:15px;font-weight:700}.set-baris{display:flex;align-items:center;gap:12px;padding:4px 0;border:none;background:none;color:var(--text);font:inherit;cursor:pointer;width:100%;text-align:left}.set-baris.diam{cursor:default}.segmen{display:inline-flex;padding:3px;border-radius:999px;background:var(--ground-deep);border:1px solid var(--card-line);flex-shrink:0}.segmen button{min-width:48px;min-height:36px;border:none;border-radius:999px;background:none;color:var(--text-mid);font:inherit;font-weight:800;cursor:pointer}.segmen button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 4px #00000040}.tema-kartu{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tema-pilih{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:none;color:var(--text-soft);font:inherit;font-weight:700;cursor:pointer}.tema-pilih .pratinjau{position:relative;width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;border:3px solid transparent}.tema-pilih[aria-pressed=true] .pratinjau{border-color:#3b82f6}.tema-pilih[aria-pressed=true]{color:var(--text)}.tema-pilih .pratinjau i{position:absolute;top:0;right:0;bottom:0;left:0}.tema-pilih .pratinjau b{position:absolute;left:18%;right:18%;top:54%;height:14%;border-radius:8px;background:#2f6fed}.tema-pilih.terang .pratinjau i{background:linear-gradient(#e6ecf8 40%,#fff 40%)}.tema-pilih.gelap .pratinjau i{background:linear-gradient(#0b1830 40%,#13243f 40%)}.tema-pilih.auto .pratinjau i{background:linear-gradient(90deg,#fff 50%,#13243f 50%)}.mode-kartu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-pilih{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:18px;border:2px solid var(--card-line);background:var(--ground-deep);color:var(--text);font:inherit;cursor:pointer;text-align:center}.mode-pilih[aria-pressed=true]{border-color:#3b82f6;background:color-mix(in srgb,#3B82F6 12%,var(--ground-deep))}.mode-pilih .hp{position:relative;width:64px;height:82px;border-radius:12px 12px 0 0;border:3px solid var(--text-mid);border-bottom:none;display:flex;flex-direction:column;gap:5px;padding:8px 7px;margin-bottom:6px}.mode-pilih .hp i{height:6px;border-radius:3px;background:var(--card-line)}.mode-pilih .hp .bar{position:absolute;left:0;right:0;bottom:0;height:14px;background:var(--card-line)}.mode-pilih .hp .plus{position:absolute;width:22px;height:22px;border-radius:11px;background:#2f6fed;color:#fff;font-weight:800;line-height:22px;text-align:center;font-size:16px}.mode-pilih.melayang .hp .plus{right:6px;bottom:20px}.mode-pilih.menyatu .hp .plus{left:calc(50% - 11px);bottom:3px}.lencana-terbaru{font-size:13px;font-weight:800;color:var(--safe);background:color-mix(in srgb,var(--safe) 16%,transparent);border-radius:8px;padding:5px 10px}.riwayat{list-style:none;margin:0;padding:0 0 0 4px;display:flex;flex-direction:column;gap:14px;position:relative}.riwayat:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--card-line)}.riwayat li{display:flex;gap:14px;position:relative}.riwayat .titik{width:16px;height:16px;border-radius:8px;flex-shrink:0;margin-top:3px;background:var(--ground);border:3px solid var(--text-mid);position:relative;z-index:1}.riwayat li.baru .titik{background:#3b82f6;border-color:color-mix(in srgb,#3B82F6 40%,var(--ground));box-shadow:0 0 0 4px color-mix(in srgb,#3B82F6 25%,transparent)}@media (prefers-reduced-motion: reduce){.set-layar,.kesiapan-perahu{animation:none}}.trx-judul{font-family:var(--serif);font-size:30px;font-weight:700;margin:0;line-height:1.1}.trx-tab{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border-radius:16px;background:var(--card);border:1px solid var(--card-line)}.trx-tab button{min-height:42px;border:none;border-radius:12px;background:none;color:var(--text-mid);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;padding:0 2px}.trx-tab button.aktif{background:color-mix(in srgb,#3B82F6 22%,var(--ground-deep));color:#6fa0ff}.trx-nav{display:flex;align-items:center;justify-content:center;gap:10px}.trx-label{border:none;background:none;color:var(--text);font:inherit;font-size:18px;font-weight:700;cursor:pointer;border-bottom:2px dotted var(--text-mid);padding:2px 4px;min-width:0;text-align:center}.trx-peta-kepala{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:none;background:none;color:var(--text);font:inherit;cursor:pointer}.trx-peta-ikon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f27a2a,#e8466a);font-size:18px}.kisi{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.kisi-kepala{font-size:11px;font-weight:700;color:var(--text-mid);text-align:center;padding-bottom:2px}.kisi-sel{aspect-ratio:1;border-radius:8px;border:1.5px solid transparent;background:var(--ground-deep);color:var(--text-soft);font:inherit;font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0}.kisi.besar .kisi-sel{aspect-ratio:auto;min-height:50px;border-radius:10px}.kisi-sel .tgl{font-weight:700}.kisi-sel .jml{font-size:9.5px;font-weight:700}.kisi-sel.t1,.kisi-legend .t1{background:color-mix(in srgb,#F27A2A 22%,var(--ground-deep))}.kisi-sel.t2,.kisi-legend .t2{background:color-mix(in srgb,#F27A2A 42%,var(--ground-deep))}.kisi-sel.t3,.kisi-legend .t3{background:color-mix(in srgb,#F27A2A 65%,var(--ground-deep));color:#fff}.kisi-sel.t4,.kisi-legend .t4{background:#e8466a;color:#fff}.kisi-sel.hari-ini{border-color:#3b82f6}.kisi-sel.pilih{outline:2.5px solid var(--text);outline-offset:1px}.kisi-legend{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:10px;font-size:11px;color:var(--text-mid)}.kisi-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}.trx-ringkas{display:grid;grid-template-columns:repeat(3,1fr);border-radius:18px;background:var(--card);border:1px solid var(--card-line);padding:14px 6px}.trx-ringkas span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.trx-ringkas span+span{border-left:1px solid var(--card-line)}.trx-ringkas small{font-size:12.5px;color:var(--text-mid)}.trx-ringkas b{font-size:16px;white-space:nowrap}.trx-alat{display:flex;gap:8px;align-items:stretch}.trx-cari{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 14px;height:50px;border-radius:14px;background:var(--card);border:1px solid var(--card-line)}.trx-cari input{flex:1;min-width:0;border:none;background:none;color:var(--text);font:inherit;font-size:15px;outline:none}.trx-saring,.trx-ekspor{position:relative;width:50px;height:50px;flex-shrink:0;border-radius:14px;border:1px solid var(--card-line);background:var(--card);color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.trx-ekspor{background:#17a884;border-color:#17a884;color:#fff}.trx-ekspor:disabled{opacity:.45}.trx-saring.aktif{color:#6fa0ff;border-color:#3b82f6}.trx-saring-n{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:8px;background:#3b82f6;color:#fff;font-size:10px;font-weight:800;line-height:16px}.trx-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;cursor:pointer;font:inherit;color:var(--text);background:var(--card);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--card-line))}.trx-item.masuk{border-color:color-mix(in srgb,var(--safe) 30%,var(--card-line))}.trx-arah{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:9px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--danger);border:2px solid var(--card)}.trx-arah.masuk{background:var(--safe)}.trx-muat{display:flex;justify-content:center;padding:40px 0}.trx-muat span{width:44px;height:44px;border-radius:50%;border:4px solid var(--card-line);border-top-color:#3b82f6;animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}@media (max-width: 370px){.trx-tab button{font-size:12px}.trx-ringkas b{font-size:14px}}:root{--rute-air: #1B3554;--rute-garis: #4A7BB0}.bab-tab{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}.bab-tab::-webkit-scrollbar{display:none}.bab-tab button{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border-radius:16px;border:none;background:none;color:var(--text);font:inherit;font-weight:700;font-size:15px;cursor:pointer}.bab-tab button span:first-child{font-size:22px}.bab-tab button.aktif{background:var(--card);border:1px solid var(--card-line)}.bab-geser{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px}.bab-geser::-webkit-scrollbar{display:none}.bab-isi{flex:0 0 100%;scroll-snap-align:start;padding:0 20px;box-sizing:border-box;min-width:0}.rute-pembuka{display:flex;gap:12px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(160deg,color-mix(in srgb,#2F6FED 22%,var(--card)),var(--card));border:1px solid var(--card-line)}.rute-h{font-family:var(--serif);font-size:28px;font-weight:700;margin:0;line-height:1.15}.rute-kompas{font-size:56px;animation:kompas 6s ease-in-out infinite}.rute{list-style:none;margin:0;padding:0}.rute-baris{display:grid;grid-template-columns:96px 1fr;min-height:112px}.rute-baris.jadwal{min-height:64px}.rute-kiri{position:relative}.rute-laut{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.rute-titik{position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:22px;z-index:1;display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--ground);background:var(--card);color:var(--text-soft);font:inherit;font-size:18px;font-weight:800;cursor:pointer}.rute-baris.aktif .rute-titik{background:#2f6fed;color:#fff;width:52px;height:52px;border-radius:26px;box-shadow:0 0 0 6px color-mix(in srgb,#2F6FED 25%,transparent)}.rute-baris.ok .rute-titik{background:var(--safe);color:var(--on-brass)}.rute-baris.lewat .rute-titik{opacity:.6}.rute-titik.bendera{background:var(--card);color:var(--safe);cursor:default}.rute-perahu-wadah{position:absolute;top:50%;transform:translate(-50%,-112%);z-index:2;pointer-events:none}.rute-perahu{animation:perahu-ayun 2.8s ease-in-out infinite;transform-origin:50% 80%}.rute-sapa{position:absolute;top:50%;transform:translate(-30%,36px);z-index:3;white-space:nowrap;background:#fff;color:#10233a;font-size:13px;font-weight:700;padding:6px 12px;border-radius:12px;box-shadow:0 6px 16px #0000004d}.rute-kanan{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 0 12px 6px}.rute-judul{font-size:18px}.rute-baris.ok .rute-judul,.rute-baris.lewat .rute-judul{color:var(--text-mid)}.rute-baris.nanti .rute-judul{color:var(--text-soft)}.rute-aksi{font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:4px}.rute-pelabuhan{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:8px;z-index:1;background:var(--ground);border:3px solid var(--rute-garis)}.rute-pelabuhan.masuk{border-color:var(--safe);background:var(--safe)}.rute-pelabuhan.dekat{border-color:var(--warn)}.rute-jadwal{flex-direction:row;align-items:center;gap:10px;border:none;background:none;color:inherit;font:inherit;cursor:pointer;padding-right:2px}.kapal-papan{position:relative;overflow:hidden;border-radius:22px;padding:18px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--card-line);color:var(--text);background-color:color-mix(in srgb,#10233A 85%,var(--card));background-image:linear-gradient(rgba(111,160,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(111,160,255,.09) 1px,transparent 1px);background-size:22px 22px}.kapal-papan.jadi{background-image:linear-gradient(#5dade2,#aed6f1 70%);background-size:auto;color:#0b1f33}.kapal-h{font-family:var(--serif);font-size:24px}.kapal-svg{width:100%;height:auto;margin-top:6px}.kp-bagian path,.kp-bagian rect{fill:none;stroke:#6fa0ff;stroke-width:2.5;stroke-dasharray:7 6;stroke-linejoin:round}.kp-bagian.siap path,.kp-bagian.siap rect{stroke-dasharray:none;stroke:#6fa0ff;fill:color-mix(in srgb,#6FA0FF 28%,transparent);animation:kp-isi .6s ease both}.kapal-papan.jadi .kp-bagian.siap path,.kapal-papan.jadi .kp-bagian.siap rect{stroke:#10233a;fill:#f5f0e1}.kapal-papan.jadi .kp-bagian.siap .kp-jendela{fill:#2f6fed}.kapal-papan.jadi .kp-bagian:not(.siap) path,.kapal-papan.jadi .kp-bagian:not(.siap) rect{stroke:#10233a73}.kp-label text{fill:#9dbcf2;font-size:11px;font-weight:800;letter-spacing:1.2px;text-anchor:middle;font-family:inherit}.kapal-papan.jadi .kp-label{display:none}.kp-ombak{fill:#1f618d;animation:ombak 4s linear infinite}.kp-goyang{animation:kp-goyang var(--durasi, 3.2s) ease-in-out infinite;transform-origin:160px 150px;transform-box:view-box}.bahan{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--card-line)}.bahan.siap{opacity:.75}.bahan-ikon{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:var(--ground-deep)}.bahan-ikon i{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:11px;background:var(--safe);color:var(--on-brass);font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}@keyframes kompas{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}@keyframes perahu-ayun{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}@keyframes kp-isi{0%{fill-opacity:0}}@keyframes ombak{to{transform:translate(-80px)}}@keyframes kp-goyang{0%,to{transform:rotate(calc(var(--oleng, 1.5deg) * -1)) translateY(0)}50%{transform:rotate(var(--oleng, 1.5deg)) translateY(-3px)}}@media (prefers-reduced-motion: reduce){.rute-kompas,.rute-perahu,.kp-ombak,.kp-goyang,.kp-bagian.siap path,.kp-bagian.siap rect{animation:none}}html[data-tema=terang]{--rute-air: #DCE8F7;--rute-garis: #7FA3D1}.kapal-papan.jadi .kp-bagian.siap [style*=--isi]{fill:var(--isi)}.kapal-papan.rumah.jadi{background-image:linear-gradient(#8fd3f4,#ddf3fb 78%)}.kapal-papan.rumah.jadi.mendung{background-image:linear-gradient(#a9b8c6,#dce3ea 78%)}.kapal-papan.rumah.jadi.gelap{background-image:linear-gradient(#5e6b7a,#9aa6b3 78%);color:#0b1f33}.rm-tanah{fill:#6bbf59}.rm-matahari{fill:#ffd25a;animation:rm-sinar 4s ease-in-out infinite;transform-origin:282px 34px;transform-box:view-box}.rm-awan ellipse{fill:#f2f5f8;opacity:.95}.kapal-papan.rumah.gelap .rm-awan ellipse{fill:#6d7884}.rm-awan{animation:rm-awan 9s ease-in-out infinite alternate}@keyframes rm-sinar{50%{transform:scale(1.12)}}@keyframes rm-awan{to{transform:translate(-14px)}}@media (prefers-reduced-motion: reduce){.rm-matahari,.rm-awan{animation:none}}.tip-tiket{gap:12px;border-color:color-mix(in srgb,#5B6CF0 55%,var(--card-line));background:linear-gradient(150deg,color-mix(in srgb,#5B6CF0 20%,var(--card)),var(--card) 65%)}.tip-tiket-ikon{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:26px;background:color-mix(in srgb,#5B6CF0 25%,transparent);animation:tiket-terbang 3s ease-in-out infinite}@keyframes tiket-terbang{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px,-4px) rotate(-6deg)}}@media (prefers-reduced-motion: reduce){.tip-tiket-ikon{animation:none}}.tiket-rute .kode.nama{font-family:inherit;font-size:19px;letter-spacing:0;line-height:1.2;overflow-wrap:anywhere}.moda-pilih{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.moda-pilih button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;border:1.5px solid var(--card-line);background:var(--card);color:var(--text-soft);font:inherit;font-size:10.5px;font-weight:700;cursor:pointer;line-height:1.15;text-align:center}.moda-pilih button span:first-child{font-size:20px}.moda-pilih button[aria-pressed=true]{border-color:#5b6cf0;color:var(--text);background:color-mix(in srgb,#5B6CF0 18%,var(--card))}.trx-ringkas-wadah{display:flex;flex-direction:column;gap:0;border-radius:18px;background:var(--card);border:1px solid var(--card-line);overflow:hidden}.trx-ringkas-wadah .trx-ringkas{border:none;border-radius:0;background:none}.trx-lain{font-style:normal;font-size:12px;font-weight:700;color:var(--text-mid);white-space:nowrap}.trx-rincian{display:flex;flex-direction:column;gap:4px;padding:10px 14px 12px;border-top:1px dashed var(--card-line);font-size:13px;line-height:1.5;color:var(--text-soft)}.mu-rincian{font-size:13px;color:var(--text-soft);line-height:1.5}.teman .tm-sayap{animation:tm-kepak 1.6s ease-in-out infinite;transform-box:view-box}.teman .tm-ekor{animation:tm-ekor 2.4s ease-in-out infinite;transform-box:view-box}.teman .tm-jatuh{animation:tm-jatuh 2.6s ease-in infinite}.teman .tm-naik{transition:transform .9s cubic-bezier(.3,1.3,.5,1)}.teman-ayun{animation:ld-angguk 3s ease-in-out infinite}@keyframes tm-kepak{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes tm-ekor{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes tm-jatuh{0%{transform:translateY(-14px);opacity:0}20%{opacity:1}70%{transform:translateY(26px);opacity:1}to{transform:translateY(30px);opacity:0}}@media (prefers-reduced-motion: reduce){.teman .tm-sayap,.teman .tm-ekor,.teman .tm-jatuh,.teman-ayun{animation:none}}.rute.darat{--rute-air: #4A3A28;--rute-garis: #C9A36B}html[data-tema=terang] .rute.darat{--rute-air: #E8DCC6;--rute-garis: #A07B44}.kesiapan-perahu{top:-6px}.jenis-catat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jenis-catat .chip{justify-content:center;text-align:center;padding-left:6px;padding-right:6px;font-size:13px}.ikon-pindah{width:34px;height:34px;flex:none;border-radius:50%;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--brass) 16%,transparent);color:var(--brass);font-weight:700;font-size:16px}.teman .tm-napas{transform-box:fill-box;transform-origin:50% 100%;animation:tm-napas 3.4s ease-in-out infinite}.teman .tm-kepala{transform-box:fill-box;transform-origin:50% 90%;animation:tm-lirik 7s ease-in-out infinite}.teman .tm-kedip{transform-box:fill-box;transform-origin:center;animation:tm-kedip 4.8s infinite}.teman .tm-bayang{transform-box:fill-box;transform-origin:center;animation:tm-bayang 3.4s ease-in-out infinite}.teman .tm-z{animation:tm-z 2.4s ease-in-out infinite}.teman.tm-hidup{cursor:pointer;-webkit-tap-highlight-color:transparent}.teman .tm-lompat{transform-box:fill-box;transform-origin:50% 100%;animation:tm-lompat .7s cubic-bezier(.3,1.4,.5,1)}.teman .tm-percik{animation:tm-percik .9s ease-out forwards}.teman .tm-percik-2{animation:tm-percik-k .9s ease-out forwards}.teman .tm-percik-3{animation:tm-percik-k .9s .08s ease-out forwards}@keyframes tm-napas{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.03)}}@keyframes tm-bayang{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}@keyframes tm-kedip{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes tm-lirik{0%,40%,to{transform:rotate(0)}48%,56%{transform:rotate(-5deg)}64%,72%{transform:rotate(4deg)}80%{transform:rotate(0)}}@keyframes tm-z{0%,to{transform:translate(0);opacity:.25}50%{transform:translate(3px,-5px);opacity:.7}}@keyframes tm-lompat{0%{transform:scale(1)}15%{transform:scale(1.12,.86)}40%{transform:translateY(-16%) scale(.94,1.08)}70%{transform:translateY(0) scale(1.06,.94)}to{transform:scale(1)}}@keyframes tm-percik{0%{transform:translateY(10px) scale(.4);opacity:0}25%{opacity:1}to{transform:translateY(-18px) scale(1.1);opacity:0}}@keyframes tm-percik-k{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.teman .tm-napas,.teman .tm-kepala,.teman .tm-kedip,.teman .tm-bayang,.teman .tm-z,.teman .tm-lompat{animation:none}}.kantong-geser{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}.kantong-geser::-webkit-scrollbar{display:none}.kantong-geser>div{scroll-snap-align:start;flex:none}.kantong-kartu{width:200px;min-height:124px;border-radius:18px;border:0;padding:14px;color:#fff;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 6px 16px #0000002e,inset 0 1px #ffffff40;transition:transform .15s}.kantong-kartu:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:#ffffff1f;pointer-events:none}.kantong-kartu.pilih{outline:3px solid var(--brass);outline-offset:2px}.kantong-kartu:active{transform:scale(.97)}.kantong-kartu.tambah{background:var(--card);color:var(--text-mid);border:2px dashed var(--card-line);align-items:center;justify-content:center;box-shadow:none;width:120px}.kantong-kartu.tambah:after{display:none}.kantong-atas{display:flex;align-items:center;gap:8px;font-size:15px}.kantong-atas b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kantong-ikon{width:28px;height:28px;border-radius:9px;background:#ffffff38;display:inline-grid;place-items:center;font-size:15px;flex:none}.kantong-guna{font-size:12px;opacity:.85}.kantong-saldo{font-size:21px;font-weight:800;margin-top:auto;letter-spacing:-.01em}.kantong-bawah{font-size:11px;opacity:.75}.kantong-aksi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.kantong-aksi .chip{justify-content:center;padding-left:4px;padding-right:4px}.kantong-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-mid)}.kantong-legenda i,.titik-warna{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle;flex:none}.kantong-warna{display:flex;flex-wrap:wrap;gap:8px}.kantong-warna button{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer}.kantong-warna button[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--card) inset}.kantong-log{padding:8px 0;border-bottom:1px solid var(--card-line);gap:10px}.kantong-log:last-child{border-bottom:0}.pixel{image-rendering:pixelated;flex:none}.pixel.kilau{animation:px-kilau 2.4s steps(4) infinite}@keyframes px-kilau{0%,70%,to{filter:none}80%{filter:brightness(1.5) drop-shadow(0 0 3px #7FD3F0)}}.chip-level{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 10px 9px;border-radius:6px;border:2px solid #1B1B2F;background:#24304a;color:#f5c542;cursor:pointer;position:relative;box-shadow:3px 3px #1b1b2f;font-weight:700;max-width:100%}.chip-level:active{transform:translate(2px,2px);box-shadow:1px 1px #1b1b2f}.chip-level-nama{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.chip-level.kecil{padding:4px 8px 8px;gap:6px}.chip-level.kecil .chip-level-nama{font-size:12px}.chip-level-batang{position:absolute;left:6px;right:6px;bottom:3px;height:3px;background:#3a4556}.chip-level-batang i{display:block;height:100%;background:#58b368}.kartu-level{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:8px;background:#24304a;color:#fff;border:3px solid #1B1B2F;box-shadow:4px 4px #1b1b2f}.kartu-level-nama{font-size:22px;letter-spacing:.02em}.batang-pixel{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:3px;background:#1b1b2f}.batang-pixel i{height:12px;background:#3a4556}.batang-pixel i.isi{background:#58b368;box-shadow:inset 0 -3px #3e8e41,inset 0 3px #8bd38e}.kartu-pro-platina{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;border:3px solid #1B1B2F;box-shadow:4px 4px #1b1b2f;background:linear-gradient(135deg,#dce6f0,#9fb3c8 55%,#e8eef4);color:#1b1b2f;cursor:pointer;text-align:left;width:100%}.kartu-pro-platina.mati{background:#2b3446;color:#b8c4cf}.grid-lencana{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lencana{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:6px;border:2px solid var(--card-line);background:var(--card);color:var(--text-mid);font-size:11.5px;line-height:1.3;text-align:center;cursor:pointer}.lencana.dapat{border-color:#1b1b2f;background:#2e3a55;color:#fff;box-shadow:3px 3px #1b1b2f;font-weight:700}.lencana.dapat .pixel{animation:px-lompat 3s steps(2) infinite}@keyframes px-lompat{0%,90%,to{transform:translateY(0)}95%{transform:translateY(-3px)}}.tangga-level{display:flex;flex-direction:column-reverse;gap:4px}.anak-tangga{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:4px;background:var(--card);color:var(--text-mid);font-size:13px;border-left:4px solid var(--card-line)}.anak-tangga.lewat{border-left-color:#58b368;color:var(--text)}.anak-tangga.kini{border-left-color:#f5c542;background:#2e3a55;color:#f5c542;font-weight:700}@media (prefers-reduced-motion: reduce){.pixel.kilau,.lencana.dapat .pixel{animation:none}}.chip-koin{color:#f5c542}.chip-koin-quiz{background:#d9534f;color:#fff;font-size:10px;padding:1px 5px;border:2px solid #1B1B2F;animation:px-kedip 1.2s steps(2) infinite}@keyframes px-kedip{50%{opacity:.55}}.koin-pixel{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#24304a;border:2px solid #1B1B2F;box-shadow:3px 3px #1b1b2f;border-radius:6px}.koin-pixel.besar{padding:8px 12px}.kartu-quiz{padding:16px;border-radius:8px;background:#24304a;color:#fff;border:3px solid #1B1B2F;box-shadow:4px 4px #1b1b2f}.quiz-nomor{font-size:12px;font-weight:800;letter-spacing:.08em;color:#f5c542;text-transform:uppercase}.quiz-titik{display:inline-block;width:12px;height:12px;background:#3a4556;border:2px solid #1B1B2F}.quiz-titik.benar{background:#58b368}.quiz-titik.salah{background:#d9534f}.quiz-opsi{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:6px;border:2px solid #1B1B2F;background:#2e3a55;color:#fff;font-size:15px;line-height:1.35;cursor:pointer;box-shadow:3px 3px #1b1b2f;transition:transform .08s}.quiz-opsi:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px #1b1b2f}.quiz-opsi.benar{background:#2f6b3a;border-color:#8bd38e}.quiz-opsi.salah{background:#6b2a2a;border-color:#f08f86;animation:px-goyang .3s steps(3)}.quiz-opsi.redup{opacity:.5}.quiz-huruf{flex:none;width:26px;height:26px;display:grid;place-items:center;background:#1b1b2f;color:#f5c542;font-weight:800;font-size:13px}.quiz-hasil{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-left:4px solid #58B368;background:#58b3681f}.quiz-hasil.salah{border-left-color:#e0a93b;background:#e0a93b1f}@keyframes px-goyang{33%{transform:translate(-4px)}66%{transform:translate(4px)}}.kebun-layar{display:flex;flex-direction:column;gap:6px;min-height:100vh;padding-bottom:calc(100px + env(safe-area-inset-bottom));background:linear-gradient(#7ec8f0,#bfe6f7 45%,#cfebd8);color:#1b1b2f}.kebun-layar.malam{background:linear-gradient(#1b2747,#24365c,#2a4a55);color:#fff}.kebun-atas{display:flex;align-items:center;gap:10px;padding:14px 16px 4px}.kebun-atas .icon-btn{font-size:26px;line-height:1}.kebun-judul{flex:1;font-size:22px;letter-spacing:.01em}.tombol-panen{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:6px;border:2px solid #1B1B2F;background:#f5c542;color:#1b1b2f;font-weight:800;box-shadow:3px 3px #1b1b2f;cursor:pointer}.tombol-panen:disabled{background:#b8c4cf;color:#4a5b70;cursor:default}.kebun-panggung{position:relative;flex:1;min-height:400px;overflow:hidden}.kebun-matahari{position:absolute;right:36px;top:20px;width:44px;height:44px;background:#f5c542;box-shadow:0 0 0 6px #f5c54259,0 0 0 12px #f5c54226;image-rendering:pixelated}.kebun-langit-benda{position:absolute;right:36px;top:14px;font-size:34px}.kebun-bukit{position:absolute;left:-10%;right:-10%;bottom:120px;height:140px;background:#58b368;border-radius:50% 50% 0 0/100% 100% 0 0;border-top:4px solid #3E8E41}.kebun-bukit.dua{bottom:100px;height:90px;left:30%;right:-30%;background:#4ba35c}.malam .kebun-bukit{background:#2e5e4a;border-top-color:#234a3a}.malam .kebun-bukit.dua{background:#28533f}.kebun-teman{position:absolute;left:14px;bottom:150px;z-index:2}.teman-retro{animation:px-lompat 2.4s steps(2) infinite}.kebun-penghuni{position:absolute;z-index:2;animation:kb-terbang 6s ease-in-out infinite;image-rendering:pixelated}.kebun-penghuni.p0{left:40%;top:30px}.kebun-penghuni.p1{left:70%;top:90px;animation-delay:-2s}.kebun-penghuni.p2{left:25%;top:120px;animation-delay:-4s}.kebun-penghuni.p3{left:58%;top:40px;animation-delay:-1s}.kebun-penghuni.p4{left:82%;top:150px;animation-delay:-3s}.kebun-penghuni.p5{left:50%;top:160px;animation-delay:-5s}@keyframes kb-terbang{0%,to{transform:translate(0)}25%{transform:translate(14px,-10px)}50%{transform:translate(28px)}75%{transform:translate(14px,8px)}}.kebun-dekor.lampu{position:absolute;right:18px;bottom:140px;z-index:1}.kebun-tanah{position:absolute;left:0;right:0;bottom:0;height:150px;background:repeating-linear-gradient(90deg,#6b4423 0,#6b4423 16px,#73492a 16px,#73492a 32px);border-top:4px solid #4E311A}.kebun-tanah.berpagar:before{content:"";position:absolute;left:0;right:0;top:-26px;height:22px;background:repeating-linear-gradient(90deg,transparent 0 10px,#A9743F 10px 16px),linear-gradient(transparent 6px,#A9743F 6px 10px,transparent 10px 14px,#A9743F 14px 18px,transparent 18px)}.kebun-pot-baris{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:14px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.kebun-pot-baris::-webkit-scrollbar{display:none}.kebun-pot{flex:none;width:104px;display:flex;flex-direction:column;align-items:center;background:none;border:0;cursor:pointer;position:relative;padding:0;color:#fff}.kebun-pot .tanaman{margin-bottom:-6px;position:relative;z-index:1;transform-origin:50% 100%;animation:kb-goyang 3.2s ease-in-out infinite}.kebun-pot .tanaman.h1{animation-delay:-1s}.kebun-pot .tanaman.h2{animation-delay:-2s}@keyframes kb-goyang{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.kebun-pot .pot{width:72px;height:34px;background:#c8693a;border:3px solid #1B1B2F;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);box-shadow:inset 0 6px #e0844f}.kebun-persen{position:absolute;top:-24px;padding:2px 8px;background:#fff;color:#2f6b3a;border:2px solid #1B1B2F;font-weight:800;font-size:12px}.kebun-nama{margin-top:6px;font-size:12px;font-weight:700;padding:3px 8px;background:#1b1b2fbf;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kebun-pot.kosong{opacity:.75}.kebun-pesan{position:fixed;left:16px;right:16px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:30;max-width:460px;margin:0 auto;padding:10px 14px;background:#1b1b2f;color:#f5c542;border:2px solid #F5C542;font-weight:700;text-align:center;box-shadow:4px 4px #0006}.kebun-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 12px 0}.km{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:8px;border:2px solid #1B1B2F;box-shadow:3px 3px #1b1b2f;color:#fff;font-weight:800;font-size:13px;cursor:pointer}.km:active{transform:translate(2px,2px);box-shadow:1px 1px #1b1b2f}.km.misi{background:#3e8e41}.km.toko{background:#e0a93b;color:#1b1b2f}.km.quiz{background:#2ba3c9}.km.penghuni{background:#6e7fe0}.km i{position:absolute;top:-8px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:#d9534f;border:2px solid #1B1B2F;font-style:normal;font-size:11px;display:grid;place-items:center}.misi-baris{padding:10px 0;border-bottom:1px solid var(--card-line);gap:10px}.grid-toko{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toko-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:6px;border:2px solid var(--card-line);background:var(--card)}.toko-item.milik{border-color:#58b368}.toko-item .chip{display:inline-flex;align-items:center;gap:4px}.toko-gambar{width:64px;height:64px;display:grid;place-items:center;background:#7fc8f026;border-radius:8px}.toko-gambar.besar{width:88px;height:88px}@media (prefers-reduced-motion: reduce){.kebun-penghuni,.kebun-pot .tanaman,.teman-retro{animation:none}}.layar-kunci{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:var(--ground);color:var(--text)}.papan-wadah{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--card-line)}.papan-pin{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:300px;margin:0 auto}.papan-judul{font-size:19px}.pin-titik{display:flex;gap:14px;min-height:20px}.pin-titik i{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-mid)}.pin-titik i.isi{background:var(--brass);border-color:var(--brass)}.pin-titik.salah{animation:px-goyang .3s}.pin-tombol{display:grid;grid-template-columns:repeat(3,72px);gap:14px;justify-content:center}.pin-tombol button,.pin-tombol span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center}.pin-tombol button{border:1px solid var(--card-line);background:var(--card);color:var(--text);font-size:26px;font-weight:600;cursor:pointer}.pin-tombol button:active{background:var(--brass);color:var(--on-brass)}.pin-tombol .pin-bio{font-size:28px}.pin-lupa{background:none;border:0;color:var(--text-mid);text-decoration:underline;cursor:pointer;font-size:14px}.geser-wadah{display:flex;flex-direction:column;gap:8px}.geser-baris{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;padding:2px 20px;scroll-padding:0 20px}.geser-baris::-webkit-scrollbar{display:none}.geser-kartu{flex:none;width:86%;scroll-snap-align:start;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;text-align:left;cursor:pointer;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--aksen) 22%,var(--card)) 0%,var(--card) 70%);border:1px solid color-mix(in srgb,var(--aksen) 45%,var(--card-line));min-height:92px}.geser-ikon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--aksen);box-shadow:inset 0 -3px #0000002e}.geser-ikon.pixel-latar{background:#cfebd8}.geser-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--text-mid)}.geser-angka{font-size:20px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.geser-kanan{flex:none;font-weight:800;font-size:15px;color:var(--text-soft)}.geser-kantong{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--text-soft)}.geser-kantong i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.geser-batang{display:block;height:8px;border-radius:4px;background:var(--card-line);overflow:hidden;margin-top:4px}.geser-batang i{display:block;height:100%;background:#58b368}.geser-titik{display:flex;justify-content:center;gap:6px}.geser-titik i{width:7px;height:7px;border-radius:4px;background:var(--card-line);transition:width .2s}.geser-titik i.aktif{width:22px;background:var(--text-mid)}.ajak-pin{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:70;max-width:456px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--brass);box-shadow:0 10px 30px #00000059}.dd-buku{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--card-line);margin-bottom:8px}.dd-buku-daftar{display:flex;flex-wrap:wrap;gap:6px}.tips-buku{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;border:2px solid var(--card-line);background:var(--card);color:var(--text);cursor:pointer;width:100%}.tips-buku.pilih{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 12%,var(--card))}.tips-buku:disabled{opacity:.55;cursor:default}.grid-produk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.produk-kartu{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:10px;border-radius:12px;border:1px solid var(--card-line);background:var(--card);color:var(--text);cursor:pointer;min-height:84px}.produk-kartu.pilih{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass) inset}.produk-kartu:active{transform:scale(.97)}.produk-qty{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--brass);color:var(--on-brass);font-weight:800;font-size:13px;display:grid;place-items:center}.banner-buku{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--brass) 14%,var(--card));border:1px solid var(--brass)}.usaha-hari{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:1px;border-radius:16px;overflow:hidden;background:#ffffff14}.usaha-hari>div{display:flex;flex-direction:column;gap:2px;padding:12px;background:linear-gradient(135deg,#1d3b5c,#16304b);color:#fff}.usaha-hari span{font-size:11px;opacity:.75}.usaha-hari b{font-size:18px}.dasbor-utama{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2e5d8c,#1a3552 55%,#12263c);box-shadow:0 12px 28px #00000040;animation:dasbor-masuk .5s cubic-bezier(.2,1.2,.4,1)}@keyframes dasbor-masuk{0%{opacity:0;transform:translateY(10px) scale(.98)}}.dasbor-angka{font-size:36px;line-height:1.1;letter-spacing:-.01em}.dasbor-kecil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dasbor-kecil>div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;background:#ffffff14;min-width:0}.dasbor-kecil span{font-size:11px;opacity:.75}.dasbor-kecil b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dasbor-kecil i{font-style:normal;font-size:10.5px;opacity:.65}.grafik-batang{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:6px;border-bottom:1px solid var(--card-line)}.gb-kolom{flex:1;position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.gb-omzet,.gb-untung{position:absolute;bottom:0;border-radius:4px 4px 0 0;transform-origin:bottom;animation:gb-tumbuh .6s cubic-bezier(.2,1,.3,1) both}.gb-omzet{width:80%;background:linear-gradient(#5ba4f0,#2f6fd6)}.gb-untung{width:40%;background:linear-gradient(#8be0ae,#2fa56a)}@keyframes gb-tumbuh{0%{transform:scaleY(0)}}.donat{transform:rotate(-90deg);flex:none}.donat-iris{animation:donat-isi .9s ease-out both}@keyframes donat-isi{0%{stroke-dasharray:0 100}}.plg-baris{gap:10px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--card-line);color:var(--text);cursor:pointer;width:100%}.plg-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}@media (prefers-reduced-motion: reduce){.dasbor-utama,.gb-omzet,.gb-untung,.donat-iris{animation:none}}.jenis-catat.empat{grid-template-columns:repeat(4,minmax(0,1fr))}.jenis-catat.empat .chip{font-size:12.5px;padding-left:2px;padding-right:2px}.hpp-panduan{border-color:var(--brass)}.hpp-rumus{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--brass) 12%,var(--card));font-size:13.5px;line-height:1.5;white-space:pre-line}.hpp-langkah{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.5;color:var(--text-soft)}.hpp-bahan{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;border:1px dashed var(--card-line)}.hpp-bahan-angka{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px}.hpp-bahan-angka label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-mid);min-width:0}.hpp-hasil{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2e5d8c,#1a3552 55%,#12263c)}.hpp-hasil .chip{color:#fff;border-color:#ffffff4d;background:#ffffff14}.hpp-hasil .chip[aria-pressed=true]{background:var(--brass);color:var(--on-brass)}.jadwal-baris{gap:10px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--card-line);color:var(--text);cursor:pointer;width:100%}.jadwal-pil{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:700;color:var(--text-mid)}.jadwal-pil i{font-style:normal;font-weight:500;font-size:11px}.jadwal-pil.hari-ini{color:var(--warn)}.jadwal-pil.besok{color:var(--brass)}.kasir-atas{display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 20px 0}.kasir-atas b{flex:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cara-bayar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cara-pil{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1px solid var(--card-line);background:var(--card);color:var(--text);cursor:pointer;font-size:12px;text-align:center}.cara-pil span{font-size:20px}.cara-pil.pilih{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass) inset;background:color-mix(in srgb,var(--brass) 12%,var(--card))}.pil-naik{font-size:13px;font-weight:800;padding:3px 8px;border-radius:10px;background:#7ce0a32e;color:#7ce0a3}.pil-naik.turun{background:#ff8a802e;color:#ff8a80}.grafik-garis{display:block;overflow:visible}.gg-garis{stroke-dasharray:1;stroke-dashoffset:1;animation:gg-gambar 1.1s ease-out forwards}.gg-area{opacity:0;animation:gg-muncul .6s .5s ease-out forwards}.gg-puncak{opacity:0;animation:gg-muncul .4s 1s ease-out forwards}@keyframes gg-gambar{to{stroke-dashoffset:0}}@keyframes gg-muncul{to{opacity:1}}.proyek-kartu{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--card-line)}@media (prefers-reduced-motion: reduce){.gg-garis{animation:none;stroke-dashoffset:0}.gg-area,.gg-puncak{animation:none;opacity:1}}.resep-baris{display:grid;grid-template-columns:1.4fr .8fr .9fr auto;gap:6px;align-items:center}.resep-baris .select,.resep-baris .input{min-width:0;padding-left:8px;padding-right:6px}.dd-buku-baris{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--card-line);background:var(--card);color:var(--text);cursor:pointer;width:100%}.dd-buku-baris.aktif{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 10%,var(--card))}.dd-buku-ikon{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:#ffffff12}.dd-buku-ikon.besar{width:44px;height:44px;background:#0000001f}.dd-centang{color:var(--brass);font-weight:800}.dd-tambah-buku{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:2px dashed var(--brass);background:color-mix(in srgb,var(--brass) 14%,transparent);color:var(--text);cursor:pointer;width:100%}.dd-tambah-buku .tiny{color:var(--text-soft)}.kas-anggota{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--card-line)}.kas-anggota:last-child{border-bottom:0}.kas-anggota .kas-centang{min-width:52px;justify-content:center;background:#2fa56a;border-color:#2fa56a;color:#fff}.kotak-plg{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--card-line);border-radius:14px;background:color-mix(in srgb,var(--brass) 6%,transparent)}.kotak-plg-judul{display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--text);font-size:16px;font-weight:800;text-align:left}.beranda-toko .dasbor-angka{font-size:34px}.toko-gambar{flex-shrink:0;overflow:visible}.toko-tenda{transform-origin:48px 22px;animation:toko-ayun 3.2s ease-in-out infinite}.toko-koin{animation:toko-jatuh 1.4s cubic-bezier(.5,0,.9,.6) infinite}@keyframes toko-ayun{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes toko-jatuh{0%{transform:translateY(-6px);opacity:0}15%{opacity:1}80%{transform:translateY(58px);opacity:1}to{transform:translateY(62px);opacity:0}}.tombol-jual{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;font-size:18px;font-weight:800}.stok-tipis{border-color:var(--warn)!important;background:color-mix(in srgb,var(--warn) 10%,var(--card));gap:6px;text-align:left}.kas-gambar{flex-shrink:0;overflow:visible}.kas-isi{animation:kas-naik 1.1s cubic-bezier(.2,1,.3,1) both;transform-origin:0 78px}.kas-ombak{animation:ombak 2.4s linear infinite}.kas-koin{animation:toko-jatuh 2.2s cubic-bezier(.5,0,.9,.6) infinite}.kas-ceklis{transform-origin:72px 30px;animation:lencana-muncul .5s cubic-bezier(.3,1.6,.5,1) .9s both}@keyframes kas-naik{0%{transform:scaleY(0)}}.kas-bar{height:12px;border-radius:6px;background:var(--card-line);overflow:hidden}.kas-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#2fa56a,#7ce0a3);animation:ld-isi-lebar 1s cubic-bezier(.2,1,.3,1) both}@keyframes ld-isi-lebar{0%{width:0}}.koin-loncat{position:fixed;z-index:80;pointer-events:none;font-size:26px;animation:koin-loncat .9s cubic-bezier(.2,.8,.4,1) both}@keyframes koin-loncat{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),-140px) scale(1.1) rotate(var(--r));opacity:0}}.kas-anggota .kas-centang{animation:centang-pop .45s cubic-bezier(.3,1.8,.5,1)}@keyframes centang-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.toko-tenda,.toko-koin,.kas-isi,.kas-ombak,.kas-koin,.kas-ceklis,.kas-bar span,.koin-loncat,.kas-anggota .kas-centang{animation:none}.toko-koin,.koin-loncat{display:none}}.cp-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:radial-gradient(circle at 84% 17%,#F4EFE3 0 18px,rgba(244,239,227,.18) 19px 34px,transparent 35px),linear-gradient(180deg,#0b1f33,#163b60 55%,#1f4a75);display:flex;justify-content:center;overflow:hidden;animation:ms-pudar .25s ease both;color:#f4efe3}.cp-latar.cp-kota{background:radial-gradient(circle at 84% 17%,#F4EFE3 0 18px,rgba(244,239,227,.18) 19px 34px,transparent 35px),linear-gradient(180deg,#1a1636,#3b2d5c,#7a4b5e)}.cp-pemandangan{position:absolute;left:0;right:0;bottom:0;width:100%;height:max(25vw,min(75vw,40vh));animation:ms-pudar .5s ease both}.cp-latar .cp-isi{position:relative;z-index:1}.cp-teks{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:#081726d1;border:1px solid rgba(212,175,90,.35);box-shadow:0 10px 30px #00000059;max-width:420px}.cp-latar .chip{background:#081726b3;color:#f4efe3;border-color:#f4efe34d}.cp-latar .btn.outline{background:#081726bf;color:#f4efe3;border-color:#f4efe373}.cp-latar .cp-titik span{background:#f4efe340}.cp-latar .cp-titik span.aktif{background:#d4af5a}.cp-latar .cp-buku-item{background:#081726d1;border-color:#d4af5a59;color:#f4efe3}.cp-kapal{animation:cp-ayun 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 80%}.cp-ombak{animation:cp-ombak 4s linear infinite}.cp-ombak1{animation-duration:6s}.cp-ombak2{animation-duration:8s}.cp-camar-jauh{animation:cp-melayang 5s ease-in-out infinite}@keyframes cp-ayun{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(3px) rotate(1.5deg)}}@keyframes cp-ombak{0%{transform:translate(0)}to{transform:translate(40px)}}@keyframes cp-melayang{0%,to{transform:translate(0)}50%{transform:translate(14px,-6px)}}.cp-tupai-panjat{animation:cp-panjat 6s ease-in-out infinite}@keyframes cp-panjat{0%,to{transform:translateY(0)}45%,60%{transform:translateY(-78px)}}.cp-isi{width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px;padding:calc(16px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.cp-atas{display:flex;justify-content:space-between;align-items:center;gap:12px}.cp-titik{display:flex;gap:6px;flex:1}.cp-titik span{flex:1;height:4px;border-radius:2px;background:var(--card-line);transition:background .3s}.cp-titik span.aktif{background:var(--brass)}.cp-adegan{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:ld-masuk-kanan .4s ease both}.cp-gambar{min-height:200px;display:flex;align-items:center;justify-content:center;gap:8px}.cp-buku{flex-direction:column;gap:10px}.cp-buku-item{display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 18px;border-radius:16px;background:var(--card);border:1px solid var(--card-line);font-weight:800;font-size:18px;animation:ld-muncul .45s ease both}.cp-buku-item b{font-size:28px}.tip-sekali{gap:10px;border-color:var(--brass)!important;background:color-mix(in srgb,var(--brass) 9%,var(--card))}.tip-ikon{font-size:28px;line-height:1}.tip-langkah{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;line-height:1.5;color:var(--text-soft)}@media (prefers-reduced-motion: reduce){.cp-latar,.cp-adegan,.cp-buku-item,.cp-pemandangan,.cp-kapal,.cp-ombak,.cp-camar-jauh,.cp-tupai-panjat{animation:none}}.slip-rinci{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:14px;background:var(--ground);border:1px solid var(--card-line)}.amplop{animation:ld-muncul .4s ease both}@media (prefers-reduced-motion: reduce){.amplop{animation:none}}.teman-keliling{position:fixed;left:0;top:0;z-index:12;pointer-events:auto;cursor:pointer;will-change:transform;filter:drop-shadow(0 6px 8px rgba(0,0,0,.28))}.teman-keliling .tk-badan{transition:transform .2s}.teman-keliling.lari.jalan .tk-badan>svg{animation:tk-pantul .32s ease-in-out infinite}.teman-keliling.terbang.jalan .tk-badan>svg{animation:tk-melayang 1.1s ease-in-out infinite}@keyframes tk-pantul{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tk-melayang{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.tk-adegan{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.tk-adegan .tk-prop,.tk-adegan .tk-kapal{position:absolute;animation:tk-muncul .6s ease-out both}.tk-adegan .tk-kapal svg{animation:tk-ayun 2.6s ease-in-out infinite;transform-origin:50% 80%}@keyframes tk-muncul{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tk-ayun{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(3px) rotate(1.5deg)}}.teman-keliling.diam{position:fixed}@media (prefers-reduced-motion: reduce){.teman-keliling,.tk-adegan{display:none}}@media (min-width: 768px){body{background:var(--ground)}.app.desk{max-width:none;margin:0;min-height:100vh;padding-left:240px}.app.desk .screen{max-width:1040px;margin:0 auto;padding:28px 40px 56px}.app.desk.ada-fab .screen:not(.no-nav){padding-bottom:120px}.app.desk .header-atas{padding-left:40px;padding-right:40px}.app.desk .header-isi{max-width:960px;margin:0 auto}.app.desk .nav{left:0;top:0;bottom:0;right:auto;transform:none;width:240px;max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:24px 14px;border-top:0;border-right:1px solid var(--line);overflow-y:auto}.app.desk .nav:before{content:"ISPEL";font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:7px;color:var(--brass);padding:0 14px 22px}.app.desk .nav .nav-item{flex-direction:row;justify-content:flex-start;gap:14px;min-height:46px;padding:0 14px;font-size:14.5px;border-radius:12px;text-align:left;line-height:1.2}.app.desk .nav .nav-item:hover{background:var(--card);color:var(--text)}.app.desk .nav .nav-item[aria-current=page]{background:var(--card);color:var(--brass)}.app.desk .nav.nav6 .nav-item[aria-current=page]:before{top:10px;bottom:10px;left:0;right:auto;width:3px;height:auto;border-radius:0 3px 3px 0}.app.desk .nav.nav6 .nav-item[aria-current=page] .nav-ikon{transform:none}.app.desk .nav .nav-item.fab{order:-1;margin:0 0 14px;background:var(--brass);color:var(--on-brass)}.app.desk .nav .nav-item.fab:hover{background:var(--brass-hover, var(--brass));color:var(--on-brass)}.app.desk .nav .nav-item.fab .fab-circle{width:auto;height:auto;border:0;background:none;color:inherit}.app.desk .nav-tengah{order:-1;height:auto;justify-content:flex-start;padding:0 6px 14px}.app.desk .fab-menyatu{margin-top:0;border-width:0}.fab-melayang{right:40px;bottom:40px}.sd-isi{right:112px;bottom:44px}.sd-latar.menyatu{bottom:0}.sd-latar.menyatu .sd-isi{left:240px;right:0;transform:none;bottom:auto;top:120px}.sheet-backdrop{align-items:center}.sheet{max-width:620px;border-radius:24px;border:1px solid var(--card-line);max-height:86vh;padding-bottom:24px}.ajak-pin{max-width:520px}}.panggung-teman{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 12px;cursor:pointer;background:var(--card);color:var(--text);border:1px solid var(--card-line);border-radius:22px;box-shadow:0 14px 36px #0006;animation:pt-muncul 3.3s ease both;font:inherit}@keyframes pt-muncul{0%{opacity:0;transform:translate(-50%,24px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@media (min-width: 768px){.panggung-teman{left:calc(50% + 120px);bottom:40px}}@media (prefers-reduced-motion: reduce){.panggung-teman{display:none}}.panggung-teman svg g[class^=at-],.panggung-teman svg g[class*=" at-"]{transform-box:view-box;transform-origin:0 0}.at-camar-sarang{animation:at-camar-sarang 2.7s both}@keyframes at-camar-sarang{0%{transform:translate(-130px,-40px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}48%,to{transform:translate(104px,10px)}}.at-camar-tengah{animation:at-camar-tengah 2.7s both}@keyframes at-camar-tengah{0%{transform:translate(-130px,-40px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}48%,to{transform:translate(70px,25px)}}.at-benda-camar.at-ranting-sarang{animation:at-ranting-sarang 2.7s both}@keyframes at-ranting-sarang{0%{transform:translate(-92px,-13px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}48%{transform:translate(142px,37px)}70%,to{transform:translate(206px,52px) rotate(8deg)}}.at-benda-camar.at-ikan-suap{animation:at-ikan-suap 2.7s both}@keyframes at-ikan-suap{0%{transform:translate(-92px,-13px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}48%{transform:translate(142px,37px)}70%{transform:translate(203px,42px) scale(.9)}82%,to{transform:translate(206px,44px) scale(0)}}.at-benda-camar.at-benda-tampil{animation:at-bc-tampil 2.7s both}@keyframes at-bc-tampil{0%{transform:translate(-100px,14px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}48%{transform:translate(100px,79px)}70%,to{transform:translate(168px,62px) scale(1.6)}}.at-tupai-toples,.at-tupai-tengah{animation:at-tupai-toples 2.7s both}.at-tupai-tengah{animation-name:at-tupai-tengah}@keyframes at-tupai-toples{0%{transform:translate(-120px,62px)}12%{transform:translate(-63px,46px)}24%{transform:translate(-5px,62px)}36%{transform:translate(53px,46px)}48%,to{transform:translate(110px,62px)}}@keyframes at-tupai-tengah{0%{transform:translate(-120px,62px)}12%{transform:translate(-73px,46px)}24%{transform:translate(-25px,62px)}36%{transform:translate(23px,46px)}48%,to{transform:translate(70px,62px)}}.at-kacang-toples{animation:at-kacang-toples 2.7s both}@keyframes at-kacang-toples{0%{transform:translate(-93px,101px)}12%{transform:translate(-36px,85px)}24%{transform:translate(22px,101px)}36%{transform:translate(80px,85px)}48%{transform:translate(137px,101px)}62%{transform:translate(182px,8px)}76%{transform:translate(211px,40px)}88%,to{transform:translate(211px,78px)}}.at-benda-tupai.at-benda-tampil{animation:at-bt-tampil 2.7s both}@keyframes at-bt-tampil{0%{transform:translate(-93px,96px)}12%{transform:translate(-46px,80px)}24%{transform:translate(2px,96px)}36%{transform:translate(50px,80px)}48%{transform:translate(97px,96px)}70%,to{transform:translate(168px,62px) scale(1.6)}}.at-tupai-diam{transform:translate(110px,62px)}.at-kacang-makan{animation:at-kacang-makan 2.7s both}@keyframes at-kacang-makan{0%{transform:translate(211px,76px);opacity:0}10%{opacity:1}30%{transform:translate(211px,18px)}50%{transform:translate(138px,90px)}56%{transform:translate(138px,90px) scale(1)}72%,to{transform:translate(138px,90px) scale(0)}}.at-remah{animation:at-remah .7s ease-in both}@keyframes at-remah{0%{transform:translate(0);opacity:1}to{transform:translateY(18px);opacity:0}}.at-pesawat{animation:at-pesawat 2.8s linear both}@keyframes at-pesawat{0%{transform:translate(-50px,16px)}to{transform:translate(300px,2px)}}.at-kilau{animation:at-kilau .7s both}@keyframes at-kilau{0%{transform:scale(0);opacity:0}60%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:1}}.at-centang{animation:at-kilau .5s 1.9s both}.at-hati{animation:at-hati 1s 2s both}@keyframes at-hati{0%{transform:translateY(6px) scale(0);opacity:0}40%{transform:translate(0) scale(1.3);opacity:1}to{transform:translateY(-14px) scale(1);opacity:0}}.at-anak-mangap{animation:at-anak .35s ease-in-out infinite alternate}@keyframes at-anak{0%{transform:translate(0)}to{transform:translateY(-10px)}}.at-anak-senang{animation:at-kilau .5s both}.kebun-pot.contoh{opacity:.8}.kebun-pot.contoh:hover,.kebun-pot.contoh:focus-visible{opacity:1}.kebun-pot.contoh .pot{background:#c8693a73;box-shadow:none;border-style:dashed}.kebun-pot.contoh .kebun-persen{color:#5a6b7d}.ld-bagian{display:flex;flex-direction:column;gap:14px}.sb-hero,.sb-kiri,.sb-kanan{display:contents}@media (min-width: 768px){.app.app-sambut{max-width:none}.sambut.screen{max-width:1160px;margin:0 auto;padding:72px 40px 120px;gap:28px}.sambut .sb-hero{width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;min-height:min(calc(100vh - 160px),680px)}.sambut .sb-kiri,.sambut .sb-kanan{display:flex;flex-direction:column;gap:20px}.sambut .sb-kanan{background:var(--card);border:1px solid var(--card-line);border-radius:24px;padding:28px;box-shadow:0 20px 50px #00000040}.sambut .wordmark{font-size:84px}.sambut .acronym{font-size:24px}.sambut .tagline{font-size:22px}.ld-semua{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 40px!important;width:100%;align-self:stretch}.ld-bagian.lebar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.ld-bagian.lebar>:first-child{position:sticky;top:90px}.ld-akhir{grid-column:1 / -1;max-width:640px;justify-self:center;text-align:center;align-items:center}.ld-akhir .btn{max-width:320px}.ld-cta{top:0;bottom:auto;max-width:none;border-top:0;border-bottom:1px solid var(--line);padding:12px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--ground-deep) 90%,transparent)}}@media (min-width: 768px){.set-atas,.set-lompat{max-width:1100px;padding-left:32px;padding-right:32px}.set-cari{margin:8px max(32px,calc(50% - 518px)) 0}.set-lompat{flex-wrap:wrap;overflow:visible}.set-badan{display:block;max-width:1100px;padding:16px 32px 48px;column-count:2;column-gap:20px}.set-badan>*{break-inside:avoid;margin-bottom:20px}.set-badan>.paspor{column-span:all}.app.app-tengah{max-width:760px;margin:40px auto;min-height:calc(100vh - 80px);border-radius:28px;border:1px solid var(--card-line);box-shadow:0 24px 60px #0000004d;overflow:hidden}.app.desk.tanpa-nav{padding-left:0}}@media (min-width: 1100px){.set-badan{column-count:3}.set-atas,.set-lompat{max-width:1280px}.set-cari{margin:8px max(32px,calc(50% - 608px)) 0}.set-badan{max-width:1280px}}.kebun-layar .tip-sekali{color:var(--text)}@media (hover: hover) and (pointer: fine){*{scrollbar-width:thin!important;scrollbar-color:var(--card-line) transparent}*::-webkit-scrollbar{display:block!important;width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--card-line);border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.sedang-ditarik{cursor:grabbing!important;-webkit-user-select:none;user-select:none;scroll-behavior:auto!important}.sedang-ditarik *{pointer-events:none}}.sd-worth{background:#7e63d6;color:#fff;font-size:15px;min-height:44px;box-shadow:0 0 0 6px #7e63d633}.aktivitas-baris{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid var(--card-line);background:color-mix(in srgb,var(--card) 80%,var(--ground-deep));color:var(--text);font:inherit;cursor:pointer}.aktivitas-baris:hover{background:var(--card)}.aktivitas-arah{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:9px;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}.grafik-legenda{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:12px;border:1px solid transparent;background:none;color:var(--text);font:inherit;font-size:14px;cursor:pointer}.grafik-legenda[aria-pressed=true]{border-color:var(--card-line);background:color-mix(in srgb,var(--card) 70%,var(--ground-deep))}.grafik-titik{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle}.grafik-garis{height:8px;border-radius:4px;background:var(--card-line);overflow:hidden}.grafik-garis span{display:block;height:100%;border-radius:4px;background:var(--danger)}.pro-daftar{gap:4px;background:radial-gradient(120% 60% at 20% 0%,color-mix(in srgb,#E0A526 14%,var(--card)) 0%,var(--card) 60%);border-color:color-mix(in srgb,#E0A526 45%,var(--card-line))}.pro-mahkota{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#f5b53a,#e07a1f);box-shadow:0 8px 20px #e07a1f59}.pro-baris{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:15px}.pro-baris:last-of-type{border-bottom:0}.pro-ikon{width:32px;text-align:center;font-size:22px;flex-shrink:0}.pro-label{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:999px;color:#fff}.pro-label.hot{background:linear-gradient(135deg,#f0643a,#e0a526)}.pro-label.baru{background:#17a884}.pro-cek{color:#e0a526;font-weight:800;flex-shrink:0}.pro-cilok{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:18px;border:1px solid #E0A526;background:color-mix(in srgb,#E0A526 10%,var(--card));color:var(--text);font:inherit;cursor:pointer}.status-sinyal{position:fixed;left:0;right:0;top:0;z-index:80;display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:#b4561b;color:#fff;font-size:13.5px;box-shadow:0 4px 14px #0000004d;animation:ms-pudar .25s ease both}.status-sinyal.kembali{background:#17805f}.status-sinyal-ket{opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asisten-obrolan{display:flex;flex-direction:column;gap:10px;min-height:40vh}.asisten-gelembung{max-width:86%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.55;display:flex;flex-direction:column}.asisten-gelembung.dia{align-self:flex-start;background:var(--card);border:1px solid var(--card-line);border-top-left-radius:6px}.asisten-gelembung.aku{align-self:flex-end;background:color-mix(in srgb,var(--brass) 22%,var(--card));border:1px solid color-mix(in srgb,var(--brass) 45%,var(--card-line));border-top-right-radius:6px}.asisten-gelembung.galat{border-color:var(--danger)}.asisten-wajah{margin-bottom:4px}.asisten-tulis{display:flex;gap:8px;position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--ground);padding:8px 0}.asisten-tulis .input{flex:1 1 auto;min-width:0;width:auto}.asisten-tulis .btn{flex:0 0 auto;width:auto;padding-left:20px;padding-right:20px}.fab-asisten{position:fixed;z-index:11;width:54px;height:54px;border-radius:27px;cursor:pointer;font-size:24px;left:max(16px,calc(50% - 224px));bottom:calc(83px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid color-mix(in srgb,#7A5AF8 60%,transparent);background:radial-gradient(circle at 30% 25%,#9b7bff,#5a3fd6 70%);box-shadow:0 8px 22px #00000059,0 0 0 6px #7a5af82e;transition:transform .15s}.fab-asisten:active{transform:scale(.94)}.fab-asisten.menyatu{bottom:calc(86px + env(safe-area-inset-bottom))}@media (min-width: 768px){.app.desk .fab-asisten{left:264px;bottom:40px}}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tt-kepala{gap:12px}.tt-ikon-besar{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#17a884,#2f80ed)}.tt-kisi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 768px){.tt-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}.tt-kartu-video{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:18px;border:1px solid var(--card-line);background:var(--card);color:var(--text);font:inherit;cursor:pointer}.tt-kartu-video.sudah{border-color:color-mix(in srgb,var(--safe) 60%,var(--card-line))}.tt-thumb{position:relative;height:150px;overflow:hidden;display:flex;justify-content:center;background:linear-gradient(180deg,#0b1f33,#12304d)}.tt-thumb .tt-hp{transform:scale(.55);transform-origin:top center;margin-top:8px;pointer-events:none}.tt-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#ffffffeb;color:#0b1f33;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;box-shadow:0 6px 18px #00000059}.tt-baris{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--card-line);background:var(--card);color:var(--text);font:inherit;cursor:pointer}.tt-pemutar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#081726;display:flex;justify-content:center;overflow-y:auto;animation:ms-pudar .2s ease both}.tt-pem-isi{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));color:#f4efe3}.tt-garis{display:flex;gap:4px}.tt-garis span{flex:1;height:4px;border-radius:2px;background:#ffffff38;overflow:hidden}.tt-garis i{display:block;height:100%;width:0;background:#f4efe3}.tt-garis i.penuh{width:100%}.tt-garis i.jalan{animation:tt-isi 4.2s linear forwards}@keyframes tt-isi{to{width:100%}}.tt-panggung{display:flex;justify-content:center;animation:ld-masuk-kanan .35s ease both;cursor:pointer}.tt-teks{margin:0;text-align:center;font-size:16px;line-height:1.55;min-height:50px}.tt-akhir{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;text-align:center}.tt-akhir .btn{width:100%}.tt-hp{position:relative;width:240px;height:430px;border-radius:30px;border:6px solid #1c2a3a;background:#0b1f33;color:#f4efe3;overflow:hidden;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;font-size:12px;text-align:left;flex-shrink:0}.tt-browser{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1c2a3a}.tt-url{flex:1;padding:5px 9px;border-radius:999px;background:#0b1f33;font-size:11px}.tt-atas{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px}.tt-judul{flex:1;font-weight:800}.tt-isi{flex:1;display:flex;flex-direction:column;gap:7px;padding:4px 12px;overflow:hidden}.tt-el{position:relative;border-radius:10px;transition:box-shadow .2s}.tt-kartu{display:flex;gap:8px;align-items:center;padding:9px 10px;background:#15324f;border:1px solid #23476B}.tt-field{display:flex;flex-direction:column;gap:2px;padding:7px 10px;background:#0e2740;border:1px solid #23476B}.tt-field small{color:#9fb3c8;font-size:10px}.tt-tab{display:flex;gap:4px;padding:3px;background:#0e2740;border-radius:999px}.tt-tab span{flex:1;text-align:center;padding:5px 2px;border-radius:999px;font-size:9.5px;color:#9fb3c8}.tt-tab span.aktif{background:#d4af5a;color:#0b1f33;font-weight:800}.tt-tombol{display:block;text-align:center;padding:9px;background:#d4af5a;color:#0b1f33;font-weight:800;border-radius:999px;margin-top:4px}.tt-bar{display:flex;align-items:flex-end;gap:8px;height:110px;padding:8px;background:#0e2740}.tt-bar i{flex:1;border-radius:4px 4px 0 0;background:#17a884}.tt-bar i:nth-child(2n){background:#f07a6a}.tt-donat{align-self:center;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#5fbf8f 0,#5fbf8f 30%,#9fb3c8 30%,#9fb3c8 48%,#c58be0 48%,#c58be0 62%,#f5a524 62%,#f5a524 80%,#8fb8e8 80%,#8fb8e8)}.tt-donat i{width:70px;height:70px;border-radius:50%;background:#0b1f33}.tt-struk{align-self:center;width:150px;display:flex;flex-direction:column;gap:4px;padding:12px;background:#f4efe3;color:#222;font-family:monospace;font-size:10px;border-radius:4px}.tt-mic{align-self:center;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:#7a5af8;animation:tt-denyut 1.2s ease-in-out infinite}@keyframes tt-denyut{50%{transform:scale(1.08);box-shadow:0 0 0 10px #7a5af833}}.tt-pin{align-self:center;padding:14px;font-size:18px;letter-spacing:4px}.tt-chat{display:flex;flex-direction:column;gap:6px}.tt-chat span{padding:7px 10px;border-radius:12px;max-width:85%}.tt-chat .aku{align-self:flex-end;background:#6b5a2e}.tt-chat .dia{align-self:flex-start;background:#15324f}.tt-notif{padding:8px 10px;border-radius:12px;background:#f4efe3;color:#222;font-size:10.5px}.tt-fab{position:absolute;right:12px;bottom:52px;width:40px;height:40px;border-radius:50%;background:#d4af5a;color:#0b1f33;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}.tt-fab-ai{position:absolute;left:12px;bottom:52px;width:36px;height:36px;border-radius:50%;background:#6b4fe0;display:flex;align-items:center;justify-content:center;font-size:16px}.tt-nav{display:flex;justify-content:space-around;padding:7px 2px 9px;background:#081726;border-top:1px solid #1c2a3a}.tt-nav-i{font-size:8px;color:#9fb3c8;padding:2px 3px}.tt-nav-i.aktif{color:#d4af5a;font-weight:800}.tt-redup{position:absolute;top:0;right:0;bottom:0;left:0;background:#040c14a6;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;padding:0 10px 100px}.tt-opsi{display:flex;gap:8px}.tt-op{display:flex;flex-direction:column;align-items:center;gap:3px}.tt-op i{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;background:#17a884;font-size:16px}.tt-op small{font-size:8.5px}.tt-pill{padding:7px 12px;border-radius:999px;background:#7e63d6;font-weight:700;font-size:11px}.tt-sheet{width:100%;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;background:#15324f;margin-bottom:-88px}.tt-sheet-item{padding:9px 10px}.tt-layarhp{background:linear-gradient(160deg,#2f80ed,#8e44ad);align-items:center;justify-content:center}.tt-grid-ikon{display:grid;grid-template-columns:repeat(3,46px);gap:18px}.tt-app{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff3}.tt-app-ispel img{width:46px;height:46px;border-radius:12px}.tt-app-nama{margin-top:8px;font-weight:700}.tt-sorot{box-shadow:0 0 0 3px #f5c542,0 0 18px 4px #f5c5428c;animation:tt-kedip 1.1s ease-in-out infinite;z-index:2}@keyframes tt-kedip{50%{box-shadow:0 0 0 3px #f5c542,0 0 26px 8px #f5c54259}}.tt-jari{position:absolute;right:-6px;bottom:-14px;font-size:26px;pointer-events:none;animation:tt-ketuk 1.1s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));z-index:3}@keyframes tt-ketuk{0%,to{transform:translate(6px,8px)}50%{transform:translate(0) scale(.92)}}.tt-hp.kecil .tt-jari{display:none}.tt-hp.kecil .tt-sorot{animation:none}@media (prefers-reduced-motion: reduce){.tt-sorot,.tt-jari,.tt-mic,.tt-garis i.jalan,.tt-panggung{animation:none}}.auto-masuk{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:70;max-width:456px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--safe);box-shadow:0 10px 30px #00000059;animation:ms-pudar .25s ease both}.heat-kal{max-width:420px;width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.heat-hari{text-align:center;font-size:11px;color:var(--text-mid);font-weight:600;padding-bottom:2px}.heat-sel{aspect-ratio:1 / 1;min-height:34px;border-radius:8px;border:1px solid var(--card-line);background:var(--ground-deep);color:var(--text-mid);font-size:12px;font-weight:600;cursor:pointer;padding:0}.heat-sel.kini{outline:2px solid var(--brass);outline-offset:1px}.heat-sel.pilih{border-color:var(--text);border-width:2px}.heat-contoh{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid var(--card-line)}.kat-baris{display:flex;align-items:center;gap:10px;padding:6px 4px}.kat-form{padding:12px;border-radius:12px;background:var(--ground-deep);border:1px solid var(--card-line)}.kat-emoji{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.kat-emoji button{height:40px;border-radius:10px;border:1px solid var(--card-line);background:var(--card);font-size:20px;cursor:pointer;padding:0}.kat-emoji button[aria-pressed=true]{border-color:var(--brass);border-width:2px;background:color-mix(in srgb,var(--brass) 18%,var(--card))}.kat-warna{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.kat-warna[aria-pressed=true]{outline:3px solid var(--text);outline-offset:2px}.label-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:17px;border:1px solid;font-size:13px;font-weight:600;background:transparent}.label-chip button{border:none;background:none;color:inherit;cursor:pointer;font-size:12px;padding:0 0 0 2px}button.label-chip{cursor:pointer}button.label-chip[aria-pressed=true]{color:var(--on-brass)!important;background:var(--brass);border-color:var(--brass)!important}.label-kecil{display:inline-block;font-size:11px;font-weight:600;color:var(--brass);margin-right:6px}