*,:after,:before{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;scrollbar-width:none;touch-action:manipulation;-webkit-overflow-scrolling:unset;font-synthesis:none;outline:0 none;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar,::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{display:none}:root{font-family:Arial,Helvetica,sans-serif;height:100vh;height:100dvh!important;width:100vw;width:100dvw!important;--csstools-color-scheme--dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--dark:initial}}body{height:100%;min-height:100%}body,img{width:100%}img{background-repeat:no-repeat;background-size:cover;font-style:italic;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;shape-margin:5px;vertical-align:middle}input{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media (forced-colors:active){*,:after,:before{outline:revert!important}}@media (prefers-contrast:more){*,:after,:before{outline:revert!important}}:root{--primary-color:rgba(0,115,255,.85);--primary-active-color:rgba(0,79,175,.85);--secondary-color:hsla(0,0%,95%,.85);--secondary-active-color:hsla(0,0%,82%,.85);--disabled-color:rgba(65,65,65,.65);--disabled-active-color:rgba(45,45,45,.85);--danger-color:rgba(255,0,0,.85);--danger-active-color:rgba(185,0,0,.85);--warning-color:rgba(255,200,0,.85);--success-color:rgba(0,161,0,.85);--success-active-color:rgba(0,100,0,.85);--neutral-gray:hsla(0,0%,74%,.85);--overlay-color:rgba(0,0,0,.45);--input-background-color:rgba(0,0,0,.65);--input-background-color-active:rgba(0,0,0,.45);--input-border-color:transparent;--input-border-color-active:#ff0;--input-color:#fff;--input-color-active:#ff0;--spinner-color:#fff;--focus-color:rgba(255,200,0,.85);--border-radius:5px;--background-color:#e0e0e0;--header-height:96px;--footer-height:96px}button{box-sizing:border-box;vertical-align:bottom;--button-hue:0;--button-saturation:0%;--button-lightness:100%;--button-alpha:1;--button-color:hsla(var(--button-hue),var(--button-saturation),var(--button-lightness),var(--button-alpha));color:#fff;color:var(--button-color,initial);fill:#fff;fill:var(--button-color,initial);--button-bg-hue:0;--button-bg-saturation:0%;--button-bg-lightness:50%;--button-bg-alpha:1;--button-bg-color:hsla(var(--button-bg-hue),var(--button-bg-saturation),var(--button-bg-lightness),var(--button-bg-alpha));align-items:center;background-color:grey;background-color:var(--button-bg-color,initial);border:0;border:var(--button-border,0 none);border-radius:5px;border-radius:var(--button-border-radius,5px);display:inline-flex;font-size:16px;font-size:var(--button-font-size,16px);font-weight:400;font-weight:var(--button-font-weight,normal);gap:5px;height:revert;height:var(--button-height,revert);justify-content:center;margin:0;margin:var(--button-margin,0);max-width:450px;min-height:50px;min-width:50px;padding:.5rem 1rem;padding:var(--button-padding,.5rem 1rem);-webkit-text-decoration:none;text-decoration:none;width:revert;width:var(--button-width,revert);--button-lip-color:hsla(var(--button-bg-hue),calc(var(--button-bg-saturation) - 15%),calc(var(--button-bg-lightness)*0.7),var(--button-bg-alpha));-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transform:translateY(0);transition:border .2s ease-out,color .2s ease-out,fill .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out,transform .2s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.gradient{background-image:linear-gradient(-45deg,hsla(var(--button-bg-hue),calc(var(--button-bg-saturation)*.7),calc(var(--button-bg-lightness)*.6),calc(var(--button-bg-alpha)*.6)),hsla(var(--button-bg-hue),calc(var(--button-bg-saturation)*1.3),calc(var(--button-bg-lightness)*1.2),calc(var(--button-bg-alpha)*.6)))}.threeD{border:0;border:var(--button-border,0 none);box-shadow:0 3px 0 0 var(--button-lip-color),0 4px 4px -1px rgba(0,0,0,.6),0 4px 6px 1px rgba(0,0,0,.3),0 1px 2px 1px transparent inset,0 18px 32px -2px hsla(0,0%,100%,.1) inset}.primary{--button-bg-hue:var(--primary-color-hue,220);--button-bg-saturation:var(--primary-color-saturation,100%);--button-bg-lightness:var(--primary-color-lightness,50%);--button-lightness:var(--primary-color-lightness,100%)}.secondary{--button-bg-hue:0;--button-bg-saturation:0%;--button-bg-lightness:100%;--button-lightness:50%}.gold{--button-bg-hue:38;--button-bg-saturation:100%;--button-bg-lightness:60%;--button-lightness:100%}.success{--button-bg-hue:125;--button-bg-saturation:100%;--button-bg-lightness:40%;--button-lightness:100%}.danger{--button-bg-hue:0;--button-bg-saturation:100%;--button-bg-lightness:50%;--button-lightness:100%}.transparent{--button-bg-saturation:0%;--button-bg-lightness:30%;--button-bg-alpha:0.66}:active{--button-bg-color:hsla(var(--button-bg-hue),calc(var(--button-bg-saturation)*0.5),calc(var(--button-bg-lightness)*0.4),var(--button-bg-alpha));--button-color:hsla(var(--button-hue),calc(var(--button-saturation)*0.5),calc(var(--button-lightness)*0.7),var(--button-alpha))}:active,:disabled{transition-duration:0s}.threeD:active,.threeD:disabled{box-shadow:0 0 0 0 var(--button-lip-color),0 0 0 0 transparent,0 4px 16px transparent,0 1px 2px 1px rgba(0,0,0,.5) inset,0 -18px 32px -2px hsla(0,0%,100%,.1) inset;transform:translateY(3px)}:disabled{--button-bg-saturation:0%;--button-bg-lightness:35%;--button-saturation:0%;--button-lightness:85%;cursor:not-allowed}:disabled:active{--button-bg-lightness:20%;--button-lightness:65%}:focus-visible:not(:active){--button-hue:var(--focus-hue,45);--button-saturation:var(--focus-saturation,100%);--button-lightness:var(--focus-lightness,50%);outline:2px solid var(--button-color);outline-offset:-3px}.threeD:focus-visible:not(:active){box-shadow:0 3px 0 0 hsla(var(--button-hue),100%,50%,.797),0 6px 4px -1px hsla(var(--button-hue),39%,46%,.3),0 4px 16px hsla(var(--button-hue),75%,50%,.671),0 1px 2px 1px hsla(var(--button-hue),81%,35%,0) inset,0 18px 32px -2px hsla(var(--button-hue),61%,51%,.2) inset;outline:0 none}button svg{height:24px;height:var(--button-svg-size,24px);transform:translateZ(0);width:24px;width:var(--button-svg-size,24px)}@page{size:A4 portrait;margin:0!important;:root:not(:first){display:none!important;visibility:hidden!important}}@media print{html{height:297mm!important;margin:0!important;max-height:297mm!important;max-width:210mm!important;min-height:100%;min-width:100%;padding:0!important;width:210mm!important;--background-color:#fff!important}body{height:100%!important;width:100%!important}main{display:grid!important;grid-template-areas:"main"!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;justify-items:center!important}main,main .card-container{align-items:center!important;height:100%!important;width:100%!important}main .card-container{display:flex!important;flex-direction:column!important;gap:12px!important;justify-content:center!important}button,pre{display:none!important}.card{height:54mm!important;width:86mm!important}.card,footer{border:0!important}footer{max-width:100%!important;width:100%!important}#webapp-version,.button-group,footer small#webapp-version,small.donate{display:none!important}small.print:not(.ios){color:#7c7c7c;display:block!important;font-size:9pt;text-align:left}}body{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr min-content;overflow:hidden;padding-bottom:25px;padding-top:25px}header{grid-area:header}nav{bottom:0;display:none;position:fixed;right:0}nav button#update-button{background:none!important;color:rgba(0,161,0,.85);color:var(--success-color);display:none;height:60px;width:80px}nav button#update-button.update{display:block}nav button#update-button svg{fill:currentColor;height:32px;width:32px}main{align-self:center;grid-area:main;height:100%;justify-content:space-between;justify-self:center;max-width:480px;padding:15px 25px;width:100%}main,main .card-container{display:flex;flex-direction:column}main .card-container{align-items:center;gap:12px;max-width:100%}main .card-container .card{align-items:center;aspect-ratio:1.585!important;border:1px dashed #aaa;border-radius:3.48mm;display:flex;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s ease-in-out;width:100%}main .card-container .card .placeholder{color:#777;font-size:.9em;padding:1em;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}main .card-container .card img{display:none;-o-object-fit:cover;object-fit:cover}main .button-group{display:flex;flex-direction:column;gap:5px;max-width:100%;width:100%}input[type=file]{display:none}footer{align-items:start;align-self:center;border-top:1px dotted #bcbcbc;display:grid;grid-area:footer;grid-template-areas:"footer-content" "footer-version";grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-content:center;justify-self:center;max-width:430px;padding:10px 25px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}footer p{color:#333;font-size:12px;grid-area:footer-content;margin:0;padding:0;text-align:center}footer p:has(#webapp-version){align-self:end;grid-area:footer-version}footer p small{color:#666;display:block;font-size:10px;margin:0;padding:0;text-align:center}footer p small.donate,footer p small.print{font-size:9px;letter-spacing:1px;text-align:center}footer p small.print{display:none;text-align:left}footer p small.print a{color:inherit;font-weight:lighter;-webkit-text-decoration:none;text-decoration:none}footer p small.print a:hover{-webkit-text-decoration:underline;text-decoration:underline}footer p small#webapp-version{color:#999;display:block;font-size:9px}