:root{--off-transition-duration: .4s;--printer-body: #2f3947;--printer-top: #3b4657;--printer-front: #26313f;--slot-back: #101720;--slot-eject-distance: 120px;--printer-overhang: 70px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;color-scheme:light dark;background-color:#000}body{font-family:VT323,Courier New,monospace;font-size:1.25rem;line-height:1.4;background:radial-gradient(circle at 30% 20%,#fad7d7,#f5b8b8 62%);touch-action:manipulation;min-height:100vh;min-height:100svh;min-height:100dvh;color:#000;display:flex;flex-direction:column;justify-content:flex-end;position:relative}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:env(safe-area-inset-bottom,0px);background:#000;z-index:10002;pointer-events:none}.printer-stage{width:min(880px,calc(100vw - 24px));margin:0 auto;position:relative;z-index:10001;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.printer{position:relative;width:100%;height:310px;border-radius:22px;background:linear-gradient(160deg,#404d60,var(--printer-body));box-shadow:0 24px 40px #0a0e164d;overflow:visible;margin-bottom:calc(-1 * var(--printer-overhang))}.top-panel{position:absolute;top:0;left:0;width:100%;height:132px;border-radius:22px 22px 18px 18px;background:linear-gradient(180deg,#4b576a,var(--printer-top));box-shadow:inset 0 1px #ffffff38;z-index:2}.slot{position:absolute;left:50%;top:24px;width:calc(100% - 84px);height:84px;transform:translate(-50%);z-index:6;overflow:visible}.slot-back{position:absolute;left:0;top:10px;width:100%;height:20px;border-radius:10px;background:var(--slot-back);z-index:1}.paper-stage{position:absolute;left:50%;top:0;width:min(700px,calc(100% - 44px));transform:translate(-50%);height:0;overflow:visible;z-index:2}.front-panel{position:absolute;left:12px;right:12px;bottom:12px;height:158px;border-radius:14px;background:linear-gradient(180deg,#313c4c,var(--printer-front));box-shadow:inset 0 1px #ffffff1a;z-index:3}#receipt{visibility:visible;height:auto;overflow:visible;opacity:1;width:100%;margin:0;position:absolute;left:0;top:22px;transform:translateY(-100%);clip-path:inset(-200vh -200vw 0 -200vw);z-index:2}.receipt-slip{position:absolute;bottom:0;left:0;width:100%}.receipt-slip.rising{transform:translateY(calc(100% + var(--slot-eject-distance)));animation:slip-rise .24s cubic-bezier(.22,1,.36,1) 0ms forwards}.receipt-inner{background:#fff;padding:0 48px;box-shadow:12px 12px #00000040;position:relative}.receipt-header{text-align:center;padding-bottom:48px;padding-top:3rem}.title-banner{background:#000;color:#fff;padding:10px 24px;font-size:1.4rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:32px}.avatar-wrap{display:flex;justify-content:center;margin-bottom:20px}.avatar-wrap img{object-fit:cover}.avatar{width:120px;height:120px;image-rendering:pixelated}.name{font-family:VT323,Courier New,monospace;font-size:2.4rem;font-weight:400;letter-spacing:.08em;margin-bottom:4px;text-align:center}.subtitle{font-size:1.25rem;margin-bottom:24px;text-align:center}.subtitle-inverse{display:block;width:fit-content;margin-left:auto;margin-right:auto;background:#000;color:#fff;padding:4px 10px}.separator{border:none;border-top:3px solid transparent;border-image:repeating-linear-gradient(to right,#000 0,#000 12px,transparent 12px,transparent 24px) 1;margin:28px 0}.bio{text-align:left}.bio p{margin-bottom:16px}.bio p:last-child{margin-bottom:0}.hint{text-align:center;margin-top:2rem;opacity:.7}#nav-buttons{visibility:visible;height:auto;overflow:visible;opacity:1;position:absolute;left:18px;right:11px;top:14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px;z-index:5}#nav-buttons:before{content:"";width:15px;height:15px;border-radius:50%;background:#ff4040;border:1px solid rgba(20,0,0,.55);box-shadow:0 0 8px #ff404073;margin-right:auto;flex-shrink:0}.nav-btn{font-family:Roboto Condensed,Arial Narrow,Arial,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffffff26;color:#f6f8fc;border-radius:9px;border:none;padding:8px 10px;cursor:pointer;text-align:left;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;width:auto;min-height:48px;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff1a;transition:background .15s ease,transform .08s ease,box-shadow .08s ease}.nav-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff1a}.nav-btn:disabled{cursor:not-allowed;opacity:.58}.nav-btn:disabled:active{transform:none}#nav-buttons .nav-btn kbd{display:inline-block;font-family:inherit;font-size:.85em;padding:2px 6px;margin-left:8px;flex-shrink:0;background:#dce3ef;color:#1b2430;border:1px solid #6f7d91;border-radius:4px;box-shadow:inset 0 1px #fffc,0 1px #5d6878;vertical-align:middle}.print-section{overflow:hidden}.print-section>.print-section-inner{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.section-separator{border:none;border-top:2px dashed #000;margin:28px 0 0}.section-title{font-family:VT323,Courier New,monospace;font-size:1.8rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;margin:24px 0 16px;text-align:center;background:#000;color:#fff;padding:10px 24px}.section-content{margin-bottom:8px}.section-content p{margin-bottom:12px}.section-content ul{list-style:none;padding:0;margin-bottom:12px}.section-content li{padding:4px 0}.section-content li:before{content:"• "}.section-content a{color:#000}.section-content .work-item{margin-bottom:20px}.section-content .work-item h3{font-family:VT323,Courier New,monospace;font-size:1.3rem;font-weight:400;margin-bottom:4px}.section-content .work-item p{margin-bottom:4px;opacity:.85}.section-content .post-item{margin-bottom:16px}.section-content .post-item h3{font-family:VT323,Courier New,monospace;font-size:1.3rem;font-weight:400;margin-bottom:4px}.section-content .post-item .date{font-size:1rem;opacity:.6}.section-content .contact-line{margin-bottom:8px}.section-end-spacer{height:1rem}@keyframes slide-in{0%{transform:translateY(80%)}}@keyframes fade-in{0%{opacity:0}}@keyframes slip-rise{0%{transform:translateY(calc(100% + var(--slot-eject-distance)))}to{transform:translateY(0)}}.shred-container{position:fixed;overflow:visible;z-index:9998;pointer-events:none}.shred-strip{position:absolute;top:0;height:100%;transform-origin:center top}.shred-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset var(--shred-shadow-left, 0 0 0 0 transparent),inset var(--shred-shadow-right, 0 0 0 0 transparent)}.shred-strip.shred-animate{opacity:1;transform:rotate(var(--shred-tilt, 0deg)) translateY(calc(-100% - var(--shred-y-offset, 0px)));animation:shred-fall-down 5s cubic-bezier(.15,0,.7,1) forwards}@keyframes shred-fall-down{0%{transform:rotate(var(--shred-tilt, 0deg)) translateY(calc(-100% - var(--shred-y-offset, 0px))) rotateY(0)}to{transform:rotate(var(--shred-tilt, 0deg)) translateY(calc(400vh - 100%)) rotateY(var(--shred-rotate-y, 0deg))}}@media(max-width:800px){:root{--printer-overhang: 75px}.printer{height:286px}.printer-stage{width:calc(100vw - 20px)}.receipt-inner{padding:0 24px}.slot{width:calc(100% - 44px)}.paper-stage{width:calc(100% - 34px)}.front-panel{height:154px}.receipt-header{padding-bottom:32px}.print-section>.print-section-inner{padding-bottom:32px}.nav-btn{font-size:1rem;padding:6px 10px;min-height:44px}#nav-buttons .nav-btn kbd{display:none}}@media(max-width:500px){:root{--printer-overhang: 75px}body{line-height:1.16}.section-content p{margin-bottom:8px}.printer{height:246px}.front-panel{height:146px}#nav-buttons{gap:8px;left:14px;right:11px;top:12px}.receipt-inner{padding:0 16px}.section-content,.subtitle{font-size:1.08rem}.section-title{font-size:1.5rem;padding:8px 16px}.receipt-header{padding-bottom:24px}.print-section>.print-section-inner{padding-bottom:24px}.name{font-size:1.6rem}.title-banner{font-size:1.1rem}}