.pickle-page{color:#14261d;background:#e7f4dc;min-height:100vh;padding:1.25rem 1rem 3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pickle-shell{width:min(1120px,100%);margin:0 auto}.pickle-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.pickle-kicker{color:#356b32;font-size:.72rem;font-weight:900}.pickle-header h1{letter-spacing:0;margin:.15rem 0 0;font:1000 clamp(2rem,6vw,4.2rem)/.95 system-ui,sans-serif}.pickle-count{text-align:right;border-left:3px solid #d4a017;padding-left:.75rem;font-size:.66rem;display:grid}.pickle-count strong{font-size:1.35rem}.pickle-workspace{grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr);align-items:start;gap:1rem;display:grid}.pickle-image-wrap{aspect-ratio:3/2;background:#b8e5c6;border:3px solid #14261d;width:100%;position:relative;overflow:hidden;box-shadow:8px 8px #7d9c28}.pickle-lid{z-index:2;cursor:grab;touch-action:none;background:#ffffff0a;border:3px dashed #14261d9e;border-radius:50%;width:35%;height:17%;position:absolute;top:6%;left:33%}.pickle-lid:active{cursor:grabbing;border-color:#fc0}.pickle-lid.is-open{opacity:.9}.pickle-open-stamp{z-index:3;color:#fff;text-shadow:0 5px #356b32;font:1000 clamp(2rem,7vw,5rem) system-ui,sans-serif;position:absolute;top:11%;left:50%;transform:translate(-50%)rotate(-7deg)}.pickle-ledger{background:#fffef5;border:3px solid #14261d;min-height:440px;padding:1rem;box-shadow:7px 7px #356b32}.pickle-ledger-head{justify-content:space-between;gap:1rem;font-size:.7rem;font-weight:900;display:flex}.pickle-progress{background:#dfe5d4;border:2px solid #14261d;height:16px;margin:.65rem 0 1rem}.pickle-progress div{background:#8bbd23;height:100%;transition:width .16s}.pickle-metrics{gap:.5rem;display:grid}.pickle-metrics div{border-bottom:1px solid #cbd5c3;justify-content:space-between;gap:1rem;padding-bottom:.4rem;font-size:.7rem;display:flex}.pickle-receipt{background:#edf3e7;border-left:4px solid #d4a017;min-height:70px;margin:1rem 0;padding:.75rem;font:800 .78rem/1.35 system-ui,sans-serif}.pickle-controls{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.pickle-controls button,.pickle-certificate button{color:#14261d;cursor:pointer;background:#b8ff2e;border:3px solid #14261d;border-radius:4px;min-height:58px;font-size:2rem;font-weight:1000;box-shadow:4px 4px #14261d}.pickle-hint{text-align:center;opacity:.65;font-size:.62rem}.pickle-certificate{gap:.9rem;padding-top:1rem;display:grid}.pickle-certificate p{color:#356b32;margin:0;font-size:.67rem;font-weight:900}.pickle-certificate h2{letter-spacing:0;margin:0;font:1000 2.8rem system-ui,sans-serif}.pickle-certificate strong{font:900 1.1rem/1.3 system-ui,sans-serif}.pickle-certificate button{margin-top:.5rem;font:1000 .85rem ui-monospace,monospace}.pickle-back{color:inherit;margin-top:1.4rem;font-weight:800;display:inline-block}.pickle-page button:focus-visible{outline-offset:3px;outline:4px solid #d24721}@media (max-width:760px){.pickle-page{padding:1rem .75rem 3rem}.pickle-workspace{grid-template-columns:minmax(0,1fr)}.pickle-ledger{min-height:0}}@media (prefers-reduced-motion:reduce){.pickle-progress div{transition:none}}