:root{--primary-color: #2d2d2d;--inverse-primary-color: #fefefe;--mid-primary-color: #e0e0e0;--secondary-color: #4d4d4d;--accent-color: #0e533c;--inverse-accent-color: #b2d8cc;--mid-accent-color: #9cc7b8;--bad-color: #830505;--inverse-bad-color: #efb9b9;--mid-bad-color: #e1a6a6;--body-margin: 8px;--usable-width: calc(100vw - 2 * var(--body-margin));--usable-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2 * var(--body-margin));--menu-bar-padding: 6px;--menu-bar-height: calc(1.2rem + 2 * var(--menu-bar-padding) + env(safe-area-inset-top))}*,*:before,*:after{box-sizing:border-box}.safe-area-container{position:relative;padding-top:calc(env(safe-area-inset-top) + var(--body-margin));padding-bottom:calc(env(safe-area-inset-bottom) + var(--body-margin));padding-left:var(--body-margin);padding-right:var(--body-margin);margin:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--primary-color);color:var(--inverse-primary-color)}.menu-bar{position:fixed;top:0;left:0;right:0;height:var(--menu-bar-height);padding:var(--menu-bar-padding);padding-top:calc(var(--menu-bar-padding) + env(safe-area-inset-top));background-color:var(--mid-primary-color);z-index:500;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}a{color:var(--mid-primary-color)}.menu-bar a{color:var(--primary-color);text-decoration:none}.menu-bar a:hover{text-decoration:underline}.home-container,.plan-container,.auth-container,.contact-container,.privacy-policy-container,.loading-container,.pricing-container,.help-container{position:relative;overflow-y:auto;margin-top:calc(var(--menu-bar-height) - env(safe-area-inset-top));width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.auth-container{margin-top:0}.plan-container{height:100%}.privacy-policy{text-align:left;max-width:800px}.loading-container{position:relative;left:0;transform:none}.help-container{max-width:800px}.bottom-logo{margin-bottom:6px}.cards-container{position:relative;width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{position:relative;width:380px;max-width:100%;padding:1.5rem;background-color:var(--secondary-color);text-align:center;border:2px solid var(--mid-accent-color);border-radius:15px;display:flex;flex-direction:column;align-items:center}.bullets{width:100%;text-align:left;padding-left:1.25rem;margin:1rem 0;list-style-type:disc;list-style-position:inside}.bullets li{margin:.3rem 0;padding-left:1rem;text-indent:-1rem}.page-container{position:relative;overflow:hidden;width:var(--usable-width);border:2px solid var(--mid-accent-color);flex-grow:1;flex-shrink:1}.page-canvas{position:absolute;top:0;left:0;width:100%;height:100%;--surround-color: var(--secondary-color);--boundary-color: var(--accent-color)}.marker-layer{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.marker{cursor:pointer;transition:transform .3s ease}.marker:hover{transform:scale(1.05)}.tutorial-button{width:50px;cursor:pointer;transition:transform .3s ease}.tutorial-button:hover{transform:scale(1.05)}.thumbnails-container{position:relative;width:100%;margin-top:20px;display:flex;flex-wrap:wrap;--thumbnail-gap: 15px;gap:var(--thumbnail-gap);justify-content:center}.thumbnail-filename-group{position:relative;overflow:hidden;min-width:100px;max-width:250px;flex:0 1 calc(49% - var(--thumbnail-gap))}.thumbnail{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / 1;border-radius:10px}.pdf-input-container{padding:var(--thumbnail-gap);display:flex;flex-direction:column;justify-content:center}.thumbnail{cursor:pointer;transition:transform .3s ease}.thumbnail:hover{transform:scale(1.05)}.thumbnail-canvas{width:100%;height:100%}.centre-modal,.side-modal{position:fixed;overflow:auto;width:500px;max-width:var(--usable-width);padding:20px;text-align:center;background-color:var(--primary-color);border-radius:10px;z-index:1000;display:flex;flex-direction:column;align-items:center}.centre-modal{left:50vw;top:50vh;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease}.centre-modal.after-open{transform:translate(-50%,-50%) scale(1)}.centre-modal.before-close{transform:translate(-50%,-50%) scale(0)}.side-modal{top:0;bottom:0;right:0;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));border-top-right-radius:0;border-bottom-right-radius:0;transform:translate(100%);transition:transform .3s ease}.side-modal.after-open{transform:translate(0)}.side-modal.before-close{transform:translate(100%)}.item-image-container{position:relative;width:100%}.item-image-container img{margin:0 auto;max-width:100%;max-height:400px;display:block;border-radius:5px}form{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.form-item{width:600px;max-width:100%;text-align:left;background-color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:10px;display:flex;align-items:center}.form-item label{width:85px;margin-left:10px;margin-right:10px;font-weight:700;border-top-left-radius:inherit;border-bottom-left-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0;flex-shrink:0}.form-item input,.form-item textarea,.form-item select{min-width:150px;height:2.5rem;padding:.5rem;font-size:1rem;color:var(--primary-color);background-color:var(--inverse-primary-color);border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;resize:none;flex-grow:1}button,.button-like{padding:5px 10px;margin:2px;border:0px solid var(--inverse-primary-color);font-size:.8rem;color:var(--primary-color);background-color:var(--inverse-primary-color);border-radius:10px;box-shadow:none;cursor:pointer}button:hover,.button-like:hover{background-color:var(--mid-primary-color)}.bad{color:var(--bad-color);background-color:var(--inverse-bad-color)}.bad:hover{background-color:var(--mid-bad-color)}.accented{color:var(--accent-color);background-color:var(--inverse-accent-color)}.accented:hover{background-color:var(--mid-accent-color)}.big-buttons-container{position:relative;margin:0 auto;width:100%;max-width:600px;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px}.big-buttons-container button,.big-buttons-container .button-like{position:relative;width:200px;max-width:min(100%,300px);padding:10px 15px;font-size:1.1rem;flex-grow:1}button img,.button-like img{position:absolute;left:15px;top:50%;transform:translateY(-50%);height:1.2rem}button .padded-icon,.button-like .padded-icon{height:1.8rem}.item-image-container button,.thumbnail button{position:absolute;margin-bottom:5px;bottom:0;left:50%;transform:translate(-50%)}#previous-page-button,#next-page-button{position:absolute;bottom:0;width:150px;max-width:47.5%;border:1px solid var(--accent-color);color:var(--inverse-primary-color);background-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}#previous-page-button{left:0;border-top-left-radius:0}#next-page-button{right:0;border-top-right-radius:0}.spinner{width:40px;height:40px;border:2px solid var(--inverse-primary-color);border-top-color:var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite;margin:20px 20px 5px}@keyframes spin{to{transform:rotate(360deg)}}