@import url("https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css");:root{--cr-primary:#21d07a;--cr-accent:#ffd447;--cr-secondary:#ff3366;--cr-text:#343434;--cr-bg:#ffffff}*{font-family:Mulish,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Luckiest Guy,Comic Sans MS,cursive!important;font-weight:400!important}body,html{margin:0!important;padding:0!important;width:100vw;height:100vh;overflow:hidden;background:#f8f9fa}.main-viewport{width:100vw;height:100vh}.main-viewport,.showcase-container{display:flex;align-items:center;justify-content:center}.showcase-container{width:90vmin;height:90vmin;border-radius:.75vmin;box-shadow:0 1.25vmin 2.5vmin -.6vmin rgba(0,0,0,.25);overflow:hidden;position:relative;margin:0 auto}.automation-active .showcase-container{width:100vmin!important;height:100vmin!important;aspect-ratio:1/1!important;border-radius:0;box-shadow:none}.showcase-container.dark{--section-background:#000000;background:var(--section-background);--poster-border-color:white}.showcase-container.light{--section-background:#ffffff;background:var(--section-background);--poster-border-color:var(--cr-text)}.showcase-header{position:absolute;top:0;left:0;width:100%;z-index:100;background:var(--cr-text);height:4vmin;justify-content:center;flex-shrink:0;border-bottom:.2vmin solid var(--cr-accent)}.brand-logo,.showcase-header{display:flex;align-items:center}.brand-logo{width:2.5vmin;height:2.5vmin;margin-right:1vmin}.brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:.4vmin}.showcase-header h1{font-size:1.8vmin;color:var(--cr-primary);margin:0;text-shadow:none}.carousel-indicator{color:var(--cr-accent);font-size:1.2vmin;font-weight:700;margin-left:2vmin;font-family:Courier New,Courier,monospace}.showcase-grid{width:100%;height:75%;display:grid;grid-template-columns:1fr 1fr;gap:2.5vmin;padding:2.5vmin;align-items:start}.after-section,.before-section{background:var(--section-background);display:flex;flex-direction:column;height:100%;justify-content:flex-start;gap:1.5vmin}.after-section .poster{flex-direction:column;align-items:center}.after-section .poster,.poster-wrapper{flex-grow:1;display:flex;justify-content:center}.poster-wrapper{align-items:flex-start}.after-section h2,.before-section h2{font-size:3vmin;text-transform:uppercase;margin-bottom:0;text-align:center}.dark .after-section h2,.dark .before-section h2{color:var(--cr-accent);text-shadow:none}.light .after-section h2,.light .before-section h2{color:var(--cr-secondary);text-shadow:.1vmin .1vmin 0 rgba(255,255,250,.8)}.pet-details{padding:1.25vmin;border-radius:1vmin;border:.2vmin solid var(--cr-accent);box-shadow:0 0 1.5vmin rgba(255,212,71,.3);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;font-family:Courier New,Courier,monospace!important}.dark .pet-details{color:#E0E0E0}.light .pet-details{border-color:var(--cr-secondary);box-shadow:.5vmin .5vmin 2vmin rgba(0,0,0,.2);background:rgba(255,255,255,.8);color:var(--cr-text)}.pet-details .pet-label,.pet-details p{font-family:Courier New,Courier,monospace!important;text-shadow:none}.pet-details .pet-label{font-weight:400;color:inherit;opacity:.8;font-size:1.5vmin;margin-right:.75vmin}.pet-details p{font-size:1.5vmin;line-height:1.4;color:inherit;font-weight:700;margin:0 0 1vmin;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pet-details p:last-child{margin-bottom:0}.polaroid{background:white;padding:1.5vmin 1.5vmin 2vmin;border-radius:.75vmin;max-width:36vmin;margin:-1.25vmin auto 0;border:.15vmin solid #f8f9fa;position:relative;z-index:10;transform:rotate(var(--tilt-angle,0deg))}.light .polaroid{box-shadow:1.5vmin 1.5vmin 3vmin rgba(0,0,0,.4)}.dark .polaroid{box-shadow:0 0 3.5vmin rgba(255,255,255,.15)}.polaroid img{width:100%;height:34vmin;object-fit:cover;border-radius:.5vmin}.polaroid figcaption{text-align:center;margin-top:1.25vmin;font-size:1.5vmin;font-weight:700;color:var(--cr-text)}.poster{text-align:center}.poster figure{margin:0}.poster img{width:44vmin;height:auto;border-radius:.75vmin;display:block;border:.5vmin solid var(--poster-border-color);transform:scale(1.02)}.light .poster img{box-shadow:1vmin 1vmin 2.5vmin rgba(0,0,0,.35)}.dark .poster img{box-shadow:0 0 4vmin rgba(255,255,255,.2)}.poster-cta{position:absolute;bottom:4.5vmin;left:75%;transform:translateX(-50%);z-index:100;display:inline-block;background:var(--cr-secondary);color:white;padding:1vmin 2vmin;border-radius:.75vmin;font-size:1.6vmin;font-weight:700;text-shadow:.1vmin .1vmin 0 rgba(0,0,0,.3);border:.2vmin solid rgba(255,255,255,.3)}.light .poster-cta{box-shadow:.5vmin .5vmin 2vmin rgba(0,0,0,.25)}.dark .poster-cta{box-shadow:0 0 2.5vmin rgba(255,51,102,.5)}.login-card{max-width:400px;margin:2rem auto;text-align:center}.login-card h1{color:var(--cr-secondary);margin-bottom:.5rem}.edit-modal{max-width:700px;max-height:90vh;overflow-y:auto}.edit-modal header{display:flex;justify-content:space-between;align-items:center}.edit-modal header h2{color:var(--cr-secondary);margin:0}.edit-modal fieldset{margin-bottom:2rem}.edit-modal legend{color:var(--cr-secondary);font-size:1.2rem}.thumbnail-guide-overlay{position:absolute;left:0;width:100%;height:12.5%;background:rgba(255,0,0,1);z-index:200;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.thumbnail-guide-overlay.top{top:0}.thumbnail-guide-overlay.bottom{bottom:0}.thumbnail-preview-active .thumbnail-guide-overlay{opacity:.5}.loading-container{width:100vw;height:100vh;font-size:2rem;font-family:Luckiest Guy,cursive;color:var(--cr-secondary)}.loading-container,.primary-showcase-layout{display:flex;justify-content:center;align-items:center}.primary-showcase-layout{position:relative;width:100%;height:100%}.primary-poster{position:absolute;top:16%;left:42%;right:8%;bottom:16%;display:flex;align-items:center;justify-content:center;z-index:1}.primary-poster img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:.5%;border:.25% solid var(--poster-border-color)}.light .primary-poster img{box-shadow:1.5vmin 1.5vmin 4vmin rgba(0,0,0,.4)}.dark .primary-poster img{box-shadow:0 0 5vmin rgba(255,255,255,.3)}.primary-polaroid{position:absolute;bottom:35%;left:8%;width:28vmin;z-index:10;background:white;padding:1.2vmin 1.2vmin 1.8vmin;border-radius:.6vmin;border:.12vmin solid #f8f9fa;transform:rotate(var(--polaroid-tilt,-8deg))}.light .primary-polaroid{box-shadow:1.2vmin 1.2vmin 2.5vmin rgba(0,0,0,.5)}.dark .primary-polaroid{box-shadow:0 0 3vmin rgba(255,255,255,.2)}.primary-polaroid img{width:100%;height:auto;object-fit:contain;border-radius:.4vmin;aspect-ratio:1/1}.primary-cta-arrow{position:absolute;top:55%;left:32%;width:15vmin;height:8vmin;z-index:15;pointer-events:none;transform:scale(1.75)}.primary-cta-arrow svg{width:100%;height:100%;color:var(--cr-secondary);filter:drop-shadow(.2vmin .2vmin .5vmin rgba(0,0,0,.3))}.showcase-container.dark .primary-cta-arrow svg{color:var(--cr-accent)!important}.showcase-container.light .primary-cta-arrow svg{color:var(--cr-secondary)!important}.primary-cta-text{position:absolute;top:20%;left:12%;z-index:16;font-family:Luckiest Guy,cursive;font-size:3.72vmin;color:var(--cr-secondary);text-shadow:.1vmin .1vmin .3vmin rgba(255,255,255,.8);transform:rotate(-8deg);pointer-events:none;line-height:1.1}.showcase-container.dark .primary-cta-text{color:var(--cr-accent)!important;text-shadow:.1vmin .1vmin .3vmin rgba(0,0,0,.8)}.showcase-container.light .primary-cta-text{color:var(--cr-secondary)!important;text-shadow:.1vmin .1vmin .3vmin rgba(255,255,255,.8)}