#coffee-container{margin-top:5rem;margin-right:auto;margin-left:auto;box-shadow:var(--shadow);border-radius:36px;background-color:var(--fg-muted-1);width:min(var(--container-width)/2,100%);text-align:center}#coffee-container #banner-container{position:relative;border-radius:36px 36px 0 0;padding-bottom:1rem;overflow:hidden}#coffee-container #blobfox{position:absolute;top:0;right:0;transform:translateY(-100%) scaleY(-1);margin:0;width:96px;height:96px}#coffee-container #blobfox-message{position:absolute;top:0;right:0;transform:scale(0) rotate(90deg) translateY(-100%);transform-origin:top right;opacity:0;transition-duration:var(--transition-longer);transition-property:transform,opacity;margin:3.5rem 6rem 0 0;border:6px solid #000;border-radius:999px 0 999px 999px;background-color:#fafafa;padding:0 .5rem;color:#000;font-weight:bold;text-shadow:none}#coffee-container #banner-container:active #blobfox{transform:translateY(0) scaleY(-1)}#coffee-container #banner-container:active #blobfox-message{transform:scale(1) rotate(0) translateY(0);opacity:1}#coffee-container #banner{margin:0;box-shadow:none;border-radius:0}#coffee-container #banner:active{transform:translateY(-100%)}#coffee-container #title{display:inline-block;margin:0 1rem;font-size:1.5rem}#coffee-container #avatar-container{position:relative}#coffee-container #avatar-container::after{position:absolute;right:0;left:0;transform:translateY(-50%);opacity:0;z-index:2;transition-duration:var(--transition-longer);transition-property:transform,opacity;margin:0 auto;background-image:url(coffee/uwu.svg);background-size:cover;width:96px;height:96px;pointer-events:none;content:""}#coffee-container #avatar-container:has(#avatar:active)::after{transform:translateY(-50%) scale(.8);opacity:1}#coffee-container #avatar-container #avatar{position:absolute;right:0;left:0;transform:translateY(-50%);z-index:1;transition-duration:var(--transition-longer);transition-property:transform,filter;margin:0 auto;border-radius:50%;width:96px;height:96px}#coffee-container #avatar-container #avatar:active{transform:translateY(-50%) scale(.8);filter:hue-rotate(90deg)}#coffee-container #message{margin:1rem}#coffee-container #buttons{flex-direction:column;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:0;margin-bottom:0;padding:1rem}#coffee-container #buttons .inline-button{transition-duration:var(--transition);transition-property:box-shadow,text-shadow,transform,filter;box-shadow:var(--edge-highlight),var(--shadow);border-radius:999px;width:100%}#coffee-container #buttons .inline-button:hover{transform:scale(1.1);box-shadow:var(--edge-highlight),var(--shadow-raised)}#coffee-container #buttons .inline-button:active{transform:scale(var(--active));box-shadow:var(--edge-highlight),var(--shadow)}#coffee-container #buttons .inline-button#ko-fi{background-color:#ff5e5b;color:#fff}#coffee-container #buttons .inline-button#liberapay{background-color:#f6c915;color:#000}#coffee-container #buttons .inline-button#monero{background-color:#f60;color:#fff}#coffee-container #skeuo-switch{-webkit-appearance:none;display:block;position:relative;appearance:none;transition-duration:var(--transition);transition-property:background-color,box-shadow,filter;cursor:pointer;margin:0 auto;box-shadow:var(--edge-highlight);border:none;border-radius:999px;background-color:var(--fg-muted-1);width:3rem;height:2rem}#coffee-container #skeuo-switch+label{transition:color var(--transition);color:var(--fg-muted-5);font-size:.8rem}#coffee-container #skeuo-switch:hover{background-color:var(--fg-muted-2)}#coffee-container #skeuo-switch::before{all:unset;position:absolute;top:.25rem;left:.25rem;transition:transform var(--transition-bezier),box-shadow var(--transition);box-shadow:var(--shadow);border-radius:50%;background-color:#fff;width:1.5rem;height:1.5rem;content:""}#coffee-container #skeuo-switch:checked{background-color:var(--primary-color)}#coffee-container #skeuo-switch:checked::before{transform:translateX(1rem)}body:has(#skeuo-switch:checked){box-shadow:inset 0 0 100px #000;background:url(coffee/glow.svg) center/cover,url(coffee/fabric.webp)}body:has(#skeuo-switch:checked) #site-nav{-webkit-backdrop-filter:saturate(100%) blur(0px);backdrop-filter:saturate(100%) blur(0px);outline:1px solid rgba(255,255,255,.8);box-shadow:var(--edge-highlight),0 5px 30px rgba(0,0,0,.3);background-image:linear-gradient(rgba(224,224,224,.95), rgba(212,212,212,.9) 50%, rgba(192,192,192,.8) 50%);background-color:rgba(0,0,0,0)}body:has(#skeuo-switch:checked) #site-nav nav a{color:rgba(0,0,0,.7);text-shadow:0 1px 0 rgba(255,255,255,.8)}body:has(#skeuo-switch:checked) #site-nav nav a:hover{background-color:rgba(255,255,255,.4);color:#000}body:has(#skeuo-switch:checked) #site-nav nav a svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}body:has(#skeuo-switch:checked) #site-nav nav #main-content{position:absolute}body:has(#skeuo-switch:checked) #site-footer{box-shadow:inset 0 3px 10px rgba(0,0,0,.4);background:radial-gradient(#000 15%, rgba(0,0,0,0) 16%) 0 0,radial-gradient(#000 15%, rgba(0,0,0,0) 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%, rgba(0,0,0,0) 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%, rgba(0,0,0,0) 20%) 8px 9px;background-size:16px 16px;background-color:#454545}body:has(#skeuo-switch:checked) #site-footer *{color:#c7c7c7;text-shadow:0 2px 4px #000}body:has(#skeuo-switch:checked) #site-footer #johnvertisement{box-shadow:0 5px 30px rgba(0,0,0,.3)}body:has(#skeuo-switch:checked) #coffee-container{box-shadow:0 5px 30px rgba(0,0,0,.3);background-image:url(coffee/paper.webp);color:#50412f;text-shadow:0 1px 0 rgba(255,255,255,.3)}body:has(#skeuo-switch:checked) #coffee-container #banner{box-shadow:var(--shadow)}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button{transform:translateY(-2px)}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button:hover{filter:brightness(1.1)}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button:active{transform:translateY(0);filter:brightness(.9);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.1) !important}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button#ko-fi{box-shadow:inset rgba(255,255,255,.3) 0 1px 0 0,0px 2px 0px 0px #c20300;background-image:linear-gradient(#ff918f, #ff2c29);text-shadow:0 -1px 0 rgba(0,0,0,.4)}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button#liberapay{box-shadow:inset rgba(255,255,255,.3) 0 1px 0 0,0px 2px 0px 0px #9d7f06;background-image:linear-gradient(#f8d444, #cfa707);text-shadow:0 1px 0 rgba(255,255,255,.4)}body:has(#skeuo-switch:checked) #coffee-container #buttons .inline-button#monero{box-shadow:inset rgba(255,255,255,.3) 0 1px 0 0,0px 2px 0px 0px #993d00;background-image:linear-gradient(#ff8533, #cc5200);text-shadow:0 -1px 0 rgba(0,0,0,.4)}body:has(#skeuo-switch:checked) #coffee-container #skeuo-switch{box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.1)}body:has(#skeuo-switch:checked) #coffee-container #skeuo-switch+label{color:rgba(64,52,38,.8)}body:has(#skeuo-switch:checked) #coffee-container #skeuo-switch:hover{filter:brightness(1.1)}body:has(#skeuo-switch:checked) #coffee-container #skeuo-switch::before{box-shadow:inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.5);background-image:linear-gradient(#a9a9a9, #fff);background-size:cover}@media (prefers-color-scheme: dark){body:has(#skeuo-switch:checked){background:url(coffee/glow-d.svg) center/cover,linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),url(coffee/fabric.webp)}body:has(#skeuo-switch:checked) #site-nav{outline:1px solid rgba(0,0,0,.8);background-image:linear-gradient(rgba(80,80,80,.95), rgba(32,32,32,.9) 50%, rgba(0,0,0,.8) 50%)}body:has(#skeuo-switch:checked) #site-nav nav a{color:rgba(255,255,255,.7);text-shadow:0 -1px 0 rgba(0,0,0,.8)}body:has(#skeuo-switch:checked) #site-nav nav a:hover{background-color:rgba(255,255,255,.1);color:#fff}body:has(#skeuo-switch:checked) #site-nav nav a svg{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.8))}body:has(#skeuo-switch:checked) #site-footer{background-color:#212121}body:has(#skeuo-switch:checked) #site-footer *{color:#949494}}