.rx{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sand:#f5f3ee;--paper:#fff;--field:#fff;--ink:#1d2b26;--muted:#6b756f;--green:#1f4a3d;--green-text:#1f4a3d;--green-soft:#e3ece6;--on-accent:#fff;--hero-bg:#1f4a3d;--hero-fg:#f3ede0;--hero-field:#14342b;--hero-ring:#5ec8b8;--clay:#c0623d;--line:#e6e3da;--danger:#a33a2a;--warn-bg:#f6e3dc;--radius:16px;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.rx *{box-sizing:border-box}.rx{background:var(--sand);color:var(--ink);font:16px/1.5 var(--sans);margin:0;padding-bottom:96px}.rx button,.rx input,.rx textarea{font:inherit;color:inherit}.rx button{cursor:pointer}.rx :focus-visible{outline:2px solid var(--clay);outline-offset:2px}.rx .hero{background:var(--hero-bg);color:var(--hero-fg);border-radius:0 0 28px 28px;padding:28px 20px 32px}.rx .hero-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.rx .brand{letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin:0;font-size:12px}.rx .hero h1{font:400 32px/1.15 var(--serif);text-wrap:balance;margin:0 0 6px}.rx .stay{opacity:.85;margin:0;font-size:14px}.rx .chips{scrollbar-width:none;gap:8px;padding:16px 20px 8px;display:flex;overflow-x:auto}.rx .chips::-webkit-scrollbar{display:none}.rx .chip{border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:14px}.rx .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.rx .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;max-width:1100px;margin:0 auto;padding:12px 20px 8px;display:grid}.rx .card{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.rx .card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d2b2614}.rx .tile{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(160deg,#56707c,#2c3e47);flex:none;align-items:flex-end;width:92px;padding:10px;font-size:11px;line-height:1.2;display:flex}.rx .cat-tour{background:linear-gradient(160deg,#2f6b57,#173a30)}.rx .cat-activity{background:linear-gradient(160deg,#d08a4e,#a8502f)}.rx .cat-scooter{background:linear-gradient(160deg,#56707c,#2c3e47)}.rx .cat-laundry{background:linear-gradient(160deg,#7fa3a0,#49706d)}.rx .cat-floating{background:linear-gradient(160deg,#4f9fb0,#256a7a)}.rx .cat-breakfast{background:linear-gradient(160deg,#d9a94a,#b07a22)}.rx .card-body{flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.rx .card-body strong{font:600 17px/1.25 var(--serif)}.rx .desc{color:var(--muted);font-size:13px}.rx .price{font-variant-numeric:tabular-nums;margin-top:6px;font-weight:600}.rx .price small{color:var(--muted);font-weight:400}.rx .empty{color:var(--muted);padding:24px 20px}.rx .foot{color:var(--muted);text-align:center;padding:20px;font-size:13px}.rx .foot p{margin:0}.rx .cart-bar{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--clay);max-width:520px;color:var(--on-accent);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:16px 20px;font-weight:600;display:flex;position:fixed;box-shadow:0 10px 24px #c0623d59}.rx .cart-bar[hidden]{display:none}.rx .sheet{background:var(--paper);width:100%;max-width:520px;max-height:92dvh;color:var(--ink);border:0;border-radius:24px 24px 0 0;margin:auto auto 0;padding:0}.rx .sheet::backdrop{background:#141e1a80}@media (min-width:640px){.rx .sheet{border-radius:24px;margin:auto}}.rx #sheetBody{padding:22px 20px 24px}.rx .sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rx .sheet-head h2{font:400 26px/1.2 var(--serif);margin:0}.rx .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin:0 0 4px;font-size:11px}.rx .close{border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;width:36px;height:36px;font-size:18px;line-height:1}.rx .lead{color:var(--muted);margin:8px 0 0;font-size:14px}.rx .field{margin-top:20px}.rx .label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.rx .hint{color:var(--muted);font-weight:400}.rx .options{flex-wrap:wrap;gap:8px;display:flex}.rx .opt{border:1px solid var(--line);background:var(--field);font-variant-numeric:tabular-nums;border-radius:10px;padding:8px 12px;font-size:14px}.rx .opt[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-accent)}.rx .opt:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.rx input[type=date],.rx input[type=password],.rx input[type=tel],.rx input[type=text],.rx input[type=email],.rx textarea{border:1px solid var(--line);background:var(--field);border-radius:10px;width:100%;padding:10px 12px}.rx textarea{resize:vertical;min-height:72px}.rx .stepper{align-items:center;gap:14px;display:inline-flex}.rx .stepper button{border:1px solid var(--line);background:var(--field);border-radius:50%;width:40px;height:40px;font-size:20px;line-height:1}.rx .stepper button:disabled{opacity:.35;cursor:not-allowed}.rx .stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.rx .note{background:var(--green-soft);border-radius:10px;margin-top:16px;padding:10px 12px;font-size:13px}.rx .note.warn{background:var(--warn-bg);color:var(--danger)}.rx .total-row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-top:22px;padding-top:16px;display:flex}.rx .total-row strong{font-size:20px}.rx .primary{background:var(--green);width:100%;color:var(--on-accent);border:0;border-radius:999px;margin-top:16px;padding:15px;font-weight:600}.rx .primary:disabled{opacity:.4;cursor:not-allowed}.rx .ghost{border:1px solid var(--line);background:0 0;border-radius:999px;width:100%;margin-top:10px;padding:13px}.rx .lines{margin:16px 0 0;padding:0;list-style:none}.rx .lines li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.rx .lines .meta{color:var(--muted);font-size:13px;display:block}.rx .lines .amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.rx .remove{color:var(--danger);background:0 0;border:0;margin-left:auto;padding:2px 0;font-size:13px;text-decoration:underline;display:block}.rx .done{text-align:center}.rx .order-no{border:1px dashed var(--green-text);letter-spacing:.04em;border-radius:12px;margin:14px 0 4px;padding:10px 18px;font:600 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.rx .badge{background:var(--green-soft);color:var(--green-text);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.rx .done .lines{text-align:left}.rx .toast{background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:92px;left:50%;transform:translate(-50%,20px)}.rx .toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.rx *{transition:none!important}}.rx .user{position:relative}.rx .user-btn{border:1px solid var(--hero-ring);background:var(--hero-field);width:42px;height:42px;color:var(--hero-fg);border-radius:50%;place-items:center;display:grid}.rx .user-pop{z-index:5;background:var(--paper);min-width:210px;color:var(--ink);border:1px solid var(--line);border-radius:14px;flex-direction:column;margin-top:8px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 28px #00000038}.rx .user-pop:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.rx .user:hover .user-pop,.rx .user:focus-within .user-pop,.rx .user.open .user-pop{display:flex}.rx .user-info{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;display:flex}.rx .user-info span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.rx .user-pop button{text-align:left;background:0 0;border:0;border-radius:8px;padding:10px;font-size:15px}.rx .user-pop button:hover{background:var(--green-soft)}.rx .user-pop button[data-user=logout]{color:var(--danger)}.rx .pickers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:760px;margin-top:18px;display:grid}.rx .picker{opacity:1;flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}.rx .picker span{opacity:.8}.rx .picker select,.rx .picker input{border:1px solid var(--hero-ring);background:var(--hero-field);width:100%;min-width:0;color:var(--hero-fg);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:12px 14px;font-size:16px}.rx .signed-out{text-align:center;max-width:420px;margin:0 auto;padding:72px 20px}.rx .signed-out .brand{color:var(--clay);opacity:1;margin-bottom:18px}.rx .signed-out h1{font:400 30px/1.2 var(--serif);margin:0 0 8px}.rx .signed-out p{color:var(--muted);margin:0}.rx .hero-actions{align-items:center;gap:10px;display:flex}.rx .orders-btn{border:1px solid var(--hero-ring);background:var(--hero-field);color:var(--hero-fg);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:14px}.rx .order-list{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.rx .order-row{text-align:left;border:1px solid var(--line);background:var(--field);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.rx .order-row .no{font:600 15px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.rx .order-row .meta{color:var(--muted);font-size:13px;display:block}.rx .order-row .right{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.rx .badge.st-in_progress{background:var(--warn-bg);color:var(--clay)}.rx .badge.st-done{color:var(--muted);border:1px solid var(--line);background:0 0}.rx .badge.st-cancelled{background:var(--warn-bg);color:var(--danger)}.rx .facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:16px 0 0;font-size:14px;display:grid}.rx .facts dt{color:var(--muted)}.rx .facts dd{text-align:right;margin:0}.rx .danger-btn{border:1px solid var(--danger);width:100%;color:var(--danger);background:0 0;border-radius:999px;margin-top:16px;padding:13px;font-weight:600}.rx .back{color:var(--muted);background:0 0;border:0;margin-bottom:6px;padding:0;font-size:13px;text-decoration:underline}.rx .brand-wrap{align-items:center;gap:12px;min-width:0;display:flex}.rx .logo{background:var(--hero-field);border:1px solid var(--hero-ring);width:48px;height:48px;color:var(--hero-fg);font:600 24px/1 var(--serif);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.rx .logo img{object-fit:cover;width:100%;height:100%;display:block}.rx .signed-out .logo{margin:0 auto 14px}@media (max-width:420px){.rx .hero .brand{display:none}}.rx [hidden]{display:none!important}.rx{min-height:100vh}.rx .gate{text-align:center}.rx .gate .field{text-align:left}.rx .gate .primary,.rx .gate .ghost{width:100%;margin-top:16px}.rx .gate .skip{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:22px;font-size:13px;text-decoration:underline}.rx .picker input::placeholder{color:var(--hero-fg);opacity:.45}.rx .tile.photo{text-shadow:0 1px 3px #00000080;background-position:50%;background-size:cover;width:128px}.rx .sheet-photo{aspect-ratio:3/2;object-fit:cover;background:#e7e5de;border-radius:14px;width:100%;margin-top:14px;display:block}.rx .gate input[type=file]{width:100%;padding:10px 0;font-size:14px}.rx .gate .note.ok{color:#1f5f3a;background:#e8f3ec}.rx .gate-card .note:not(.ok):not(.warn){color:#ffffffeb;background:#ffffff1f}.rx .consent{text-align:left;color:var(--muted);align-items:flex-start;gap:10px;margin-top:18px;font-size:13px;line-height:1.45;display:flex}.rx .consent input{flex:none;width:18px;height:18px;margin-top:3px}.rx .qr{border-top:1px solid var(--line,#e7e1d8);margin-top:28px;padding-top:22px}.rx .qr-box{border:1px solid var(--line,#e7e1d8);background:#fff;border-radius:10px;width:148px;height:148px;margin:0 auto;padding:6px}.rx .qr-box svg{width:100%;height:100%;display:block}.rx .qr p{margin-top:10px;font-size:12px}.rx .gate-frame{box-sizing:border-box;isolation:isolate;background-color:#1f4d3f;background-image:linear-gradient(135deg,#2f6b55,#163428);border-radius:0;justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:20px;display:flex;position:relative;overflow:hidden}.rx .gate-card{text-align:left;background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:calc(100dvh - 40px);margin:0;padding:26px 30px 20px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0a1e1647}.rx .gate-card .gate-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.rx .gate-card .gate-head .logo{flex:none;width:38px;height:38px;margin:0}.rx .gate-card .gate-head .brand{margin:0}.rx .gate-card h1{color:var(--ink);margin:0 0 6px;font-size:30px;line-height:1.1}.rx .gate-card p{font-size:14px;line-height:1.4}.rx .gate-card .field{margin-top:12px}.rx .gate-card .label{margin-bottom:5px}.rx .gate-card .field-row{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.rx .gate-card input[type=text],.rx .gate-card input[type=email],.rx .gate-card input[type=password],.rx .gate-card input[type=tel]{border-radius:999px;min-width:0;padding:10px 16px}.rx .gate-card input[type=file]{padding:4px 0;font-size:13px}.rx .gate-card .primary,.rx .gate-card .ghost{border-radius:999px;margin-top:12px;padding-top:11px;padding-bottom:11px}.rx .gate-card .consent{margin-top:12px;font-size:12px}.rx .gate-card .note{margin-top:10px;font-size:13px}.rx .gate-card .skip{margin:12px auto 0;display:block}.rx:has(.gate-frame){padding-bottom:0}.rx .gate-card .qr{text-align:center;border:0;width:84px;margin:0;padding:0;position:absolute;top:22px;right:26px}.rx .gate-card .qr-box{border-radius:8px;width:72px;height:72px;padding:3px}.rx .gate-card .qr p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.2}.rx .gate-card .qr-hp{display:none}.rx .gate-card .qr-besar{text-align:center;margin:10px 0 4px}.rx .gate-card .qr-besar .qr-box{background:#fff;border-radius:12px;width:200px;height:200px;margin:0 auto;padding:8px}.rx .gate-card .qr-besar p{color:var(--muted);margin:8px 0 0;font-size:12px}@media (min-width:900px){.rx .gate-frame{justify-content:flex-end;padding:24px 64px}}@media (max-width:600px){.rx .gate-frame{padding:12px}.rx .gate-card{max-height:calc(100dvh - 24px);padding:22px 18px 16px}.rx .gate-card h1{font-size:26px}.rx .gate-card .qr{display:none}.rx .gate-card .qr-hp{display:block}.rx .gate-card .qr-tombol{display:none}.rx .gate-card .field-row.kontak{grid-template-columns:1fr}}@media (max-height:640px){.rx .gate-frame{padding-top:8px;padding-bottom:8px}.rx .gate-card{max-height:calc(100dvh - 16px);padding-top:16px;padding-bottom:12px}.rx .gate-card h1{font-size:24px}.rx .gate-card .field{margin-top:8px}.rx .gate-card .gate-head{margin-bottom:4px}.rx .gate-card .consent,.rx .gate-card .primary,.rx .gate-card .ghost,.rx .gate-card .skip{margin-top:8px}}@media (min-width:601px){:is(.rx .gate-card:has(.qr)>p,.rx .gate-card:has(.qr)>h1){padding-right:96px}}.rx .gate-card{--ink:#fff;--muted:#ffffffc7;--line:#ffffff52;--field:#ffffff24;--on-accent:#1d2b26;--clay:#f2c3a6;color:#fff;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#10241d73;border:1px solid #ffffff59;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff40}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rx .gate-card{background:#10241de0}}.rx .gate-card h1,.rx .gate-card .label{color:#fff}.rx .gate-card input[type=text],.rx .gate-card input[type=email],.rx .gate-card input[type=password],.rx .gate-card input[type=tel]{color:#fff;background:#ffffff24;border:1px solid #ffffff61}.rx .gate-card input::placeholder{color:#fff9}.rx .gate-card input:focus{background:#ffffff38;border-color:#fff;outline:none}.rx .gate-card input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s;box-shadow:inset 0 0 0 100px #28463ae6}.rx .gate-card input[type=file]{color:#fff}.rx .gate-card input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff80;border-radius:999px;margin-right:10px;padding:6px 14px}.rx .gate-card .primary{color:#1d2b26;background:#fff;border-color:#fff;font-weight:600}.rx .gate-card .primary:disabled{opacity:.6}.rx .gate-card .ghost{color:#fff;background:0 0;border:1px solid #ffffff80}.rx .gate-card .skip,.rx .gate-card .consent,.rx .gate-card p{color:#ffffffd1}.rx .gate-card .note.warn{color:#7a2418;background:#ffe2daf2}.rx .gate-card .note.ok{color:#17512f;background:#e0f7e8f2}.rx .gate-card .gate-head .logo{box-shadow:0 0 0 1px #ffffff59}.rx .gate-card .qr-box{background:#fff}.rx .gate-card .qr p{color:#ffffffd9}.rx .lang{position:relative}.rx .lang-btn{border:1px solid var(--hero-ring);background:var(--hero-field);height:42px;color:var(--hero-fg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.rx .lang-pop{z-index:30;background:var(--paper,#fff);min-width:190px;color:var(--ink,#1d2b26);border:1px solid var(--line,#e7e1d8);border-radius:14px;flex-direction:column;margin-top:8px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 28px #00000038}.rx .lang.open .lang-pop{display:flex}.rx .lang-pop button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;font-size:15px;display:flex}.rx .lang-pop button:hover{background:var(--green-soft,#e8f3ec)}.rx .lang-pop button[aria-checked=true]{font-weight:600}.rx .lang-float{z-index:40;position:fixed;top:12px;right:12px}.rx .lang-float .lang-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10241d8c;border-color:#fff6}@media (max-width:420px){.rx .lang-code{display:none}.rx .lang-btn{justify-content:center;width:42px;padding:0}}.rx .gate-bg{z-index:0;position:absolute;inset:0}.rx .gate-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.2s ease-in-out,transform 6s ease-out;position:absolute;inset:0;transform:scale(1.04)}.rx .gate-slide.on{opacity:1;transform:scale(1)}.rx .gate-card{z-index:1}.rx .bell-btn{border:1px solid var(--hero-ring);background:var(--hero-field);width:40px;height:40px;color:var(--hero-fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.rx .bell-count{background:var(--clay,#b4532a);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font:600 11px/18px system-ui,sans-serif;position:absolute;top:-4px;right:-4px}.rx .notif-row.unread{border-color:var(--clay,#b4532a)}.rx .notif-row .dot{background:var(--clay,#b4532a);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}@keyframes rx-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rx-fade{0%{opacity:0}to{opacity:1}}@keyframes rx-sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes rx-sheet-pop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes rx-bar-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes rx-pop{0%{transform:scale(.6)}55%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes rx-ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes rx-pulse{0%,to{opacity:.45}50%{opacity:1}}.rx .card:hover{border-color:#c0623d59}.rx .card:active{box-shadow:none;transform:scale(.985)}.rx .card:hover .tile{transform:scale(1.06)}.rx .chip{transition:background-color .2s,color .2s,box-shadow .25s,transform .15s}.rx .chip:active{transform:scale(.95)}.rx .empty{animation:.4s rx-fade}@media (min-width:640px){.rx .sheet[open]{animation-name:rx-sheet-pop}}.rx .cart-bar:active{transform:scale(.985)}.rx .cart-bar .bump{animation:.35s rx-pop;display:inline-block}.rx .bell-btn{transition:transform .15s,background-color .2s}.rx .bell-btn:active{transform:scale(.92)}.rx .bell-btn .bell-count{animation:.4s rx-pop}.rx .bell-btn.ada svg{transform-origin:50% 15%;animation:1s .3s rx-ring}.rx .order-list>li{animation:rx-rise .4s cubic-bezier(.2, .7, .2, 1) calc(var(--i,0) * 45ms) backwards}.rx .order-row{transition:transform .15s,border-color .2s}.rx .order-row:active{transform:scale(.99)}.rx .gate-card{animation:.7s cubic-bezier(.2,.7,.2,1) .1s backwards rx-rise}.rx .gate-card .gate-head{animation:.9s .35s backwards rx-fade}.rx button:active:not(:disabled){transition-duration:80ms}@media (prefers-reduced-motion:reduce){.rx *,.rx :before,.rx :after{transition:none!important;animation:none!important}.rx .sheet[open]::backdrop{animation:none!important}}.rx{--sand:#f4f7f6;--line:#e3e9e7;--ink:#17302b;--muted:#66746f;--green:#1f5a52;--green-text:#1f5a52;--green-soft:#e4efec;--hero-bg:#1f5a52;--hero-fg:#fff;--hero-field:#ffffff24;--hero-ring:#ffffff38;--tile:#edf3f1;--sans:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}.rx #app .bagian,.rx #app .foot{max-width:1164px;margin-left:auto;margin-right:auto}.rx #app .hero-bar{z-index:15;background:var(--hero-bg);color:var(--hero-fg);padding:12px 20px 10px;position:sticky;top:0}.rx #app .hero{z-index:0;isolation:isolate;background:radial-gradient(120% 90% at 100% 100%, #2a7067 0%, #2a706700 60%), var(--hero-bg);border-radius:0;padding:6px 20px 52px;position:sticky;top:66px;overflow:hidden}.rx #app .hero:after{content:"";z-index:-1;background:radial-gradient(circle,#ffffff12,#fff0 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-60px;left:-40px}.rx #app .hero-top{margin-bottom:0}.rx #app .konten{z-index:2;background:var(--sand);border-radius:28px 28px 0 0;min-height:100dvh;margin-top:-30px;padding-top:4px;position:relative;box-shadow:0 -12px 30px #0a1e1a29}.rx #app .konten-note{margin:18px 20px 0}.rx #app .logo{border-color:#ffffff40;border-radius:12px;width:42px;height:42px}.rx #app .lokasi{flex-direction:column;min-width:0;line-height:1.25;display:flex}.rx #app .lokasi span{opacity:.72;font-size:12px}.rx #app .lokasi strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.rx #app .hero-actions{flex:none;gap:8px}.rx #app .hero-bar .lang-btn,.rx #app .bell-btn,.rx #app .orders-btn{background:var(--hero-field);color:#fff;border:0;border-radius:13px;height:42px}.rx #app .bell-btn{width:42px}.rx #app .bell-count{color:#17302b;box-shadow:0 0 0 2px var(--hero-bg);background:#f2b84b}.rx #app .user-btn{color:#17302b;background:#f2b84b;border:2px solid #ffffffd9;width:44px;height:44px}.rx #app .inisial{font-size:18px;font-weight:700}.rx #app .pickers{background:#fff;border-radius:16px;gap:0;max-width:none;margin:0;padding:6px;display:flex;box-shadow:0 6px 18px #0000001f}.rx #app .picker{color:var(--ink);flex:1 1 0;gap:0;min-width:0;padding:4px 12px}.rx #app .picker:first-child{flex-grow:1.8}.rx #app .picker+.picker{border-left:1px solid var(--line)}.rx #app .picker span{opacity:1;color:var(--muted);font-size:11px}.rx #app .picker select,.rx #app .picker input{color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;outline-offset:4px;background:0 0;border:0;border-radius:0;padding:2px 0;font-size:15px;font-weight:600}.rx #app .picker select:disabled{opacity:1;appearance:none}.rx #app .picker input::placeholder{color:var(--muted);opacity:.7;font-weight:400}.rx #app .sambut{align-items:center;gap:12px;margin-top:20px;display:flex}.rx #app .sambut-teks{flex:auto;min-width:0}.rx #app .hero h1{font:800 28px/1.08 var(--sans);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;margin:0 0 6px}.rx #app .slogan{opacity:.85;margin:0 0 8px;font-size:13px}.rx #app .stay{opacity:.85;font-size:12.5px}.rx #app .jelajah{color:var(--green);background:#fff;border:0;border-radius:10px;margin-top:14px;padding:9px 18px;font-size:14px;font-weight:600}.rx #app .ilustrasi{flex:none;width:138px;height:auto}.rx #app .bagian{padding:22px 20px 0}.rx #app .bagian-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rx #app .bagian-head h2{font:700 19px/1.2 var(--sans);color:var(--ink);margin:0}.rx #app .lihat{color:var(--green);white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:600}.rx #app .lihat[aria-pressed=true]{opacity:.55}.rx #app .kat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.rx #app .kat{text-align:left;background:var(--tile);min-width:0;color:var(--ink);border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:8px 10px 8px 8px;transition:background-color .2s,border-color .2s,transform .15s;display:flex}.rx #app .kat:active{transform:scale(.97)}.rx #app .kat-ikon{width:44px;height:44px;color:var(--green);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.rx #app .kat-nama{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:14px;font-weight:600;line-height:1.25}.rx #app .kat-panah{color:var(--muted);flex:none;font-size:18px}.rx #app .kat[aria-pressed=true]{background:var(--green);color:#fff}.rx #app .kat[aria-pressed=true] .kat-panah{color:#fff}.rx #app .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-width:none;padding:0}.rx #app .card{background:#fff;border:0;border-radius:20px;flex-direction:column;box-shadow:0 2px 10px #17302b0f}.rx #app .card:hover{box-shadow:0 10px 24px #17302b1f}.rx #app .tile{aspect-ratio:16/10;color:#ffffffe6;letter-spacing:0;background-position:50%;background-size:cover;place-items:center;width:100%;padding:0;display:grid;position:relative}.rx #app .tile svg{width:40px;height:40px}.rx #app .tile.photo{width:100%}.rx #app .tile-label{color:var(--green);letter-spacing:.02em;text-transform:none;text-shadow:none;background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.rx #app .card-body{padding:12px 14px 14px}.rx #app .card-body strong{font:600 16px/1.3 var(--sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rx #app .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rx #app .price{color:var(--green)}.rx #app .empty{padding:12px 0}.rx #app .foot{padding:28px 20px 12px}.rx #app .bawah{display:none}@media (max-width:639px){.rx{padding-bottom:150px}.rx #app .orders-btn{display:none}.rx #app .bawah{z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px 22px 0 0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #17302b1a}.rx #app .nav-item{height:48px;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.rx #app .nav-item span{display:none}.rx #app .nav-item.aktif{background:var(--green);color:#fff;padding:0 20px}.rx #app .nav-item.aktif span{display:inline}.rx #app .nav-titik{background:#e0782f;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:13px;box-shadow:0 0 0 2px #fff}.rx #app .cart-bar{bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:21}.rx .toast{bottom:156px}.rx #app .grid{grid-template-columns:1fr;gap:12px}.rx #app .card{border-radius:18px;flex-direction:row;align-items:stretch;min-height:124px}.rx #app .tile{aspect-ratio:auto;flex:none;width:40%;max-width:160px}.rx #app .tile svg{width:34px;height:34px}.rx #app .tile-label{white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:calc(100% - 16px);font-size:10.5px;top:8px;left:8px;right:8px;overflow:hidden}.rx #app .card-body{flex:auto;justify-content:center;gap:3px;padding:12px 14px}.rx #app .card-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;display:-webkit-box;overflow:hidden}.rx #app .desc{font-size:12.5px}.rx #app .price{margin-top:6px;font-size:15px}}@media (max-width:380px){.rx #app .ilustrasi{width:104px}.rx #app .hero h1{font-size:24px}.rx #app .kat-grid{grid-template-columns:1fr 1fr;gap:8px}.rx #app .kat-ikon{width:38px;height:38px}.rx #app .kat-nama{font-size:13px}}@media (min-width:900px){.rx #app .hero-bar{padding:14px max(32px,50% - 550px) 12px}.rx #app .hero{padding:8px max(32px,50% - 550px) 60px;top:70px}.rx #app .bagian{padding:28px 32px 0}.rx #app .pickers{max-width:640px}.rx #app .hero h1{font-size:40px}.rx #app .slogan{font-size:15px}.rx #app .ilustrasi{width:220px}.rx #app .kat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.rx .sheet-head h2{font:700 22px/1.25 var(--sans)}.rx .card-body strong,.rx .hero h1{font-family:var(--sans)}html.rx-kunci{overflow:hidden}@keyframes rx-turun{0%{opacity:0;transform:translateY(-28px)scale(.98)}to{opacity:1;transform:none}}.rx .cari-lapis{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1c1873;animation:.45s rx-fade;position:fixed;inset:0}.rx .cari-panel{max-width:560px;max-height:calc(100dvh - 32px);margin:calc(12px + env(safe-area-inset-top,0px)) auto 0;background:#fff;border-radius:22px;flex-direction:column;width:calc(100% - 24px);animation:.6s cubic-bezier(.22,1,.36,1) rx-turun;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000047}.rx .cari-kolom{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:10px 10px 10px 16px;display:flex}.rx .cari-kolom input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:8px 0;font-size:16px}.rx .cari-kolom input::-webkit-search-cancel-button{display:none}.rx .cari-tutup{background:var(--tile);width:38px;height:38px;color:var(--ink);border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.rx .cari-hasil{overscroll-behavior:contain;margin:0;padding:6px;list-style:none;overflow-y:auto}.rx .cari-hasil li{animation:.55s cubic-bezier(.22,1,.36,1) backwards rx-rise}.rx .cari-hasil button{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:8px;transition:background-color .35s;display:flex}.rx .cari-hasil button:hover,.rx .cari-hasil button:focus-visible{background:var(--tile)}.rx .cari-foto{color:#fff;background:linear-gradient(160deg,#2f6b62,#1a3f39) 50%/cover;border-radius:12px;flex:none;place-items:center;width:54px;height:54px;display:grid}.rx .cari-foto svg{width:24px;height:24px}.rx .cari-teks{flex-direction:column;flex:auto;min-width:0;display:flex}.rx .cari-teks strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.rx .cari-teks small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.rx .cari-harga{color:var(--green);flex:none;font-size:13px;font-weight:600}.rx .cari-kosong{text-align:center;color:var(--muted);padding:22px 12px;font-size:14px}.rx .hero-top{animation:.9s cubic-bezier(.22,1,.36,1) backwards rx-rise}.rx .hero h1{animation:1s cubic-bezier(.22,1,.36,1) .12s backwards rx-rise}.rx .hero .stay{animation:1s cubic-bezier(.22,1,.36,1) .24s backwards rx-rise}.rx .hero .pickers{animation:1s cubic-bezier(.22,1,.36,1) 60ms backwards rx-rise}.rx #app .sambut{animation:1s cubic-bezier(.22,1,.36,1) .18s backwards rx-rise}.rx #app .konten{animation:1s cubic-bezier(.22,1,.36,1) .2s backwards rx-rise}.rx #app .kat{animation:rx-rise .85s cubic-bezier(.22, 1, .36, 1) calc(.3s + var(--i,0) * 70ms) backwards;transition:background-color .4s,color .4s,transform .3s}.rx #app .kat .kat-ikon,.rx #app .kat .kat-panah{transition:color .4s,background-color .4s}.rx .card{animation:rx-rise .85s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 90ms) backwards;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s}.rx .card:active{transition-duration:.2s;transform:scale(.985)}.rx .tile{transition:transform .8s cubic-bezier(.22,1,.36,1)}.rx .sheet[open]{animation:.6s cubic-bezier(.22,1,.36,1) rx-sheet-up}.rx .sheet[open]::backdrop{animation:.5s rx-fade}@media (min-width:640px){.rx .sheet[open]{animation-name:rx-sheet-pop}}.rx #sheetBody>*{animation:.5s rx-fade}.rx .cart-bar{transition:transform .3s;animation:.7s cubic-bezier(.22,1,.36,1) rx-bar-in}.rx #app .bawah{animation:.8s cubic-bezier(.22,1,.36,1) .3s backwards rx-bar-in}.rx #app .nav-item{transition:background-color .4s,color .4s,transform .3s}.rx #app .nav-item:active{transform:scale(.94)}.rx .toast{transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1)}.rx .user-pop,.rx .lang-pop{animation:.35s rx-fade}@media (prefers-reduced-motion:reduce){.rx *,.rx :before,.rx :after{transition:none!important;animation:none!important}}@keyframes orn-goyang{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2deg)}}@keyframes orn-ayun{0%,to{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}@keyframes orn-putar{to{transform:rotate(360deg)}}@keyframes orn-naik{0%,to{translate:0}50%{translate:0 -5px}}@keyframes orn-nafas{0%,to{opacity:.16;transform:scale(.9)}50%{opacity:.32;transform:scale(1.08)}}.rx .ilustrasi{overflow:visible}.rx .ilustrasi .orn-penjor{transform-box:view-box;transform-origin:148px 134px;animation:6s ease-in-out infinite orn-goyang}.rx .ilustrasi .orn-sampian{transform-box:view-box;transform-origin:109px 17px;animation:3.2s ease-in-out infinite orn-ayun}.rx .ilustrasi .orn-putar{transform-box:fill-box;transform-origin:50%;animation:22s linear infinite orn-putar}.rx .ilustrasi .orn-melayang{animation:5s ease-in-out infinite orn-naik}.rx .ilustrasi .orn-melayang.b{animation-duration:6.5s;animation-delay:-2s}.rx .ilustrasi .orn-melayang.c{animation-duration:4.4s;animation-delay:-1s}.rx .ilustrasi .orn-melayang.b .orn-putar{animation-duration:30s;animation-direction:reverse}.rx .ilustrasi .orn-cahaya{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite orn-nafas}@media (prefers-reduced-motion:reduce){.rx .ilustrasi *{animation:none!important}}