:root{--cream: #FDF8F2;--cream-rgb: 253, 248, 242;--card: #FFFFFF;--card-rgb: 255, 255, 255;--ink: #2B1810;--muted: #786257;--line: #EFE3D2;--choco: #432214;--accent: #D61F69;--accent-grad: linear-gradient(135deg, #E62E7A 0%, #B81455 100%);--accent-ink: #FFFFFF;--accent-soft: #FCE8F0;--ok: #15803D;--ok-soft: #DCFCE7;--warn: #B45309;--warn-soft: #FEF3C7;--bad: #B91C1C;--bad-soft: #FEE2E2;--info: #1D4ED8;--info-soft: #DBEAFE;--field: #FDF8F2;--field-focus: #FFFFFF;--nav: 68px;--font-d: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-b: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 4px 12px -2px rgba(67, 34, 20, .06), 0 2px 4px -2px rgba(67, 34, 20, .04);--shadow-md: 0 12px 28px -6px rgba(67, 34, 20, .12), 0 4px 10px -3px rgba(67, 34, 20, .06);--shadow-lg: 0 20px 40px -12px rgba(67, 34, 20, .22);--shadow-accent: 0 10px 24px -6px rgba(214, 31, 105, .45);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme: dark){:root{--cream: #1B1210;--cream-rgb: 27, 18, 16;--card: #2E211B;--card-rgb: 46, 33, 27;--ink: #FFF4EA;--muted: #D2BDAF;--line: #6B5145;--choco: #FFF4EA;--accent: #F472B6;--accent-grad: linear-gradient(135deg, #F472B6 0%, #DB2777 100%);--accent-ink: #FFFFFF;--accent-soft: #43192B;--ok: #4ADE80;--ok-soft: #143523;--warn: #FBBF24;--warn-soft: #3B280C;--bad: #F87171;--bad-soft: #3E1616;--info: #60A5FA;--info-soft: #172A4A;--shadow-sm: 0 4px 14px -2px rgba(0, 0, 0, .35);--shadow-md: 0 14px 30px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .65);--shadow-accent: 0 10px 24px -6px rgba(244, 114, 182, .35);--field: #3A2A22;--field-focus: #46342B}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;scroll-behavior:smooth}body{font-family:var(--font-b);background-color:var(--cream);background-image:radial-gradient(at 0% 0%,rgba(214,31,105,.06) 0px,transparent 45%),radial-gradient(at 100% 15%,rgba(245,158,11,.07) 0px,transparent 45%),radial-gradient(at 50% 100%,rgba(67,34,20,.05) 0px,transparent 50%);background-attachment:fixed;color:var(--ink);font-size:16px;line-height:1.5;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 24px);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}h1,h2,h3{font-family:var(--font-d);line-height:1.15;color:var(--choco);letter-spacing:-.02em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent-grad);color:var(--accent-ink);font-weight:700;text-decoration:none;box-shadow:var(--shadow-accent),inset 0 1px #ffffff40;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-out),filter .2s;position:relative;overflow:hidden}.btn:hover:not([disabled]){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 28px -6px #d61f698c,inset 0 1px #ffffff59}.btn:active:not([disabled]){transform:scale(.96)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;background:var(--line);color:var(--muted)}.btn.ghost{background:rgba(var(--card-rgb),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);box-shadow:inset 0 0 0 1.8px var(--accent),var(--shadow-sm)}.btn.ghost:hover:not([disabled]){background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-md)}.btn.sm{min-height:42px;padding:0 16px;font-size:.92rem}.btn.block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line),var(--shadow-sm);font-weight:600;white-space:nowrap;transition:all .25s var(--ease-spring)}.chip:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-md)}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--choco);color:var(--cream);box-shadow:0 8px 18px -6px #43221466;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;letter-spacing:.01em;box-shadow:0 2px 6px #0000000f}.b-ok{background:var(--ok-soft);color:var(--ok)}.b-warn{background:var(--warn-soft);color:var(--warn)}.b-bad{background:var(--bad-soft);color:var(--bad)}.b-info{background:var(--info-soft);color:var(--info)}.stepper{display:inline-flex;align-items:center;justify-content:space-between;border-radius:999px;padding:3px;box-shadow:inset 0 0 0 1.5px var(--line),var(--shadow-sm);background:var(--field)}.stepper.full{width:100%}.stepper button{width:38px;height:38px;border-radius:50%;background:var(--card);font-size:1.25rem;font-weight:700;color:var(--accent);box-shadow:0 2px 5px #00000014;transition:transform .15s var(--ease-spring),background .15s;display:grid;place-items:center}.stepper button:hover{background:var(--accent);color:var(--accent-ink)}.stepper button:active{transform:scale(.88)}.stepper .qty{flex:1;min-width:0;width:0;height:38px;padding:0;border:0;border-radius:10px;background:transparent;text-align:center;font-weight:800;font-size:1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stepper:focus-within{box-shadow:inset 0 0 0 1.8px var(--accent),var(--shadow-sm)}.stepper b{min-width:28px;text-align:center;font-weight:800;font-size:1rem}.toast{position:fixed;left:0;right:0;margin-inline:auto;width:max-content;max-width:min(calc(100vw - 32px),380px);bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 14px);transform:translateY(14px) scale(.94);background:#2b1810f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fdf8f2;padding:9px 16px;border-radius:20px;font-weight:600;font-size:clamp(.8rem,.76rem + .25vw,.9rem);line-height:1.35;box-shadow:var(--shadow-lg),inset 0 1px #ffffff26;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out),transform .3s var(--ease-spring);z-index:60;text-align:center}.toast.on{opacity:1;transform:translateY(0) scale(1)}@media (prefers-color-scheme: dark){.toast{background:#fff4eaf7;color:#2b1810;box-shadow:var(--shadow-lg),inset 0 0 0 1px #2b18101f}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px;position:sticky;top:0;background:rgba(var(--cream-rgb),.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid rgba(var(--ink),.06);box-shadow:0 4px 20px -10px #43221414}.logo{font-family:var(--font-d);font-weight:800;font-size:1.65rem;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:6px}.logo:before{content:"🥪";font-size:1.35rem;filter:drop-shadow(0 2px 4px rgba(214,31,105,.25))}.top .sub{flex:1;font-size:.8rem;font-weight:600;color:var(--muted);line-height:1.25;padding-left:10px;border-left:1.5px solid var(--line)}#open:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:pulseDot 1.8s infinite}.wrap{max-width:1100px;margin:0 auto;padding:0 16px;animation:cardIn .35s var(--ease-out)}.page{max-width:620px;margin:0 auto;padding:18px 16px 12px;display:flex;flex-direction:column;gap:16px;animation:cardIn .35s var(--ease-out)}.hero{margin-top:16px;border-radius:24px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.6);position:relative;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.hero:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hero img{width:100%;height:auto;transition:transform .6s var(--ease-out)}.hero:hover img{transform:scale(1.02)}.po{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,var(--warn-soft) 0%,rgba(254,243,199,.65) 100%);color:var(--warn);font-size:.92rem;font-weight:600;box-shadow:inset 0 0 0 1.5px #b453092e,var(--shadow-sm)}.chips{display:flex;gap:10px;overflow-x:auto;padding:18px 2px 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:10px 0 16px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(4,1fr);gap:20px}}.card{background:var(--card);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);box-shadow:var(--shadow-sm);min-width:0;transition:transform .28s var(--ease-spring),box-shadow .28s var(--ease-out),border-color .25s;animation:cardIn .4s var(--ease-out) backwards}.grid .card:nth-child(1){animation-delay:.03s}.grid .card:nth-child(2){animation-delay:.08s}.grid .card:nth-child(3){animation-delay:.13s}.grid .card:nth-child(4){animation-delay:.18s}.grid .card:nth-child(5){animation-delay:.23s}.grid .card:nth-child(6){animation-delay:.28s}.card:hover:not(.habis){transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#d61f6947}.card .pic{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#FFF5F8 0%,var(--accent-soft) 100%);border:0;width:100%;padding:0;display:block;overflow:hidden}.card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-out)}.card:hover .pic img{transform:scale(1.07)}.ph{display:grid;place-items:center;width:100%;height:100%;font-size:3.4rem;transition:transform .35s var(--ease-spring)}.card:hover .ph{transform:scale(1.12) rotate(-4deg)}.card .badge{position:absolute;top:10px;left:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001f}.card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}.card h3{font-size:1.04rem;font-weight:800}.card .taste{font-size:.82rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.38}.card .price{margin-top:auto;padding-top:8px;padding-bottom:6px;font-size:1.05rem}.price{font-family:var(--font-d);font-weight:800;color:var(--choco)}.card.habis{opacity:.72}.card.habis .pic img,.card.habis .pic .ph{filter:grayscale(.85)}h2.sec{font-size:1.3rem;margin:20px 0 6px;display:flex;align-items:center;gap:8px}h2.sec:after{content:"";flex:1;height:1.5px;background:linear-gradient(90deg,var(--line),transparent)}.rail{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .card{min-width:176px;max-width:176px;scroll-snap-align:start}.empty{text-align:center;padding:56px 24px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card);border-radius:24px;border:1.5px dashed var(--line);margin:16px auto;width:calc(100% - 32px);max-width:460px;box-shadow:var(--shadow-sm);animation:cardIn .4s var(--ease-out)}.empty .ico{font-size:3.2rem;background:var(--accent-soft);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;box-shadow:inset 0 0 0 1px #d61f6926}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:rgba(var(--card-rgb),.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:4px 8px calc(env(safe-area-inset-bottom,0px) + 4px);z-index:30;box-shadow:0 -8px 24px -12px #4322141f}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:calc(var(--nav) - 8px);font-size:.72rem;font-weight:700;color:var(--muted);text-decoration:none;border-radius:16px;transition:all .2s var(--ease-spring);position:relative}.nav a:hover{color:var(--choco)}.nav a:active{transform:scale(.92)}.nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease-spring)}.nav i{position:relative;display:flex}.nav em{position:absolute;top:-7px;right:-12px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent-grad);color:var(--accent-ink);font-size:.7rem;font-weight:800;font-style:normal;line-height:19px;text-align:center;box-shadow:0 2px 6px #d61f6973}.nav .on{color:var(--accent)}.nav .on svg{transform:translateY(-2px) scale(1.08);stroke-width:2.3}.nav .on:before{content:"";position:absolute;top:4px;width:36px;height:30px;border-radius:999px;background:var(--accent-soft);z-index:-1}body.focus .nav{display:none}body.focus{padding-bottom:116px}body.hascta{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 100px)}body.focus.hascta{padding-bottom:116px}.cta{position:fixed;left:0;right:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px));padding:12px 16px;background:linear-gradient(transparent,rgba(var(--cream-rgb),.92) 35%);z-index:25;display:flex;justify-content:center;pointer-events:none}.cta>*{pointer-events:auto}body.focus .cta{bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.cta[hidden]{display:none}.cta .btn{width:100%;max-width:600px;min-height:54px;justify-content:space-between;padding:0 24px;font-size:1rem;box-shadow:var(--shadow-lg),var(--shadow-accent);animation:up .25s var(--ease-spring)}@media (min-width: 1024px){.top{padding-right:520px}.nav{top:6px;bottom:auto;left:auto;right:16px;width:auto;border:1px solid var(--line);border-radius:999px;background:rgba(var(--card-rgb),.85);padding:4px 8px;box-shadow:var(--shadow-sm)}.nav a{flex:none;width:88px;min-height:52px}.cta,body.focus .cta{bottom:0}body,body.hascta{padding-bottom:116px}body .toast,body.focus .toast{bottom:24px}body.hascta .toast,body.focus.hascta .toast{bottom:94px}}body.hascta .toast{bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px) + 78px + 8px)}body.focus .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}body.focus.hascta .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}.back{position:fixed;top:0;right:0;bottom:0;left:0;background:#180a058c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;animation:fade .2s}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:90vh;max-height:90dvh;overflow:auto;overscroll-behavior:contain;background:var(--card);border-radius:28px 28px 0 0;padding:0 20px calc(env(safe-area-inset-bottom,0px) + 24px);z-index:41;box-shadow:0 -12px 40px #00000040;animation:up .3s var(--ease-spring)}.sheet .shead{position:sticky;top:0;z-index:2;height:56px;margin:0 -20px;background:var(--card)}.sheet .grab{position:absolute;top:10px;left:50%;width:48px;height:5px;border-radius:99px;background:var(--line);transform:translate(-50%)}.sheet .close{position:absolute;top:8px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--field);font-size:1.1rem;color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform .15s}.sheet .close:hover{transform:scale(1.08)}@media (min-width: 640px){.sheet{left:50%;right:auto;bottom:24px;width:480px;border-radius:28px;transform:translate(-50%);animation:fade .2s}}@keyframes up{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}.sheet .pimg{border-radius:20px;overflow:hidden;aspect-ratio:4 / 3;background:var(--accent-soft);margin:0 0 14px;box-shadow:var(--shadow-sm)}.sheet .pimg img{width:100%;height:100%;object-fit:cover}.line{display:flex;gap:14px;align-items:center;padding:14px;background:var(--card);border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out)}.line:hover{transform:translateY(-2px)}.line .t{flex:1;min-width:0}.line .t b{font-size:1rem;display:block;margin-bottom:2px}.line .t small{color:var(--muted);display:block;font-weight:600}.line .stepper{width:126px;flex:none}.thumb{width:68px;height:68px;border-radius:16px;overflow:hidden;background:var(--accent-soft);flex:none;box-shadow:var(--shadow-sm)}.thumb img{width:100%;height:100%;object-fit:cover}.form{max-width:580px;margin:0 auto;padding:12px 16px 28px;display:flex;flex-direction:column;gap:18px;animation:cardIn .35s var(--ease-out)}.form fieldset{min-width:0;border:1px solid var(--line);background:var(--card);padding:16px;border-radius:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.form legend{float:left;width:100%;font-family:var(--font-d);font-weight:800;font-size:1.12rem;line-height:1.2;color:var(--choco);padding:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:.9rem;color:var(--choco)}.in{min-height:48px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--field);width:100%;transition:border-color .2s,box-shadow .2s,background .2s}.in:focus{border-color:var(--accent);background:var(--field-focus);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.err{color:var(--bad);font-size:.84rem;font-weight:600}.hint{color:var(--muted);font-size:.85rem}.three{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:8px}.three .in{padding:10px 8px;font-size:.9rem;text-overflow:ellipsis}.opt{position:relative;display:flex;gap:12px;align-items:center;min-height:58px;padding:12px 16px;border-radius:16px;background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;transition:all .2s var(--ease-out)}.opt:hover:not(.off){background:var(--field-focus);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-sm)}.opt input{position:absolute;opacity:0}.opt:before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);flex:none;transition:all .2s var(--ease-spring)}.opt:has(input:checked):before{border:6px solid var(--accent);background:#fff;transform:scale(1.05)}.opt span{display:flex;flex-direction:column}.opt small{color:var(--muted);font-size:.82rem}.opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-sm);background:var(--accent-soft)}.opt:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.opt.off{opacity:.45;cursor:not-allowed}.sum{background:var(--card);border-radius:22px;padding:16px 18px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.sum>b{display:block;font-family:var(--font-d);font-size:1.05rem;color:var(--choco);margin-bottom:8px}.sum .r{display:flex;justify-content:space-between;padding:5px 0;gap:12px}.sum .r.big{font-weight:800;font-size:1.18rem;color:var(--choco);border-top:1.5px dashed var(--line);margin-top:8px;padding-top:12px}.note{padding:13px 16px;border-radius:16px;font-size:.9rem;line-height:1.45;border:1px solid rgba(0,0,0,.05)}.n-info{background:var(--info-soft);color:var(--info)}.n-warn{background:var(--warn-soft);color:var(--warn)}.n-ok{background:var(--ok-soft);color:var(--ok)}.ok-box{text-align:center;padding:40px 20px;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.ok-box .kode{padding:10px 20px;border-radius:14px;background:var(--ok-soft);color:var(--ok);font-family:var(--font-d);font-weight:800;font-size:1.4rem}.profile{display:flex;align-items:center;gap:14px;padding:18px;background:var(--card);border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.profile>div:nth-child(2){flex:1;min-width:0}.av{width:58px;height:58px;border-radius:50%;background:var(--accent-grad);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-d);font-weight:800;font-size:1.5rem;flex:none;box-shadow:var(--shadow-accent)}.menu{list-style:none;background:var(--card);border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}.menu li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 18px;border-bottom:1px solid var(--line);transition:background .15s}.menu li:hover{background:rgba(var(--ink),.02)}.menu li:last-child{border:0}.menu a{display:flex;flex:1;align-items:center;justify-content:space-between;min-height:44px;text-decoration:none;font-weight:600}.sw{position:relative;width:52px;height:32px;flex:none}.sw input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.sw i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--line);transition:.25s var(--ease-spring)}.sw i:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.25s var(--ease-spring)}.sw input:checked+i:after{transform:translate(20px)}.sw input:focus-visible+i{outline:3px solid var(--accent);outline-offset:2px}.sw input:disabled{cursor:not-allowed}.sw input:disabled+i{opacity:.45}.ord{padding:16px 18px;background:var(--card);border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform .22s var(--ease-spring),box-shadow .22s}.ord:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent)}.ord .h{display:flex;justify-content:space-between;align-items:center;gap:8px}details{background:var(--card);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:0 18px;transition:box-shadow .2s}details[open]{box-shadow:var(--shadow-md)}summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.3rem;font-weight:700;color:var(--accent);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 0 16px;color:var(--muted);line-height:1.5}.n-bad{background:var(--bad-soft);color:var(--bad)}.khead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;background:var(--card);border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.khead small{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.khead b{font-family:var(--font-d);font-size:1.35rem;color:var(--choco)}.steps{list-style:none;display:flex;flex-direction:column;background:var(--card);border-radius:22px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.steps li{display:flex;gap:14px;position:relative;padding-bottom:20px}.steps li:last-child{padding-bottom:0}.steps li:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:2.5px;background:var(--line);border-radius:2px}.steps li.done:not(:last-child):before{background:var(--ok)}.steps .dot{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:var(--cream);border:1.5px solid var(--line);color:var(--muted)}.steps li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.steps li.cur .dot{background:var(--accent-grad);border-color:transparent;color:var(--accent-ink);box-shadow:0 0 0 6px var(--accent-soft)}.steps li.todo b{color:var(--muted);font-weight:600}.steps p{color:var(--muted);font-size:.92rem;margin:4px 0 8px}.steps li.cur p{color:var(--ink)}.paybox{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--card);border-radius:24px;border:2px solid var(--accent);box-shadow:var(--shadow-md)}.qr{width:220px;max-width:72%;margin:4px auto;border-radius:18px;overflow:hidden;padding:10px;background:#fff;box-shadow:var(--shadow-sm),inset 0 0 0 1.5px var(--line)}.amt{text-align:center;display:flex;flex-direction:column;gap:4px;background:var(--field);padding:14px;border-radius:18px;border:1px dashed var(--line)}.amt b{font-family:var(--font-d);font-size:1.9rem;color:var(--accent)}.amt small{color:var(--muted);font-size:.82rem}.pv{display:block;max-width:100%;max-height:260px;width:auto;object-fit:contain}.acts{display:flex;flex-wrap:wrap;gap:10px}.acts .btn{flex:1;min-width:140px}.sim{background:var(--field);border-radius:18px;padding:0 16px 14px;border:1.5px dashed var(--line)}.sim p{padding:0 0 10px;font-size:.88rem}.ord{text-decoration:none;color:inherit}.vcode{text-align:center;font-family:var(--font-d);font-weight:800;font-size:2.4rem;letter-spacing:.22em;padding:16px;margin:12px 0;border-radius:18px;background:var(--accent-soft);color:var(--accent);border:1.5px dashed var(--accent)}.mapbox{display:flex;flex-direction:column;gap:10px}#mapsvg{width:100%;height:auto;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line),var(--shadow-sm);touch-action:none;cursor:crosshair;display:block}#mapsvg:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.mapbox .btn{align-self:flex-start}.receipt{background:#fff;color:#1b1b1b;border-radius:16px;padding:24px 20px;box-shadow:var(--shadow-lg);font-variant-numeric:tabular-nums;border:1px solid #eee;position:relative}.receipt h2{text-align:center;color:#1b1b1b;font-size:1.7rem}.receipt hr{border:0;border-top:1.5px dashed #ccc;margin:12px 0}.receipt .r{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.receipt .r.big{font-weight:800;font-size:1.15rem}.receipt .hint{color:#555}.stamp{padding:3px 12px;border:2px solid #15803D;color:#15803d;border-radius:8px;transform:rotate(-3deg);display:inline-block;font-weight:800}.spin{display:inline-block;width:16px;height:16px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spn .8s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spn{to{transform:rotate(360deg)}}@media print{.top,.nav,.cta,.noprint,.toast{display:none!important}body{background:#fff;padding:0}.receipt{box-shadow:none;border:0}}details>summary:after{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}details.closing summary:after{transform:rotate(0)}.csn{display:none!important}.csw{position:relative;min-width:0}.csel{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;width:100%}.csel .cs-v{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csel.empty-v .cs-v{color:var(--muted)}.csel .cs-ch{flex:none;color:var(--muted);transition:transform .25s var(--ease-spring)}.csel[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--field-focus)}.csel[aria-expanded=true] .cs-ch{transform:rotate(180deg);color:var(--accent)}.csel:active:not(:disabled){transform:scale(.985)}.csel:disabled{opacity:.5;cursor:not-allowed}.three .csel{padding:10px 8px;gap:4px;font-size:.9rem}.three .csel .cs-ch{width:16px;height:16px}.pk{display:flex;flex-direction:column;gap:8px}.pk-o{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 16px;border-radius:16px;background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s var(--ease-spring)}.pk-o:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.pk-o:active{transform:scale(.98)}.pk-o.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.pk-o svg{flex:none}.cpop{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow:auto;padding:8px;background:var(--card);border-radius:18px;box-shadow:var(--shadow-lg),inset 0 0 0 1.5px var(--line);animation:popIn .2s var(--ease-out)}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.stepper .qty{flex:1;min-width:0;width:2.6ch;padding:0;border:0;background:transparent;text-align:center;font-weight:800;font-size:1rem;color:inherit;border-radius:8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper .qty:focus{outline:none}.stepper .qty::placeholder{color:var(--muted);opacity:.7}.stepper:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-sm)}@media (prefers-color-scheme: dark){.po{background:linear-gradient(135deg,var(--warn-soft) 0%,rgba(59,40,12,.55) 100%);box-shadow:inset 0 0 0 1.5px #fbbf2459,var(--shadow-sm)}.hero{border-color:#ffffff1f}}#pick[hidden],#pvbox[hidden]{display:none}.pvbox{margin-top:8px}.pvimg{display:flex;justify-content:center;width:100%;padding:8px;background:var(--field);border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:zoom-in}.pvbig{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:12px}.pvrow{display:flex;align-items:center;gap:8px;margin-top:8px}.pvname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--muted)}.pvrow .btn{flex:none;width:auto;min-height:44px}.btn.ld:before{content:"";width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:pvspin .7s linear infinite}@keyframes pvspin{to{transform:rotate(360deg)}}#rfother[hidden]{display:none}.acct{display:flex;flex-direction:column;gap:4px}.acct-r{display:flex;align-items:center;justify-content:space-between;gap:10px}.acct-r b{font-family:var(--font-d);font-size:1.4rem;letter-spacing:.02em}.acct-r .btn{flex:none;width:auto;min-height:44px}.acct small{opacity:.8}.acct-h{opacity:.65!important}.sheet .csw .cpop{position:static;margin-top:-1px;max-height:260px;border-radius:0 0 16px 16px;border:1.5px solid var(--accent);border-top:0;box-shadow:none;background:var(--field-focus);animation:none}.sheet .csw:has(.cpop) .csel{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}:root{color-scheme:light;--cream: #FAFAF9;--cream-rgb: 250, 250, 249;--card: #FFFFFF;--card-rgb: 255, 255, 255;--ink: #1A1A1E;--choco: #1A1A1E;--muted: #5C5C66;--line: #E4E4E0;--line-strong: #85858E;--field: #F3F3F1;--field-focus: #FFFFFF;--accent: #B5154F;--accent-fill: #B5154F;--accent-grad: linear-gradient(100deg, #CC1B63 0%, #92103F 100%);--accent-ink: #FFFFFF;--accent-soft: #FBE7EF;--logo-grad: linear-gradient(135deg, #C21A5C 0%, #A8134B 100%);--knob: #FFFFFF;--ok: #136A34;--ok-soft: #DDF3E4;--on-ok: #FFFFFF;--warn: #8F4A06;--warn-soft: #FBEBC8;--bad: #B01E1E;--bad-soft: #FBE3E3;--info: #1A47C4;--info-soft: #DEE8FB;--shadow-sm: 0 1px 3px rgba(26,26,30,.08), 0 1px 2px rgba(26,26,30,.05);--shadow-md: 0 4px 12px -2px rgba(26,26,30,.12), 0 2px 4px -2px rgba(26,26,30,.06);--shadow-lg: 0 12px 28px -8px rgba(26,26,30,.2);--shadow-accent: 0 0 0 0 transparent;--ease-spring: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=terang]){color-scheme:dark;--cream: #121214;--cream-rgb: 18, 18, 20;--card: #1C1C20;--card-rgb: 28, 28, 32;--ink: #F4F4F6;--choco: #F4F4F6;--muted: #A9A9B3;--line: #2E2E34;--line-strong: #787882;--field: #26262B;--field-focus: #2E2E34;--accent: #FF7EB3;--accent-soft: #3B1828;--logo-grad: linear-gradient(135deg, #E8397D 0%, #CF2468 100%);--knob: #121214;--ok: #5BE08A;--ok-soft: #12301F;--on-ok: #0B2A17;--warn: #F7C04A;--warn-soft: #33260C;--bad: #FF8A8A;--bad-soft: #3A1515;--info: #7DB4FF;--info-soft: #15264A;--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.55), 0 2px 4px -2px rgba(0,0,0,.35);--shadow-lg: 0 12px 28px -8px rgba(0,0,0,.7)}}:root[data-theme=gelap]{color-scheme:dark;--cream: #121214;--cream-rgb: 18, 18, 20;--card: #1C1C20;--card-rgb: 28, 28, 32;--ink: #F4F4F6;--choco: #F4F4F6;--muted: #A9A9B3;--line: #2E2E34;--line-strong: #787882;--field: #26262B;--field-focus: #2E2E34;--accent: #FF7EB3;--accent-soft: #3B1828;--logo-grad: linear-gradient(135deg, #E8397D 0%, #CF2468 100%);--knob: #121214;--ok: #5BE08A;--ok-soft: #12301F;--on-ok: #0B2A17;--warn: #F7C04A;--warn-soft: #33260C;--bad: #FF8A8A;--bad-soft: #3A1515;--info: #7DB4FF;--info-soft: #15264A;--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.55), 0 2px 4px -2px rgba(0,0,0,.35);--shadow-lg: 0 12px 28px -8px rgba(0,0,0,.7)}body{background-image:none}*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.top{background:var(--card);box-shadow:none;border-bottom:1px solid var(--line)}.nav{background:var(--card);box-shadow:none}.nav em{box-shadow:none}.logo{background-image:var(--logo-grad)}.btn{box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-spring),box-shadow .15s,filter .15s}.btn:hover:not([disabled]){transform:translateY(-1px);filter:brightness(.95);box-shadow:var(--shadow-md)}.btn:active:not([disabled]){transform:scale(.98)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1.8px var(--accent)}.btn.ghost:hover:not([disabled]){background:var(--accent-soft);filter:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1.8px var(--accent)}.stepper button:hover{background:var(--accent-fill);color:#fff}.card{box-shadow:var(--shadow-sm)}.grid .card:nth-child(n){animation-duration:.25s;animation-delay:0s}.card:hover:not(.habis){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.card:hover .pic img{transform:scale(1.03)}.card .pic{background:var(--field)}.card .badge,.badge{box-shadow:none}.chip{box-shadow:inset 0 0 0 1.5px var(--line-strong),var(--shadow-sm);transition:transform .15s var(--ease-spring),background-color .15s}.chip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--accent),var(--shadow-sm)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--ink);color:var(--cream);box-shadow:none;transform:none}.po{background:var(--warn-soft);box-shadow:inset 0 0 0 1px var(--line-strong)}.hero{border-color:var(--line)}.in,.csel{border-color:var(--line-strong)}.in:focus{box-shadow:0 0 0 3px var(--accent-soft)}.sw i{background:var(--line-strong)}.sw input:checked+i{background:var(--accent)}.sw i:after{background:var(--knob);box-shadow:none}.steps li.done .dot{color:var(--on-ok)}.steps li.cur .dot{box-shadow:0 0 0 4px var(--accent-soft)}.toast{background:var(--ink);color:var(--cream);transform:none}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px 16px;min-height:44px;border-radius:10px;background:var(--ink);color:var(--cream);font:700 .95rem var(--font-b);transform:translateY(-200%)}.skip:focus{transform:none}#temaRow{display:flex;align-items:center;justify-content:space-between;gap:12px}#temaRow select{width:auto;min-width:150px}@media (prefers-reduced-motion: no-preference){html.tema-pindah,html.tema-pindah *,html.tema-pindah *:before,html.tema-pindah *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}}.sbanner{margin-top:14px}.testi{padding-bottom:8px}.trail{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.trail::-webkit-scrollbar{display:none}.tcard{flex:0 0 82%;max-width:300px;scroll-snap-align:start;display:flex;gap:12px;background:var(--card);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.tav{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-d);font-weight:800}.tbody{min-width:0}.stars{color:#f59e0b;letter-spacing:2px;font-size:.95rem}.tcard blockquote{margin:4px 0 8px;font-size:.92rem;line-height:1.45}.tcard figcaption{font-size:.8rem;color:var(--muted)}.testi .hint{margin-top:2px}.sk{background:linear-gradient(90deg,var(--line) 25%,rgba(var(--card-rgb),.9) 50%,var(--line) 75%);background-size:200% 100%;animation:skm 1.2s linear infinite;border-radius:12px}@keyframes skm{0%{background-position:200% 0}to{background-position:-200% 0}}.skhero{height:150px;border-radius:24px;margin-top:14px}.skchips{display:flex;gap:10px;padding:18px 2px 8px}.skchip{width:84px;height:40px;border-radius:999px}.skc{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}.skp{aspect-ratio:1/1;border-radius:0}.skb{padding:12px;display:flex;flex-direction:column;gap:8px}.sl{height:12px}.w90{width:90%}.w70{width:70%}.w40{width:40%}.skbtn{height:38px;border-radius:14px;margin-top:4px}@media (prefers-reduced-motion:reduce){.sk{animation:none}}#demoBtn{position:fixed;left:0;top:46%;z-index:15;width:18px;height:44px;padding:0;border-radius:0 12px 12px 0;border:1px dashed var(--line);border-left:0;background:rgba(var(--card-rgb),.7);color:var(--muted);font-size:.7rem;line-height:1;opacity:.5;cursor:pointer}#demoBtn:hover,#demoBtn:focus-visible{opacity:1}.dmrow{margin:14px 0}.dmrow>b{display:block;margin-bottom:6px;font-size:.9rem}.dmseg{display:flex;flex-wrap:wrap;gap:8px}.dmb{min-height:44px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.dmb.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#sheetRoot.noanim .sheet,#sheetRoot.noanim .back{animation:none}.proofsent{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;margin:12px 0}.proofsent img{width:64px;height:64px;object-fit:cover;border-radius:12px;flex:none}.bayarnow{display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem}h1{font-weight:800;letter-spacing:-.03em}.ib{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:16px;background:var(--card);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s}.ib:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ib.sm{width:44px;height:44px;border-radius:14px}.ib:focus-visible,.lnk:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.acts{align-items:center}.acts .btn{flex:1 1 120px;min-width:0}.acts .lnk{flex:1 0 100%}.lnk{display:block;margin:6px auto 0;min-height:44px;padding:0 12px;border:0;background:none;font:inherit;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.lnk.bad{color:var(--bad)}.acct-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.acct-hd .hint{margin:0}body{font-variant-numeric:tabular-nums}.toprow{display:flex;align-items:center;justify-content:space-between;gap:8px}.cr{display:flex;gap:6px}.ib.bad{color:var(--bad)}.chips{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.ag{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ag .ab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:6px 10px;border:0;border-radius:14px;background:var(--card);color:var(--accent);font:inherit;font-size:.95rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;transition:background .15s,box-shadow .15s,transform .12s}.ag .ab:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.ag .ab:active{transform:scale(.97)}.ag .ab.full{grid-column:1/-1}.ag .ab.bad{color:var(--bad);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--bad) 45%,transparent)}.ag .ab.bad:hover{background:var(--bad-soft);box-shadow:inset 0 0 0 1.5px var(--bad)}.ag .ab svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ag .ab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sw input{top:-6px;right:0;bottom:-6px;left:0;height:calc(100% + 12px)}.receipt .r{align-items:center}.top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo open" "sub open";column-gap:10px;row-gap:0;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 8px}.top .logo{grid-area:logo;justify-self:start;font-size:1.45rem;line-height:1.15}.top .sub{grid-area:sub;display:block;padding:0;border:0;font-size:.72rem;line-height:1.2}#open{grid-area:open;white-space:nowrap}@media (min-width:700px){.top{display:flex;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px}.top .logo{font-size:1.65rem;line-height:normal}.top .sub{flex:1;min-width:0;padding-left:10px;border-left:1.5px solid var(--line);font-size:.8rem;line-height:1.25}#open{margin-left:auto}}@media (min-width:1024px){.top{padding-right:520px}}.nav a:active,.nav a.on,.nav a.on:hover,.nav a.on:active{color:var(--accent)}@media (hover:none){.nav a:not(.on):not(:active):hover{color:var(--muted)}}.khead>div{min-width:0}.khead b{display:block;font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.khead small{margin-top:2px}.ord .h b.oname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ord .h .badge{flex:none}.ic{width:1em;height:1em;flex:none;display:block}.empty .ico .ic{width:2.6rem;height:2.6rem;color:var(--accent)}.po .ic{width:22px;height:22px}.ph .ic{width:1em;height:1em;color:var(--muted);opacity:.65}.sheet .close .ic{width:18px;height:18px}.logo:before{content:"";width:26px;height:26px;flex:none;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%23B5154F'/%3E%3Crect x='7' y='8' width='18' height='5' rx='2' fill='%23fff'/%3E%3Crect x='9' y='15' width='14' height='3' rx='1.5' fill='%23fff'/%3E%3Crect x='7' y='20' width='18' height='5' rx='2' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 2px 4px rgba(214,31,105,.25))}