.jam-page{color:#202521;background:#d5d9d6;min-height:100vh;padding:1.4rem 1rem 4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.jam-shell{width:min(1080px,100%);margin:auto}.jam-shell>header div{color:#df4d21;letter-spacing:.15em;font-size:.68rem;font-weight:1000}.jam-shell>header h1{letter-spacing:-.07em;margin:.15rem 0 .3rem;font:1000 clamp(3rem,8vw,6rem)/.86 system-ui,sans-serif}.jam-shell>header p{margin:0 0 1.2rem;font-size:.8rem}.jam-workspace{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:start;gap:1rem;display:grid}.jam-printer{background:#b8b9b1;border:5px solid #272b28;border-radius:18px 18px 8px 8px;padding:1rem;box-shadow:9px 11px #777b76}.jam-top{color:#5a615c;justify-content:space-between;font-size:.58rem;font-weight:1000;display:flex}.jam-top b{color:#df4d21}.jam-scanner{background:#92958f;border:3px solid #484d49;border-radius:9px;height:65px;margin:.8rem 0}.jam-scanner i{background:#252826;border-radius:10px;width:84%;height:13px;margin:24px auto;display:block}.jam-display{color:#8ef69c;background:#18251c;border:4px solid #222724;padding:.85rem}.jam-display small,.jam-display strong,.jam-display span{display:block}.jam-display small{font-size:.48rem}.jam-display strong{margin:.35rem 0;font:1000 1.3rem system-ui,sans-serif}.jam-display span{min-height:2rem;font-size:.54rem;line-height:1.4}.jam-path{grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.8rem 0;display:grid}.jam-path div{color:#747873;border:2px solid #797d78;padding:.5rem;font-size:.48rem}.jam-path i,.jam-path span{display:block}.jam-path i{font-size:.9rem;font-style:normal;font-weight:1000}.jam-path div.is-hot{color:#a73919;background:#f6c6ad;border-color:#df4d21;animation:.7s ease-in-out infinite alternate jam-pulse}.jam-path div.is-cleared{color:#27763a;background:#cce3cf;border-color:#378c4b}.jam-tray{color:#414642;background:#8f928d;border:4px solid #555a56;min-height:105px;padding:1rem;font-size:.54rem;transition:transform .2s;position:relative}.jam-tray.is-open{background:#646963;transform:translateY(10px)}.jam-sheet{color:#d64525;text-align:center;background:#fffdf1;width:45%;height:95px;padding:.7rem;font-weight:1000;position:absolute;bottom:-13px;right:12%;transform:rotate(-4deg);box-shadow:2px 4px 7px #0000004d}.jam-sheet b{font-size:2rem}.jam-printer>button{color:#fff;cursor:pointer;background:#ef673d;border:0;border-bottom:7px solid #8d2c13;width:100%;min-height:57px;margin-top:1.2rem;font:1000 .7rem ui-monospace,monospace}.jam-printer>button:active{border-bottom-width:3px;transform:translateY(4px)}.jam-printer>p{color:#a33719;border-top:1px solid #777c77;min-height:2rem;margin:.8rem 0 0;padding-top:.7rem;font-size:.55rem}.jam-ledger{background:#fffdf1;border:3px solid #222724;padding:1rem;box-shadow:7px 9px #df4d21}.jam-ledger h2{margin:0 0 1rem;font:900 1.5rem/1 system-ui,sans-serif}.jam-ledger dl div{border-bottom:1px dotted #9a9b92;justify-content:space-between;gap:.5rem;padding:.5rem 0;font-size:.54rem;display:flex}.jam-ledger dd{margin:0;font-weight:1000}.jam-stack{border:2px dashed #b5b5aa;place-items:end center;min-height:190px;margin-top:1rem;padding:1rem;display:grid;position:relative}.jam-stack i{background:repeating-linear-gradient(#fff 0 8px,#ddd 9px);border:1px solid #aaa;width:65%;height:100px;position:absolute;bottom:45px}.jam-stack span{z-index:2;color:#88887d;font-size:.5rem}.jam-help,.jam-certificate{color:#71746e;text-align:center;border:2px solid #777b74;margin-top:1rem;padding:.8rem;font-size:.53rem;line-height:1.5}.jam-certificate{color:#27763a;border:3px double #378c4b}.jam-certificate b,.jam-certificate span{display:block}.jam-certificate b{font-size:1.15rem}.jam-back{color:#202521;margin-top:1.8rem;font-weight:1000;display:inline-block}.jam-page button:focus-visible,.jam-back:focus-visible{outline-offset:3px;outline:4px solid #205aa0}@keyframes jam-pulse{to{filter:brightness(1.18)}}@media (max-width:760px){.jam-page{padding:1rem .7rem 4rem}.jam-workspace{grid-template-columns:1fr}.jam-shell>header h1{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){.jam-path div.is-hot{animation:none}.jam-tray{transition:none}.jam-printer>button:active{transform:none}}
