.howto{margin:.5rem 0 1.25rem}.howto-plate{aspect-ratio:4/3;border-radius:var(--r-md);background:var(--well);transition:opacity .17s;position:relative;overflow:hidden}.howto-plate.is-cut{opacity:0}.howto-plate:after{content:"";border-radius:inherit;box-shadow:var(--press-sm);pointer-events:none;position:absolute;inset:0}.howto-wall,.howto-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.howto-wall{transform-origin:50%;will-change:transform, opacity}.howto-svg text{font-family:var(--font-display);font-weight:var(--fw-display)}.howto-nav{align-items:center;gap:.5rem;margin-top:.375rem;display:flex}.howto-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.howto-toggle svg{fill:currentColor;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.howto-steps{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.howto-step{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-content:center;min-height:44px;padding:0;display:grid}.howto-step-track{background:var(--line);border-radius:2px;height:4px;display:block;overflow:hidden}.howto-step-fill{background:var(--focus);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.howto-toggle:focus-visible,.howto-step:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-radius:var(--r-sm)}.howto-caption{min-height:3em;color:var(--ink);font-size:var(--fs-sm);gap:.5rem;margin:.125rem 0 0;line-height:1.5;display:flex}.howto-caption-num{background:var(--accent);width:1.5em;height:1.5em;color:var(--accent-ink);font-family:var(--font-display);font-weight:var(--fw-display);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}.foto{--whatsapp:#1a7f4b;--whatsapp-ink:#fff;--bib:#fff;--pace-ink:var(--accent-ink);--r-card:28px;--r-ctl:18px}.foto[hidden]{display:none}.foto-page{max-width:40rem;padding:.5rem 1.125rem calc(var(--tabbar-h) + var(--safe-bottom) + 2rem);margin:0 auto}.foto.has-cart .foto-page{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 6.5rem)}.foto-topbar{max-width:40rem;padding:calc(var(--safe-top) + .875rem) 1.125rem .75rem;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex}.foto-wordmark{width:128px;height:auto;color:var(--wordmark-run);display:block}.wx-chip{background:var(--paper);min-height:44px;box-shadow:var(--raise-sm);color:var(--ink);font-weight:var(--fw-strong);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:0 .875rem;text-decoration:none;display:inline-flex}.wx-chip:active{box-shadow:var(--press-sm)}.wx-chip-text{min-width:0;line-height:1.15;display:grid}.wx-chip{max-width:min(62vw,18rem)}.wx-chip-main,.wx-chip-text small{text-overflow:ellipsis;overflow:hidden}.wx-chip-text small{font-size:.6875rem;font-weight:var(--fw-text);color:var(--muted)}.wx-chip-dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.wx-chip-dot[data-level="0"]{background:var(--lv0,#2fae7a)}.wx-chip-dot[data-level="1"]{background:var(--lv1,#f2c02e)}.wx-chip-dot[data-level="2"]{background:var(--lv2,#f28a2e)}.wx-chip-dot[data-level="3"]{background:var(--lv3,#e2553f)}.wx-chip-dot[data-level="4"]{background:var(--lv4,#a82a3a)}.foto .lead{font-size:var(--fs-lg);color:var(--muted);margin-bottom:1.25rem}.foto .btn{min-height:48px;font:inherit;font-weight:var(--fw-strong);text-align:center;border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;display:inline-flex}.foto .btn-primary{background:var(--pace);color:var(--pace-ink)}.foto .btn-secondary{background:var(--surface);color:var(--pace);border-color:var(--line)}.foto .btn-quiet{color:var(--pace);text-underline-offset:3px;background:0 0;padding-inline:.25rem;text-decoration:underline}.foto .btn-whatsapp{background:var(--whatsapp);color:var(--whatsapp-ink)}.foto .btn-block{width:100%;margin-block:.75rem;display:flex}.foto .btn-big{min-height:56px;font-size:var(--fs-lg)}.foto .btn:active:not(:disabled){filter:brightness(.92)}.foto .btn:disabled{opacity:.45;cursor:not-allowed}.foto .file-btn:focus-within{outline:3px solid var(--focus);outline-offset:2px}.foto .alert{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--r-sm);font-weight:var(--fw-strong);padding:.75rem 1rem}.foto .note{color:var(--muted)}.foto .dates{border:0;gap:.5rem;margin:0 0 1.5rem;padding:0;display:grid}.foto .dates legend{font-weight:var(--fw-strong);margin-bottom:.5rem}.foto .choice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.foto .choice:has(input:checked){border:2px solid var(--pace);background:var(--pace-soft);padding:calc(.875rem - 1px) calc(1rem - 1px)}.foto .choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.foto .choice[data-disabled]{color:var(--muted);cursor:default;border-style:dashed}.foto .choice input{width:1.25rem;height:1.25rem;accent-color:var(--pace);margin:.15rem 0 0}.foto .choice-text{display:grid}.foto .days{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.foto .day{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:.1rem;padding:.75rem .875rem;display:grid}.foto .day[data-empty]{color:var(--muted);border-style:dashed}.foto .day-name{font-weight:var(--fw-strong)}.foto .notice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:1rem;padding:1rem 1.125rem}.foto .notice h2{font-size:var(--fs-lg)}.foto .notice details{margin-bottom:1rem}.foto .notice summary{color:var(--pace);font-weight:var(--fw-strong);cursor:pointer;align-items:center;min-height:44px;display:flex}.foto .check{font-weight:var(--fw-strong);cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.foto .check input{width:1.375rem;height:1.375rem;accent-color:var(--pace);flex:none;margin:.1rem 0 0}.foto .tips{margin:0 0 1rem;padding-left:1.25rem}.foto .tips li+li{margin-top:.25rem}.foto .live-camera{gap:.75rem;display:grid}.foto .live-video{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-lg);background:#000;width:100%;max-height:58vh;transform:scaleX(-1)}.foto .live-hint{min-height:2.6em;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-display);margin:0;line-height:1.3}.foto .live-steps{counter-reset:step;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.foto .live-steps li{counter-increment:step;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);padding:.25rem .75rem}.foto .live-steps li:before{content:counter(step) ". "}.foto .live-steps li[aria-current=step]{border-color:var(--pace);background:var(--pace-soft);color:var(--ink);font-weight:var(--fw-strong)}.foto .model-status{margin-top:1rem}.foto progress{width:100%;height:.5rem;accent-color:var(--pace)}.foto .remember{margin-block:1.5rem .75rem}.foto .remember .check{margin:0 0 .5rem}.foto .remember p{margin:0}.foto .remember .alert{margin-top:.5rem}.foto .device-check h2{font-size:var(--fs-lg);margin:0 0 .25rem}.foto .device-check p{margin:0 0 .5rem}.foto .scan-ok{align-items:flex-start;gap:.625rem;margin:0 0 1.25rem;display:flex}.foto .scan-ok-mark{background:var(--ok-fill);width:1.5rem;height:1.5rem;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.foto .scan-ok-mark .icon{width:1rem;height:1rem}.foto .search-lane{background:var(--well);height:1.375rem;box-shadow:var(--press-sm);border-radius:999px;margin-bottom:1.25rem;position:relative;overflow:hidden}.foto .search-runner{flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;width:40%;animation:1.4s cubic-bezier(.45,0,.55,1) infinite search-run;display:flex;position:absolute;inset:0 auto 0 0;transform:translate(75%)skew(-12deg)}.foto .search-runner span{background:var(--accent);border-radius:2px;width:100%;height:4px;display:block}.foto .search-runner span+span{width:60%}@keyframes search-run{0%{transform:translate(-110%)skew(-12deg)}to{transform:translate(260%)skew(-12deg)}}.foto .search-well{aspect-ratio:1;background:var(--well);position:relative}.foto .search-well:after{content:"";background:var(--paper);opacity:0;animation:search-rise 2.4s var(--ease-out) calc(var(--i) * .2s) infinite;position:absolute;inset:0}@keyframes search-rise{30%{opacity:1}60%,to{opacity:0}}.foto .bib-code{background:var(--bib);color:var(--bib-ink);border:1px solid var(--line);font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-md);letter-spacing:.02em;border-radius:4px;align-items:center;gap:.4rem;padding:.2rem .55rem;line-height:1.3;display:inline-flex}.foto .bib-pin{opacity:.45;background:currentColor;border-radius:50%;width:5px;height:5px}.foto .grid{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 0 .75rem;padding:0;list-style:none;display:grid;overflow:hidden}.foto .upload-day-title{font-size:var(--fs-sm);font-weight:var(--fw-strong);color:var(--muted);margin:1.25rem 0 .5rem}.foto .upload-day:first-child .upload-day-title{margin-top:.5rem}.foto .tile{background:var(--well);width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}.foto .tile:active{opacity:.8}.foto .tile:focus-visible,.foto .tile-pick:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.foto .tile img,.foto .tile-expired{aspect-ratio:1;object-fit:cover;background:var(--line);width:100%;display:block}.foto .tile-rangkaian{color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-strong);pointer-events:none;background:#151412b8;border-radius:999px;padding:.125rem .375rem;line-height:1.4;position:absolute;bottom:.25rem;left:.25rem}.foto .match-bar{border-radius:var(--r-card);background:var(--paper);box-shadow:var(--raise-sm);margin:0 0 1rem;padding:1rem 1.25rem}.foto .match-bar-label{font-weight:var(--fw-strong);justify-content:space-between;align-items:baseline;display:flex}.foto .match-bar-label output{font-variant-numeric:tabular-nums;color:var(--pace)}.foto .match-bar-input{width:100%;min-height:44px;accent-color:var(--pace);margin:.25rem 0 0;display:block}.foto .match-bar-ends{justify-content:space-between;display:flex}.foto .match-bar-note{margin:.5rem 0 0}.foto .tile img.is-loading{animation:1.1s ease-in-out infinite alternate foto-pulse}@keyframes foto-pulse{to{opacity:.45}}.foto .tile-expired{color:var(--muted);text-align:center;place-items:center;padding:.5rem;display:grid}.foto .photo-view{border-radius:var(--r-lg);background:var(--surface);width:min(40rem,100% - 1rem);max-height:calc(100% - 1rem);color:var(--ink);border:0;padding:0}.foto .photo-view::backdrop{background:#0a0e14bf}.foto .photo-view img{object-fit:contain;background:#0a0e14;width:100%;max-height:60vh;display:block}.foto .photo-meta{padding:1rem 1.25rem .5rem}.foto .photo-meta h2{margin:0 0 .5rem}.foto .photo-meta .bib-code{font-size:var(--fs-xl)}.foto .duty{margin-top:2rem}.foto .photo-meta .alert{font-weight:var(--fw-strong);margin:0 0 1rem}.foto .report-open{font-size:var(--fs-md);margin-top:.5rem}.foto .report-form{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.foto .report-form .dates{margin-bottom:.75rem}.foto .report-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.foto .report-status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin:0 0 1rem;padding:.75rem 1rem}.foto .report-status:focus{outline:none}.foto .duty-list{margin:0;padding:0;list-style:none}.foto .duty-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:flex}.foto .turnstile[hidden]{height:0;margin:0;display:block;overflow:hidden}.foto .measure-panel{border:1px dashed var(--line);border-radius:var(--r-sm);color:var(--muted);margin:1rem 0;padding:.75rem 1rem}.foto .measure-panel h2{margin:0 0 .25rem}.foto .measure-panel ul{margin:0;padding-left:1.1rem}.foto .muted{color:var(--muted)}.foto .small{font-size:var(--fs-sm)}.foto .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.foto *,.foto :before,.foto :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.foto .icon{flex:none;display:block}.foto .icon-btn{background:var(--surface);width:48px;height:48px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.foto .icon-btn:disabled{opacity:.35;cursor:default}.foto .photo-frame{position:relative}.foto .photo-frame:not([data-status=ready]){aspect-ratio:4/3;background:#0a0e14;place-items:center;width:100%;max-height:60vh;display:grid}.foto .photo-frame[data-status=loading] img{opacity:0;position:absolute;inset:0}.foto .photo-frame[data-status=ready] img{animation:.2s ease-out foto-fade-in}@keyframes foto-fade-in{0%{opacity:0}}.foto .photo-status{color:#e8edf2;font-size:var(--fs-sm);text-align:center;justify-items:center;gap:.75rem;margin:0;padding:0 4rem;display:grid}.foto .spinner{border:3px solid #e8edf240;border-top-color:#e8edf2;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite foto-spin}@keyframes foto-spin{to{transform:rotate(360deg)}}.foto .photo-close{position:absolute;top:.5rem;right:.5rem}.foto .photo-nav{position:absolute;top:50%;transform:translateY(-50%)}.foto .photo-prev{left:.5rem}.foto .photo-next{right:.5rem}.foto .photo-count{border-radius:var(--r-sm);color:#fff;font-size:var(--fs-sm);background:#0a0e14b3;padding:.2rem .6rem;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.foto .pick-btn{margin-top:.75rem}.foto .pick-btn.is-picked{background:var(--pace);color:var(--pace-ink);border-color:var(--pace)}.foto .tile-wrap{position:relative}.foto .tile-wrap.is-picked .tile:after{content:"";box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none;background:#ffffff24;position:absolute;inset:0}.foto .tile-pick{width:44px;height:44px;color:var(--accent-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.foto .tile-pick-dot{background:#0003;border:1.5px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 1px 3px #0006}.foto .tile-pick-dot .icon{width:14px;height:14px}.foto .tile-pick[aria-pressed=true] .tile-pick-dot{background:var(--accent)}.foto .cart-bar{z-index:10;max-width:40rem;padding:.75rem 1rem calc(.75rem + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:.5rem;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.foto .cart-count{font-weight:var(--fw-strong);flex:1}.foto .cart-view,.foto .confirm-view{border-radius:var(--r-lg);background:var(--surface);width:min(32rem,100% - 1rem);max-height:calc(100% - 1rem);color:var(--ink);border:0;padding:1rem 1.25rem}.foto .cart-view::backdrop,.foto .confirm-view::backdrop{background:#0a0e14bf}.foto .confirm-view h2{margin:0 0 .5rem}.foto .confirm-actions{gap:.5rem;margin-top:1rem;display:grid}.foto .cart-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.foto .cart-head h2{margin:0}.foto .cart-groups,.foto .cart-codes{margin:0;padding:0;list-style:none}.foto .cart-group{border-top:1px solid var(--line);padding:1rem 0}.foto .cart-group p{margin:0 0 .5rem}.foto .cart-codes{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.foto .remembered{margin-bottom:1rem}.foto .reload{font-weight:var(--fw-strong);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.foto .reload span{flex:14rem}.foto .quiet-actions{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.foto h1{font-size:var(--fs-2xl)}.foto .lead{color:var(--ink);font-size:var(--fs-md)}.foto-card{border-radius:var(--r-card);background:var(--paper);box-shadow:var(--raise);padding:1.375rem}.foto-hero{margin-top:.25rem}.foto-hero h1{max-width:15ch}.foto h1[tabindex="-1"]:focus{outline:none}.foto-hero .btn-primary{margin-top:.25rem}.foto-hero-note{margin:.875rem 0 0}.foto .day-name{align-items:center;gap:.4rem;display:flex}.foto .day-mark{background:var(--accent);border-radius:50%;width:8px;height:8px}.foto .day[data-empty] .day-mark{box-shadow:inset 0 0 0 1.5px var(--muted);background:0 0}.foto .promise{margin-top:2.25rem}.foto .promise h2{margin-top:0}.foto .promise ul{gap:.875rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.foto .promise li{align-items:flex-start;gap:.75rem;display:flex}.foto .promise-icon{color:var(--pace);flex:none;margin-top:1px}.foto .btn{border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:var(--fw-display);box-shadow:var(--raise-sm);border:0;transition:box-shadow .15s,transform .15s}.foto .btn:active:not(:disabled){filter:none;box-shadow:var(--press-sm);transform:scale(.98)}.foto .btn:disabled{opacity:.55;box-shadow:none}.foto .btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:6px 6px 14px #b8370a52, -6px -6px 14px var(--shadow-hi)}.foto .btn-primary:active:not(:disabled){box-shadow:inset 4px 4px 9px #781e0059,inset -3px -3px 8px #ffa07899}.foto .btn-secondary{background:var(--paper);color:var(--ink)}.foto .btn-whatsapp{background:var(--whatsapp);color:var(--whatsapp-ink);box-shadow:6px 6px 14px #0f46284d, -6px -6px 14px var(--shadow-hi)}.foto .btn-quiet{box-shadow:none;color:var(--pace);text-underline-offset:3px;background:0 0;text-decoration:underline}.foto .btn-quiet:active:not(:disabled){box-shadow:none}.foto .icon-btn{background:var(--paper);box-shadow:var(--raise-sm)}.foto .day,.foto .check,.foto .tips,.foto .live-steps{background:var(--well);box-shadow:var(--press);border-radius:var(--r-ctl);border:0}.foto .check{margin:.5rem 0 1rem;padding:.875rem}.foto .check input{accent-color:var(--pace)}.foto .tips{padding:.875rem 1rem .875rem 2rem}.foto .alert{border-radius:var(--r-ctl);box-shadow:var(--press-sm);border:0}.foto .notice,.foto .duty{border-radius:var(--r-card);background:var(--paper);box-shadow:var(--raise);border:0;padding:1.25rem}.foto .bib-code{box-shadow:var(--raise-sm);border:0;border-radius:8px}.foto .grid{box-shadow:var(--raise-sm)}.foto .cart-bar{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + .75rem);background:var(--paper);width:min(38rem,100% - 2.25rem);box-shadow:var(--raise);border:0;border-radius:22px;left:50%;right:auto;transform:translate(-50%)}.foto .photo-view,.foto .cart-view,.foto .confirm-view,.foto .sheet{background:var(--paper);color:var(--ink);border:0;box-shadow:0 -10px 30px #3c321e40}.foto .sheet{width:min(40rem,100%);max-width:100%;max-height:92dvh;padding:1.25rem 1.125rem calc(1.5rem + var(--safe-bottom));border-radius:30px 30px 0 0;margin:auto auto 0}.foto .sheet::backdrop{background:#1c1a1773}.foto .sheet-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.foto .sheet-head h2{margin:0}.foto .sheet details{margin-bottom:.5rem}.foto .sheet summary{min-height:44px;color:var(--pace);font-weight:var(--fw-strong);cursor:pointer;align-items:center;display:flex}.foto .live-video{border-radius:var(--r-card);box-shadow:var(--press)}.foto .turnstile{margin-top:1rem}.foto .days{grid-template-columns:1fr 1fr}.foto .day{text-align:left;aspect-ratio:auto;justify-items:start;min-height:0}.foto .day-name{font-size:var(--fs-md);font-weight:var(--fw-strong);color:var(--ink)}.foto .day[data-empty] .day-name{color:var(--muted)}.foto .order-box{gap:.6rem;margin:.25rem 0 .75rem;display:grid}.foto .order-price,.foto .order-total,.foto .order-code{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;margin:0;display:flex}.foto .order-price strong,.foto .order-total strong{font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.foto .order-box.is-ready{border-radius:var(--r-ctl);background:var(--well);box-shadow:var(--press);padding:.9rem}.foto .order-code{flex-direction:column;align-items:flex-start;gap:.1rem}.foto .order-code strong{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:.06em;font-variant-numeric:tabular-nums}.foto .order-total{flex-direction:column;align-items:flex-start}.foto .order-box .alert{margin:0}.foto .wa-field{gap:.35rem;display:grid}.foto .wa-field label{font-size:var(--fs-sm);font-weight:var(--fw-strong);color:var(--muted)}.foto .wa-field input{width:100%;min-height:48px;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper);border-radius:var(--r-md);box-shadow:var(--press-sm);border:0;padding:.5rem .875rem;font-size:max(16px,1rem)}.foto .wa-field input[aria-invalid=true]{box-shadow:var(--press-sm), 0 0 0 2px var(--danger-ink)}.foto .wa-field p{margin:0}.foto .wa-field .wa-error{color:var(--danger-ink);font-weight:var(--fw-strong)}.foto .live-camera{z-index:40;background:var(--ink);display:block;position:fixed;inset:0}.foto .live-video{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;position:absolute;inset:0}.foto .live-guide{aspect-ratio:3/4;pointer-events:none;width:min(62vw,15rem);transition:border-color .25s var(--ease-out);border:3px dashed #ffffffe6;border-radius:50%;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #1c1a1747}.foto .live-guide[data-phase=turn],.foto .live-guide[data-phase=return]{border-style:solid;border-color:var(--accent)}.foto .live-guide[data-phase=passed],.foto .live-guide[data-phase=verifying]{border-style:solid;border-color:var(--ok-fill)}.foto .live-cancel{top:calc(var(--safe-top) + .875rem);z-index:1;position:absolute;left:1rem}.foto .live-panel{padding:1.125rem 1.125rem calc(1.25rem + var(--safe-bottom));color:#fff;background:#1c1a17d1;border-radius:26px 26px 0 0;gap:.75rem;display:grid;position:absolute;inset:auto 0 0}.foto .live-panel .live-hint{color:#fff;min-height:2.6em}.foto .live-panel .live-steps{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:repeat(3,1fr);gap:.375rem;margin:0;padding:0;display:grid}.foto .live-panel .live-steps li{color:#ffffffc7;font-size:var(--fs-sm);background:0 0;border:0;border-top:4px solid #ffffff47;border-radius:0;padding:.5rem .25rem 0;line-height:1.3}.foto .live-panel .live-steps li[data-done]{border-top-color:var(--ok-fill)}.foto .live-panel .live-steps li[aria-current=step]{border-top-color:var(--accent);color:#fff;font-weight:var(--fw-strong);background:0 0}.foto .live-panel .model-status{color:#fff;margin:0}.foto .consent-tips{border-radius:var(--r-ctl);background:var(--well);box-shadow:var(--press);margin:.25rem 0 .75rem;padding:.875rem 1rem}.foto .consent-tips h3{font-size:var(--fs-md);margin:0 0 .375rem}.foto .consent-tips ul{margin:0;padding-left:1.125rem}.foto .consent-permission{margin:.25rem 0 0}.foto .field-error{color:var(--danger-ink);font-weight:var(--fw-strong);margin:-.5rem 0 .75rem}.foto .check:has(input[aria-invalid=true]){outline:2px solid var(--danger);outline-offset:2px}.foto .photo-price{margin:.5rem 0 0}.foto .photo-price strong{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.cuaca{--cuaca-lv:#a3acb7;--cuaca-malam:#0b0f14;--cuaca-kartu:var(--mn-card,var(--surface));--cuaca-garis:var(--line);padding-top:0}.cuaca [data-level="0"]{--cuaca-lv:#d2ff2e}.cuaca [data-level="1"]{--cuaca-lv:#f2c02e}.cuaca [data-level="2"]{--cuaca-lv:#f28a2e}.cuaca [data-level="3"]{--cuaca-lv:#ff6b5e}.cuaca [data-level="4"]{--cuaca-lv:#ff4d6a}.cuaca-atas{margin:0 -1rem;position:relative}.cuaca-papan{height:calc(clamp(340px, 52svh, 400px) + var(--safe-top));padding-top:var(--safe-top);background:var(--cuaca-malam);color:#f4f6f1;position:relative;overflow:hidden}.papan-canvas{width:100%;height:100%;display:block}.cuaca-vonis{pointer-events:none;text-shadow:0 0 6px var(--cuaca-malam), 0 0 12px var(--cuaca-malam);position:absolute;bottom:.875rem;left:1rem;right:4.5rem}.cuaca-vonis p{margin:0}.cuaca-vonis-kicker{font-size:.6875rem;font-weight:var(--fw-strong);letter-spacing:.08em;text-transform:uppercase;color:#a3acb7}.cuaca-vonis .cuaca-vonis-utama{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cuaca-lv);margin-top:.125rem;font-size:clamp(2rem,9.5vw,2.625rem);font-weight:800;line-height:1}.cuaca-vonis .cuaca-vonis-alasan{font-size:var(--fs-sm);color:#d6dbe0;font-variant-numeric:tabular-nums;margin-top:.375rem}.cuaca-vonis .cuaca-vonis-nanti{font-size:var(--fs-sm);font-weight:var(--fw-strong);color:#f4f6f1;margin-top:.25rem}.cuaca-vonis-nanti b{font-family:var(--font-dot,var(--font-display));letter-spacing:.02em;color:var(--cuaca-lv);font-size:1.0625rem;font-weight:900}.cuaca-gerak{color:#f4f6f1;cursor:pointer;background:#0b0f14b8;border:1px solid #2a3441;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:.875rem;right:.75rem}.cuaca-gerak svg{fill:currentColor;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cuaca-gerak:focus-visible{outline:2px solid var(--focus,#d2ff2e);outline-offset:2px}.cari-tempat{top:calc(var(--safe-top) + .75rem);z-index:20;position:absolute;left:1rem;right:1rem}.cari-tempat-kotak{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f6f1;background:#131920e0;border:1px solid #2a3441;border-radius:999px;align-items:center;min-height:52px;display:flex;position:relative}.cari-tempat-kotak:focus-within{border-color:#d2ff2e}.cari-tempat-ikon{fill:none;stroke:#d2ff2e;stroke-width:2.2px;stroke-linecap:round;flex:none;width:20px;height:20px;margin-left:1.125rem}.cari-tempat-kotak input{min-width:0;height:50px;color:inherit;font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0 .75rem;font-size:1rem}.cari-tempat-kotak input::placeholder{color:#a3acb7;opacity:1}.cari-tempat-kotak input::-webkit-search-cancel-button{display:none}.cari-tempat-hapus{color:#a3acb7;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin-right:4px;padding:0;display:grid}.cari-tempat-hapus svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.cari-tempat-panel{overscroll-behavior:contain;color:#f4f6f1;background:#131920;border:1px solid #232c38;border-radius:20px;max-height:min(62svh,440px);margin-top:.5rem;overflow-y:auto;box-shadow:0 18px 40px #00000073}.cari-tempat-panel ul{margin:0;padding:.25rem 0;list-style:none}.cari-tempat-panel li+li{border-top:1px solid #1e2630}.cari-tempat-panel li button{width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.125rem;padding:.625rem 1.125rem;display:grid}.cari-tempat-panel li button:hover,.cari-tempat-panel li button:focus-visible{background:#1a222b;outline:none}.cari-tempat-panel li button b{font-weight:var(--fw-strong)}.cari-tempat-panel li button span{font-size:var(--fs-sm);color:#a3acb7}.cari-tempat-panel li button[aria-current] b:after{content:"";vertical-align:.1em;background:#d2ff2e;border-radius:50%;width:8px;height:8px;margin-left:.5rem;display:inline-block}.cari-tempat-judul,.cari-tempat-status{font-size:var(--fs-sm);color:#a3acb7;margin:0;padding:.875rem 1.125rem .25rem}.cari-tempat-judul{font-size:.6875rem;font-weight:var(--fw-strong);letter-spacing:.08em;text-transform:uppercase}.cari-tempat-privasi{font-size:var(--fs-xs);color:#a3acb7;border-top:1px solid #1e2630;margin:0;padding:.75rem 1.125rem .875rem;line-height:1.45}.cuaca-tempat{margin:1.25rem 0 .875rem}.cuaca-tempat h2{font-size:var(--fs-xl);overflow-wrap:anywhere;margin:0;line-height:1.15}.cuaca-tempat p{font-size:var(--fs-sm);color:var(--muted);margin:.25rem 0 0}.cuaca-kartu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.cuaca-kartu{--cuaca-air:#a3acb7;border:1px solid var(--cuaca-garis);border-radius:var(--r-card,20px);background:var(--cuaca-kartu);min-width:0;box-shadow:var(--raise-sm,none);flex-direction:column;padding:.875rem;display:flex}.cuaca-kartu h3{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--fw-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.cuaca-angka{justify-content:space-between;align-items:center;gap:.375rem;margin:.5rem 0 0;display:flex}.cuaca-angka b{font-family:var(--font-dot,var(--font-display));letter-spacing:-.02em;color:var(--accent);font-size:2.5rem;font-weight:900;line-height:1}.cuaca-angka small{font-size:var(--fs-xs);font-weight:var(--fw-strong);color:var(--muted)}.cuaca-angka svg{width:30px;height:30px;color:var(--muted)}.cuaca-kartu-sub{min-height:2.5em;font-size:var(--fs-sm);font-weight:var(--fw-strong);margin:.25rem 0 .5rem;line-height:1.25}.cuaca-kartu[data-air] .cuaca-angka b,.cuaca-kartu[data-air] .cuaca-kartu-sub{color:var(--cuaca-air)}.cuaca-kartu[data-air="0"]{--cuaca-air:#d2ff2e}.cuaca-kartu[data-air="1"]{--cuaca-air:#f2c02e}.cuaca-kartu[data-air="2"]{--cuaca-air:#f28a2e}.cuaca-kartu[data-air="3"]{--cuaca-air:#ff6b5e}.cuaca-kartu[data-air="4"]{--cuaca-air:#c18cff}.cuaca-kartu[data-air="5"]{--cuaca-air:#ff4d6a}.cuaca-aqi-bar{gap:2px;height:6px;margin:0 0 .625rem;display:flex;position:relative}.cuaca-aqi-bar i{opacity:.35;border-radius:3px}.cuaca-aqi-bar i.is-on{opacity:1}.cuaca-aqi-bar i[data-air="0"]{background:#d2ff2e}.cuaca-aqi-bar i[data-air="1"]{background:#f2c02e}.cuaca-aqi-bar i[data-air="2"]{background:#f28a2e}.cuaca-aqi-bar i[data-air="3"]{background:#ff6b5e}.cuaca-aqi-bar i[data-air="4"]{background:#c18cff}.cuaca-aqi-bar i[data-air="5"]{background:#ff4d6a}.cuaca-aqi-bar span{background:var(--ink);border-radius:2px;width:4px;height:14px;margin-left:-2px;position:absolute;top:-4px}.cuaca-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .375rem;margin:auto 0 0;display:grid}.cuaca-mini div{flex-direction:column;min-width:0;display:flex}.cuaca-mini dt{font-size:var(--fs-xs);color:var(--muted)}.cuaca-mini dd{font-family:var(--font-dot,var(--font-display));font-size:var(--fs-lg);order:-1;margin:0;font-weight:900;line-height:1.1}.cuaca-unit{font-size:var(--fs-xs);color:var(--muted);margin:.375rem 0 0}.cuaca-kenapa{margin:1.5rem 0 1.25rem}.cuaca-kenapa h2{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--fw-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.cuaca-faktor-daftar{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.cuaca-faktor{border:1px solid var(--cuaca-garis);border-radius:var(--r-card,20px);background:var(--cuaca-kartu);padding:.875rem 1rem}.cuaca-faktor-kepala{flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;margin:0;display:flex}.cuaca-faktor[data-air="0"]{--cuaca-lv:#d2ff2e}.cuaca-faktor[data-air="1"]{--cuaca-lv:#f2c02e}.cuaca-faktor[data-air="2"]{--cuaca-lv:#f28a2e}.cuaca-faktor[data-air="3"]{--cuaca-lv:#ff6b5e}.cuaca-faktor[data-air="4"]{--cuaca-lv:#c18cff}.cuaca-faktor[data-air="5"]{--cuaca-lv:#ff4d6a}.cuaca-faktor-nama{font-size:var(--fs-sm);color:var(--muted)}.cuaca-faktor-kepala strong{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--cuaca-lv);font-weight:800}.cuaca-faktor-kepala strong:before{content:"";vertical-align:.15em;background:currentColor;border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.cuaca-faktor-angka{font-size:var(--fs-sm);color:var(--muted);margin-left:auto}.cuaca-faktor-angka b{font-family:var(--font-dot,var(--font-display));color:var(--ink);font-size:1.125rem;font-weight:900}.cuaca-faktor-bar{gap:2px;height:6px;margin:.625rem 0 .25rem;display:flex;position:relative}.cuaca-faktor-bar i{background:var(--cuaca-lv);opacity:.3;border-radius:3px}.cuaca-faktor-bar i.is-on{opacity:1}.cuaca-faktor-bar span{background:var(--ink);border-radius:2px;width:4px;height:14px;margin-left:-2px;position:absolute;top:-4px}.cuaca-faktor-saran{font-size:var(--fs-md);margin:.5rem 0 0;line-height:1.45}.cuaca-catatan{font-size:var(--fs-xs);color:var(--muted);margin:.75rem 0 0;line-height:1.5}.cuaca-sumber{font-size:var(--fs-xs);color:var(--muted);margin:0 0 1.5rem;line-height:1.5}@media (width>=40rem){.cuaca-atas{margin:0}.cuaca-papan{border-radius:0 0 24px 24px}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Runego Display;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:100%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations")}:root{--ink:#1c1a17;--paper:#ebe8e1;--surface:#ebe8e1;--well:#e3dfd6;--line:#d6d0c3;--muted:#59544b;--navy:#1c1a17;--shadow-lo:#9e937d73;--shadow-hi:#ffffffd9;--pace:#b8370a;--pace-soft:#fbe9e1;--accent:#ff5a1f;--accent-ink:#151412;--accent-hover:#f24c12;--accent-press:#dc430e;--notice-bg:var(--well);--chart-planned:#ddd8cd;--bar-bg:var(--paper);--bar-ink:var(--muted);--bar-active-bg:var(--well);--bar-active-ink:var(--ink);--wordmark-run:var(--ink);--wordmark-ego:#ff5a1f;--sunrise:#f2b92e;--warn-bg:#fff6dc;--warn-line:#f2b92e;--danger:#b8303a;--danger-ink:#b8303a;--ok:#1f8a5c;--ok-fill:#2fae7a;--focus:#b8370a;--bib-ink:var(--ink);--bib-muted:var(--muted);--raise:8px 8px 18px var(--shadow-lo), -8px -8px 18px var(--shadow-hi);--raise-sm:4px 4px 10px var(--shadow-lo), -4px -4px 10px var(--shadow-hi);--press:inset 5px 5px 11px var(--shadow-lo), inset -5px -5px 11px var(--shadow-hi);--press-sm:inset 3px 3px 7px var(--shadow-lo), inset -3px -3px 7px var(--shadow-hi);--font-body:"Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Runego Display", "Archivo Variable", system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fw-text:400;--fw-strong:600;--fw-display:800;--r-sm:12px;--r-md:18px;--r-lg:26px;--topbar-h:56px;--tabbar-h:72px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-loop:cubic-bezier(.37, 0, .63, 1);--ease-out:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);overscroll-behavior-y:none;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-display);letter-spacing:-.015em;margin:0 0 .75rem;line-height:1.12}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl);margin-top:2rem}h3{font-size:var(--fs-lg)}p{margin:0 0 .75rem}a{color:var(--pace)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.error{color:var(--danger-ink);font-weight:var(--fw-strong)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:not(.route *),:not(.route *):before,:not(.route *):after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{min-height:100dvh}.topbar{z-index:20;min-height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) .5rem 0;background:var(--paper);align-items:center;gap:.25rem;display:flex;position:sticky;top:0}.topbar-title{min-width:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-display);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;padding:0 .5rem;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{box-shadow:var(--raise-sm)}.icon-btn:active{box-shadow:var(--press-sm)}.screen{max-width:40rem;padding:1.25rem 1rem calc(var(--tabbar-h) + var(--safe-bottom) + 2rem);margin:0 auto}.screen.no-tabbar{padding-bottom:calc(var(--safe-bottom) + 2rem)}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:.5rem 1rem var(--safe-bottom);background:var(--bar-bg);grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -6px 16px #9e937d47}.tab{border-radius:calc(var(--r-lg) - 6px);min-height:44px;color:var(--bar-ink);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-display);align-content:center;place-items:center;gap:2px;text-decoration:none;display:grid}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--bar-active-ink);background:var(--bar-active-bg);box-shadow:var(--press-sm)}.tab[aria-current=page] svg{color:var(--pace);stroke-width:2.4px}.tab[aria-current=page] span{box-shadow:none}.banner{font-size:var(--fs-md);box-shadow:inset 0 -1px 0 var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.625rem 1rem;display:flex}.banner p{flex:14rem;margin:0}.banner-offline{background:var(--surface);color:var(--muted)}.banner-offline:before{content:"";background:var(--muted);border-radius:50%;width:.5rem;height:.5rem}.banner-update{background:var(--pace-soft)}.banner-error{background:var(--warn-bg);box-shadow:inset 0 -2px 0 var(--warn-line)}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + .75rem);z-index:30;border-radius:var(--r-md);background:var(--ink);max-width:calc(100vw - 2rem);color:var(--paper);font-weight:var(--fw-strong);padding:.75rem 1rem;animation:.22s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #343a4a47}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.btn{min-height:48px;font:inherit;font-family:var(--font-display);font-weight:var(--fw-display);color:var(--ink);background:var(--surface);box-shadow:var(--raise-sm);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:box-shadow .16s;display:inline-flex}.btn:hover{box-shadow:var(--raise-sm)}.btn:active{box-shadow:var(--press-sm)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:6px 6px 14px #b8370a52, -6px -6px 14px var(--shadow-hi)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press);box-shadow:inset 4px 4px 9px #781e0059,inset -3px -3px 8px #ffa07899}.btn-quiet,.btn-quiet:hover{box-shadow:none;color:var(--pace);background:0 0;padding-left:.25rem;padding-right:.25rem}.btn-danger{background:var(--danger);color:#fff;box-shadow:none}.btn-block{width:100%}.btn-big{min-height:56px;font-size:var(--fs-lg)}.btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.actions>.btn{flex:auto}fieldset.question{border:0;min-width:0;margin:0 0 1.5rem;padding:0}legend,.field label{font-weight:var(--fw-strong);margin-bottom:.5rem;display:block}.hint{color:var(--muted);font-size:var(--fs-sm);margin-top:-.25rem}.field{margin-bottom:1.5rem}input[type=number],select{width:100%;max-width:14rem;min-height:48px;font:inherit;color:var(--ink);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--press);border:0;padding:.5rem .875rem}select{max-width:100%}.segmented,.options,.chips{flex-wrap:wrap;gap:.5rem;display:flex}.options{flex-direction:column}.segment,.option,.chip,.check{background:var(--surface);border-radius:var(--r-md);min-height:48px;box-shadow:var(--raise-sm);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .875rem;transition:box-shadow .16s;display:flex;position:relative}.segment{justify-content:center;min-width:5.5rem}.segment input,.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:is(.segment:has(input:checked),.chip:has(input:checked),.option:has(input:checked),.check:has(input:checked)){box-shadow:var(--press);color:var(--pace);font-weight:var(--fw-strong)}:is(.segment:has(input:focus-visible),.chip:has(input:focus-visible)){outline:2px solid var(--focus);outline-offset:3px}.option input,.check input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0}.check{margin:1rem 0}.scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.scale .segment{min-width:0}.notice{border-radius:var(--r-md);background:var(--notice-bg);box-shadow:inset 4px 0 0 var(--navy);margin:1rem 0;padding:.875rem 1rem}.notice-warn{background:var(--warn-bg);box-shadow:inset 4px 0 0 var(--warn-line)}.notice-title{font-weight:var(--fw-strong);margin-bottom:.375rem}.notice>:last-child{margin-bottom:0}.bib{color:var(--bib-ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:.5rem 0 1.25rem;padding:1.75rem 0 1.5rem;position:relative}.bib:before{content:"";background:var(--accent);width:2.5rem;height:3px;margin-left:-1.25rem;position:absolute;top:-1px;left:50%}.bib-top{text-align:center;font-weight:var(--fw-strong);color:var(--bib-muted);margin:.25rem 0 .5rem;padding:0 1rem}.bib-kind{text-align:center;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pace);margin:0}.bib-number{text-align:center;font-family:var(--font-display);font-size:clamp(3.75rem,20vw,6rem);font-weight:var(--fw-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;line-height:1}.bib-dim{color:var(--bib-muted);font-size:var(--fs-sm);font-weight:var(--fw-strong);white-space:nowrap;align-items:center;gap:.5rem;margin:.75rem 1rem 0;display:flex}.bib-dim:before,.bib-dim:after{content:"";border-bottom:1px solid;flex:1;height:9px}.bib-dim:before{border-left:1px solid}.bib-dim:after{border-right:1px solid}.bib-sub{text-align:center;color:var(--bib-muted);margin:.5rem 0 0}.bib-stamp{box-shadow:inset 0 0 0 2px var(--ok);color:var(--ok);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-display);border-radius:999px;padding:.125rem .75rem;position:absolute;top:3.25rem;right:1.25rem;transform:rotate(6deg)}.bib.is-compact .bib-number{font-size:clamp(2.75rem,14vw,4rem)}.bib-light{color:var(--pace);font-weight:var(--fw-display)}.weekstrip{grid-template-columns:repeat(7,minmax(0,1fr));gap:.375rem;margin:.5rem 0 .25rem;padding:0;list-style:none;display:grid}.weekstrip>li{display:grid}.day{border-radius:var(--r-md);width:100%;min-width:0;min-height:72px;color:var(--ink);font:inherit;background:0 0;border:0;justify-items:center;gap:.25rem;padding:.5rem .125rem;text-decoration:none;display:grid}a.day,button.day{cursor:pointer;background:var(--surface);box-shadow:var(--raise-sm)}.day-name{font-size:var(--fs-xs);font-weight:var(--fw-strong);color:var(--muted)}.day-num{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-display);line-height:1}.day-mark{border-radius:50%;width:10px;height:10px}.day-mark.planned{border:2px solid var(--pace)}.day-mark.done{background:var(--ok-fill)}.day-mark.partial{background:linear-gradient(90deg, var(--ok-fill) 50%, var(--line) 50%)}.day-mark.missed{background:var(--line)}.day-mark.strength{border:2px solid var(--muted);border-radius:2px}.day.is-today{box-shadow:inset 0 0 0 2px var(--accent)}.progress{height:10px;box-shadow:var(--press-sm);border-radius:999px;margin:.5rem 0 .25rem;overflow:hidden}.progress>span{background:var(--sunrise);border-radius:999px;height:100%;display:block}.week{border-top:1px solid var(--line);margin-top:1rem}.week>summary{cursor:pointer;align-items:center;gap:.75rem;min-height:56px;padding:.5rem 1rem;list-style:none;display:flex}.week>summary::-webkit-details-marker{display:none}.week>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:10px;height:10px;margin-left:auto;transition:transform .15s;transform:rotate(45deg)}.week[open]>summary:after{transform:rotate(-135deg)}.week-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-display)}.week.is-current{box-shadow:var(--raise-sm), inset 0 0 0 2px var(--sunrise)}.week.is-skipped{opacity:.7}.week-note{font-size:var(--fs-sm);color:var(--muted);margin:0 1rem .5rem}.tag{font-size:var(--fs-xs);font-weight:var(--fw-strong);background:var(--pace-soft);color:var(--ink);border-radius:999px;padding:.125rem .5rem;display:inline-block}.tag-muted{background:var(--surface);color:var(--muted);box-shadow:var(--press-sm)}.tag-ok{background:var(--surface);color:var(--ok);box-shadow:var(--press-sm)}.rows{margin:0;padding:0 .5rem .5rem;list-style:none}.row{border-radius:var(--r-sm);width:100%;min-height:56px;color:inherit;grid-template-columns:3.25rem 1fr auto;align-items:center;gap:.75rem;padding:.5rem;text-decoration:none;display:grid}.row:hover{background:var(--pace-soft)}.row+.row{border-top:1px solid var(--line)}.row-date{justify-items:center;line-height:1.1;display:grid}.row-date b{font-family:var(--font-display);font-size:var(--fs-xl)}.row-date span{font-size:var(--fs-xs);color:var(--muted)}.row-title{font-weight:var(--fw-strong)}.row-sub{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-text);display:block}.row-run .row-title:before{content:"";background:var(--pace);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.timeline{margin:0 0 1rem;padding:0;list-style:none}.timeline>li{padding:.5rem 0 .75rem 1.75rem;position:relative}.timeline>li:before{content:"";background:var(--pace);border-radius:50%;width:10px;height:10px;position:absolute;top:.95rem;left:.375rem}.timeline>li:after{content:"";background:var(--line);width:2px;position:absolute;top:1.75rem;bottom:-.5rem;left:calc(.375rem + 4px)}.timeline>li:last-child:after{display:none}.timeline .repeat{border-radius:var(--r-sm);background:var(--pace-soft);margin:.375rem 0 0;padding:.5rem .75rem;list-style:none}.section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem}.section>h2:first-child{margin-top:0}.recipe{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--press);font-variant-numeric:tabular-nums;padding:.75rem 1rem .25rem}.exercises{margin:0;padding:0;list-style:none}.exercise{border-bottom:1px solid var(--line);padding:.875rem 0}.exercise p{margin-bottom:.375rem}.exercise-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.exercise-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-display)}.exercise-dose{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-strong);color:var(--pace)}details.inline>summary{min-height:44px;color:var(--pace);font-weight:var(--fw-strong);cursor:pointer;align-items:center;display:inline-flex}.sticky-cta{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + .5rem);z-index:10;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:1rem -1rem 0;padding:.75rem 1rem;position:sticky}.sticky-cta .actions{margin-top:0}.no-tabbar .sticky-cta{padding-bottom:calc(.75rem + var(--safe-bottom));bottom:0}.guide{min-height:calc(100dvh - var(--topbar-h) - var(--safe-top));padding-bottom:calc(var(--safe-bottom) + 1rem);flex-direction:column;display:flex}.guide-stage{text-align:center;flex:1;align-content:center;justify-items:center;gap:.25rem;padding:1.5rem 1rem;display:grid}.guide-label{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-display);margin:0;line-height:1.1}.guide-detail{font-size:var(--fs-lg);color:var(--muted);margin:0}.guide-clock{font-family:var(--font-display);font-size:clamp(5rem,30vw,9rem);font-weight:var(--fw-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:.5rem 0;line-height:.95}.guide-run .guide-clock{color:var(--pace)}.guide-next{font-weight:var(--fw-strong)}.guide-controls{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.guide-controls .btn{min-height:64px;font-size:var(--fs-lg)}.guide-controls .btn:only-child{grid-column:1/-1}.guide-progress{height:10px;box-shadow:var(--press-sm);border-radius:999px;margin:0 0 1rem;overflow:hidden}.guide-progress>span{background:var(--sunrise);border-radius:999px;height:100%;display:block}.guide-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.guide-footer .check{margin:0}.flow-progress{height:10px;box-shadow:var(--press-sm);border-radius:999px;margin:0 0 1.25rem;overflow:hidden}.flow-progress>span{background:var(--ok-fill);border-radius:999px;height:100%;transition:width .25s ease-out;display:block}.welcome-mark{height:auto;color:var(--wordmark-run);width:min(200px,60%);margin-bottom:1.5rem;display:block}.welcome-title{font-size:clamp(1.875rem,8.6vw,3rem);line-height:1}.lead{font-size:var(--fs-lg)}.points{margin:1.25rem 0;padding:0;list-style:none}.points li{padding:.5rem 0 .5rem 1.75rem;position:relative}.points li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:.95rem;left:.25rem}.preview{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--press);margin:1.25rem 0;padding:1rem}.preview ul{margin:.5rem 0 0;padding-left:1.25rem}.group{border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--raise);margin-top:1.5rem;padding:1.25rem}.group>h2{font-size:var(--fs-lg);margin:0 0 .75rem}.group>:last-child{margin-bottom:0}.status-line{align-items:flex-start;gap:.5rem;display:flex}.status-line:before{content:"";background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.45rem}.status-line.ok:before{background:var(--ok-fill)}.danger-zone{margin-top:2rem}.top-gap{margin-top:.5rem}.group .backup{margin-top:0}.group .backup h2{font-size:var(--fs-lg);margin-top:0}@media (width>=768px){.screen{padding-top:2rem}.tabbar{width:min(40rem,100% - 1.5rem);left:50%;right:auto;transform:translate(-50%)}}.scene-weather-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.recap{margin:2rem 0}.recap-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 .75rem;display:grid}.recap-stats div{text-align:center;flex-direction:column;padding:.625rem .5rem;display:flex}.recap-stats dt{font-size:var(--fs-xs);color:var(--muted)}.recap-stats dd{color:var(--navy);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-display);order:-1;margin:0}.recap-chart{margin:0;padding:.75rem 0 .5rem}.recap-chart svg{width:100%;height:auto;display:block;overflow:visible}.recap-grid line{stroke:var(--line);stroke-width:1px}.recap-grid text,.recap-x{fill:var(--muted);font-size:9px;font-family:var(--font-body)}.recap-grid text{text-anchor:end}.recap-x{text-anchor:middle}.recap-planned{fill:var(--chart-planned)}.recap-done{fill:var(--navy)}.recap-week.is-current .recap-planned{fill:var(--pace-soft)}.recap-week.is-current .recap-done{fill:var(--accent)}.recap-week.is-current .recap-x{fill:var(--pace);font-weight:var(--fw-display)}.recap-legend{font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;margin-top:.375rem;display:flex}.recap-legend span{align-items:center;gap:.375rem;display:inline-flex}.recap-legend i{border-radius:3px;width:10px;height:10px}.recap-key-planned{background:var(--chart-planned)}.recap-key-done{background:var(--navy)}.steps{gap:.875rem;margin:1.25rem 0 1.5rem;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--line);gap:.875rem;padding:1rem 0;display:flex}.steps h2{font-size:var(--fs-md);margin:0 0 .25rem}.steps p{color:var(--muted);font-size:var(--fs-md);margin:0}.step-num{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);font-family:var(--font-display);font-weight:var(--fw-display);border-radius:50%;flex:none;place-items:center;display:grid}.facts{gap:0;margin:0 0 .75rem;display:grid}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.facts div:last-child{border-bottom:0}.facts dt{color:var(--muted)}.facts dd{font-weight:var(--fw-strong);text-align:right;margin:0}.flags{margin:0 0 .75rem;padding-left:1.25rem}.calendar{border-top:1px solid var(--line);margin:0 0 1.5rem;padding:.75rem 0 1rem}.cal-head{justify-content:space-between;align-items:center;display:flex}.cal-head h2{font-size:var(--fs-xl);margin:0}.icon-btn.flip svg{transform:scaleX(-1)}.icon-btn:disabled{opacity:.35;cursor:default}.cal-grid{gap:4px;display:grid}.cal-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-dow{text-align:center;font-size:var(--fs-xs);font-weight:var(--fw-strong);color:var(--muted);padding:.25rem 0}.cal-cell{border-radius:var(--r-sm);min-height:46px;color:var(--ink);font:inherit;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;padding:2px 0;display:grid}button.cal-cell{cursor:pointer;background:var(--surface);box-shadow:var(--raise-sm)}button.cal-cell:active{box-shadow:var(--press-sm)}.cal-cell.is-outside{opacity:.45}.cal-cell.is-today{box-shadow:inset 0 0 0 2px var(--accent)}.cal-cell.is-done{background:#7fc8a938}.cal-num{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-display);line-height:1}.cal-marks{gap:3px;min-height:8px;display:flex}.cal-mark{border-radius:50%;width:8px;height:8px;display:inline-block}.cal-mark.run{background:var(--pace)}.cal-mark.walk{border:2px solid var(--pace)}.cal-mark.strength{border:2px solid var(--muted);border-radius:1px}.cal-mark.event{background:var(--sunrise);border-radius:1px;transform:rotate(45deg)}.cal-mark.done{background:var(--ok-fill)}.cal-legend{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.cal-legend li{align-items:center;gap:.375rem;display:inline-flex}.notice-details{border-radius:var(--r-md);background:var(--well);box-shadow:var(--press);margin:0 0 1rem;padding:.25rem 1rem}.notice-details summary{min-height:44px;color:var(--pace);font-weight:var(--fw-strong);cursor:pointer;align-items:center;display:flex}.notice-details p{font-size:var(--fs-md)}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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 Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Runego;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations")}:root[data-tema=putih]{--paper:#f2f4f7;--surface:#f2f4f7;--well:#e8ecf1;--line:#dbe0e7;--ink:#414852;--navy:#414852;--muted:#5f6773;--shadow-lo:#a6b3c780;--shadow-hi:#fffffff2;--raise:10px 10px 24px var(--shadow-lo), -10px -10px 24px var(--shadow-hi);--raise-sm:5px 5px 12px var(--shadow-lo), -5px -5px 12px var(--shadow-hi);--press:inset 5px 5px 12px var(--shadow-lo), inset -5px -5px 12px var(--shadow-hi);--press-sm:inset 3px 3px 8px var(--shadow-lo), inset -3px -3px 8px var(--shadow-hi);--accent-ink:#2a2622;--pace-soft:#fdeee7;--notice-bg:var(--well);--chart-planned:#e2e6ec;--bar-bg:var(--paper);--bar-active-bg:var(--well);--wordmark-run:var(--ink);--warn-bg:#fff7e2;--bib-ink:var(--ink);--font-body:"Figtree Runego", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Figtree Runego", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--fs-2xl:2.125rem;--fw-text:400;--fw-strong:600;--fw-display:500}:root[data-tema=putih] body{line-height:1.55}:root[data-tema=putih] :is(h1,h2,h3){letter-spacing:-.02em;line-height:1.15}:root[data-tema=putih] h1{letter-spacing:-.025em}:root[data-tema=putih] :is(strong,b){font-weight:var(--fw-strong)}:root[data-tema=putih] .btn{font-weight:var(--fw-strong);letter-spacing:0}:root[data-tema=putih] .bib-code{font-weight:var(--fw-strong);box-shadow:0 0 0 1px var(--line), 2px 2px 6px var(--shadow-lo)}:root[data-tema=putih] ::selection{background:var(--pace-soft);color:var(--ink)}:root[data-tema=cerah]{--ink:#16232a;--navy:#16232a;--paper:#e4eef0;--surface:#fff;--well:#e4eef0;--line:#d3e0e3;--muted:#3d4f57;--pace:#075056;--pace-soft:#cde5e7;--accent:#ff5b04;--accent-ink:#16232a;--accent-hover:#f04f00;--accent-press:#d94700;--notice-bg:#fff;--bar-bg:#fff;--bar-ink:#3d4f57;--bar-active-bg:transparent;--bar-active-ink:#16232a;--wordmark-run:#16232a;--wordmark-ego:#ff5b04;--focus:#075056;--bib-ink:#16232a;--raise:none;--raise-sm:none;--press:none;--press-sm:none;--font-body:"Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fw-display:800}:root[data-tema=cerah] :is(h1,h2,h3){letter-spacing:-.02em;line-height:1.12}:root[data-tema=cerah] .btn{box-shadow:none;border-radius:18px;font-weight:800}:root[data-tema=cerah] .btn-primary{box-shadow:none}:root[data-tema=cerah] .btn-secondary{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}:root[data-tema=cerah] .foto-card,:root[data-tema=cerah] .foto .sheet,:root[data-tema=cerah] .foto .photo-view,:root[data-tema=cerah] .foto .cart-view,:root[data-tema=cerah] .foto .confirm-view,:root[data-tema=cerah] .wx-chip{box-shadow:none;background:#fff}:root[data-tema=cerah] .tabbar{box-shadow:none;border-top:1px solid var(--line)}:root[data-tema=cerah] .tab{isolation:isolate;font-family:var(--font-body);font-weight:600;position:relative}:root[data-tema=cerah] .tab[aria-current=page]{box-shadow:none;background:0 0;font-weight:800}:root[data-tema=cerah] .tab[aria-current=page]:before{content:"";z-index:-1;background:#ffd9c4;border-radius:999px;width:60px;height:32px;position:absolute;top:4px;left:50%;transform:translate(-50%)}:root[data-tema=cerah] .tab[aria-current=page] svg{color:var(--ink)}:root[data-tema=cerah] .foto[data-screen=start]{background:radial-gradient(at 50% 38%,#fff 0%,#eef4f5 40%,#e4eef0 75%);min-height:100dvh}:root[data-tema=cerah] .foto[data-screen=start] .foto-page{padding-top:0}.cerah-splash{flex-direction:column;display:flex}.cerah-tagline{z-index:2;color:#16232a;letter-spacing:-.03em;margin:.25rem 0 0;font-size:clamp(1.5rem,7vw,1.875rem);font-weight:800;line-height:1.1;position:relative}.cerah-splash-card{bottom:calc(var(--tabbar-h) + var(--safe-bottom) + .75rem);z-index:5;color:#fff;background:#075056;border-radius:28px;flex-direction:column;gap:.75rem;margin:-4.5rem 0 0;padding:1.375rem 1.25rem 1.125rem;animation:5s ease-in-out infinite cerah-float;display:flex;position:sticky;box-shadow:0 22px 44px #07505659,0 6px 14px #16232a2e}@keyframes cerah-float{50%{transform:translateY(-5px)}}:root[data-tema=cerah] .cerah-splash-card h1{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.625rem,7vw,2rem);font-weight:800}.cerah-splash-card .lead{color:#c7e0e2;margin:0}.cerah-splash-card .btn-primary{min-height:58px;font-size:1.125rem}.cerah-splash-card .btn-secondary{color:#fff;box-shadow:none;background:#ffffff1f}.cerah-splash-card .muted,.cerah-splash-card .small{color:#c7e0e2}.cerah-splash-card .device-check{color:#16232a;background:#fff;border-radius:20px;padding:1rem}.cerah-splash-card .device-check .btn-quiet{color:#075056}.cerah-splash-card .alert{color:#16232a}.cerah-more summary{color:#fff;cursor:pointer;justify-content:center;align-items:center;min-height:44px;font-weight:700;display:flex}.cerah-more[open] summary{margin-bottom:.5rem}.cerah-more .promise{color:#16232a}@media (prefers-reduced-motion:reduce){.cerah-splash-card{animation:none}}:root[data-tema=cerah] .foto[data-screen=selfie]{--ink:#fff;--muted:#c9d6da;--paper:#16232a;--surface:#24343c;--well:#24343c;--line:#3d4f57;--pace:#ffb48a;--wordmark-run:#fff;color:#fff;background:#16232a;min-height:100dvh}:root[data-tema=cerah] .foto[data-screen=selfie] .btn-secondary{color:#fff;box-shadow:none;background:#24343c}:root[data-tema=cerah] .foto[data-screen=selfie] .wx-chip{color:#fff;background:#24343c}:root[data-tema=cerah] .foto[data-screen=selfie] .wx-chip small{color:#c9d6da}:root[data-tema=cerah] .foto[data-screen=selfie] .alert{--ink:#16232a;--muted:#3d4f57;--pace:#075056;color:#16232a}:root[data-tema=cerah] .foto .live-camera{background:#16232a}:root[data-tema=cerah] .foto .live-guide{border:6px solid #ff5b04;box-shadow:0 0 0 100vmax #16232a8c}:root[data-tema=cerah] .foto .live-guide[data-phase=passed],:root[data-tema=cerah] .foto .live-guide[data-phase=verifying]{border-color:#7fd3d9}:root[data-tema=cerah] .foto .live-cancel{color:#fff;box-shadow:none;background:#24343c}:root[data-tema=cerah] .foto .live-panel{background:#16232a;border-radius:32px 32px 0 0;padding-top:1.25rem}:root[data-tema=cerah] .foto .live-panel .live-steps{order:-1}:root[data-tema=cerah] .foto .live-panel .live-steps li{color:#c9d6da;font-size:var(--fs-xs);border-top:6px solid #3d4f57}:root[data-tema=cerah] .foto .live-panel .live-steps li[data-done],:root[data-tema=cerah] .foto .live-panel .live-steps li[aria-current=step]{color:#fff;border-top-color:#ff5b04}:root[data-tema=cerah] .foto .live-panel .live-hint{letter-spacing:-.01em;font-size:1.375rem;font-weight:800;line-height:1.2}:root[data-tema=cerah] .foto:is([data-screen=results],[data-screen=no_results],[data-screen=processing]){--paper:#fff;background:#fff;min-height:100dvh}:root[data-tema=cerah] .foto[data-screen=results] h1{font-size:1.5rem;font-weight:800}:root[data-tema=cerah] .foto[data-screen=results] .lead{font-size:var(--fs-sm);color:var(--muted)}:root[data-tema=cerah] .foto .match-bar{box-shadow:none;background:#e4eef0;border-radius:18px}:root[data-tema=cerah] .foto .match-bar-label output{color:#075056;font-weight:800}:root[data-tema=cerah] .foto .match-bar-input{accent-color:#ff5b04}:root[data-tema=cerah] .foto[data-screen=results] .upload-days{margin:0 -1.125rem}:root[data-tema=cerah] .foto .grid{box-shadow:none;border-radius:0;gap:2px}:root[data-tema=cerah] .foto .upload-day-title{color:#16232a;font-size:var(--fs-md);margin-left:1.125rem;margin-right:1.125rem;font-weight:800}:root[data-tema=cerah] .foto .tile-rangkaian{background:#16232a}:root[data-tema=cerah] .foto .tile-pick-dot{width:24px;height:24px;box-shadow:none;background:#16232a40;border-width:2px}:root[data-tema=cerah] .foto .tile-pick[aria-pressed=true] .tile-pick-dot{color:#16232a;background:#ff5b04}:root[data-tema=cerah] .foto .cart-bar{color:#fff;box-shadow:none;background:#16232a;border-radius:20px}:root[data-tema=cerah] .foto .cart-bar .btn-secondary{color:#fff;box-shadow:none;background:#24343c}.ss{margin:-.25rem -1.125rem 0}.ss-frame{-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%),linear-gradient(#0000 0,#000 8% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%),linear-gradient(#0000 0,#000 8% 82%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.ss-stage{transform-origin:0 0;width:390px;height:470px;position:absolute;top:0;left:0}.ss-stage *{box-sizing:border-box}.ss-cycle{animation-duration:12s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite}.ss.is-paused .ss-stage *,.ss.is-paused .ss-stage{animation-play-state:paused!important}.ss-toggle{z-index:10;cursor:pointer;background:#16232abf;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12%;right:6%}.ss-toggle svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.ss-toggle:focus-visible{outline-offset:2px;outline:3px solid #ff5b04}.ss-card{background:#fff;border-radius:14px;width:70px;height:88px;padding:5px;animation-name:ss-card;position:absolute;box-shadow:0 10px 22px #16232a29}.ss-card.sel{z-index:4;animation-name:ss-sel}.ss-card-in{width:100%;height:100%;animation:ss-bob var(--f) ease-in-out infinite alternate;border-radius:10px;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.ss-card-in svg{width:58%;height:auto;margin-bottom:6px}@keyframes ss-bob{to{transform:translateY(-7px)rotate(2deg)}}@keyframes ss-card{0%,44%{opacity:.6;filter:blur(1.6px);transform:scale(1)}50%,57%{opacity:1;filter:blur()}64%,89%{opacity:.12;filter:blur(1px)}92%{opacity:0;transform:scale(.55)}to{opacity:.6;filter:blur(1.6px);transform:scale(1)}}@keyframes ss-sel{0%,44%{opacity:.6;filter:blur(1.6px);transform:translate(0)scale(1);box-shadow:0 10px 22px #16232a29}52%{opacity:1;filter:blur();transform:translate(0)scale(1.08);box-shadow:0 0 0 3px #ff5b04,0 0 26px #ff5b048c}60%{opacity:1;transform:translate(0)scale(1.08);box-shadow:0 0 0 3px #ff5b04,0 0 26px #ff5b048c}72%{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.18);box-shadow:0 0 0 3px #ff5b04,0 0 26px #ff5b048c}91%{opacity:0;transform:translate(0)scale(.55);box-shadow:0 10px 22px #16232a29}to{opacity:.6;filter:blur(1.6px);transform:translate(0)scale(1)}}.ss-char{transform-origin:50% 40%;width:180px;height:260px;animation-name:ss-char;position:absolute;top:80px;left:105px}@keyframes ss-char{0%{opacity:1;transform:scale(1)}25%{opacity:1;transform:scale(1.05)}44%{opacity:1;transform:translate(-18px)scale(1.02)}52%,90%{opacity:0;transform:translate(-70px)scale(.94)}to{opacity:1;transform:scale(1)}}.ss-floor{background:radial-gradient(closest-side,#07505638,#07505600);border-radius:50%;width:160px;height:22px;animation-name:ss-floor;position:absolute;top:350px;left:115px}@keyframes ss-floor{0%,44%{opacity:1}52%,90%{opacity:0}to{opacity:1}}.ss-scan{opacity:0;background:#ff5b04;border-radius:2px;width:120px;height:3px;animation-name:ss-scan;position:absolute;top:90px;left:135px;box-shadow:0 0 14px 3px #ff5b048c}@keyframes ss-scan{0%{opacity:0;top:90px}3%{opacity:1;top:92px}21%{opacity:1;top:220px}25%,to{opacity:0;top:224px}}.ss-pt{opacity:0;background:#ff5b04;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;box-shadow:0 0 8px 2px #ff5b04b3}.ss-r0{animation-name:ss-r0}.ss-r1{animation-name:ss-r1}.ss-r2{animation-name:ss-r2}.ss-r3{animation-name:ss-r3}.ss-r4{animation-name:ss-r4}.ss-r5{animation-name:ss-r5}@keyframes ss-r0{0%,4%{opacity:0;transform:scale(.3)}7%,30%{opacity:1;transform:translate(0)scale(1)}40%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}42%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}@keyframes ss-r1{0%,7%{opacity:0;transform:scale(.3)}10%,30%{opacity:1;transform:translate(0)scale(1)}40%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}42%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}@keyframes ss-r2{0%,10%{opacity:0;transform:scale(.3)}13%,31%{opacity:1;transform:translate(0)scale(1)}41%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}43%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}@keyframes ss-r3{0%,13%{opacity:0;transform:scale(.3)}16%,31%{opacity:1;transform:translate(0)scale(1)}41%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}43%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}@keyframes ss-r4{0%,16%{opacity:0;transform:scale(.3)}19%,32%{opacity:1;transform:translate(0)scale(1)}42%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}44%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}@keyframes ss-r5{0%,19%{opacity:0;transform:scale(.3)}22%,32%{opacity:1;transform:translate(0)scale(1)}42%{opacity:.9;transform:translate(var(--tx), var(--ty)) scale(.35)}44%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.3)}}.ss-beam{z-index:3;transform-origin:0;clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);opacity:0;background:linear-gradient(90deg,#ff5b04bf,#ff5b0400);height:46px;margin-top:-23px;position:absolute}.ss-beam1{width:250px;animation-name:ss-beam1;top:247px;left:290px}.ss-beam2{width:230px;animation-name:ss-beam2;top:235px;left:195px}@keyframes ss-beam1{0%,33%{opacity:0;transform:rotate(-150deg)scaleX(.2)}37%{opacity:1;transform:rotate(-146deg)scaleX(1)}43%{opacity:1;transform:rotate(-128deg)scaleX(1)}46%,to{opacity:0;transform:rotate(-128deg)scaleX(1)}}@keyframes ss-beam2{0%,49%{opacity:0;transform:rotate(-175deg)scaleX(.3)}52%{opacity:1;transform:rotate(-170deg)scaleX(1)}62%{opacity:1;transform:rotate(-12deg)scaleX(1)}65%,to{opacity:0;transform:rotate(-8deg)scaleX(1)}}.ss-phone{z-index:5;opacity:0;background:linear-gradient(150deg,#2e4049 0%,#16232a 55%,#0d171c 100%);border-radius:26px;width:120px;height:236px;padding:7px;animation-name:ss-phone;position:absolute;top:117px;left:135px;box-shadow:0 22px 40px #16232a52,inset 0 1px #ffffff2e}.ss-phone:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#fff0 38%);border-radius:26px;position:absolute;inset:0}@keyframes ss-phone{0%,24%{opacity:0;transform:translate(250px,10px)rotate(20deg)scale(.9)}33%{opacity:1;transform:translate(95px,10px)rotate(-6deg)scale(.92)}45%{opacity:1;transform:translate(95px,4px)rotate(-3deg)scale(.92)}55%,75%{opacity:1;transform:translate(0)rotate(0)scale(1)}88%{opacity:1;transform:translate(0)rotate(0)scale(3.6)}94%,to{opacity:0;transform:translate(0)rotate(0)scale(4.4)}}.ss-screen{background:#fff;border-radius:20px;width:100%;height:100%;padding:20px 6px 6px;overflow:hidden}.ss-notch{z-index:2;background:#16232a;border-radius:5px;width:34px;height:8px;margin-left:-17px;position:absolute;top:13px;left:50%}.ss-screen-title{color:#16232a;margin:2px 2px 5px;font-size:9px;font-weight:800}.ss-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.ss-tile{aspect-ratio:1;opacity:0;border-radius:3px}.ss-t0{animation-name:ss-t0}.ss-t1{animation-name:ss-t1}.ss-t2{animation-name:ss-t2}@keyframes ss-t0{0%,62%{opacity:0;transform:scale(.4)}66%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@keyframes ss-t1{0%,65%{opacity:0;transform:scale(.4)}69%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@keyframes ss-t2{0%,68%{opacity:0;transform:scale(.4)}72%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.ss-cycle,.ss-card-in{animation:none!important}.ss-pt,.ss-tile{opacity:1}.ss-phone{opacity:1;transform:translate(95px,10px)rotate(-6deg)scale(.92)}.ss-toggle{display:none}}@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-ext-wght-normal-BuEMryYU.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-wght-normal-DtlIPefW.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-tema=malam]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f6f1;--navy:#f4f6f1;--paper:#0b0f14;--surface:#131920;--well:#0b0f14;--line:#232c38;--muted:#a3acb7;--pace:#d2ff2e;--pace-soft:#1e2630;--accent:#d2ff2e;--accent-ink:#0b0f14;--accent-hover:#ddff5c;--accent-press:#bfe82a;--notice-bg:#131920;--chart-planned:#1e2630;--bar-bg:#0b0f14;--bar-ink:#a3acb7;--bar-active-bg:transparent;--bar-active-ink:#f4f6f1;--wordmark-run:#f4f6f1;--wordmark-ego:#d2ff2e;--warn-bg:#2b2410;--warn-line:#f2b92e;--danger:#ff7a70;--danger-ink:#ff8f86;--ok:#5fd99a;--focus:#d2ff2e;--bib-ink:#f4f6f1;--bib-muted:#a3acb7;--shadow-hi:transparent;--raise:none;--raise-sm:none;--press:none;--press-sm:none;--font-dot:"Doto Variable", "Archivo Variable", monospace;--mn-card:#131920;--mn-aspal:#1e2630;--mn-garis:#2a3441;--mn-teks:#d6dbe0}:root[data-tema=malam] body{background-color:#0b0f14}:root[data-tema=malam] :is(h1,h2,h3){letter-spacing:-.02em}:root[data-tema=malam] .topbar{background:var(--paper);box-shadow:inset 0 -1px 0 var(--mn-aspal)}:root[data-tema=malam] .tabbar{border-top:1px solid var(--mn-aspal);box-shadow:none;gap:0;padding-inline:0}:root[data-tema=malam] .tab{font-family:var(--font-body);border-radius:0;gap:4px;font-weight:600}:root[data-tema=malam] .tab:before{content:"";background:var(--mn-garis);border-radius:50%;width:6px;height:6px}:root[data-tema=malam] .tab svg{width:22px;height:22px}:root[data-tema=malam] .tab[aria-current=page]{box-shadow:none;background:0 0;font-weight:700}:root[data-tema=malam] .tab[aria-current=page]:before{background:var(--accent)}:root[data-tema=malam] .tab[aria-current=page] svg{color:var(--ink);stroke-width:2px}:root[data-tema=malam] .toast{background:var(--mn-aspal);color:var(--ink);box-shadow:0 10px 30px #00000080, inset 0 0 0 1px var(--mn-garis)}:root[data-tema=malam] .btn{box-shadow:inset 0 0 0 1px var(--mn-garis);font-family:var(--font-body);border-radius:16px;font-weight:800}:root[data-tema=malam] .btn-primary,:root[data-tema=malam] .btn-primary:hover,:root[data-tema=malam] .btn-primary:active,:root[data-tema=malam] .btn-quiet,:root[data-tema=malam] .btn-quiet:hover{box-shadow:none}:root[data-tema=malam] .btn:disabled{opacity:1;background:var(--mn-aspal);color:#7e8894;box-shadow:inset 0 0 0 1px var(--mn-garis)}:root[data-tema=malam] :is(.segment,.option,.chip,.check){background:var(--mn-card);box-shadow:inset 0 0 0 1px var(--line)}:root[data-tema=malam] :is(.segment,.chip,.option,.check):has(input:checked){box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--ink)}:root[data-tema=malam] :is(.option,.check) input{accent-color:var(--accent)}:root[data-tema=malam] :is(input[type=number],select){background:var(--paper);box-shadow:inset 0 0 0 1px var(--mn-garis)}:root[data-tema=malam] .notice{border:1px solid var(--line);box-shadow:none}:root[data-tema=malam] .notice-warn{border-color:#f2b92e73}:root[data-tema=malam] .foto-wordmark{width:124px}:root[data-tema=malam] .foto[data-screen=start] .foto-topbar{justify-content:flex-end}:root[data-tema=malam] .foto[data-screen=start] .foto-wordmark{display:none}:root[data-tema=malam] .wx-chip{background:var(--mn-card);box-shadow:inset 0 0 0 1px var(--line)}:root[data-tema=malam] .wx-chip-text small{color:var(--muted)}:root[data-tema=malam] .foto{--r-card:20px;--r-ctl:16px}:root[data-tema=malam] .foto h1{letter-spacing:-.02em;font-size:1.75rem}:root[data-tema=malam] .foto .lead{color:var(--muted);font-size:var(--fs-md)}:root[data-tema=malam] :is(.foto-card,.foto .notice,.foto .duty){background:var(--mn-card);border:1px solid var(--line);box-shadow:none}:root[data-tema=malam] .foto .btn{border-radius:var(--r-ctl);font-family:var(--font-body);box-shadow:none;font-weight:800}:root[data-tema=malam] .foto .btn:active:not(:disabled){box-shadow:none;transform:scale(.98)}:root[data-tema=malam] .foto .btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:none}@media (hover:hover){:root[data-tema=malam] .foto .btn-primary:hover:not(:disabled){background:var(--accent-hover)}:root[data-tema=malam] .foto .btn-secondary:hover:not(:disabled){border-color:#4a5666}}:root[data-tema=malam] .foto .btn-primary:active:not(:disabled){background:var(--accent-press)}:root[data-tema=malam] .foto .btn-secondary{color:var(--ink);border:1px solid var(--mn-garis);background:0 0}:root[data-tema=malam] .foto .btn-whatsapp{box-shadow:none}:root[data-tema=malam] .foto .btn:disabled{opacity:1;background:var(--mn-aspal);color:#7e8894;border:1px solid var(--mn-garis)}:root[data-tema=malam] .foto .icon-btn{color:var(--ink);box-shadow:none;background:0 0}:root[data-tema=malam] .foto :is(.check,.tips,.consent-tips,.day,.live-steps){background:var(--paper);border:1px solid var(--line);border-radius:var(--r-ctl);box-shadow:none}:root[data-tema=malam] .foto .check:has(input:checked){border-color:var(--accent)}:root[data-tema=malam] .foto .check input{accent-color:var(--accent)}:root[data-tema=malam] .foto .alert{background:var(--warn-bg);color:var(--ink);box-shadow:none;border:1px solid #f2b92e73}:root[data-tema=malam] .foto .muted{color:var(--muted)}:root[data-tema=malam] .foto .duty h2{margin-top:0;font-size:1.125rem}.malam-hero{flex-direction:column;gap:1.125rem;margin-top:.25rem;display:flex}.malam-hero-mark{width:100%;max-width:26rem;height:auto;display:block}.malam-tagline{font-family:var(--font-dot);letter-spacing:.02em;color:var(--accent);margin:0;font-size:1.5rem;font-weight:900;line-height:1.2}:root[data-tema=malam] .malam-hero :is(h1,.lead){margin:0}:root[data-tema=malam] .malam-hero h1{text-wrap:balance;max-width:15ch}:root[data-tema=malam] .malam-hero .btn-primary{min-height:56px}:root[data-tema=malam] .foto .promise{margin-top:1.75rem;padding:1.25rem}:root[data-tema=malam] .foto .promise h2{font-size:1.125rem}:root[data-tema=malam] .foto .promise li{color:var(--mn-teks);align-items:flex-start;font-size:.9375rem;line-height:1.45}:root[data-tema=malam] .foto .promise-icon{box-sizing:content-box;background:var(--mn-aspal);width:18px;height:18px;color:var(--accent);border-radius:10px;margin-top:-3px;padding:7px}:root[data-tema=malam] .foto .device-check{border:1px solid var(--line);border-radius:var(--r-card);background:var(--mn-card);padding:1.25rem}:root[data-tema=malam] :is(.foto .sheet,.foto .cart-view,.foto .confirm-view){background:var(--mn-card);color:var(--ink);border:0;border-top:1px solid var(--line);box-shadow:0 -10px 40px #0000008c}:root[data-tema=malam] .foto .sheet{border-radius:24px 24px 0 0}:root[data-tema=malam] .foto .sheet::backdrop,:root[data-tema=malam] .foto .confirm-view::backdrop{background:#05080bb8}:root[data-tema=malam] .foto .sheet p{color:var(--mn-teks)}:root[data-tema=malam] .foto .sheet details{border-block:1px solid var(--line)}:root[data-tema=malam] .foto .consent-tips ul{padding-left:1.25rem}:root[data-tema=malam] .foto .consent-tips li::marker{color:var(--accent)}:root[data-tema=malam] .foto .match-bar{border:1px solid var(--line);border-radius:var(--r-card);background:var(--mn-card);box-shadow:none;padding:1rem 1rem .875rem}:root[data-tema=malam] .foto .match-bar-label output{font-family:var(--font-dot);color:var(--accent);font-size:1.875rem;font-weight:900;line-height:1}:root[data-tema=malam] .foto .match-bar-input{accent-color:var(--accent)}:root[data-tema=malam] .foto .upload-day-title{color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);letter-spacing:0;align-items:center;gap:.5rem;margin:1.5rem 0 .625rem;font-weight:800;display:flex}:root[data-tema=malam] .foto .upload-day-title:before{content:"";background:var(--mn-garis);border-radius:50%;flex:none;width:8px;height:8px}:root[data-tema=malam] .foto .upload-day:first-child .upload-day-title:before{background:var(--accent)}:root[data-tema=malam] .foto .grid{box-shadow:none;gap:6px}:root[data-tema=malam] .foto .tile{background:var(--mn-aspal);box-shadow:inset 0 0 0 1px var(--mn-aspal);border-radius:12px}:root[data-tema=malam] .foto .tile-rangkaian{color:var(--accent);background:#0b0f14e0}:root[data-tema=malam] .foto .tile-pick[aria-pressed=true] .tile-pick-dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}:root[data-tema=malam] .foto .tile-wrap.is-picked .tile:after{box-shadow:inset 0 0 0 3px var(--accent)}:root[data-tema=malam] .foto .cart-bar{border:1px solid var(--mn-garis);background:var(--mn-aspal);border-radius:18px;box-shadow:0 10px 30px #00000080}:root[data-tema=malam] .foto .cart-count{color:var(--ink);font-weight:800}:root[data-tema=malam] .foto .remember{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--mn-card);padding:1rem}:root[data-tema=malam] .foto .remember:has(.check input:checked){border-color:var(--accent)}:root[data-tema=malam] .foto .remember .check{min-height:0;box-shadow:none;background:0 0;border:0;margin:0 0 .5rem;padding:0}:root[data-tema=malam] .foto .remember .check input{width:1.5rem;height:1.5rem}:root[data-tema=malam] .foto .photo-view{color:var(--ink);box-shadow:none;background:#000}:root[data-tema=malam] .foto .bib-code{color:var(--ink);font-family:var(--font-dot);letter-spacing:.01em;box-shadow:none;background:0 0;padding:0;font-size:1.375rem;font-weight:900}:root[data-tema=malam] .foto .photo-count{font-family:var(--font-dot);color:var(--muted);font-weight:900}:root[data-tema=malam] .foto .order-box.is-ready{border:1px solid var(--line);background-color:var(--paper);box-shadow:none;background-image:radial-gradient(#1c232c 1.3px,#0000 1.6px);background-size:9px 9px}:root[data-tema=malam] .foto .order-code strong{font-family:var(--font-dot);letter-spacing:.02em;color:var(--accent);font-size:2.75rem;font-weight:900;line-height:1}:root[data-tema=malam] .foto .order-total strong{letter-spacing:-.01em;font-size:1.875rem}:root[data-tema=malam] .foto .wa-field input{background:var(--paper);border:1px solid var(--mn-garis);min-height:52px;box-shadow:none;border-radius:14px}:root[data-tema=malam] .foto .wa-field input::placeholder{color:#7e8894}:root[data-tema=malam] .group{border:1px solid var(--line);border-radius:var(--r-card,20px);background:var(--mn-card);box-shadow:none}:root[data-tema=malam] .group p{color:var(--mn-teks)}:root[data-tema=malam] .notice-details{box-shadow:none;background:0 0;border-radius:0;padding:0}.jf-splash{--jf-malam:#0b0f14;--jf-putih:#f4f6f1;--jf-volt:#d2ff2e;--jf-titik:#141b23;--jf-pudar:#a3acb7;z-index:200;background:var(--jf-malam);color:var(--jf-putih);font-family:var(--font-body);touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.jf-splash.is-leaving{pointer-events:none;animation:.36s cubic-bezier(.7,0,.84,0) forwards jf-leave}.jf-grid,.jf-wave,.jf-flash,.jf-streaks{pointer-events:none;position:absolute;inset:0}.jf-grid{background-image:radial-gradient(circle, var(--jf-titik) 2.2px, transparent 2.7px);background-size:14px 14px;animation:.36s cubic-bezier(.2,0,0,1) backwards jf-fade}.jf-wave{opacity:0;background-image:radial-gradient(circle, var(--jf-volt) 2.2px, transparent 2.7px);background-size:14px 14px;animation:.95s cubic-bezier(.15,.7,.25,1) 1.06s backwards jf-wave;-webkit-mask:radial-gradient(circle closest-side,#0000 60%,#000 70% 80%,#0000 100%) 50% 35%/0 0 no-repeat;mask:radial-gradient(circle closest-side,#0000 60%,#000 70% 80%,#0000 100%) 50% 35%/0 0 no-repeat}.jf-flash{opacity:0;background:radial-gradient(circle at 50% 35%, var(--jf-putih), transparent 70%);animation:.3s cubic-bezier(.2,0,0,1) 1.05s backwards jf-flash}.jf-streak{left:0;top:var(--y);width:var(--w);height:var(--h);background:linear-gradient(90deg, var(--c), transparent);filter:blur(var(--b,1px));animation:jf-streak var(--t) cubic-bezier(.5, 0, .75, .35) var(--d) backwards;border-radius:999px;position:absolute;transform:translate(105vw)}.jf-streak-loop{--b:1.5px;opacity:.35;animation:jf-streak-loop 4.2s cubic-bezier(.5, 0, .75, .35) var(--d) infinite}.jf-twinkle{left:calc(var(--x) - 2.6px);top:calc(var(--y) - 2.6px);background:var(--jf-volt);opacity:0;width:5.2px;height:5.2px;animation:jf-twinkle 2.8s ease-in-out var(--d) infinite;border-radius:50%;position:absolute}.jf-body{box-sizing:border-box;height:100%;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.jf-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;animation:1.3s cubic-bezier(.16,1,.3,1) backwards jf-push;display:flex}.jf-word{aspect-ratio:700/180;width:min(86vw,27.5rem);animation:.24s ease-in-out 1.06s backwards jf-impact;position:relative}.jf-letter{top:0;left:var(--x);width:14.2857%;height:100%;position:absolute}.jf-glyph,.jf-ghost{transform-origin:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jf-glyph{animation:jf-dash .64s calc(.3s + var(--i) * 65ms) backwards}.jf-ghost{opacity:0;animation:jf-trail .72s cubic-bezier(.12, .8, .3, 1) calc(.34s + var(--i) * 65ms) backwards}.jf-tagline{width:100%;max-width:22rem;font-family:"Doto Variable", var(--font-display), monospace;letter-spacing:.02em;color:var(--jf-volt);text-align:center;place-items:center;margin:0;font-size:clamp(1.375rem,6.4vw,1.75rem);font-weight:900;line-height:1.2;display:grid}.jf-opener{text-wrap:balance;grid-area:1/1}.jf-opener-ukur{visibility:hidden}.jf-tagword{white-space:pre;display:inline-block}.jf-opener.is-first .jf-tagword{animation:jf-whoosh .46s cubic-bezier(.16, 1, .3, 1) calc(1.18s + var(--i) * 90ms) backwards}.jf-opener.is-next .jf-tagword{animation:jf-whoosh .46s cubic-bezier(.16, 1, .3, 1) calc(.12s + var(--i) * 80ms) backwards}.jf-opener.is-out{pointer-events:none;animation:.34s cubic-bezier(.7,0,.84,0) forwards jf-out}.jf-foot{flex-direction:column;gap:.75rem;width:100%;max-width:26rem;margin:0 auto;display:flex}.jf-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:1.75rem;font-weight:800;line-height:1.12;animation:.52s cubic-bezier(.16,1,.3,1) 1.48s backwards jf-rise}.jf-lead{color:var(--jf-pudar);margin:0 0 .5rem;font-size:1rem;line-height:1.5;animation:.48s cubic-bezier(.16,1,.3,1) 1.6s backwards jf-rise}.jf-start{background:var(--jf-volt);width:100%;min-height:3.5rem;color:var(--jf-malam);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:800;animation:.56s cubic-bezier(.2,1.35,.4,1) 1.82s backwards jf-pop,2.6s ease-in-out 2.7s infinite jf-breath;display:flex;position:relative;overflow:hidden}.jf-start:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:35%;animation:3.2s cubic-bezier(.4,0,.2,1) 3s infinite jf-shine;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-18deg)}.jf-start svg{transition:transform .16s cubic-bezier(.2,0,0,1)}.jf-start:hover svg{transform:translate(3px)}.jf-start:active{transform:scale(.98)}.jf-start:focus-visible{outline:3px solid var(--jf-putih);outline-offset:3px}.jf-splash.is-instant :is(.jf-grid,.jf-wave,.jf-flash,.jf-hero,.jf-word,.jf-glyph,.jf-ghost,.is-first .jf-tagword,.jf-title,.jf-lead),.jf-splash.is-instant .jf-streak:not(.jf-streak-loop){animation:none}.jf-splash.is-instant .jf-start{animation:2.6s ease-in-out .6s infinite jf-breath}@keyframes jf-fade{0%{opacity:0}}@keyframes jf-push{0%{transform:scale(1.08)}}@keyframes jf-streak{0%{transform:translate(105vw)}to{transform:translate(calc(-100% - 8vw))}}@keyframes jf-streak-loop{0%{transform:translate(105vw)}16%,to{transform:translate(calc(-100% - 8vw))}}@keyframes jf-dash{0%{filter:blur(10px);animation-timing-function:cubic-bezier(.1,.75,.25,1);transform:translate(105vw)skew(-24deg)scaleX(2.4)}68%{filter:blur();animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(-7%)skew(8deg)scaleX(.94)}86%{transform:translate(2%)skew(-2deg)scaleX(1.01)}to{filter:none;transform:none}}@keyframes jf-trail{0%{filter:blur(14px);opacity:.6;transform:translate(105vw)skew(-24deg)scaleX(3.6)}55%{filter:blur(7px);opacity:.4;transform:translate(0)skew(-12deg)scaleX(1.9)}to{filter:blur(2px);opacity:0;transform:translate(0)scaleX(1)}}@keyframes jf-flash{0%{opacity:0}14%{opacity:.35}to{opacity:0}}@keyframes jf-wave{0%{opacity:1;-webkit-mask-size:0 0;mask-size:0 0}to{opacity:0;-webkit-mask-size:240vmax 240vmax;mask-size:240vmax 240vmax}}@keyframes jf-impact{0%,to{transform:none}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-1px,1px)}}@keyframes jf-whoosh{0%{opacity:0;filter:blur(6px);transform:translate(2.5rem)skew(-16deg)}}@keyframes jf-out{to{opacity:0;filter:blur(6px);transform:translate(-2.5rem)skew(-16deg)}}@keyframes jf-rise{0%{opacity:0;filter:blur(4px);transform:translateY(1.25rem)}}@keyframes jf-pop{0%{opacity:0;transform:translateY(1.75rem)scale(.92)}}@keyframes jf-breath{0%,to{box-shadow:0 0 #d2ff2e73}60%{box-shadow:0 0 0 .875rem #d2ff2e00}}@keyframes jf-shine{0%{transform:translate(-120%)skew(-18deg)}32%,to{transform:translate(420%)skew(-18deg)}}@keyframes jf-twinkle{0%,to{opacity:0}50%{opacity:.75}}@keyframes jf-leave{to{filter:blur(6px);transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.jf-splash,.jf-splash *,.jf-splash :after{animation:none!important}.jf-streaks,.jf-opener.is-out{display:none}}
