@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_646807{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_646807{--font-sans:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--lf-primary:#0891b2;--lf-primary-deep:#075e73;--lf-accent:#ff7a55;--lf-accent-soft:#ffe7de;--lf-ink:#0f1a1f;--lf-ink-2:#3a4a52;--lf-ink-3:#6b7a82;--lf-ink-4:#a5b2b8;--lf-bg:#fbf9f6;--lf-card:#ffffff;--lf-line:#ece7df;--lf-line-2:#f4f1ec;--lf-ok:#1f8a5b;--lf-warn:#d97706;--lf-danger:#c2410c;--lf-radius:14px;--lf-font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--lf-font-mono:"JetBrains Mono",ui-monospace,monospace}.lf-mono{font-family:var(--lf-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lf-grade{display:inline-flex;align-items:baseline;gap:4px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px}.lf-grade i{font-style:normal;font-size:10px;font-weight:600;opacity:.8}.lf-grade-A{background:rgba(31,138,91,.12);color:var(--lf-ok)}.lf-grade-B{background:rgba(8,145,178,.12);color:var(--lf-primary-deep)}.lf-grade-C{background:rgba(217,119,6,.14);color:var(--lf-warn)}.lf-grade-D{background:rgba(107,122,130,.14);color:var(--lf-ink-3)}.lf-stepper{display:inline-flex;align-items:center;gap:8px}.lf-stepper button{width:36px;height:36px;border-radius:10px;border:1px solid var(--lf-line);background:var(--lf-card);color:var(--lf-ink-2);font:inherit;font-size:18px;cursor:pointer}.lf-stepper button:hover{border-color:var(--lf-primary);color:var(--lf-primary-deep)}.lf-stepper-val{min-width:64px;text-align:center;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lf-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:80;background:var(--lf-ink);color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.3)}body{font-family:var(--lf-font-sans);background:var(--lf-bg);color:var(--lf-ink)}:root{--primary:#0891b2;--primary-deep:#075e73;--primary-soft:#e5f4f7;--accent:#ff7a55;--accent-soft:#ffe7de;--ink:#0f1a1f;--ink-2:#3a4a52;--ink-3:#6b7a82;--ink-4:#a5b2b8;--bg:#fbf9f6;--card:#ffffff;--line:#ece7df;--line-2:#f4f1ec;--ok:#1f8a5b;--warn:#d97706;--danger:#c2410c;--page:#e7e1d7}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page);color:var(--ink);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01"}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{cursor:pointer;color:inherit}button,input,textarea{font:inherit}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}#root,.app{height:100dvh}.app{width:100%;max-width:468px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}@media (min-width:520px){body{padding:0}.app{height:min(940px,100dvh);margin-top:max(0px,calc((100dvh - 940px) / 2));border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 30px 80px -20px rgba(15,26,31,.4);overflow:hidden}}.screen{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen::-webkit-scrollbar{width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px 12px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}.topbar-back{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink-2);flex:none}.topbar-back:active{transform:scale(.94)}.brand{align-items:center}.brand,.topbar-title{display:flex;flex:1 1}.topbar-title{flex-direction:column;line-height:1.1}.topbar-title b{font-size:16px;font-weight:700;letter-spacing:-.01em}.topbar-title i{font-size:11px;font-style:normal;color:var(--ink-3)}.topbar-right{display:flex;align-items:center;gap:8px}.loc{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-3);padding:5px 9px;background:var(--card);border:1px solid var(--line);border-radius:999px}.livedot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(31,138,91,.18);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.45}}.iconbtn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink-2);position:relative}.iconbtn-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;background:var(--accent);color:#fff;border-radius:999px;font-size:10px;font-weight:600;display:grid;place-items:center;border:2px solid var(--bg)}.fphoto{position:relative;overflow:hidden;background:#cfdde2;isolation:isolate}.fphoto-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:fphotoIn .5s ease both}@keyframes fphotoIn{0%{opacity:.001}to{opacity:1}}.fphoto-grain{opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fphoto-grain,.fphoto:after{position:absolute;inset:0;pointer-events:none}.fphoto:after{content:"";background:linear-gradient(180deg,rgba(15,26,31,.2),transparent 24%,transparent 54%,rgba(15,26,31,.4))}.fphoto-flag{position:absolute;left:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;background:rgba(15,26,31,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:500;letter-spacing:.01em}.fphoto-flag-dot{width:5px;height:5px;border-radius:50%;background:#6fe3a6;flex:none}.grade{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(15,26,31,.18)}.grade i{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.02em}.grade-sm{height:20px;font-size:11px;padding:0 8px 0 6px}.grade-sm i{font-size:9.5px}.grade-A{color:var(--ok)}.grade-A i{color:color-mix(in srgb,var(--ok) 75%,#000)}.grade-B{color:var(--primary-deep)}.grade-C{color:var(--warn)}.grade-D{color:var(--danger)}.hero-band{padding:10px 16px 4px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--primary-deep);font-weight:600;padding:5px 10px;background:var(--primary-soft);border-radius:999px}.hero-h1{font-size:25px;line-height:1.12;font-weight:800;letter-spacing:-.025em;margin:12px 0 6px;text-wrap:balance}.hero-sub{font-size:13px;color:var(--ink-3);margin:0;max-width:38ch;text-wrap:pretty}.searchbar{margin:14px 16px 6px;display:flex;align-items:center;gap:10px;padding:0 12px;height:46px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink-3)}.searchbar input{flex:1 1;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink)}.searchbar-x{border:0;background:var(--line-2);color:var(--ink-3);width:22px;height:22px;border-radius:50%;font-size:12px}.chips{display:flex;gap:8px;padding:8px 16px 4px;overflow-x:auto}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap;transition:.15s}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip:not(.on):active{background:var(--line-2)}.sortrow{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}.sortrow-count{font-size:12px;color:var(--ink-3);font-weight:600}.sortseg{display:flex;gap:2px;padding:3px;background:var(--line-2);border-radius:10px}.sortseg button{padding:5px 11px;border:0;background:transparent;font-size:12px;font-weight:600;color:var(--ink-3);border-radius:7px}.sortseg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,26,31,.1)}.pgrid{display:grid;grid-gap:12px;gap:12px;padding:8px 16px 6px}.pgrid.cols-2{grid-template-columns:1fr 1fr}.pgrid.cols-1{grid-template-columns:1fr}.pcard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:transform .12s,box-shadow .15s;display:flex;flex-direction:column}.pcard:active{transform:scale(.98)}.pcard:hover{box-shadow:0 10px 24px -12px rgba(15,26,31,.28)}.pcard-grade{top:8px;z-index:3}.pcard-fresh,.pcard-grade{position:absolute;right:8px}.pcard-fresh{top:119px;z-index:6;font-size:8.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--accent);padding:4px 6px 3px;border-radius:6px;box-shadow:0 3px 9px -2px rgba(15,26,31,.42)}.pcard-body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:2px}.pcard-name{font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.pcard-price b{font-size:15px;font-weight:800;letter-spacing:-.02em}.pcard-price span{font-size:11px;color:var(--ink-3);margin-left:2px}.pcard-add{width:34px;height:34px;border-radius:10px;flex:none;background:var(--primary);color:#fff;border:0;display:grid;place-items:center;box-shadow:0 4px 12px -3px rgba(8,145,178,.5)}.pcard-add.ghost{background:var(--card);color:var(--primary-deep);border:1.5px solid var(--line);box-shadow:none}.pcard-add:active{transform:scale(.9)}.pcard-low{font-size:10.5px;color:var(--accent);font-weight:600;margin-top:6px}.empty{grid-column:1/-1;text-align:center;color:var(--ink-3);padding:40px 0;font-size:13px}.foot-note{text-align:center;font-size:10.5px;color:var(--ink-4);padding:14px 16px 22px;letter-spacing:.02em}.gal-intro{display:flex;align-items:flex-start;gap:8px;margin:12px 16px 4px;padding:12px 14px;background:var(--primary-soft);color:var(--primary-deep);border-radius:14px;font-size:12.5px;font-weight:500;line-height:1.4}.gal-intro svg{flex:none;margin-top:1px}.gal-group{padding:0 16px}.gal-dayhead{display:flex;align-items:center;gap:10px;padding:18px 0 10px}.gal-day{font-size:14px;font-weight:800;letter-spacing:-.01em}.gal-date{font-size:11px;color:var(--ink-3)}.gal-line{flex:1 1;height:1px;background:var(--line)}.gal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.gal-tile{padding:0;border:0;background:none;border-radius:14px;overflow:hidden;cursor:pointer}.gal-tile:active{transform:scale(.98)}.gal-grade{top:8px;right:8px}.gal-cap,.gal-grade{position:absolute;z-index:3}.gal-cap{left:10px;right:10px;bottom:9px;display:flex;flex-direction:column;gap:1px;text-align:left}.gal-cap b{color:#fff;font-size:13.5px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.gal-cap span{color:rgba(255,255,255,.82);font-size:10px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pd-grade{top:12px;right:12px}.pd-grade,.pd-stamp{position:absolute;z-index:3}.pd-stamp{left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#fff;background:rgba(15,26,31,.5);padding:5px 9px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pd-photonote{display:flex;align-items:center;gap:11px;margin:12px 16px 0;padding:11px 13px;background:var(--primary-soft);border-radius:13px}.pd-photonote-ic{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--primary-deep);display:grid;place-items:center;flex:none}.pd-photonote b{font-size:12.5px;font-weight:700;color:var(--primary-deep);display:block}.pd-photonote i{font-size:11px;font-style:normal;color:var(--ink-2)}.pd-cat{font-size:12.5px;color:var(--ink-3);font-weight:600;margin-top:4px}.pd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 16px 0}.pd-name{font-size:22px;font-weight:800;letter-spacing:-.025em;margin:0;line-height:1.1}.pd-latin{font-size:12.5px;color:var(--ink-4);font-style:italic;margin-top:3px}.pd-price{text-align:right;flex:none}.pd-price b{font-size:20px;font-weight:800;letter-spacing:-.02em}.pd-price span{font-size:12px;color:var(--ink-3)}.pd-facts{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;padding:16px}.fact{background:var(--line-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.fact i{font-size:9.5px;font-style:normal;color:var(--ink-3);letter-spacing:.06em}.fact b{font-size:13.5px;font-weight:700;letter-spacing:-.01em}.pd-section-t{font-size:15px;font-weight:800;letter-spacing:-.01em;padding:6px 16px 0}.pd-quick{display:flex;gap:8px;padding:12px 16px 0;flex-wrap:wrap}.qw{flex:1 1;min-width:56px;height:50px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-size:16px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.qw i{font-style:normal;font-size:9.5px;font-weight:600;color:var(--ink-3)}.qw.on{border-color:var(--primary);background:var(--primary-soft)}.qw.on,.qw.on i{color:var(--primary-deep)}.pd-stepwrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 4px}.pd-linesub{font-size:18px;font-weight:800;letter-spacing:-.02em}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--line-2);border-radius:12px;padding:4px}.stepper button{width:34px;height:34px;border-radius:9px;border:0;background:var(--card);color:var(--ink);display:grid;place-items:center;box-shadow:0 1px 3px rgba(15,26,31,.08)}.stepper button:active{transform:scale(.9)}.stepper-val{min-width:64px;text-align:center}.stepper-val b{font-size:16px;font-weight:700}.stepper-val span{font-size:11px;color:var(--ink-3);margin-left:3px}.pd-clean{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:14px 16px 0;padding:13px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);text-align:left}.pd-clean.on{border-color:var(--primary)}.pd-clean-ic,.pd-clean.on{background:var(--primary-soft)}.pd-clean-ic{width:38px;height:38px;border-radius:11px;color:var(--primary-deep);display:grid;place-items:center;flex:none}.pd-clean.on .pd-clean-ic{background:var(--card)}.pd-clean-t{flex:1 1;display:flex;flex-direction:column;gap:2px}.pd-clean-t b{font-size:14px;font-weight:700}.pd-clean-t i{font-size:11.5px;font-style:normal;color:var(--ink-3)}.pd-check{width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;color:#fff;flex:none}.pd-check.on{background:var(--primary);border-color:var(--primary)}.pd-related{margin-top:22px}.rel-row{display:flex;gap:10px;padding:12px 16px 4px;overflow-x:auto}.rel-card{flex:none;width:116px;border:0;background:none;padding:0;display:flex;flex-direction:column;gap:5px;text-align:left}.rel-card .fphoto{box-shadow:0 0 0 1px var(--line)}.rel-card b{font-size:12.5px;font-weight:700;line-height:1.2}.rel-card span{font-size:11px;color:var(--ink-3);font-weight:600}.pd-spacer{height:14px}.actionbar{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.actionbar.col{flex-direction:column;align-items:stretch;gap:8px}.actbar-sum{display:flex;align-items:baseline;justify-content:space-between}.actbar-sum i{font-size:9.5px;font-style:normal;color:var(--ink-3);letter-spacing:.08em}.actbar-sum b{font-size:19px;font-weight:800;letter-spacing:-.02em}.actbar-btns{display:flex;gap:10px}.actbar-btns>button{flex:1 1}.actionbar-sum{display:flex;flex-direction:column;line-height:1.1}.actionbar-sum i{font-size:9.5px;font-style:normal;color:var(--ink-3);letter-spacing:.06em}.actionbar-sum b{font-size:20px;font-weight:800;letter-spacing:-.02em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:0;border-radius:13px;background:var(--primary);color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 20px -8px rgba(8,145,178,.6);transition:.15s}.btn-primary.big{flex:1 1;padding:15px 18px;font-size:14.5px}.btn-primary.full{width:100%}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--ink-4);box-shadow:none;opacity:.8}.btn-ghost{display:inline-flex;gap:8px;padding:13px 18px;border:1.5px solid var(--line);border-radius:13px;background:var(--card);color:var(--ink-2);font-size:14px;font-weight:700}.btn-ghost.full{width:calc(100% - 32px);margin:4px 16px 0}.btn-ghost.big{flex:1 1;padding:15px 14px;font-size:14.5px}.pd-min{display:flex;align-items:center;gap:7px;padding:10px 16px 0;font-size:11px;color:var(--ink-3)}.pd-min svg{color:var(--warn);flex:none}.botnav{flex:none;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.botnav-btn{border:0;background:none;padding:9px 0 11px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--ink-4);transition:color .15s}.botnav-btn.on{color:var(--primary-deep)}.botnav-ic{position:relative;display:grid;place-items:center}.botnav-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;border-radius:999px;font-size:9.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg);animation:badgePop .4s cubic-bezier(.3,1.6,.5,1)}.botnav-badge:after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;animation:badgeRing 1.9s ease-out infinite}@keyframes badgePop{0%{transform:scale(.2)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes badgeRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}.botnav-btn.has-items .botnav-ic{animation:navbump .5s cubic-bezier(.3,1.4,.5,1)}@keyframes navbump{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-5px) scale(1.14)}65%{transform:translateY(0) scale(.95)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.botnav-badge,.botnav-badge:after,.botnav-btn.has-items .botnav-ic{animation:none}}.cart-list{padding:12px 16px 4px;flex-direction:column}.cart-list,.cline{display:flex;gap:12px}.cline{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px}.cline-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.cline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cline-top b{font-size:14px;font-weight:700;display:block;line-height:1.2}.cline-unit{font-size:11px;color:var(--ink-3);font-weight:600}.cline-del{border:0;background:var(--line-2);color:var(--ink-3);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none}.cline-tag{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:10px;color:var(--primary-deep);background:var(--primary-soft);padding:2px 7px;border-radius:6px;font-weight:600}.cline-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cline-amt{font-size:15px;font-weight:800;letter-spacing:-.01em}.cart-note{display:flex;align-items:center;gap:7px;margin:12px 16px 0;font-size:11px;color:var(--ink-3)}.cart-note svg{flex:none;color:var(--warn)}.cart-empty{padding:70px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.cart-empty-ic{width:72px;height:72px;border-radius:22px;background:var(--line-2);color:var(--ink-4);display:grid;place-items:center;margin-bottom:8px}.cart-empty b{font-size:17px;font-weight:800}.cart-empty p{font-size:13px;color:var(--ink-3);margin:0 0 14px}.co-sec-t{font-size:13px;font-weight:800;letter-spacing:-.01em;padding:18px 16px 8px;color:var(--ink)}.field{padding:0 16px 12px;display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--ink-2)}.field label i{font-style:normal;color:var(--ink-4);font-weight:500}.field input,.field textarea{border:1.5px solid var(--line);border-radius:12px;background:var(--card);padding:12px 14px;font-size:14px;color:var(--ink);outline:none;resize:none;width:100%}.field input:focus,.field textarea:focus{border-color:var(--primary)}.seg2{display:flex;gap:8px;padding:0 16px 12px}.seg2 button{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:50px;border-radius:13px;border:1.5px solid var(--line);background:var(--card);font-size:13.5px;font-weight:700;color:var(--ink-2)}.seg2 button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}.co-pickup{align-items:center;margin:0 16px 12px;padding:12px 14px;background:var(--line-2);border-radius:12px;font-size:11.5px;color:var(--ink-2)}.co-pickup,.paylist{display:flex;gap:8px}.paylist{padding:0 16px;flex-direction:column}.payopt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:13px;background:var(--card);text-align:left}.payopt.on{border-color:var(--primary);background:var(--primary-soft)}.payopt-ic{width:38px;height:38px;border-radius:11px;background:var(--line-2);color:var(--ink-2);display:grid;place-items:center;flex:none}.payopt.on .payopt-ic{background:var(--card);color:var(--primary-deep)}.payopt-t{flex:1 1;display:flex;flex-direction:column}.payopt-t b{font-size:14px;font-weight:700}.payopt-t i{font-size:11.5px;font-style:normal;color:var(--ink-3)}.radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative}.radio.on{border-color:var(--primary)}.radio.on:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--primary)}.co-summary{margin:18px 16px 0;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:9px}.co-row{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2)}.co-row.total{padding-top:10px;border-top:1px dashed var(--line);font-size:16px}.co-row.total b{font-weight:800;letter-spacing:-.02em}.co-hint{text-align:center;font-size:11px;color:var(--accent);font-weight:600}.cf-hero{text-align:center;padding:40px 28px 22px;display:flex;flex-direction:column;align-items:center}.cf-badge{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--ok),color-mix(in srgb,var(--ok) 70%,#000));box-shadow:0 14px 30px -10px rgba(31,138,91,.6);margin-bottom:16px;animation:pop .4s cubic-bezier(.2,1.4,.5,1) both}@keyframes pop{0%{transform:scale(.4);opacity:0}}.cf-hero h2{font-size:24px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px}.cf-hero p{font-size:13.5px;color:var(--ink-3);margin:0 0 14px;max-width:32ch}.cf-no{font-size:13px;font-weight:600;color:var(--ink-2);background:var(--line-2);padding:7px 14px;border-radius:999px;letter-spacing:.04em}.cf-wa{margin:4px 16px 0;width:calc(100% - 32px);background:#25d366;box-shadow:0 10px 24px -8px rgba(37,211,102,.6)}.cf-tip{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 16px 4px;font-size:11px;color:var(--ink-3)}.cf-tip svg{color:var(--warn);flex:none}.cf-card{margin:16px 16px 0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px}.cf-card-t{font-size:10px;color:var(--ink-3);letter-spacing:.08em;margin-bottom:10px}.cf-steps{display:flex;flex-direction:column;gap:14px}.cf-step{position:relative;display:flex;align-items:flex-start;gap:12px;opacity:.5}.cf-step.done,.cf-step.on{opacity:1}.cf-step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:-16px;width:2px;background:var(--line);border-radius:2px}.cf-step.done:before{background:var(--ok)}.cf-step>div{flex:1 1;min-width:0}.cf-dot{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--line-2);color:var(--ink-3)}.cf-step.done .cf-dot{background:var(--ok);color:#fff}.cf-step.on .cf-dot{background:var(--primary-soft);color:var(--primary-deep);box-shadow:inset 0 0 0 2px var(--primary)}.cf-step b{font-size:13.5px;font-weight:700;display:block}.cf-step i{font-size:11.5px;font-style:normal;color:var(--ink-3)}.cf-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line-2)}.cf-line i{font-style:normal;color:var(--ink-3);font-size:11px}.cf-line.total{border-bottom:0;padding-top:10px;font-size:15px;font-weight:800}.cf-meta{margin-top:10px;font-size:11px;color:var(--ink-3);line-height:1.6}.payopt-gw{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#ff5a2b,#e2431b);padding:3px 7px;border-radius:6px;align-self:center}.addr-row{display:flex;gap:8px;align-items:stretch}.addr-row textarea{flex:1 1}.pin-btn{flex:none;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink-2)}.pin-btn i{font-style:normal;font-size:8.5px;letter-spacing:.03em}.pin-btn.on{border-color:var(--primary);background:var(--primary-soft)}.addr-pinned,.pin-btn.on{color:var(--primary-deep)}.addr-pinned{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px}.co-pickup-wrap{padding-bottom:4px}.co-pickup-lbl{display:flex;align-items:center;gap:6px;padding:0 16px 8px;font-size:11px;color:var(--ink-3)}.cf-pay{margin:14px 16px 0;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:12px}.cf-pay-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cf-pay-amt{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cf-pay-amt .cf-copy{margin:4px 0 0}.cf-pay-amt i{font-style:normal;font-size:9.5px;color:var(--ink-3);letter-spacing:.08em}.cf-pay-amt b{font-size:21px;font-weight:800;letter-spacing:-.02em}.cf-pay-status{font-size:10.5px;font-weight:700;color:#b9791c;background:#fbe8ce;padding:5px 10px;border-radius:999px}.cf-pay .btn-primary{margin:0}.cf-pay-gw{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ink-3)}.cf-pay-gw svg{flex:none}.cf-pay-gw b{color:var(--ink-2)}.cf-wa-opt{margin:14px 16px 0;width:calc(100% - 32px);color:#128c4b;border-color:color-mix(in srgb,#25d366 40%,var(--line))}.cf-wa-opt i{font-style:normal;color:var(--ink-4);font-weight:600}.cf-again{margin-top:10px}.cf-paid{color:#128c4b;background:color-mix(in srgb,#25d366 12%,var(--card));border-color:color-mix(in srgb,#25d366 35%,var(--line))}.cf-unique{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.45;color:#b9791c;background:#fbe8ce;padding:9px 11px;border-radius:12px}.cf-unique svg{flex:none;margin-top:1px}.cf-bank{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg,#f7f7f5);border:1px dashed var(--line);border-radius:12px}.cf-bank-row{display:flex;align-items:center;gap:8px}.cf-bank-row i{font-style:normal;font-size:11px;color:var(--ink-3);width:84px;flex:none}.cf-bank-row b{font-size:14px;font-weight:700}.cf-copy{margin-left:auto;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:4px 10px;font-size:10.5px;font-weight:700;color:var(--ink-2);cursor:pointer}.cf-qris{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg,#f7f7f5);border:1px dashed var(--line);border-radius:12px}.cf-qris img{width:220px;max-width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}.cf-qris i{font-style:normal;font-size:11px;color:var(--ink-3);text-align:center}.cf-bukti{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px dashed var(--line);border-radius:12px;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}.cf-bukti svg{flex:none;color:var(--ink-3)}.authgate{margin:0 20px 4px}.authgate-wa{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1.5px solid var(--primary);border-radius:14px;background:var(--primary-soft);color:var(--primary-deep);text-align:left;cursor:pointer}.authgate-wa svg{flex:none}.authgate-wa span{display:flex;flex-direction:column;gap:2px}.authgate-wa b{font-size:14px}.authgate-wa i{font-style:normal;font-size:12px;font-weight:400;opacity:.7}.authgate-or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-3);margin:10px 0 2px}.authgate-or:after,.authgate-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.authgate-logged{display:inline-flex;align-items:center;gap:6px;margin:0 20px 8px;padding:8px 12px;border-radius:10px;background:#e8f7ef;color:var(--ok);font-size:12.5px;font-weight:600}.otp-wrap{padding:24px 20px;display:flex;flex-direction:column;gap:16px}.otp-hint{margin:0;font-size:14px;color:var(--ink-2);line-height:1.5}.otp-input{font-size:24px;letter-spacing:.3em;text-align:center}.btn-ghost{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:none;border-radius:12px;background:transparent;color:var(--ink-3);font-size:13px;cursor:pointer}.co-hint.err{color:var(--danger)}.authok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 0 6px}.authok-badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8f7ef;color:var(--ok);margin-bottom:4px}.authok b{font-size:17px}.authok i{font-style:normal;font-size:13px;color:var(--ink-3)}.pf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px;padding:13px 0;border-bottom:1px solid var(--line-2)}.pf-label{font-size:11px;color:var(--ink-3);letter-spacing:.04em}.pf-value{font-size:14.5px;font-weight:600;color:var(--ink);text-align:right}.field-hint{font-size:11.5px;color:var(--ink-3);margin-top:4px}.readonly{background:var(--line-2);color:var(--ink-3)}.err-row,.err-row .payopt-t b{color:var(--danger)}.oh-card{display:block;width:calc(100% - 40px);margin:0 20px 10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left;cursor:pointer}.oh-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.oh-no{font-size:12px;color:var(--ink-3)}.oh-status{font-size:13px;font-weight:600;color:var(--ink)}.oh-date{font-size:11.5px;color:var(--ink-4);margin-top:4px}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.badge-paid{background:#e8f7ef;color:var(--ok)}.badge-pending{background:#fff4e0;color:var(--warn)}.badge-other{background:var(--line-2);color:var(--ink-3)}.addr-nearest{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;color:var(--primary-deep)}.addr-nearest svg{flex:none}.mp-overlay{position:fixed;inset:0;z-index:80;background:rgba(15,26,31,.45);display:flex;align-items:flex-end}.mp-sheet{width:100%;background:var(--card);border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom, 0));display:flex;flex-direction:column;gap:12px;max-height:86vh}.mp-head{display:flex;align-items:center;justify-content:space-between}.mp-head b{font-size:15px}.mp-head button{border:0;border-radius:10px;padding:6px;color:var(--ink-2);cursor:pointer}.mp-head button,.mp-map{background:var(--line-2)}.mp-map{width:100%;height:320px;border-radius:14px;overflow:hidden}.mp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-foot .mono{font-size:12px;color:var(--ink-3)}.mp-fallback{display:flex;flex-direction:column;gap:12px;padding:8px 0 4px}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,18px);z-index:60;display:inline-flex;align-items:center;gap:8px;max-width:88%;padding:11px 16px;border-radius:13px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;box-shadow:0 12px 30px -8px rgba(15,26,31,.5);opacity:0;pointer-events:none;transition:.25s cubic-bezier(.2,1,.4,1)}.toast svg{color:#6fe3a6}.toast.show{opacity:1;transform:translate(-50%)}.outlet-picker{position:relative;margin:10px 16px 0}.outlet-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #0a91b3;background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}.outlet-menu{position:absolute;z-index:30;margin-top:6px;background:#fff;border:1px solid #e3e3e3;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:220px;overflow:hidden}.outlet-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px;background:#fff}.outlet-opt.on{background:#e7f6fa}.outlet-opt.muted{color:#8a8a8a}.outlet-addr{font-size:12px;color:#777}.grp-title{font-weight:700;margin:16px 16px 8px}.grp-title.muted{color:#8a8a8a}.grp-title .num{opacity:.6;font-weight:600}.pcard.disabled{opacity:.55;filter:grayscale(.6);pointer-events:none}.pcard-out{color:#b00020;font-weight:700}