:root{--karya-paper:#fbf4e6;--karya-paper-line:rgba(120,80,20,0.14);--karya-accent:#9a5a1c;--karya-book-shadow:0 1px 2px rgba(40,20,0,0.16),0 10px 20px -8px rgba(40,20,0,0.35)}:root[data-theme=dark]{--karya-paper:#1e1b15;--karya-paper-line:rgba(232,176,75,0.16);--karya-accent:#e8b04b;--karya-book-shadow:0 1px 2px rgba(0,0,0,0.5),0 10px 20px -8px rgba(0,0,0,0.7)}.karya-kicker{color:var(--karya-accent);font-size:.8125rem;font-weight:600}.karya-card{display:none}.explain-body.is-deferred~.karya-card{position:relative;display:grid;grid-template-columns:6.5rem 1fr;gap:1.125rem;-ms-flex-align:center;align-items:center;margin-top:2rem;padding:1.125rem 1.25rem 1.125rem 1.125rem;border-radius:var(--radius);background:var(--karya-paper);box-shadow:inset 0 0 0 1px var(--karya-paper-line);transition:transform 160ms var(--ease-out)}.explain-body.is-deferred~.karya-card:has(.karya-card-open:active){transform:scale(.985)}.karya-card-cover{width:100%;height:auto;aspect-ratio:200/205;-o-object-fit:cover;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:var(--karya-book-shadow);rotate:-3deg;transition:rotate .3s var(--ease-out),translate .3s var(--ease-out)}.karya-card-body{display:grid;gap:.25rem;min-width:0}.karya-card-title{font-size:1.1875rem;font-weight:650;line-height:1.3;text-wrap:balance}.karya-card-open{padding:0;border:0;background:0 0;color:inherit;font:inherit;text-align:start;cursor:pointer}.karya-buy,.karya-peek{background:var(--elevated)}.karya-card-open::after{content:'';position:absolute;inset:0;border-radius:var(--radius)}.karya-card-open:focus-visible{outline:0}.karya-card:has(.karya-card-open:focus-visible){outline:var(--focus) solid 2px;outline-offset:2px}.karya-card-lead{color:var(--fg-soft);font-size:.875rem;line-height:1.5;text-wrap:pretty}.karya-card-foot{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:.25rem 1rem;margin-top:.375rem;font-size:.875rem}.karya-card-price{font-weight:650;font-variant-numeric:tabular-nums}.karya-card-go{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem;color:var(--brand-text);font-weight:600}.karya-card.is-owned .karya-card-price,.karya-facts svg{color:var(--shahih)}.karya-card-go svg{transition:translate 160ms var(--ease-out)}@media (hover:hover) and (pointer:fine){.karya-card:hover .karya-card-cover{rotate:0;translate:0 -2px}.karya-card:hover .karya-card-go svg{translate:2px 0}}.karya-peek{position:fixed;z-index:40;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:min(26rem,calc(100% - 2 * var(--gutter)));padding:.5rem .25rem .5rem .5rem;border-radius:1.125rem;box-shadow:var(--shadow-pop),0 18px 40px -12px rgba(0,0,0,.28);translate:-50% 0;opacity:1;transition:translate 420ms var(--ease-drawer),opacity 240ms var(--ease-out)}@starting-style{.karya-peek{translate:-50% calc(100% + 2rem);opacity:0}}.karya-peek.is-leaving{translate:-50% calc(100% + 2rem);opacity:0;transition-duration:220ms}@media (min-width:64rem){.karya-peek{left:calc(50% + var(--sidebar-offset)/ 2);bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.karya-card-cover{rotate:0}.karya-peek,.karya-peek.is-leaving{translate:-50% 0}@starting-style{.karya-peek{translate:-50% 0}}}.karya-peek-open{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;gap:.75rem;min-width:0;padding:0;border:0;background:0 0;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:transform 160ms var(--ease-out)}.karya-cta-price,.karya-peek-meta{font-variant-numeric:tabular-nums}.karya-peek-open:active{transform:scale(.98)}.karya-peek-open:focus-visible{outline:var(--focus) solid 2px;outline-offset:2px;border-radius:.75rem}.karya-peek img{-ms-flex:none;flex:none;width:3.5rem;height:auto;border-radius:2px 6px 6px 2px;box-shadow:var(--karya-book-shadow);rotate:-3deg}.karya-peek-text{display:grid;-ms-flex:1;flex:1;min-width:0;line-height:1.35}.karya-info h2,.karya-peek-title{line-height:1.25;text-wrap:balance}.karya-peek-kicker{color:var(--karya-accent);font-size:.75rem;font-weight:600}.karya-peek-title{font-size:.9375rem;font-weight:650}.karya-peek-meta{overflow:hidden;color:var(--muted);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.karya-peek-go{-ms-flex:none;flex:none;padding:.5rem .875rem;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:.875rem;font-weight:600}.karya-peek-close{-ms-flex:none;flex:none;color:var(--muted)}.karya-sheet{max-width:34rem;max-height:min(94dvh,52rem)}.karya-sheet [data-for]{display:none}.karya-sheet[data-step=product] [data-for~=product],.karya-sheet[data-step=email] [data-for~=email],.karya-sheet[data-step=pay] [data-for~=pay],.karya-sheet[data-step=done] [data-for~=done],.karya-sheet[data-step=owned] [data-for~=owned]{display:grid}.karya-close{position:absolute;top:.625rem;right:.625rem;z-index:3;background:rgba(255,255,255,.86);color:#171717;box-shadow:0 1px 3px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.karya-gallery-wrap,.karya-slide{position:relative}.karya-sheet:is([data-step=pay],[data-step=done],[data-step=owned]) .karya-close{background:var(--well);color:var(--fg);box-shadow:none}.karya-product{gap:0}.karya-gallery{display:-ms-flexbox;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--karya-paper)}.karya-gallery::-webkit-scrollbar{display:none}.karya-gallery:focus-visible{outline:var(--focus) solid 2px;outline-offset:-2px}.karya-slide{-ms-flex:0 0 100%;flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}.karya-slide img{display:block;width:100%;height:auto;aspect-ratio:1200/614;-o-object-fit:cover;object-fit:cover}.karya-slide--teaser figcaption{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.25rem;padding:1rem;background:rgba(251,244,230,.55);color:#2a1d0c;text-align:center}.karya-slide--teaser strong{font-size:1.0625rem;text-wrap:balance}.karya-slide--teaser span{font-size:.875rem}.karya-slide--teaser svg{color:#9a5a1c}.karya-nav{position:absolute;top:50%;display:none;place-items:center;width:2.25rem;height:2.25rem;margin-top:-1.125rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#171717;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;transition:opacity 150ms ease,transform 160ms var(--ease-out)}.karya-nav[data-dir='-1']{left:.625rem}.karya-nav[data-dir='1']{right:.625rem}.karya-nav:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.karya-nav{display:grid;opacity:0}.karya-gallery-wrap:hover .karya-nav{opacity:1}.karya-sheet.is-gallery-end .karya-nav[data-dir='1'],.karya-sheet.is-gallery-start .karya-nav[data-dir='-1']{opacity:0;pointer-events:none}}.karya-dots{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:.375rem;padding:.75rem 0 0}.karya-dots span{width:.375rem;height:.375rem;border-radius:999px;background:var(--line-strong);transition:width 240ms var(--ease-out),background-color 240ms ease}.karya-dots span.is-on{width:1.125rem;background:var(--karya-accent)}.karya-info{display:grid;gap:.375rem;padding:.75rem 1.25rem 1rem}.karya-info h2{font-size:1.375rem;font-weight:700}.karya-by{color:var(--muted);font-size:.875rem}.karya-lead{margin-top:.375rem;color:var(--fg-soft);font-size:.9375rem;line-height:1.6;text-wrap:pretty}.karya-facts{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.375rem;margin:.5rem 0 0;padding:0;list-style:none}.karya-facts li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem;padding:.3125rem .625rem .3125rem .5rem;border-radius:999px;background:var(--well);font-size:.8125rem}.karya-why{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:.5rem;margin-top:.5rem;color:var(--muted);font-size:.8125rem;line-height:1.5}.karya-why svg{-ms-flex:none;flex:none;margin-top:.125rem;color:#d14d72}.karya-buy{position:sticky;bottom:0;z-index:2;gap:.625rem;padding:.875rem 1.25rem calc(.875rem + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--line)}.karya-email{gap:.375rem;transition:opacity 220ms var(--ease-out),translate 220ms var(--ease-out)}@starting-style{.karya-sheet[data-step=email] .karya-email{opacity:0;translate:0 .5rem}}.karya-email label{font-size:.875rem;font-weight:500}.karya-email input{width:100%;height:3rem;padding:0 1rem;border:0;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font-size:1rem}.karya-mini img,.unduh-cover{box-shadow:var(--karya-book-shadow)}.karya-email input:focus{outline:var(--focus) solid 2px;outline-offset:-1px}.karya-error{color:#b42318;font-size:.8125rem}:root[data-theme=dark] .karya-error{color:#fda29b}.karya-cta{width:100%;min-height:3.25rem;gap:.625rem;border-radius:999px;font-size:1rem;font-weight:600}.karya-cta[aria-busy=true]{opacity:.7}.karya-cta-price{opacity:.86}.karya-cta-price::before{content:'·';margin-right:.625rem;opacity:.6}.karya-trust{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:.3125rem;color:var(--muted);font-size:.75rem;text-align:center}.karya-done,.karya-pay{gap:1rem;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}.karya-back{justify-self:start;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.375rem;min-height:2.5rem;padding:0 .25rem;border:0;background:0 0;color:var(--muted);font:inherit;font-size:.875rem;cursor:pointer}.karya-mini-title,.karya-qr-label,.unduh-owned{font-weight:600}.karya-mini{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.75rem}.karya-mini img{width:3rem;height:auto;border-radius:2px 5px 5px 2px}.karya-mini-price{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.karya-qr-card{display:grid;justify-items:center;gap:.75rem;padding:1.25rem;border-radius:var(--radius);background:var(--well);text-align:center}.karya-qr-stage{display:grid;place-items:center;width:15rem;max-width:100%;aspect-ratio:1;border-radius:var(--radius-sm);background:#fff}.karya-check,.karya-dot,.unduh-actions .btn,.unduh-owned{border-radius:999px}.karya-qr-stage>*{grid-area:1/1}.karya-qr{width:100%;height:auto;padding:.5rem;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}.karya-qr-loading{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;color:#6b6b6b;font-size:.875rem}.karya-waiting,.unduh-owned{display:-ms-inline-flexbox;-ms-flex-align:center}.karya-waiting{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.875rem}.karya-dot{width:.5rem;height:.5rem;background:var(--shahih);animation:karya-pulse 1.6s ease-in-out infinite}.karya-save,.karya-steps{display:none}@media (hover:none) and (pointer:coarse){.karya-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin:0;padding:0;list-style:none;color:var(--fg-soft);font-size:.75rem;line-height:1.35}.karya-steps li{display:grid;justify-items:center;gap:.25rem}.karya-steps span{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-text);font-weight:600}.karya-save{display:-ms-inline-flexbox;display:inline-flex;width:100%}}.karya-done,.unduh-card{justify-items:center;text-align:center}.karya-save.is-done{color:var(--shahih)}.karya-sent{color:var(--muted);font-size:.8125rem;line-height:1.5;text-align:center}.karya-done{padding-top:2.5rem}.karya-done h2{font-size:1.3125rem;text-wrap:balance}.karya-done-lead{max-width:24rem;color:var(--muted);font-size:.9375rem;line-height:1.55;text-wrap:pretty}.karya-done-ar{font-family:var(--font-arab);font-size:1.5rem;line-height:1.6;color:var(--brand-text)}.karya-check{display:grid;place-items:center;width:3.5rem;height:3.5rem;background:var(--shahih);color:#fff}@media (prefers-reduced-motion:no-preference){.karya-sheet[data-step=done] .karya-check{animation:karya-pop 520ms var(--ease-out) both}.karya-sheet[data-step=done] .karya-done>:not(.karya-check){animation:karya-rise 420ms var(--ease-out) both;animation-delay:120ms}}.unduh{display:grid;-ms-flex-line-pack:start;align-content:start;gap:1.5rem;max-width:28rem;padding-block:2rem 3rem}.unduh-card{display:grid;gap:1.5rem}.unduh-cover{width:10rem;height:auto;border-radius:3px 10px 10px 3px;rotate:-2deg}.unduh-main{display:grid;justify-items:center;gap:1.25rem;width:100%}.unduh-head{display:grid;justify-items:inherit;gap:.375rem}.unduh-owned{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .625rem .1875rem .5rem;background:var(--brand-soft);color:var(--shahih);font-size:.75rem}.unduh-head h1{font-size:1.625rem;line-height:1.2;text-wrap:balance}.unduh-by{color:var(--muted);font-size:.875rem;text-wrap:balance}.unduh-actions{display:grid;gap:.5rem;width:100%}.unduh-actions .btn{min-height:3rem}.unduh-cta{font-size:1rem}.unduh-note{color:var(--muted);font-size:.8125rem;line-height:1.55;text-wrap:pretty}.unduh-note a{color:var(--brand-text);text-decoration:underline}ul.unduh-tips{display:grid;gap:.75rem;margin:0;padding:1rem 1.125rem;border-radius:var(--radius);background:var(--karya-paper);font-size:.8125rem}.unduh-tips li{display:-ms-flexbox;display:flex;gap:.625rem;line-height:1.5;color:var(--fg-soft)}.unduh-tips svg{-ms-flex:none;flex:none;margin-top:.125rem;color:var(--karya-accent)}@media (min-width:48rem){.unduh{max-width:46rem;padding-block:3.5rem 4rem;gap:2rem}.unduh-card{grid-template-columns:13rem 1fr;-ms-flex-align:center;align-items:center;justify-items:start;gap:2.75rem;padding:2.25rem 2.5rem 2.25rem 2.25rem;border-radius:1.25rem;background:var(--karya-paper);box-shadow:inset 0 0 0 1px var(--karya-paper-line);text-align:start}.unduh-cover{width:100%;rotate:-3deg}.unduh-head,.unduh-main{justify-items:start}.unduh-head h1{font-size:2rem}.unduh-actions{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}.unduh-actions .btn{min-height:2.75rem;padding-inline:1.25rem}.unduh-read{background:var(--elevated)}ul.unduh-tips{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 .25rem;background:0 0}.unduh-tips li{-ms-flex-direction:column;flex-direction:column;gap:.5rem}}@keyframes karya-pulse{50%{opacity:.3;scale:.8}}@keyframes karya-pop{from{scale:.6;opacity:0}60%{scale:1.08;opacity:1}}@keyframes karya-rise{from{opacity:0;translate:0 .5rem}}