.desk-figure{background:var(--surface-3);border-radius:1.75rem;padding:1.5rem}.desk-stage{border-radius:1.25rem;outline-offset:4px}.desk-stage:focus-visible{outline:2px solid var(--foreground)}.desk-doc{--desk-red:var(--clr-19);--desk-red-ink:color-mix(in oklab,var(--clr-19) 68%,var(--color-003));position:relative;margin:0 auto;max-width:34rem;background:var(--background);border-radius:1rem;padding:1.4rem 1.5rem 1.5rem;display:grid;gap:.7rem}.desk-doc-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.desk-doc-badge{font-family:var(--font-001);font-size:.9375rem;font-weight:700;color:var(--color-003)}.desk-doc-tag{font-size:.875rem;font-weight:600;color:var(--muted-foreground)}.desk-doc-title-row{position:relative;padding:.1em .2em}.desk-doc-title{position:relative;margin:0;font-family:var(--font-001);font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--color-003)}.desk-doc-lead,.desk-doc-promo,.desk-doc-quote{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-003);text-wrap:pretty}.desk-doc-promo{font-weight:600;transition:opacity .3s ease-out}.desk-doc-quote{color:var(--muted-foreground)}.desk-doc-photo{position:relative;margin:0;display:grid;gap:.35rem;justify-items:start}.desk-doc-photo-art{width:9.5rem;height:auto;display:block}.desk-doc-photo figcaption{font-size:.875rem;color:var(--muted-foreground)}.desk-doc-data{position:relative;display:grid;gap:.45rem;padding-top:.35rem}.desk-doc-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:600;color:var(--color-003)}.desk-doc-blank{position:relative;width:42%;height:1.05em;background:var(--clr-15);border-radius:.3rem}.desk-mark{position:absolute;pointer-events:none}.desk-mark-highlight{inset:-.15em -.4em;background:color-mix(in oklab,var(--desk-red) 16%,transparent);border-radius:.4rem;opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .26s ease-out,transform .34s ease-out}.desk-mark-strike{left:.3rem;right:.3rem;top:52%;height:.19rem;background:var(--desk-red);border-radius:999px;opacity:0;transform:rotate(-.7deg) scaleX(0);transform-origin:left center;transition:opacity .2s ease-out,transform .34s ease-out}.desk-mark-x{inset:6% 3%;width:auto;height:auto;opacity:0;transform:scale(.7);transition:opacity .24s ease-out,transform .3s ease-out}.desk-mark-x path{stroke:var(--desk-red);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;fill:none}.desk-mark-blank{inset:-3px -4px;border:2px solid var(--desk-red);border-radius:.35rem;opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .22s ease-out,transform .3s ease-out}.desk-mark-note{position:absolute;z-index:2;padding:.15rem .55rem;border-radius:999px;background:var(--background);font-family:var(--font-002);font-size:.875rem;font-weight:700;color:var(--desk-red-ink);white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .24s ease-out .18s,transform .24s ease-out .18s}.desk-note-title{top:-1.05rem;right:0}.desk-note-promo{right:0;bottom:-1.15rem}.desk-note-photo{top:.3rem;right:.3rem}.desk-note-data{top:-1.15rem;right:0}.desk-doc[data-armed="0"] .desk-mark-strike{opacity:1;transform:rotate(-.7deg) scaleX(1)}.desk-doc[data-armed="0"] .desk-note-promo{opacity:1;transform:none}.desk-doc[data-armed="0"] .desk-doc-promo{opacity:.55}.desk-doc[data-armed="1"] .desk-mark-highlight{opacity:1;transform:scaleX(1)}.desk-doc[data-armed="1"] .desk-note-title{opacity:1;transform:none}.desk-doc[data-armed="2"] .desk-mark-blank{opacity:1;transform:scaleX(1)}.desk-doc[data-armed="2"] .desk-doc-row:nth-child(2) .desk-mark-blank{transition-delay:80ms}.desk-doc[data-armed="2"] .desk-doc-row:nth-child(3) .desk-mark-blank{transition-delay:.16s}.desk-doc[data-armed="2"] .desk-note-data{opacity:1;transform:none;transition-delay:.26s}.desk-doc[data-armed="3"] .desk-mark-x{opacity:1;transform:scale(1)}.desk-doc[data-armed="3"] .desk-note-photo{opacity:1;transform:none}.desk-stamp{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;padding:.45rem 1.4rem;border:3px solid var(--desk-red);border-radius:.75rem;color:var(--desk-red);background:color-mix(in oklab,var(--background) 82%,transparent);font-family:var(--font-001);font-size:1.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none}@keyframes desk-stamp{0%{opacity:0;transform:rotate(-16deg) scale(1.8)}55%{opacity:1;transform:rotate(-9deg) scale(.94)}to{opacity:1;transform:rotate(-9deg) scale(1)}}.desk-doc[data-armed] .desk-stamp{animation:desk-stamp .46s cubic-bezier(.2,.8,.3,1) .45s both}@media (prefers-reduced-motion:reduce){.desk-doc-promo,.desk-mark,.desk-mark-note{transition:none}.desk-doc[data-armed] .desk-stamp{animation:none;opacity:1;transform:rotate(-9deg)}}.desk-foot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;font-size:.9375rem;line-height:1.4}.desk-hint{color:var(--muted-foreground)}.desk-readout{font-weight:600;color:var(--color-003);text-align:right}.desk-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.desk-gate,.desk-knob{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:999px;background:color-mix(in oklab,var(--background) 78%,var(--color-003));color:var(--color-003);font-family:var(--font-002);font-size:.9375rem;font-weight:600;line-height:1.25;text-align:left;cursor:pointer}.desk-gate[aria-pressed=true],.desk-knob[aria-pressed=true]{background:var(--clr-16);border-color:var(--color-003)}.desk-gate:focus-visible,.desk-knob:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.desk-gate-mark,.desk-knob-mark{flex:none;width:.875rem;height:.875rem;border-radius:999px;background:var(--clr-18);border:2px solid var(--color-003)}.desk-gate-mark{border-radius:.25rem;background:var(--clr-7)}.desk-gate[aria-pressed=true] .desk-gate-mark,.desk-knob[aria-pressed=true] .desk-knob-mark{background:var(--clr-19)}.desk-card{font-family:var(--font-002)}.desk-card:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.desk-card-verdict{display:inline-flex;align-items:center;gap:.375rem;margin-left:.5rem;font-size:.875rem;font-weight:700;vertical-align:baseline;opacity:0;transform:translateY(3px);transition:opacity .22s ease,transform .22s ease}.desk-card-verdict[data-on]{opacity:1;transform:none}.desk-card-dot{flex:none;width:.5rem;height:.5rem;border-radius:999px;background:var(--clr-19)}@media (prefers-reduced-motion:reduce){.desk-card-verdict{transition:none}}@media (max-width:640px){.desk-figure{padding:1rem}.desk-doc{padding:1.1rem 1.1rem 1.2rem}.desk-doc-title{font-size:1.125rem}.desk-stamp{font-size:1.4rem}.desk-gate,.desk-knob{font-size:1rem}}.pk-track{position:relative;display:flex;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.pk-track::-webkit-scrollbar{display:none}.pk-track.pk-dragging{scroll-snap-type:none;cursor:grabbing}.pk-track:focus-visible{outline:2px solid var(--foreground);outline-offset:6px;border-radius:24px}.pk-slot{flex:0 0 auto;display:flex;width:84vw;max-width:380px;scroll-snap-align:start}.pk-card{flex:1 1 auto}.pk-actions{display:flex;flex-direction:column;gap:2px}.pk-form{border-top:2px solid var(--color-003)}@media (min-width:768px){.pk-slot{width:330px;max-width:360px}.pk-track{gap:20px}}@media (min-width:1025px){.pk-slot{width:350px;max-width:380px}}.pk-card-ink{background:var(--color-003);color:var(--background)}.pk-progress{flex:1 1 auto;height:4px;border-radius:999px;background:var(--surface-4);overflow:hidden}.pk-progress>span{display:block;height:100%;border-radius:inherit;background:var(--foreground);transform-origin:0 50%;transform:scaleX(0)}.pk-step{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--foreground);color:var(--background);font-size:20px;line-height:1}.pk-step:disabled{opacity:.3;cursor:default}.pk-step:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pk-progress>span{transition:transform .14s linear}.js .pk-slot{opacity:0;translate:0 24px;transition:opacity .5s var(--ease-out),translate .6s var(--ease-expo);transition-delay:calc(var(--i) * 60ms)}.js .pk-rail-view[data-in] .pk-slot{opacity:1;translate:none}.pk-card{transition:translate .18s var(--ease-out)}@media (hover:hover){.pk-card:hover{translate:0 -4px}}.pk-step{transition:opacity .14s var(--ease-out),scale .14s var(--ease-out)}.pk-step:active{scale:.94}}.jb{--jb-red:color-mix(in oklab,var(--clr-19) 62%,var(--color-003));--jb-blue:var(--color-004);--jb-groove:color-mix(in oklab,var(--background) 26%,transparent);--jb-arch:clamp(84px,15vw,132px)}.jb-cab{display:none}.jb-deck{display:grid;gap:1.125rem}.jb-card{background:var(--background);border:3px solid var(--color-003);border-radius:22px;padding:1.375rem clamp(1.125rem,3vw,1.75rem)}.jb-card-top{display:flex;align-items:flex-start;gap:1.125rem}.jb-stamp{flex:none;width:clamp(4.5rem,9vw,6.5rem);height:auto;rotate:-8deg;color:var(--jb-red)}.jb-stamp[data-badge=Garansi]{color:var(--jb-blue)}.jb-card-text{min-width:0}.jb-title{font-family:var(--font-001);font-size:clamp(1.1875rem,2.4vw,1.5625rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;text-wrap:balance}.jb-body,.jb-title{color:var(--color-003)}.jb-body{margin-top:.5rem;font-family:var(--font-002);font-size:1rem;line-height:1.6;text-wrap:pretty}.jb-pair{margin-top:1.125rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.jb-eg{border-radius:14px;padding:.875rem 1rem}.jb-eg[data-kind=ok]{background:color-mix(in oklab,var(--clr-7) 42%,var(--background))}.jb-eg[data-kind=no]{background:color-mix(in oklab,var(--clr-15) 38%,var(--background))}.jb-eg-label{display:flex;align-items:center;gap:.375rem;font-family:var(--font-001);font-size:.875rem;font-weight:700;color:var(--color-003)}.jb-eg-dot{display:grid;place-items:center;width:1.25rem;height:1.25rem;border:2px solid var(--color-003);border-radius:999px;color:var(--color-003);flex:none}.jb-eg[data-kind=ok] .jb-eg-dot{background:var(--clr-7)}.jb-eg[data-kind=no] .jb-eg-dot{background:var(--clr-15)}.jb-eg-dot svg{width:.625rem;height:.625rem}.jb-eg-text{margin-top:.375rem;font-family:var(--font-002);font-size:.9375rem;line-height:1.5}.jb-eg-text,.jb-hl{color:var(--color-003)}.jb-hl{background:var(--clr-7);padding:0 .12em;border-radius:4px}.jb-strike{text-decoration:line-through;text-decoration-color:var(--clr-19);text-decoration-thickness:max(2.5px,.09em);color:color-mix(in oklab,var(--color-003) 72%,var(--background))}@media (prefers-reduced-motion:no-preference){html.js .jb-cab{position:relative;display:grid;gap:.875rem;padding:calc(var(--jb-arch) * .58 + .375rem) 1.25rem 1.125rem;background:var(--clr-13);border:3px solid var(--color-003);border-radius:var(--jb-arch) var(--jb-arch) 26px 26px}html.js .jb-mascot{position:absolute;top:0;right:7%;translate:0 -62%;width:clamp(5.25rem,12vw,8.75rem);z-index:3;pointer-events:none}html.js .jb-mascot-svg{display:block;width:100%;height:auto}html.js .jb-mascot .m-sway{transform-origin:200px 340px}html.js .jb-mascot :is(.m-blink,.m-ooh){transform-box:fill-box;transform-origin:center}html.js .jb-mascot :is(.m-look,.m-blink,.m-smile,.m-ooh){transition:translate var(--t-ui) var(--ease-out),scale var(--t-ui) var(--ease-out),rotate var(--t-ui) var(--ease-out),opacity var(--t-ui) var(--ease-out)}html.js .jb[data-mood=ooh] .jb-mascot .m-smile{opacity:0}html.js .jb[data-mood=ooh] .jb-mascot .m-ooh{opacity:1}html.js .jb[data-mood=ooh] .jb-mascot .m-blink{scale:1.35}html.js .jb[data-mood=smile] .jb-mascot .m-look{translate:0 -3px}html.js .jb[data-playing=on] .jb-mascot .m-breathe{animation:jb-bop .56s ease-in-out infinite alternate}html.js .jb[data-playing=on] .jb-mascot .m-sway{animation:jb-sway 4.4s ease-in-out infinite}html.js .jb-mascot .m-blink{animation:g-blink 4.6s 1.2s infinite}html.js .jb-window{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border:3px solid var(--color-003);border-radius:clamp(3rem,9vw,5.25rem) clamp(3rem,9vw,5.25rem) 1.125rem 1.125rem}html.js .jb-drum{flex:1;min-width:0;perspective:600px}html.js .jb-drum-card{transform-origin:50% -20%;backface-visibility:hidden}html.js .jb-drum-label{font-size:clamp(1rem,2.2vw,1.375rem);line-height:1.15;letter-spacing:-.01em;background:color-mix(in oklab,var(--tone) 45%,var(--background));border:2.5px solid var(--color-003);border-radius:12px;padding:.625rem .875rem}html.js .jb-drum-badge,html.js .jb-drum-label{font-family:var(--font-001);font-weight:700;color:var(--color-003)}html.js .jb-drum-badge{display:inline-block;margin-top:.5rem;font-size:.875rem;line-height:1;background:var(--tone);border:2.5px solid var(--color-003);border-radius:999px;padding:.3125rem .75rem}html.js .jb-drum-card{animation:jb-flip .44s var(--ease-out) both}html.js .jb-drum-badge{animation-delay:.11s}html.js .jb-table{position:relative;flex:none;width:clamp(7rem,22%,9.25rem);aspect-ratio:1}html.js .jb-disc{display:block;width:100%;height:100%}html.js .jb[data-playing=on] .jb-disc{animation:jb-spin 2.4s linear infinite}html.js .jb-tonearm{position:absolute;top:-7%;right:-7%;width:44%;height:auto;transform-origin:78% 11%;rotate:-14deg;transition:rotate .45s var(--ease-out)}html.js .jb[data-playing=on] .jb-tonearm{rotate:10deg}html.js .jb-ctrl{display:flex;align-items:center;gap:.75rem}html.js .jb-step{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border:3px solid var(--color-003);border-radius:999px;background:var(--background);color:var(--color-003);cursor:pointer}html.js .jb-step svg{width:1.25rem;height:1.25rem}html.js .jb-step:hover:not(:disabled){background:var(--clr-16)}html.js .jb-step:disabled{background:color-mix(in oklab,var(--background) 72%,var(--foreground));cursor:default}html.js .jb-key:focus-visible,html.js .jb-step:focus-visible{outline:3px solid var(--color-003);outline-offset:2px}html.js .jb-read{flex:1;min-width:0;display:grid;gap:.125rem;text-align:center}html.js .jb-readout{font-family:var(--font-001);font-size:clamp(.9375rem,2vw,1.0625rem);font-weight:700;color:var(--color-003)}html.js .jb-hint{font-family:var(--font-002);font-size:.875rem;color:color-mix(in oklab,var(--color-003) 62%,var(--background))}html.js .jb-grid,html.js .jb-gridwrap{position:relative}html.js .jb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.625rem}html.js .jb-key{display:flex;align-items:center;justify-content:center;text-align:center;min-height:3.5rem;padding:.5rem .625rem;font-family:var(--font-001);font-size:.9375rem;font-weight:600;line-height:1.2;color:var(--color-003);background:color-mix(in oklab,var(--tone) 30%,var(--background));border:2.5px solid var(--color-003);border-radius:14px;cursor:pointer;transition:transform var(--t-ui) var(--ease-out)}html.js .jb-key:hover{transform:translateY(-2px);background:color-mix(in oklab,var(--tone) 55%,var(--background))}html.js .jb-key:active{transform:translateY(1px)}html.js .jb-key[aria-checked=true]{background:var(--tone);font-weight:700}html.js a.jb-key{cursor:default}html.js .jb-carriage{position:absolute;left:0;top:0;z-index:2;border:3px solid var(--color-003);border-radius:16px;pointer-events:none;opacity:0;transition:transform .38s var(--ease-out),opacity .2s var(--ease-out)}html.js .jb-carriage[data-armed]{opacity:1}html.js .jb-grill{height:3.25rem;border:3px solid var(--color-003);border-radius:14px;background:color-mix(in oklab,var(--clr-13) 62%,var(--color-003) 12%);overflow:hidden}html.js .jb-grill svg{display:block}html.js .jb-deck{margin-top:1.125rem}html.js .jb-card{display:none}html.js .jb-card[data-state=cur]{display:block;animation:jb-card-in .38s var(--ease-out) both}html.js .jb-wrap:not([data-in]) :is(.jb-disc,.jb-drum-card,.jb-mascot .m-breathe,.jb-mascot .m-sway,.jb-mascot .m-blink){animation-play-state:paused}@keyframes jb-flip{0%{transform:rotateX(-92deg);opacity:0}55%{opacity:1}to{transform:rotateX(0deg);opacity:1}}@keyframes jb-spin{to{transform:rotate(1turn)}}@keyframes jb-bop{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes jb-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes jb-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:767px){html.js .jb-cab{padding:calc(var(--jb-arch) * .62 + .375rem) .875rem 1rem}html.js .jb-mascot{width:5.25rem;right:5%}html.js .jb-window{flex-direction:column;gap:.75rem;padding:.875rem}html.js .jb-table{width:min(58vw,8rem)}html.js .jb-readout{font-size:.875rem}html.js .jb-grid{grid-template-columns:repeat(2,1fr)}html.js .jb-key{min-height:3.25rem;font-size:.9375rem}html.js .jb-grill{height:2.75rem}html.js .jb-card-top{flex-direction:column;gap:.875rem}html.js .jb-stamp{width:4.25rem}html.js .jb-pair{grid-template-columns:1fr}html.js .jb-body,html.js .jb-eg-text{font-size:1rem}}}