*,*:after,*:before{box-sizing:border-box;text-shadow:inherit}:root{font-size:16px;min-height:100%;--text-fg-color: #8a8c8e;--heading-fg-color: #5b5454;--main-bg-color: #eeebe5}@media screen and (min-width: 320px){html{font-size:calc(16px + 6 * ((100vw - 320px) / 680))}}@media screen and (min-width: 1000px){html{font-size:22px}}@font-face{font-display:swap;font-family:"Bree Serif";font-style:normal;font-weight:400;src:url(/assets/bree-serif-v18-latin-regular-DFKDEHQE.woff2) format("woff2")}:root,main,#root,body{height:100%}body{margin:0;display:flex;font-family:"Bree Serif";text-shadow:0px 0px 1px color-mix(in srgb,currentColor 30%,transparent);place-items:center;justify-content:center;background:#b8d2dc;background:radial-gradient(circle,#b8d2dc,#9bbbd0 16%,#cad0d8 31%,#5a7faa 54%,#7eafe0 67%,#b2c8d6 85%,#91b2ca)}.images{position:relative;height:0;overflow:hidden}#root{display:flex;width:95%;min-width:95%;height:fit-content;max-height:95%;min-height:95%;justify-content:center;background-color:var(--main-bg-color);padding:clamp(12px,6vw,32px);overflow-y:scroll}#root,.dialog-modal-card{border-width:8px;border-style:solid;border-image:linear-gradient(330deg,#907e5b,#6b5949 2%,#4c516f 6% 18%,#738566 28%,#8c7958 40%,#829cbd 46%,#7893b5 56%,#727aa0 64% 74%,#998667 81%,#5f7f93 89%,#4a4f6d 93%,#91b2ca) 1}main{display:flex;flex-wrap:wrap;place-items:center;height:100%;width:100%}header{display:flex;place-items:center;flex-direction:column;width:100%;gap:32px}header input[type=file]{height:0;width:0}h1,h3{color:var(--heading-fg-color)}.toolbar{display:grid;grid-template-areas:"heading heading" "btn-scan btn-export" ". btn-delete" "btn-add btn-delete";width:100%;gap:12px}.toolbar .top-bar{width:100%;display:flex;flex-wrap:wrap;place-items:center}.toolbar h1{grid-area:heading}.btn{all:initial;display:flex;place-items:center;place-content:center;gap:6px;appearance:none;font-weight:600;text-shadow:inherit;font-size:inherit;border:none;box-shadow:0 0 0 2px #f4ddb4,0 0 0 3px #fffaee,0 0 0 4px #f4ddb4;background-color:#fff9e9;width:max-content;height:min-content;border-radius:2px;color:var(--heading-fg-color);font-family:serif;padding:6px 8px;cursor:pointer}.btn:hover{filter:brightness(.95);transform:scale(1.05)}.btn:active{box-shadow:inset 0 0 0 2px #f4ddb4,0 0 0 3px #fffaee,0 0 0 4px #f4ddb4}.btn-add{grid-area:btn-add}.btn-scan{grid-area:btn-scan}.btn-delete{grid-area:btn-delete;justify-self:end;align-self:end;background-color:#ebd9b4;box-shadow:0 0 0 2px #fffaee,0 0 0 3px #f1e0bc,0 0 0 4px #ddc794}.btn-export{grid-area:btn-export;justify-self:end}.wish-type-container{display:flex;width:100%;justify-content:space-between;background-color:#ebd9b4;gap:12px;flex-wrap:wrap;box-shadow:0 0 0 2px #fffaee,0 0 0 4px #f1e0bc,0 0 0 6px #ddc794;border-radius:2px}.wish-type-container h3{margin:4px 60px;text-align:center;font-size:1.5rem}@media (max-width: 670px){.wish-type-container{gap:0px}.wish-type-container h3{margin:8px auto;width:100%}.wish-type-container select{min-width:0px}}@media (max-width: 370px){.toolbar{place-content:center;place-items:center}.btn{padding:6px}}option{text-transform:capitalize}select{text-transform:capitalize;box-shadow:0 0 0 2px #f4ddb4,0 0 0 3px #fffaee,0 0 0 4px #f4ddb4;background-color:#fff9e9;border:none;border-radius:2px;font-weight:600;font-size:1.2rem;text-shadow:inherit;font-family:inherit;color:var(--heading-fg-color);height:1.5lh;line-height:normal;flex:1;min-width:min-content;padding-left:24px}select:active{box-shadow:inset 0 0 0 2px #f4ddb4,0 0 0 3px #fffaee,0 0 0 4px #f4ddb4}select:hover{cursor:pointer;filter:brightness(.9)}.instructions{color:var(--text-fg-color);font-weight:700}.instructions p{margin:8px 0}.instructions p:first-child{margin-top:0}.instructions p:last-child{margin-bottom:0}.instructions+.btn{align-self:start}.instructions.hidden{display:none}.table-container{margin-top:20px;margin-bottom:40px;display:flex;flex-direction:column;width:100%;height:60vh;overflow:scroll;justify-content:space-between;color:var(--text-fg-color)}.table-container span{align-self:center;margin:5% 0 auto}table{border-collapse:collapse;position:relative}caption{height:0;opacity:0}td,th{padding:8px 12px;border:1px solid #d4bc8e;text-align:center;width:min-content}th{background-color:#ede0ca;color:var(--heading-fg-color);position:sticky;top:-1px}td{background-color:#f6f1e7}.four-stars{color:#a053e0}a,.five-stars{color:#bd6a32}dialog{width:100%;height:100%;background-color:transparent;border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;padding:0;min-width:100%;min-height:100%}.dialog-modal-container{width:100%;height:100%;display:flex;place-items:center;place-content:center}.dialog-modal-card{display:flex;flex-direction:column;place-items:center;place-content:center;background-color:#f6f1e7;padding:32px;border-radius:4px;border-width:4px;color:var(--text-fg-color);font-weight:700;gap:24px}.dialog-modal-card h4{color:var(--heading-fg-color);margin:0}.modal-actions{width:100%;display:flex;justify-content:space-between;margin-top:24px}.error-modal>img{box-shadow:0 0 0 2px #f4ddb4,0 0 0 3px #fffaee,0 0 0 4px #f4ddb4;max-width:min(50vw,60vh)}.results-modal{width:fit-content}.results-modal td{width:max-content}.inactive-tab{height:0;visibility:collapse;overflow:hidden}.src_image,.out_image{position:absolute;top:0;left:0;visibility:collapse}.progress-label{width:65px;height:50px;border-radius:100%;background-color:#eeebe5;display:grid;place-items:center;place-content:center}.progress-label progress{height:0;visibility:collapse;width:100%}.progress-label:after{content:attr(data-value);margin:auto;animation:2s rotate cubic-bezier(.85,.32,.2,.75) infinite reverse;font-size:1.2rem;font-weight:700}.progress-wrapper{aspect-ratio:1;width:55px;height:65px;background:linear-gradient(#ddc794 30%,transparent 30%);border-radius:100%;display:flex;place-content:center;place-items:center;animation:2s rotate cubic-bezier(.79,.25,.15,.67) infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}h1{margin:0 0 20px;font-size:3rem}h1 svg{float:left;color:#e1c383;margin-right:8px;height:1lh!important;font-size:inherit!important}h1 .heading-container{display:flex;flex-direction:column;max-width:min-content}h1 span:first-child{align-self:center;font-size:.5em}h1 span:nth-child(2){line-height:.15lh}a{font-weight:900;text-decoration:underline}