*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border:0 none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;scrollbar-width:none;touch-action:manipulation;overscroll-behavior:none;-webkit-overflow-scrolling:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0 none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{display:none}:root{height:100vh;height:100dvh!important;width:100vw;width:100dvw!important;font-family:Arial,Helvetica,sans-serif;color-scheme:light dark}body{height:100%;min-height:100%;width:100%;overflow:hidden}img{width:100%;max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;-o-object-fit:cover;object-fit:cover;background-size:cover;shape-margin:5px}input{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){*,*:before,*:after{outline:revert!important}}@media (prefers-contrast: more){*,*:before,*:after{outline:revert!important}}:root{--primary-color: rgba(0, 115, 255, .85);--primary-active-color: rgba(0, 79, 175, .85);--secondary-color: rgba(243, 243, 243, .85);--secondary-active-color: rgba(208, 208, 208, .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: rgba(189, 189, 189, .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: yellow;--input-color: white;--input-color-active: yellow;--spinner-color: white;--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:var(--button-color, initial);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) );background-color:var(--button-bg-color, initial);display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:var(--button-font-size, 16px);font-weight:var(--button-font-weight, normal);text-decoration:none;height:var(--button-height, revert);min-height:50px;width:var(--button-width, revert);min-width:50px;max-width:450px;padding:var(--button-padding, .5rem 1rem);margin:var(--button-margin, 0);border:var(--button-border, 0 none);border-radius:var(--button-border-radius, 5px);--button-lip-color: hsla( var(--button-bg-hue), calc(var(--button-bg-saturation) - 15%), calc(var(--button-bg-lightness) * .7), var(--button-bg-alpha) );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;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance: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:var(--button-border, 0 none);box-shadow:0 3px 0 0 var(--button-lip-color),0 4px 4px -1px #0009,0 4px 6px 1px #0000004d,0 1px 2px 1px #0000 inset,0 18px 32px -2px #ffffff1a 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: .66}:active{--button-bg-color: hsla( var(--button-bg-hue), calc(var(--button-bg-saturation) * .5), calc(var(--button-bg-lightness) * .4), var(--button-bg-alpha) );--button-color: hsla( var(--button-hue), calc(var(--button-saturation) * .5), calc(var(--button-lightness) * .7), var(--button-alpha) )}:active,:disabled{transition-duration:0s}.threeD:active,.threeD:disabled{transform:translateY(3px);box-shadow:0 0 0 0 var(--button-lip-color),0 0 #0000,0 4px 16px #0000,0 1px 2px 1px #00000080 inset,0 -18px 32px -2px #ffffff1a inset}: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){outline:0 none;box-shadow:0 3px 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}button svg{height:var(--button-svg-size, 24px);width:var(--button-svg-size, 24px);transform:translateZ(0)}@page{size:A4 portrait;margin:0!important;:scope:not(:first){display:none!important;visibility:hidden!important}}@media print{html{height:297mm!important;width:210mm!important;max-height:297mm!important;max-width:210mm!important;min-height:100%;min-width:100%;margin:0!important;padding:0!important;--background-color: white !important}body{height:100%!important;width:100%!important}main{display:grid!important;grid-template-rows:1fr!important;grid-template-columns:1fr!important;grid-template-areas:"main"!important;justify-items:center!important;align-items:center!important;height:100%!important;width:100%!important}main .card-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:100%!important}button,pre{display:none!important}.card{width:86mm!important;height:54mm!important;border:0 none!important}footer{border:0 none!important;width:100%!important;max-width:100%!important}footer small#webapp-version{display:none!important}.button-group,small.donate,#webapp-version{display:none!important}small.print:not(.ios){display:block!important;text-align:left;font-size:9pt;color:#7c7c7c}}body{display:grid;grid-template-rows:auto 1fr min-content;grid-template-columns:1fr;grid-template-areas:"header" "main" "footer";overflow:hidden;padding-bottom:25px;padding-top:25px}header{grid-area:header}nav{display:none;position:fixed;bottom:0;right:0}nav button#update-button{display:none;background:none!important;color:var(--success-color);width:80px;height:60px}nav button#update-button.update{display:block}nav button#update-button svg{width:32px;height:32px;fill:currentColor}main{display:flex;flex-direction:column;justify-content:space-between;grid-area:main;width:100%;max-width:480px;height:100%;padding:15px 25px;align-self:center;justify-self:center}main .card-container{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%}main .card-container .card{width:100%;aspect-ratio:1.585!important;border:1px dashed #aaa;border-radius:3.48mm;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s ease-in-out}main .card-container .card .placeholder{font-size:.9em;color:#777;text-align:center;padding:1em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}main .card-container .card img{-o-object-fit:cover;object-fit:cover;display:none}main .button-group{display:flex;flex-direction:column;gap:5px;width:100%;max-width:100%}input[type=file]{display:none}footer{grid-area:footer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"footer-content" "footer-version";align-items:start;justify-content:center;padding:10px 25px;border-top:1px dotted rgb(188,188,188);width:100%;max-width:430px;align-self:center;justify-self:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}footer p{grid-area:footer-content;margin:0;padding:0;font-size:12px;color:#333;text-align:center}footer p:has(#webapp-version){grid-area:footer-version;align-self:end}footer p small{display:block;color:#666;text-align:center;font-size:10px;margin:0;padding:0}footer p small:is(.donate,.print){text-align:center;font-size:9px;letter-spacing:1px}footer p small:is(.print){display:none;text-align:left}footer p small:is(.print) a{color:inherit;text-decoration:none;font-weight:lighter}footer p small:is(.print) a:hover{text-decoration:underline}footer p small:is(#webapp-version){display:block;font-size:9px;color:#999}