:root{--bg: #f9f5fa;--fg: #3b5957;--muted: #629390;--accent: #3b5957;--accent-hover: #629390;--tile-bg: #ffffff;--card-border: rgba(59, 89, 87, .16);--error: #b3261e;--shadow-1: 0 .125rem .625rem rgba(0, 0, 0, .06);--shadow-2: 0 .3125rem 1.25rem rgba(0, 0, 0, .08);--radius: .625rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:skolar-pe-variable,tinos,Georgia,Times New Roman,serif;font-optical-sizing:auto;line-height:1.5}main{max-width:900px;margin:0 auto;padding:1rem}[hidden]{display:none!important}.couple-names{font-family:p22-zaner-pro-four,tinos,serif;font-weight:400;color:var(--accent);margin:0;line-height:1.05}html[lang=el] .couple-names{font-family:bickham-script-pro-3,tinos,serif}.wedding-date{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase}.wedding-date .date-divider{color:var(--accent-hover);margin:0 .4em}#name-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.25rem;padding:2rem 1rem}#name-screen .couple-names{font-size:clamp(2.8rem,13vw,4.75rem)}.welcome{max-width:30rem;margin:0;font-size:1.15rem}.name-prompt{margin:0;color:var(--muted);font-style:italic}#name-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}#name-form label{text-align:left;color:var(--muted);font-size:.9rem}input[type=text]{padding:.7rem .9rem;font-size:1rem;font-family:inherit;border-radius:var(--radius);border:1px solid var(--accent);background:#fff;color:var(--fg)}input[type=text]:focus-visible{outline:2px solid var(--accent-hover);outline-offset:1px}button[type=submit],.file-button{display:inline-block;padding:.7rem 1.1rem;font-size:1rem;font-family:inherit;font-weight:700;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;cursor:pointer;text-align:center;transition:background-color .2s ease}button[type=submit]:hover,.file-button:hover{background:var(--accent-hover)}.error{color:var(--error);font-size:.9rem;margin:0}#upload-screen{display:flex;flex-direction:column;gap:1.25rem;padding-top:1.5rem}.grid-header{text-align:center}.couple-names-sm{font-size:clamp(3rem,14vw,5rem)}.greeting{max-width:38rem;margin:0 auto;text-align:center;font-size:1.05rem}.howto{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:1rem 1.25rem}.howto-title{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:var(--accent)}.howto-steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.file-button{position:relative;align-self:center;padding:.85rem 1.5rem;font-size:1.05rem;box-shadow:var(--shadow-1)}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.grid-section{display:flex;flex-direction:column;gap:.5rem}.grid-section h2{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.tile{position:relative;aspect-ratio:1 / 1;background:var(--tile-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-1);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.tile-placeholder{font-size:2rem;opacity:.5}.tile-video-badge{position:absolute;bottom:.4rem;right:.4rem;z-index:2;pointer-events:none;background:#0009;color:#fff;border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:.8rem}.tile-progress{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#3b59578c;color:#fff;font-weight:700;font-size:.85rem}.tile-retry{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:#924038c7;color:#fff;border:none;cursor:pointer;font:inherit;padding:.25rem;text-align:center}.tile-retry-icon{font-size:1.4rem;line-height:1}.tile-retry-failed{font-size:.65rem;opacity:.9}.tile-retry-action{font-weight:700;font-size:.8rem;text-decoration:underline}.tile-link{position:absolute;inset:0}.tile-img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;inset:0;z-index:100;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:1rem}.lightbox-content{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.4rem}.lightbox-close{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}
/*# sourceMappingURL=app.css.map */