body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Calibri Bold;font-style:normal;font-weight:700;src:url(/static/media/calibri-bold.430cdbf5d50a8c646527.ttf) format("truetype")}.App{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.hero-text a{color:#000;text-decoration:underline}.hero-ca{display:block;font-size:.4em;letter-spacing:0;margin-top:20px}.hero-ca code{background:#0000000f;border-radius:8px;font-family:monospace;padding:2px 8px;word-break:break-all}.landing-content{max-width:1200px;width:100%}.hero-text{color:#000;font-family:Calibri Bold,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:60px;text-align:center;text-transform:lowercase}.image-grid{flex-wrap:wrap;gap:20px}.big-square,.image-grid{align-items:center;display:flex;justify-content:center}.big-square{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;height:400px;overflow:hidden;transition:transform .3s ease;width:400px}.big-square img{height:100%;object-fit:cover;width:100%}.big-square:hover{transform:scale(1.02)}.small-squares{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.small-square{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;color:#000;cursor:pointer;display:flex;height:180px;justify-content:center;transition:transform .3s ease;width:180px}.small-square:hover{background:#ffffff26;transform:scale(1.05)}.social-icon{height:64px;object-fit:contain;width:64px}.image-container{aspect-ratio:1/1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;border-radius:20px;margin:60px auto 0;max-width:800px;overflow:hidden;position:relative;width:100%}.base-image,.image-container img.base-image,.image-container video.base-image{height:62%;left:50%;object-fit:contain;position:absolute;top:21.5%;transform:translateX(-50%);width:59%;z-index:1}.tv-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.tv-button{bottom:70px;gap:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.nav-button,.tv-button{align-items:center;display:flex;justify-content:center}.nav-button{background:#0000;border:#0000;cursor:pointer;padding:0;transition:transform .2s ease;z-index:2}.arrow-button{cursor:pointer;height:60px;width:60px}.save-button{cursor:pointer;height:60px;width:60px}.loading-state{align-items:center;color:#000;display:flex;font-family:Calibri Bold,sans-serif;font-size:1.5rem;height:100%;justify-content:center;width:100%}@media (max-width:768px){.image-grid{flex-direction:column}.big-square{aspect-ratio:1;height:auto}.big-square,.small-squares{max-width:400px;width:100%}.small-square{aspect-ratio:1;height:auto;width:100%}.image-container{margin:40px auto 0;max-width:100%}.tv-button{bottom:50px;gap:15px}.arrow-button,.save-button{height:50px;width:50px}}@media (max-width:480px){.tv-button{bottom:35px;gap:12px}.arrow-button,.save-button{height:40px;width:40px}}@media (max-width:360px){.tv-button{bottom:25px;gap:10px}.arrow-button,.save-button{height:35px;width:35px}}
/*# sourceMappingURL=main.82df85bc.css.map*/