:root{--ui-font-12:12px;--ui-font-13:13px;--ui-font-14:14px;--ui-font-16:16px;--ui-font-18:18px;--ui-font-20:20px;--ui-font-22:22px;--ui-font-24:24px;--ui-font-26:26px;--ui-font-28:28px;--ui-font-30:30px;--ui-font-36:36px;--ui-font-44:44px;--ui-font-48:48px;--ui-font-50:50px;--ui-font-54:54px;--ui-font-80:80px;--ui-font-96:96px;--ui-space-4:4px;--ui-space-6:6px;--ui-space-8:8px;--ui-space-10:10px;--ui-space-12:12px;--ui-space-14:14px;--ui-space-16:16px;--ui-space-24:24px;--ui-space-32:32px;--ui-control:44px;--ui-panel-pad:12px;--ui-panel-radius:24px}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}:root{--kertas:#fff8f3;--tinta:#40336a;--redup:#6a608c;--lembut:#f6efff;--surf:#fffaf6;--garis:#eee5fb;--btn-j:#ffab6e;--btn-m:#ff93a3;--btn-h:#7fe0a6;--aksen:#ff6f91;--tombol:#d63564;--sukses:#2fa36b;--bahaya:#c2273e;--emas:#e0a100;--biru:#2f7bff}#ui-root{position:fixed;inset:0;z-index:30;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--ui-font-14);line-height:20px;color:var(--tinta);-webkit-tap-highlight-color:transparent;--celah-b: max(16px, env(safe-area-inset-bottom, 0px));--bar-h: calc(var(--celah-b) + 80px);--lebar-ui: 420px;--jarak-b: max(var(--bar-h), var(--celah-b));--dasar: calc(var(--ih, 100vh) - var(--vvt, 0px) - var(--vvh, 100vh) + var(--jarak-b));--dasar-rm: calc(var(--ih, 100vh) - var(--vvt, 0px) - var(--vvh, 100vh) + env(safe-area-inset-bottom, 0px))}#ui-root[data-mode=rooms],#ui-root[data-mode=estate],#ui-root[data-kb]{--bar-h: 0px}:where(#ui-root) *,:where(#ui-root) *:before,:where(#ui-root) *:after{box-sizing:border-box}:where(#ui-root) button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;touch-action:manipulation;pointer-events:auto}:where(#ui-root) input{font:inherit;color:inherit;pointer-events:auto}:where(#ui-root) :focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.u-i{display:block;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;stroke-width:2}.u-i28{width:28px;height:28px;stroke-width:1.9}.u-i24{width:24px;height:24px;stroke-width:2}.u-i20{width:20px;height:20px;stroke-width:2.1}.u-i16{width:16px;height:16px;stroke-width:2.6}.u-btn{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-6);height:var(--ui-control);padding:0 16px;border-radius:20px;background:linear-gradient(var(--surf),var(--lembut));color:var(--tinta);font-size:var(--ui-font-14);line-height:20px;font-weight:700;white-space:nowrap;box-shadow:inset 0 3px #ffffffd9,inset 0 -4px 6px #8264be1f,0 3px 8px #6046a033;transition:transform .12s ease,opacity .12s ease}.u-btn.u-primary{background:linear-gradient(#ffd0aa,var(--btn-j));color:var(--tinta);box-shadow:inset 0 3px #ffffffb3,inset 0 -4px 6px #c86e282e,0 4px 10px #d678324d}.u-btn.u-sm{height:36px;padding:0 16px;border-radius:18px;font-size:var(--ui-font-13);line-height:18px;box-shadow:inset 0 2px #fffc,0 2px 6px #6046a02e}.u-btn:active{transform:scale(.96)}.u-btn[disabled]{opacity:.45;pointer-events:none}.u-price{display:inline-flex;align-items:center;gap:var(--ui-space-4);color:var(--tinta)}.u-ib{position:relative;flex:none;width:40px;height:40px;border-radius:20px;background:var(--surf);color:var(--tinta);box-shadow:inset 0 2px #ffffffe6,0 2px 8px #6046a033;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.u-ib:after{content:"";position:absolute;inset:-4px}.u-ib:active{transform:scale(.94)}.u-av{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:22px;font-size:var(--ui-font-14);line-height:20px;font-weight:700;color:var(--tinta);-webkit-user-select:none;user-select:none;box-shadow:inset 0 3px #fff9,0 3px 8px #6046a047}.u-av48{width:48px;height:48px;border-radius:24px}.u-av88{width:76px;height:76px;border-radius:38px;font-size:var(--ui-font-24);line-height:30px}.u-row{display:flex;align-items:center;gap:var(--ui-space-8);height:56px;border-bottom:1px solid var(--garis);min-width:0}.u-row.u-h72{height:64px}.u-row:last-child{border-bottom:0}.u-row[role=button]{cursor:pointer;pointer-events:auto}.u-tx{flex:1;min-width:0}.u-tx b{display:block;font-size:var(--ui-font-14);line-height:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-tx small{display:block;font-size:var(--ui-font-12);line-height:16px;color:var(--redup);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-trail{flex:none;display:flex;align-items:center;gap:var(--ui-space-6)}.u-srch{display:flex;align-items:center;gap:var(--ui-space-6);height:44px;padding:0 16px;border-radius:22px;background:var(--lembut);color:var(--redup);pointer-events:auto}.u-srch input{flex:1;min-width:0;height:44px;border:0;background:transparent;outline:0;font-size:15px;line-height:20px;color:var(--tinta)}.u-srch input::placeholder{color:var(--redup);opacity:1}.u-seg{display:flex;height:40px;padding:4px;border-radius:20px;background:var(--lembut)}.u-seg button{flex:1;height:32px;border-radius:16px;font-size:var(--ui-font-12);line-height:32px;font-weight:700;color:var(--redup);text-align:center}.u-seg button.aktif{background:var(--tinta);color:#fff}.u-badge{display:inline-block;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--tombol);color:#fff;font-size:var(--ui-font-12);line-height:20px;font-weight:700;text-align:center}.u-dot{display:inline-block;width:8px;height:8px;border-radius:4px;background:var(--sukses);margin-right:6px;vertical-align:1px}.u-chip{display:inline-flex;align-items:center;gap:var(--ui-space-6);height:32px;padding:0 14px 0 10px;border-radius:16px;background:#fff0bf;color:#5d4400;font-size:var(--ui-font-12);line-height:16px;font-weight:700}.u-toast{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:80;height:44px;max-width:calc(100% - 32px);padding:0 20px;border-radius:22px;background:var(--tinta);color:#fff;font-size:var(--ui-font-13);line-height:44px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 16px #3c285a59;pointer-events:none;animation:u-pop .16s ease-out}@keyframes u-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.u-sheet-scrim{position:absolute;z-index:6;inset:0;background:#281e4629;pointer-events:auto}.u-sheet{position:absolute;z-index:6;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:8px 12px 12px;box-shadow:0 -8px 28px #3c285a4d;pointer-events:auto}.u-grab{width:40px;height:5px;border-radius:3px;background:#d3c9dc;margin:0 auto 8px}.u-sheet-q{margin:8px 0 16px;font-size:var(--ui-font-14);line-height:20px;font-weight:700}.u-mrow{display:flex;align-items:center;gap:var(--ui-space-6);width:100%;min-height:36px;padding:4px;text-align:left;font-size:var(--ui-font-13);line-height:18px;font-weight:700;border-bottom:1px solid var(--garis)}.u-mrow>.u-i{flex:none;width:18px;height:18px}.u-mrow:last-of-type{border-bottom:0}.u-danger{color:var(--bahaya)}.u-sheet-acts{display:flex;align-items:center;gap:var(--ui-space-8)}.u-sheet-acts .u-btn{flex:1}.u-radio{display:flex;align-items:center;gap:var(--ui-space-12);width:100%;height:56px;text-align:left;font-size:var(--ui-font-14);line-height:20px;font-weight:600;border-bottom:1px solid var(--garis)}.u-radio i{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;border:2px solid #b9aec7}.u-radio[aria-checked=true] i{border-color:var(--tombol)}.u-radio[aria-checked=true] i:after{content:"";width:12px;height:12px;border-radius:6px;background:var(--tombol)}.u-lapor{flex:1 0 auto;display:flex;flex-direction:column}.u-lapor .u-btn{margin-top:auto}.u-list{display:flex;flex-direction:column}.u-col{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ui-space-6)}.u-tm{font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-sp{display:block;height:20px}.u-ok{color:var(--sukses)}.u-srch{margin-bottom:4px}.u-app-host.u-fill{height:100%;min-height:0}.u-msgs{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:var(--ui-space-6);padding:4px 0 8px;overflow-y:auto;overscroll-behavior:contain}.u-m{max-width:82%;padding:10px 14px;border-radius:20px;font-size:var(--ui-font-14);line-height:20px;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.u-m.in{align-self:flex-start;background:var(--lembut);border-bottom-left-radius:6px}.u-m.out{align-self:flex-end;background:var(--tombol);color:#fff;border-bottom-right-radius:6px}.u-mt{display:block;white-space:pre-wrap}.u-mh{display:block;margin-top:2px;font-size:var(--ui-font-12);line-height:16px;text-align:right;color:var(--redup)}.u-m.out .u-mh{color:#ffe3ea}.u-tahan{outline:2px solid var(--aksen);outline-offset:3px}.u-pop{align-self:flex-start;margin:0 0 0 4px;display:flex;align-items:center;gap:var(--ui-space-8);height:48px;padding:0 24px 0 16px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #3c285a4d;color:var(--bahaya);font-size:var(--ui-font-14);line-height:20px;font-weight:700}.u-chat-foot{flex:none}.u-inp{display:flex;align-items:center;gap:var(--ui-space-6);padding-top:8px}.u-field{flex:1;min-width:0;height:44px;padding:0 16px;border:0;border-radius:22px;background:var(--lembut);color:var(--tinta);font-size:15px;line-height:20px;outline:0}.u-field::placeholder{color:var(--redup);opacity:1}.u-send{flex:none;width:44px;height:44px;border-radius:22px;background:var(--tombol);color:#fff;display:flex;align-items:center;justify-content:center}.u-send[disabled]{opacity:.45}.u-nonm{margin:8px 0 0;padding:12px 16px;border-radius:16px;background:var(--lembut);color:var(--redup);font-size:var(--ui-font-13);line-height:18px;text-align:center}.u-empty,.u-error{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-8);padding:24px 12px;text-align:center;color:var(--redup);font-size:var(--ui-font-14);line-height:20px}.u-empty p,.u-error p{margin:0}.u-empty-ic{width:48px;height:48px;border-radius:24px;background:var(--lembut);color:var(--redup);display:flex;align-items:center;justify-content:center}.u-skel{display:flex;align-items:center;gap:var(--ui-space-8);height:64px}.u-skel-av{flex:none;width:44px;height:44px;border-radius:22px;background:var(--lembut)}.u-skel-t{flex:1;display:flex;flex-direction:column;gap:var(--ui-space-6)}.u-skel-t span{display:block;height:12px;border-radius:6px;background:var(--lembut)}.u-skel-t span:last-child{width:60%}.u-bahan{position:fixed;inset:0;overflow:auto;background:var(--kertas);padding:16px;pointer-events:auto}.u-bahan h4{margin:20px 0 8px;font-size:var(--ui-font-12);line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--redup)}.u-bahan-host{width:328px;position:relative}.u-bahan-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-8)}.u-bahan-sheet{position:relative;width:328px;height:220px;border:1px solid var(--garis);border-radius:16px;overflow:hidden;padding:12px}.u-bahan-out{font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-off{display:none!important}.u-fps{position:absolute;left:50%;bottom:2px;transform:translate(-50%);z-index:7;padding:0 8px;white-space:nowrap;border-radius:8px;background:#0000008c;color:#fff;font:12px/16px ui-monospace,Menlo,monospace;pointer-events:none}.u-hud{position:absolute;inset:0;z-index:3;pointer-events:none}.u-hud>*{pointer-events:auto}.u-hud-b{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--tinta);box-shadow:0 2px 8px #3c285a33;transition:transform .12s ease}.u-hud-b:active{transform:scale(.94)}.u-hud-cari{left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));width:40px;height:40px}.u-hud-cari:after{content:"";position:absolute;inset:-4px}.u-hud>.u-hud-kanan{position:absolute;right:calc(12px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:8px;pointer-events:none}.u-hud-jam{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;height:44px;padding:4px 14px;border-radius:22px;background:var(--surf);box-shadow:inset 0 2px #ffffffe6,0 2px 8px #6046a033}.u-hud-jam small{font-size:12px;line-height:14px;color:var(--redup)}.u-hud-jam b{font-size:16px;line-height:20px;font-variant-numeric:tabular-nums}.u-hud-profile{position:relative}.u-bdg{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#d63564;color:#fff;font-size:var(--ui-font-12);line-height:20px;font-weight:700;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none;animation:u-kedip 1.4s ease-in-out infinite}.u-hp-root{position:absolute;inset:0;pointer-events:none}.u-hp-dim{position:fixed;inset:0;z-index:1;background:#281e4629;pointer-events:auto;touch-action:none;animation:u-fade .16s ease-out}@keyframes u-fade{0%{opacity:0}to{opacity:1}}.u-hp{position:fixed;z-index:2;left:8px;right:8px;display:flex;flex-direction:column;overflow:hidden;top:calc(var(--vvt, 0px) + 60px + env(safe-area-inset-top,0px));bottom:var(--dasar);background:linear-gradient(145deg,#fbf6ff,#d9cdf5);border-radius:32px;padding:4px;pointer-events:auto;box-shadow:0 8px 12px #6046a04d,inset 0 3px #fff,inset 0 -6px 10px #8264be33;will-change:opacity}.u-hp.m-closed{visibility:hidden;opacity:0;transform:translateY(16px);pointer-events:none;transition:transform .2s ease,opacity .2s ease,visibility 0s linear .2s}.u-hp.m-c{visibility:visible;opacity:1;transform:none;transition:transform .2s ease,opacity .2s ease,visibility 0s linear 0s}.u-hp.dragging{transition:none}.u-hp.swap{animation:u-hp-swap .18s ease-out}@keyframes u-hp-swap{0%{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:440px){.u-hp{left:50%;right:auto;width:var(--lebar-ui);translate:-50% 0}}.u-hp-top{position:relative;height:48px;flex:none}.u-hp-top:empty{display:none}.u-hp-grab{position:absolute;left:50%;top:0;width:240px;height:40px;margin-left:-120px;touch-action:none;cursor:grab}.u-hp-grab:before{content:"";position:absolute;left:50%;top:6px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#d3c9dc}.u-hp-l,.u-hp-r{position:absolute;top:4px;display:flex;align-items:center;gap:var(--ui-space-6);z-index:1}.u-hp-l{left:-8px}.u-hp-r{right:-8px}.u-hp-title{position:absolute;left:48px;right:48px;top:2px;height:44px;line-height:44px;margin:0;text-align:center;font-size:var(--ui-font-16);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.u-hp-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.u-app-host{display:flex;flex-direction:column;min-height:100%}.u-home{display:flex;flex-direction:column;min-height:100%;padding-top:4px}.u-apps{display:grid;grid-template-columns:repeat(4,1fr);row-gap:var(--ui-space-14);padding-bottom:8px}.u-app{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-4);font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--tinta)}.u-tile{--ac: #ff6fa8;position:relative;width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--tinta);background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 24%,#fff),color-mix(in srgb,var(--ac) 62%,#fff));box-shadow:inset 0 3px #ffffffd9,inset 0 -5px 7px #8264be24,0 3px 10px #6046a03d}.u-t1{--ac: #ff6fa8}.u-t2{--ac: #3aa0ff}.u-t3{--ac: #ffd23f}.u-t4{--ac: #3fd47a}.u-t5{--ac: #ff8a3d}.u-t6{--ac: #7a5cff}.u-t7{--ac: #35c6d8}.u-t8{--ac: #e86fc8}.u-dock{margin-top:auto;display:flex;justify-content:space-around;align-items:center;height:64px;padding:0 8px;border-radius:24px;background:#ffffff80;box-shadow:inset 0 3px #ffffffb0,0 6px 10px #6046a02e}.u-dockbtn{display:block}.u-papan-root{position:absolute;inset:0;pointer-events:none}.u-papan-luar{position:fixed;inset:0;z-index:4;pointer-events:auto;touch-action:none}.u-papan{position:fixed;z-index:5;left:8px;right:8px;bottom:var(--dasar);max-height:calc(var(--vvh, 100vh) - 60px - var(--jarak-b));overflow-y:auto;padding:var(--ui-panel-pad);background:var(--kertas);border-radius:var(--ui-panel-radius);box-shadow:0 4px 6px #6046a04d;pointer-events:auto;animation:u-papan-in .16s ease-out}@keyframes u-papan-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:440px){.u-papan{left:50%;right:auto;width:var(--lebar-ui);translate:-50% 0}}.u-av56{width:56px;height:56px;border-radius:28px;font-size:var(--ui-font-16);line-height:22px;box-shadow:0 0 0 2px #fff,0 2px 8px #3c285a40}.u-kode{font-size:var(--ui-font-20);line-height:26px;font-weight:700}.u-who{display:flex;align-items:center;gap:var(--ui-space-8);margin-bottom:16px}.u-nm{display:flex;align-items:center;gap:var(--ui-space-6);min-width:0;font-size:var(--ui-font-16);line-height:22px;font-weight:700}.u-nm-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-vf{flex:none;display:flex;color:var(--biru)}.u-acts{display:flex;gap:var(--ui-space-8)}.u-acts .u-btn{flex:1;padding:0 12px;font-size:var(--ui-font-14)}.u-pf{text-align:center}.u-pf .u-av88{margin:4px auto 8px;box-shadow:0 6px 16px #ff8fab73}.u-pf-nm{display:flex;justify-content:center;align-items:center;gap:var(--ui-space-6);font-size:var(--ui-font-18);line-height:24px;font-weight:700}.u-pf-nm>span:first-child{min-width:0;overflow-wrap:anywhere}.u-ig{display:flex;justify-content:center;align-items:center;gap:var(--ui-space-6);margin-top:2px;font-size:var(--ui-font-13);line-height:18px;color:var(--redup)}.u-stats{display:flex;justify-content:center;gap:var(--ui-space-24);margin:12px 0 10px}.u-stat{min-width:64px;min-height:44px;text-align:center}.u-stat b{display:block;font-size:var(--ui-font-16);line-height:22px;font-weight:700}.u-stat small{display:block;font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-ach{display:flex;justify-content:center;align-items:center;gap:var(--ui-space-6);margin:16px auto 12px;min-height:44px}.u-bd{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;color:#fff}.u-more{padding-left:4px;font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--redup)}.u-bio{margin:0 8px 16px;font-size:var(--ui-font-13);line-height:18px;color:var(--tinta);white-space:pre-line;overflow-wrap:anywhere}.u-hd{margin:0 0 16px;text-align:center;font-size:var(--ui-font-12);line-height:16px;font-weight:600;color:var(--redup)}.u-g3{display:grid;grid-template-columns:repeat(3,1fr);row-gap:var(--ui-space-14)}.u-ac{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-6);padding:0 4px;font-size:var(--ui-font-12);line-height:16px;font-weight:600;text-align:center;overflow-wrap:anywhere}.u-ac .u-bd{width:64px;height:64px;border-radius:32px;box-shadow:0 4px 10px #3c285a38}.u-ac.u-kunci{color:var(--redup)}.u-ac.u-kunci .u-bd{background:#e4dbe9;color:var(--redup);box-shadow:none}.u-fld{display:flex;flex-direction:column;gap:var(--ui-space-6);margin:4px 0 16px}.u-fld-l{font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--redup)}.u-ta{width:100%;padding:12px 16px;border:0;border-radius:20px;background:var(--lembut);color:var(--tinta);font:inherit;font-size:var(--ui-font-14);line-height:20px;resize:none;outline:0}.u-ta::placeholder{color:var(--redup)}.u-cnt{align-self:flex-end;font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-swrow{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-8);width:100%;height:56px;font-size:var(--ui-font-14);line-height:20px;font-weight:600;text-align:left}.u-sw{position:relative;flex:none;width:52px;height:32px;border-radius:16px;background:#cbbfd6}.u-sw:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:12px;background:#fff;transition:transform .15s ease}.u-swrow[aria-checked=true] .u-sw{background:var(--tombol)}.u-swrow[aria-checked=true] .u-sw:after{transform:translate(20px)}.u-ubah-foot{position:sticky;bottom:0;margin-top:auto;padding-top:8px;background:var(--kertas)}.u-ubah-foot .u-btn{width:100%}.u-feed{display:flex;flex-direction:column;gap:var(--ui-space-14);padding-bottom:8px}.u-news{display:block;width:100%;text-align:left}.u-bn{display:block;width:100%;aspect-ratio:2 / 1;max-height:156px;height:156px;border-radius:20px;overflow:hidden}.u-bn svg{display:block;width:100%;height:100%}.u-news-t{display:block;margin-top:12px;font-size:var(--ui-font-14);line-height:20px;font-weight:700}.u-news-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:var(--ui-font-13);line-height:18px;color:var(--redup)}.u-news-w{display:block;margin-top:4px;font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-art{padding-bottom:8px}.u-art-t{margin:16px 0 4px;font-size:var(--ui-font-18);line-height:24px;font-weight:700}.u-art-p{margin:12px 0 0;font-size:var(--ui-font-14);line-height:20px;overflow-wrap:anywhere}.u-siaran{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center}.u-siaran>*{flex:none}.u-rart{display:flex;align-items:center;justify-content:center;width:176px;height:176px;border-radius:40px;background:linear-gradient(160deg,#ffd9e2,#e2d6fa);color:var(--tinta);box-shadow:0 8px 20px #3c285a38}.u-live{display:inline-flex;align-items:center;gap:var(--ui-space-6);margin-top:16px;font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--bahaya)}.u-live i{display:block;flex:none;width:8px;height:8px;border-radius:4px;background:var(--bahaya)}.u-rtitle{margin:4px 0 0;font-size:var(--ui-font-18);line-height:24px;font-weight:700}.u-rhost{margin:2px 0 0;font-size:var(--ui-font-13);line-height:18px;color:var(--redup)}.u-rctl{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-16);margin:20px 0 24px}.u-rplay{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:36px;background:var(--tombol);color:#fff;box-shadow:0 4px 10px #d6356459}.u-rplay svg{fill:currentColor}.u-rvol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:var(--lembut);color:var(--tinta)}.u-rvol[aria-pressed=true]{opacity:.5}.u-rsp{width:40px;height:40px}.u-siaran h4{align-self:flex-start;margin:0 0 8px;font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--redup)}.u-rnext{align-self:stretch}.u-rrow{display:flex;justify-content:space-between;gap:var(--ui-space-8);height:44px;align-items:center;border-bottom:1px solid var(--garis);font-size:var(--ui-font-14);line-height:20px;text-align:left}.u-rrow:last-child{border-bottom:0}.u-rrow span:last-child{flex:none;color:var(--redup)}.u-flip svg{transform:scaleX(-1)}.u-papan-root[data-big] .u-papan-luar{background:#281e4629}.u-papan[data-kind=info],.u-papan[data-kind=cari]{top:calc(var(--vvt, 0px) + 60px + env(safe-area-inset-top,0px));max-height:none}.u-ktw{position:relative;flex:none;height:197px;padding:14px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff3e6,#ffd9e6 55%,#e2d6fa);box-shadow:0 4px 12px #3c285a2e}.u-ktw:after{content:"";position:absolute;right:-24px;bottom:-30px;width:120px;height:120px;border-radius:60px;background:#ffffff73}.u-kt{font-size:var(--ui-font-12);line-height:16px;font-weight:700;letter-spacing:.08em;color:var(--redup)}.u-kb{position:relative;z-index:1;display:flex;gap:var(--ui-space-10);margin-top:8px}.u-ktw .u-ktw-foto{width:68px;height:84px;border-radius:14px;font-size:var(--ui-font-20);line-height:26px;box-shadow:none}.u-kn{min-width:0}.u-kn b{display:block;margin-top:4px;font-size:var(--ui-font-16);line-height:22px;font-weight:700;overflow-wrap:anywhere}.u-kn span{display:flex;align-items:center;gap:var(--ui-space-6);font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-kn .u-vf{color:var(--biru)}.u-kf{position:relative;z-index:1;display:flex;justify-content:space-between;gap:var(--ui-space-6);margin-top:12px}.u-kf>div{min-width:0}.u-kf small{display:block;font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-kf b{display:block;font-size:var(--ui-font-13);line-height:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-info-acts{margin:12px 0 16px}.u-pkj{margin-top:4px;padding:14px;border-radius:20px;background:#fff;box-shadow:0 2px 8px #3c285a1a}.u-pr{display:flex;align-items:center;gap:var(--ui-space-8)}.u-pkj-ic{flex:none;width:44px;height:44px;border-radius:14px}.u-lvb{flex:none;height:28px;padding:0 12px;border-radius:14px;background:var(--lembut);font-size:var(--ui-font-13);line-height:28px;font-weight:700}.u-pl{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px;font-size:var(--ui-font-12);line-height:16px;font-weight:600;color:var(--redup)}.u-tier{display:inline-flex;align-items:center;gap:var(--ui-space-6);height:28px;padding:0 12px 0 8px;border-radius:14px;background:#fff0bf;color:#5d4400;font-weight:700}.u-bar{height:8px;border-radius:4px;background:var(--lembut);overflow:hidden}.u-bar i{display:block;height:100%;border-radius:4px;background:var(--tombol)}.u-bar.u-e i{background:var(--sukses)}.u-mt2{display:flex;gap:var(--ui-space-8);margin-top:12px}.u-mtile{flex:1;min-width:0;padding:14px;border-radius:20px;background:#fff;box-shadow:0 2px 8px #3c285a1a}.u-papan-root[data-fresh],.u-papan-root[data-fresh] *,.u-hp-root[data-fresh],.u-hp-root[data-fresh] *{pointer-events:none!important}.u-mhd{display:flex;align-items:center;gap:var(--ui-space-6);font-size:var(--ui-font-16);line-height:22px;font-weight:700}.u-emas{display:flex;color:var(--emas)}.u-mtile .u-bar{margin:10px 0 6px}.u-gap24{height:24px}.u-mtile small{display:block;margin-top:2px;font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-cari-ic{flex:none;width:44px;height:44px;border-radius:14px}.u-cari-kosong{margin:0;padding:20px 4px;font-size:var(--ui-font-14);line-height:20px;color:var(--redup);text-align:center}@media(prefers-reduced-motion:reduce){#ui-root *,#ui-root *:before,#ui-root *:after{transition:none!important;animation:none!important}}.u-g{--ink: color-mix(in srgb, var(--ac, #ff8a3d) 50%, #3f2f74);--sw: 1.8;display:block;flex:none;width:32px;height:32px}.u-g16{width:16px;height:16px}.u-g24{width:24px;height:24px}.u-g28{width:28px;height:28px}.u-g30{width:30px;height:30px}.u-g32{width:32px;height:32px}.u-g38{width:38px;height:38px}.u-g42{width:42px;height:42px}.u-ubin{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.82) 0 13%,transparent 14%),linear-gradient(160deg,color-mix(in srgb,var(--ac) 24%,#fff),color-mix(in srgb,var(--ac) 62%,#fff));box-shadow:inset 0 3px #ffffffd9,inset 0 -5px 7px #8264be24,0 3px 10px #6046a03d;transition:transform .12s ease}.u-ubin.u-kecil{width:44px;height:44px;border-radius:17px}.u-ubin-avatar{border-radius:50%;background:#fff;box-shadow:0 3px 10px #6046a047,0 0 0 2px #fff}.u-ubin-avatar .u-potret{width:100%!important;height:100%!important}button:active>.u-ubin,.u-app:active .u-ubin,.u-ubin:active{transform:scale(.96)}.u-ph{display:flex;align-items:center;gap:var(--ui-space-8);margin-bottom:10px}.u-ph h3{flex:1;margin:0;font-size:var(--ui-font-20);line-height:26px;font-weight:900}.u-job{padding:12px;border-radius:20px;color:var(--tinta);background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.4) 0 30px,transparent 31px),linear-gradient(150deg,#ffdcc0,#ffb98c);box-shadow:inset 0 3px #ffffffb3,inset 0 -5px 8px #c86e2829,0 3px 10px #6046a033}.u-jn{display:flex;align-items:center;gap:var(--ui-space-8)}.u-jn b{flex:1;min-width:0;font-size:var(--ui-font-22);line-height:28px;font-weight:900;overflow-wrap:anywhere}.u-lvb-emas{flex:none;background:#ffd23f;color:var(--tinta)}.u-stt{display:inline-flex;align-items:center;gap:var(--ui-space-6);margin-top:10px;padding:7px 12px;border-radius:14px;background:var(--surf);font-size:var(--ui-font-13);line-height:16px;font-weight:800;box-shadow:inset 0 2px #ffffffe6,0 2px 6px #6046a029}.u-stt .u-dot{margin:0;animation:u-kedip 1.4s ease-in-out infinite}@keyframes u-kedip{50%{opacity:.35}}.u-xp{display:flex;align-items:center;gap:var(--ui-space-8);margin-top:14px;font-size:var(--ui-font-12);line-height:16px;font-weight:800}.u-seg10{display:flex;flex:1;gap:3px;min-width:0}.u-seg10 i{flex:1;height:14px;border-radius:5px;background:#ece4fb;box-shadow:inset 0 2px #ffffffb3}.u-seg10 i.f{background:var(--c, var(--btn-h))}.u-mini{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-8);margin:10px 0}.u-ringkas{display:flex;align-items:center;gap:var(--ui-space-8);min-width:0;padding:8px;border-radius:16px;background:var(--surf);font-size:var(--ui-font-14);line-height:18px;font-weight:800;box-shadow:inset 0 2px #ffffffe6,0 2px 8px #6046a029}.u-ringkas small{display:block;font-size:var(--ui-font-12);line-height:16px;color:var(--redup);font-weight:700}.u-kerja-aksi{width:100%}.u-btn.u-merah{background:linear-gradient(#ffc9d1,var(--btn-m));box-shadow:inset 0 3px #ffffffb3,inset 0 -4px 6px #d2466429,0 4px 10px #d6506e47}.u-alasan{margin:0 0 12px;font-size:var(--ui-font-12);line-height:16px;font-weight:700;color:var(--redup)}small.u-alasan{display:block;margin:4px 0 0}.u-needs{display:flex;flex-direction:column}.u-need{display:flex;align-items:center;gap:var(--ui-space-8);padding:9px 0}.u-need+.u-need{border-top:1.5px solid var(--garis)}.u-nm2{flex:1;min-width:0}.u-nm2 b{display:flex;justify-content:space-between;margin-bottom:6px;font-size:var(--ui-font-14);line-height:20px;font-weight:800}.u-nm2 b em{font-style:normal;font-size:var(--ui-font-13);color:var(--redup)}.u-chipbtn{flex:none;width:132px;height:44px;padding:0 8px;border-radius:22px;font-size:var(--ui-font-13)}.u-cn{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 6px 2px 3px;border-radius:9px;background:#ffffff8c}.u-cn .u-g{--ac: #ffd23f}.u-bilah{position:absolute;z-index:6;pointer-events:auto;left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));bottom:var(--celah-b);height:58px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 6px 6px;border-radius:28px;background:linear-gradient(#fffdfb,#fbf3ff);box-shadow:inset 0 3px #ffffffe6,0 4px 12px #6046a047}#ui-root[data-kb] .u-bilah{display:none}@media(min-width:440px){.u-bilah{left:50%;right:auto;width:var(--lebar-ui);translate:-50% 0}}.u-ni{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;min-width:0;height:48px;border-radius:18px;font-size:var(--ui-font-12);line-height:14px;font-weight:800;color:var(--tinta);transition:transform .12s ease}.u-ni .u-g{width:28px;height:28px}.u-ni .l{max-width:100%;white-space:nowrap}.u-ni.on{background:color-mix(in srgb,var(--ac) 20%,#fff);box-shadow:inset 0 2px 5px #785ab438}.u-ni:active{transform:scale(.96)}.u-rumah{overflow:visible}.u-puk{position:absolute;top:-22px;left:50%;width:54px;height:54px;margin-left:-27px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff 0 12%,transparent 13%),linear-gradient(160deg,color-mix(in srgb,var(--ac) 35%,#fff),color-mix(in srgb,var(--ac) 80%,#fff));box-shadow:inset 0 3px #ffffffb3,inset 0 -5px 7px #8264be24,0 4px 12px #6046a04d}.u-puk .u-g{width:36px;height:36px}.u-rumah .l{margin-top:0}.u-ni .u-bdg{top:0;right:10px}.u-bdg-titik{min-width:12px;width:12px;height:12px;padding:0;top:2px!important;right:14px!important}.u-scr{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:28px;color:var(--tinta);background:radial-gradient(circle at 78% 17%,#fffbe0 0 22px,#ffeaa8 23px 34px,transparent 35px),linear-gradient(#c9d9ff 0,#e8d3f7 40%,#ffd5e2 64%,#ffe8c8)}.u-scr:before{content:"";position:absolute;left:-30px;right:-30px;bottom:-70px;height:190px;border-radius:50%;background:#bba8f0;box-shadow:0 -34px 0 -10px #d3c6f8;pointer-events:none}.u-scr:after{content:"";position:absolute;left:0;top:0;width:70%;height:46%;background:radial-gradient(ellipse 100% 100% at 0 0,#ffffff70,transparent 100%);pointer-events:none}.u-scr>.u-hp-status,.u-scr>.u-hp-top,.u-scr>.u-hp-body,.u-scr>.u-hp-home{position:relative;z-index:1}.u-scr.u-scr-app{background:var(--surf)}.u-scr.u-scr-app:before,.u-scr.u-scr-app:after{display:none}.u-scr .u-hp-top{margin:0 10px}.u-scr .u-hp-body{padding:0 10px}.u-scr .u-hp-grab:before{display:none}.u-scr .u-hp-title{color:var(--tinta)}.u-hp-status{flex:none;touch-action:none;display:flex;justify-content:space-between;align-items:center;height:32px;padding:6px 18px 2px;font-size:var(--ui-font-13);line-height:16px;font-weight:800;color:var(--tinta)}.u-pulau{position:absolute;top:6px;left:50%;width:72px;height:20px;margin-left:-36px;border-radius:10px;background:#2a2150}.u-pulau:after{content:"";position:absolute;right:8px;top:6px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4d6bff,#0b1240 70%)}.u-st-r{display:flex;align-items:center;gap:var(--ui-space-6)}.u-sinyal{display:flex;align-items:flex-end;gap:2px;height:12px}.u-sinyal i{display:block;width:3px;border-radius:1.5px;background:var(--tinta)}.u-sinyal i:nth-child(1){height:4px}.u-sinyal i:nth-child(2){height:6px}.u-sinyal i:nth-child(3){height:9px}.u-sinyal i:nth-child(4){height:12px}.u-bat{position:relative;width:26px;height:13px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--tinta)}.u-bat i{position:absolute;left:2.5px;top:2.5px;bottom:2.5px;width:calc(21px * var(--lv, 100) / 100);max-width:21px;border-radius:2px;background:#3fd47a}.u-bat.low i{background:var(--badge, #d63564)}.u-bat:after{content:"";position:absolute;right:-3px;top:4px;width:2px;height:5px;border-radius:0 2px 2px 0;background:var(--tinta)}.u-wrow{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-8);margin-bottom:10px}.u-wd{height:76px;min-width:0;padding:8px 10px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:var(--tinta);background:#ffffffd8;box-shadow:inset 0 3px #ffffffd9,0 4px 10px #6046a02e}.u-wd>div{min-width:0}.u-wd small{display:block;font-size:var(--ui-font-12);line-height:14px;font-weight:700;color:var(--redup)}.u-wd-jam{font-size:var(--ui-font-28);line-height:34px;font-weight:900;letter-spacing:-1px}.u-wd-radio{background:linear-gradient(160deg,#ffe27a,#ffb23f)}.u-wd-radio small{color:#6b4a00}.u-wd-judul{display:block;font-size:var(--ui-font-14);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-eq{display:flex;align-items:flex-end;gap:3px;height:22px}.u-eq i{display:block;width:5px;border-radius:2px;background:var(--tinta)}.u-eq i:nth-child(1){height:9px}.u-eq i:nth-child(2){height:20px}.u-eq i:nth-child(3){height:13px}.u-eq i:nth-child(4){height:18px}.u-eq i:nth-child(5){height:7px}.u-hp-home{flex:none;display:block;width:100%;height:22px;touch-action:none}.u-hp-home:before{content:"";position:absolute;left:50%;top:9px;width:96px;height:4px;margin-left:-48px;border-radius:3px;background:#7b6cb8}.u-spanduk{position:absolute;top:44px;left:16px;right:16px;z-index:4;display:flex;align-items:center;gap:var(--ui-space-8);padding:8px 12px 8px 8px;border-radius:22px;text-align:left;color:var(--tinta);background:var(--surf);box-shadow:inset 0 3px #ffffffd9,0 4px 10px #6046a038;animation:u-spanduk-in .2s ease-out}.u-sp-t{min-width:0;display:flex;flex-direction:column}.u-sp-t b{font-size:var(--ui-font-13);line-height:18px}.u-sp-t span{font-size:var(--ui-font-12);line-height:16px;color:var(--redup);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes u-spanduk-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.u-zoom{transform-origin:var(--zx, 50%) var(--zy, 50%);animation:u-zoom-in .22s ease-out}@keyframes u-zoom-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.u-kapsul{position:absolute;right:0;top:50%;z-index:3;width:26px;height:64px;margin-top:-32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:16px 0 0 16px;color:var(--tinta);background:#fffaf6e6;box-shadow:inset 0 3px #ffffffd9,0 3px 6px #6046a03d}.u-kapsul .u-i{margin:-3px 0}.u-kapsul:active{transform:scale(.96)}.u-saya-h{margin:14px 0 6px;font-size:var(--ui-font-14);line-height:20px;font-weight:800;color:var(--tinta)}.u-saya-aksi{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-8);padding:2px 0 10px}.u-dk{display:flex;align-items:center;gap:var(--ui-space-10);width:100%;min-height:76px;padding:10px 14px;border-radius:24px;text-align:left;color:var(--tinta);background:var(--surf);box-shadow:inset 0 3px #ffffffd9,0 3px 8px #6046a02e}.u-dk:active{transform:scale(.98)}.u-dk-kecil{min-height:56px;padding:8px 12px;gap:var(--ui-space-8);border-radius:20px;min-width:0}.u-dk-kecil b{font-size:var(--ui-font-14);line-height:18px;min-width:0}.u-dk-t{display:flex;flex-direction:column;gap:2px;min-width:0}.u-dk-t b{font-size:var(--ui-font-16);line-height:22px}.u-dk-t small{font-size:var(--ui-font-12);line-height:16px;color:var(--redup)}.u-itemlist{display:block}.u-emo{flex:none;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-size:var(--ui-font-20);line-height:1;background:var(--lembut);box-shadow:inset 0 2px #ffffffd9}.u-kosong{margin:18px 0;text-align:center;font-size:var(--ui-font-13);line-height:18px;color:var(--redup)}.u-tas .u-itemlist{margin-top:4px}.u-koin-chip{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ui-space-4);padding:4px 10px;border-radius:14px;font-size:var(--ui-font-13);line-height:18px;font-weight:800;background:var(--lembut)}.u-tautan{margin-left:8px;padding:0 2px;font-size:var(--ui-font-12);line-height:16px;font-weight:800;color:#3a6fe0;text-decoration:underline}.u-papan[data-kind=tempat]{padding:0;overflow:hidden}.tp-kartu{display:flex;flex-direction:column}.tp-kepala{position:relative;display:flex;align-items:center;gap:var(--ui-space-12);min-height:92px;padding:14px 14px 14px 16px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#b08bff,#8456ea 46%,#5b34b8);box-shadow:inset 0 -3px #ffffff2e}.tp-kepala:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(150px 100px at 8% -10%,rgba(255,255,255,.42),transparent 72%),linear-gradient(104deg,transparent 38%,rgba(255,255,255,.13) 39%,rgba(255,255,255,.13) 55%,transparent 56%),radial-gradient(120px 70px at 100% 120%,rgba(255,190,120,.35),transparent 70%)}.tp-kepala:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 63% 20%,#fff 0 2.5px,transparent 3.5px),radial-gradient(circle at 70% 76%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 80% 14%,rgba(255,255,255,.85) 0 3px,transparent 4px),radial-gradient(circle at 57% 84%,rgba(255,255,255,.6) 0 1.5px,transparent 2.5px),radial-gradient(circle at 90% 62%,rgba(255,255,255,.7) 0 2px,transparent 3px)}.tp-ikon{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff;box-shadow:inset 0 -3px #6a42cb1f,0 3px 8px #3c1e824d}.tp-ikon .u-g{width:38px;height:38px}.tp-judul{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tp-kepala h3{margin:0;font-size:var(--ui-font-24);line-height:30px;font-weight:800;overflow-wrap:anywhere}@media(max-width:380px){.tp-kepala h3{font-size:var(--ui-font-20);line-height:26px}}.tp-kepala small{font-size:var(--ui-font-14);line-height:20px;font-weight:700;color:#ffffffeb}.tp-seni{position:absolute;right:52px;bottom:-14px;z-index:0;display:flex;align-items:flex-end;gap:2px;opacity:.42;pointer-events:none}.tp-seni:before{content:"";position:absolute;inset:-6px -14px -26px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.38),transparent 68%)}.tp-seni .u-g{width:104px;height:104px}.tp-garis{display:grid;place-items:center;color:var(--ac)}.tp-ikon .tp-garis .u-i{width:34px;height:34px;stroke-width:2.1}.tp-seni .tp-garis{color:#fff}.tp-seni .tp-garis .u-i{width:96px;height:96px;stroke-width:1.4}.tp-seni>svg{align-self:flex-start;width:22px;height:22px;color:#fff}.tp-kepala>.u-ib{position:relative;flex:none;width:44px;height:44px;background:#fff}.tp-badan{display:flex;flex-direction:column;gap:var(--ui-space-10);padding:12px 14px 14px}.tp-kartu .u-tp-aksi{display:flex;flex-direction:column;gap:var(--ui-space-8)}.tp-kartu .u-tp-aksi .u-btn{width:100%}.tp-kartu .u-tp-aksi.tp-dua{flex-direction:row}.tp-kartu .u-tp-aksi.tp-dua .u-btn{width:auto;flex:1 1 0;min-width:0;padding:0 10px}.tp-kartu .u-tp-aksi.tp-dua .u-btn:first-child{flex:0 0 34%}.u-rank{flex:none;width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-size:var(--ui-font-14);font-weight:900;color:var(--tinta);background:var(--lembut);box-shadow:inset 0 2px #ffffffd9}.u-rank-1{background:linear-gradient(160deg,#ffe27a,#ffb23f)}.u-rank-2{background:linear-gradient(160deg,#eef0f7,#c9cfe0)}.u-rank-3{background:linear-gradient(160deg,#ffd9bd,#e9a070)}.u-skor{font-size:var(--ui-font-12);line-height:16px;font-weight:800;color:var(--redup);white-space:nowrap}.u-row-kamu{background:color-mix(in srgb,#3aa0ff 12%,#fff);border-radius:18px}.u-awan{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden;--ms: .72s}.u-awan.tutup{pointer-events:auto;touch-action:none}.u-awan-defs{position:absolute;width:0;height:0}.u-awan-langit{position:absolute;inset:0;background:#d6ebff;opacity:0}.u-awan.jalan .u-awan-langit{transition:opacity calc(var(--ms) * .5) ease}.u-awan.tutup .u-awan-langit{opacity:1;transition-delay:calc(var(--ms) * .35)}.u-awan-g{position:absolute;height:auto;aspect-ratio:220 / 130;transform:translate3d(var(--dx),0,0)}.u-awan.jalan .u-awan-g{will-change:transform;transition:transform calc(var(--ms) * .72) cubic-bezier(.3,.7,.25,1);transition-delay:calc(var(--i) * var(--ms) * .02)}.u-awan.tutup .u-awan-g{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.u-awan-g{display:none}.u-awan.tutup .u-awan-langit{transition-delay:0s}.u-awan.jalan .u-awan-langit{transition-duration:var(--ms)}}.u-kipas{position:absolute;left:50%;bottom:calc(100% + 32px);transform:translate(-50%);display:flex;align-items:flex-end;gap:26px;z-index:2}.u-kipas-b{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-4);min-width:76px;font-size:var(--ui-font-12);line-height:14px;font-weight:800;color:var(--tinta);opacity:0;transform:translateY(16px) scale(.7);transition:transform .2s cubic-bezier(.2,.9,.3,1.15),opacity .16s ease;transition-delay:calc(var(--i, 0) * 40ms)}.u-kipas.buka .u-kipas-b{opacity:1;transform:none}.u-kipas-b:active .u-kipas-bola{transform:scale(.94)}.u-kipas-bola{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transition:transform .12s ease;background:radial-gradient(circle at 30% 22%,#fff 0 12%,transparent 13%),linear-gradient(160deg,color-mix(in srgb,var(--ac) 30%,#fff),color-mix(in srgb,var(--ac) 75%,#fff));box-shadow:inset 0 3px #ffffffb3,inset 0 -5px 7px #8264be24,0 4px 10px #6046a04d}.u-kipas-bola .u-g{width:36px;height:36px}.u-kipas-l{padding:2px 9px;border-radius:10px;background:#fffdfb;box-shadow:0 2px 6px #6046a038;white-space:nowrap}.u-sisi{position:absolute;left:calc(10px + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);z-index:4;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-4);font-size:var(--ui-font-12);line-height:14px;font-weight:800;color:var(--tinta)}.u-sisi[hidden]{display:none}.u-sisi:active .u-kipas-bola{transform:scale(.94)}.u-sisi.on .u-kipas-bola{box-shadow:inset 0 3px #ffffffb3,inset 0 -5px 7px #8264be24,0 0 0 4px color-mix(in srgb,var(--ac) 30%,#fff),0 4px 10px #6046a04d}.u-kd-huruf{font-size:var(--ui-font-18);font-weight:900;color:var(--tinta)}#ui-root:not([data-mode=city]) .u-hud-cari{display:none}#ui-root[data-mode=rooms] .u-bilah,#ui-root[data-mode=estate] .u-bilah,#ui-root[data-mode=home][data-open] .u-bilah{display:none}#ui-root[data-mode=home][data-open] .u-rm-bawah{bottom:var(--dasar-rm);padding-bottom:var(--celah-b)}.u-panel{padding:12px 14px;border-radius:24px;background:var(--surf);box-shadow:inset 0 2px #ffffffd9,0 2px 8px #6046a029}.u-panel h4{margin:0 0 8px;font-size:15px;line-height:20px;font-weight:800}.u-camera-modes{position:absolute;right:calc(12px + env(safe-area-inset-right,0px));top:42%;display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:20px;background:color-mix(in srgb,var(--kertas) 88%,transparent);box-shadow:inset 0 2px #fff,0 2px 6px #6046a024;pointer-events:auto}.u-camera-modes .u-ib{width:38px;height:38px;border-radius:16px}.u-camera-modes .u-ib:after{inset:-3px}.u-camera-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--btn-j) 45%,var(--surf))}#ui-root:not([data-mode=city]) .u-camera-modes,#ui-root[data-gate=guest] .u-camera-modes,#ui-root[data-gate=token_ok] .u-camera-modes,#ui-root[data-gate=registered] .u-camera-modes{display:none}.u-cari-loc{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:var(--lembut);color:var(--tinta);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease;box-shadow:inset 0 2px #ffffffe6,0 2px 6px #6046a02e}.u-cari-loc:active{transform:scale(.94)}.u-cari-loc:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.u-cari-loc:disabled{opacity:.5}.u-hud[hidden],.u-hud-profile[hidden],.u-hud-meter[hidden]{display:none}.u-hud-profile{box-sizing:border-box;display:flex;align-items:center;gap:6px;width:128px;height:44px;padding:4px;border-radius:24px;background:var(--surf);color:var(--tinta);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 2px #ffffffe6,0 2px 8px #6046a033;transition:transform .12s ease}.u-hud-profile:active{transform:scale(.96)}.u-hud-profile:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.u-hud-portrait{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--lembut)}.u-hud-portrait>*{width:36px;height:36px;border-radius:50%}.u-hud-portrait img{display:block;width:100%;height:100%;object-fit:cover}.u-hud-portrait .u-av{font-size:var(--ui-font-12)}.u-hud-meters{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;padding-right:5px}.u-hud-meter{display:flex;align-items:center;gap:4px;height:12px}.u-hud-meter .u-i{flex:none;width:12px;height:12px}.u-hud-meter-track{flex:1;height:7px;overflow:hidden;border-radius:5px;background:var(--garis);box-shadow:inset 0 1px 2px #6046a026}.u-hud-meter-fill{display:block;width:100%;height:100%;transform-origin:left;border-radius:inherit}.u-hud-meter-stamina{color:#1d6b45}.u-hud-meter-stamina .u-hud-meter-fill{background:var(--btn-h)}.u-hud-meter-mood{color:var(--tombol)}.u-hud-meter-mood .u-hud-meter-fill{background:var(--btn-m)}.u-hud-jam-b{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.u-hud-jam-b:active{transform:scale(.96)}.u-hjk{position:absolute;right:calc(96px + env(safe-area-inset-right,0px));top:calc(64px + env(safe-area-inset-top,0px));z-index:4;display:flex;flex-direction:column;gap:var(--ui-space-8);min-width:176px;padding:var(--ui-space-12) var(--ui-space-14);border-radius:20px;background:var(--surf);color:var(--tinta);box-shadow:inset 0 2px #ffffffe6,0 3px 10px #6046a03d}.u-hjk>b{font-size:var(--ui-font-14);line-height:18px;font-weight:800}.u-hjk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-12)}.u-hjk-reset{display:inline-flex;align-items:center;gap:var(--ui-space-6);color:var(--redup);font-size:var(--ui-font-16);line-height:20px;font-weight:800;font-variant-numeric:tabular-nums}.u-hjk-ci{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:16px;background:var(--lembut);cursor:pointer;-webkit-tap-highlight-color:transparent}.u-hjk-ci:active{transform:scale(.96)}.u-hjk-ci>.u-i{position:absolute;right:2px;bottom:2px;display:none;width:16px;height:16px;padding:1px;border-radius:50%;background:var(--sukses);color:#fff;stroke-width:3}.u-hjk-ci[data-state=sudah]>.u-evo{opacity:.45}.u-hjk-ci[data-state=sudah]>.u-i{display:block}.u-hjk-ci[data-state=belum]:after{content:"";position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--bahaya);box-shadow:0 0 0 2px var(--lembut)}#ui-root[data-gate=guest]>.u-toast,#ui-root[data-gate=token_ok]>.u-toast{top:calc(50% - 22px)}#ui-root[data-gate=guest] .u-hud,#ui-root[data-gate=guest] .u-bilah,#ui-root[data-gate=guest] .u-lk,#ui-root[data-gate=guest] .u-sisi,#ui-root[data-gate=guest] .u-ki,#ui-root[data-gate=token_ok] .u-hud,#ui-root[data-gate=token_ok] .u-bilah,#ui-root[data-gate=token_ok] .u-lk,#ui-root[data-gate=token_ok] .u-sisi,#ui-root[data-gate=token_ok] .u-ki{display:none!important}#ui-root[data-gate=registered] .u-bilah .u-ni:after,#ui-root[data-gate=registered] .u-hud-cari:before,#ui-root[data-gate=registered] .u-hud-profil:before{content:"🔒";position:absolute;top:-4px;right:-2px;font-size:14px;line-height:16px;pointer-events:none}#ui-root[data-gate=registered] .u-bilah .u-ni{position:relative;opacity:.7}#ui-root[data-gate=registered] .u-hud-cari,#ui-root[data-gate=registered] .u-hud-profil{opacity:.7}.u-tiket{position:absolute;z-index:7;left:50%;top:0;width:176px;margin-left:-88px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;pointer-events:none;animation:u-goyang 2.6s ease-in-out infinite}.u-tiket-tali-wrap{position:relative;width:100%;height:calc(36px + env(safe-area-inset-top,0px))}.u-tiket-tali{position:absolute;top:0;bottom:-4px;width:3.5px;background:#8a6a4a;border-radius:0 0 2px 2px}.u-tiket-tali:nth-of-type(1){left:30px}.u-tiket-tali:nth-of-type(2){right:30px}.u-tiket-badan{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--ui-space-6);min-height:52px;padding:8px 14px;border:0;border-radius:16px;color:#fff;font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ff6b7e,#d63564);box-shadow:inset 0 3px #ffffff73,inset 0 -4px 6px #78143240,0 4px 10px #d6356466;transition:transform .12s ease}.u-tiket-badan:active{transform:scale(.96)}.u-tiket-badan b{font-size:var(--ui-font-16);line-height:22px;font-weight:900;letter-spacing:.2px;text-shadow:0 1px 0 rgba(120,20,50,.4)}.u-tiket-ikon{font-size:var(--ui-font-20);line-height:26px}.u-tiket-tali-bawah-wrap{position:relative;width:132px;height:18px}.u-tiket-tali-bawah{position:absolute;top:-3px;bottom:-3px;width:3px;background:#8a6a4a;border-radius:2px}.u-tiket-tali-bawah:nth-of-type(1){left:24px}.u-tiket-tali-bawah:nth-of-type(2){right:24px}.u-tiket-masuk-badan{position:relative;width:132px;display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 12px;border:0;border-radius:14px;color:var(--tinta);font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff8e8,#ffd98a);box-shadow:inset 0 3px #ffffffd9,inset 0 -3px 5px #a0691e38,0 4px 10px #5a37144d;transition:transform .12s ease}.u-tiket-masuk-badan:active{transform:scale(.95)}.u-tiket-masuk-badan b{font-size:var(--ui-font-14);line-height:20px;font-weight:900;letter-spacing:.2px}@keyframes u-goyang{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.u-mdl{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#281e4661;pointer-events:auto;animation:u-fade .16s ease-out}.u-mdl-kartu{width:min(100%,380px);max-height:calc(100% - 24px);overflow:auto;padding:18px 18px 16px;border-radius:28px;color:var(--tinta);background:linear-gradient(#fffdfb,var(--surf));box-shadow:inset 0 3px #fff,0 10px 24px #3c286e59}.u-mdl-kartu h2{margin:0 0 12px;font-size:var(--ui-font-20);line-height:26px;font-weight:900}.u-mdl-aksi{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-8);margin-top:14px}.u-mdl-aksi .u-btn{flex:0 0 auto}.u-cara{display:flex;flex-direction:column;gap:var(--ui-space-8);margin:0;padding:0;list-style:none}.u-cara li{display:flex;align-items:flex-start;gap:var(--ui-space-8)}.u-cara-no{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:14px;background:var(--btn-j);font-size:var(--ui-font-14);line-height:20px;font-weight:900}.u-cara-teks{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-4);padding-top:3px;font-size:var(--ui-font-14);line-height:20px;font-weight:700}.u-cara-baris-ig{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--ui-space-6)}.u-cara-ig{display:inline-flex;align-items:center;gap:var(--ui-space-4);color:var(--biru);font-size:var(--ui-font-14);line-height:20px;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.u-ig-ikon{display:inline-flex;align-items:center;color:var(--biru)}.u-tautan{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--tombol);font:inherit;font-size:var(--ui-font-13);line-height:18px;font-weight:800;text-decoration:underline;cursor:pointer}.u-form{display:flex;flex-direction:column;gap:var(--ui-space-8)}.u-form[hidden]{display:none}.u-form .u-field{flex:none;width:100%}.u-galat{margin:0;color:var(--bahaya);font-size:var(--ui-font-13);line-height:18px;font-weight:700}