@media (max-width: 600px){.app-container{padding:1.2rem .5rem;max-width:100vw;min-width:0;margin:0;border-width:1.5px;box-shadow:none}.greeting{font-size:1.1em;margin-bottom:.7em}label{font-size:1em;margin-bottom:.3em;padding:0 .2em}input[type=text],input[type=password],input[type=file]{width:98vw;max-width:99vw;min-width:0;font-size:1em;padding:.6em .2em;margin-bottom:.7em}.upload-list li{font-size:.98em;flex-direction:row;align-items:flex-start;gap:.2em;padding:.3em .1em}.upload-list li span.file{max-width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.upload-list li .progress-bar{min-width:60px;max-width:99vw;width:30%;margin:.2em 0;height:.8em}.upload-list li span:last-child{min-width:0;font-size:.95em;margin-left:0}button,.finished-btn{width:80%;min-width:0;font-size:1em;padding:.7em 0;margin:.3em 0 0}.error-message,.success-message{font-size:1em;padding:.5em .2em;word-break:break-word}section{padding:.2em .1em}}.thankyou-photo img{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:0;object-fit:cover;box-shadow:0 2px 16px #2222221a;border:2.5px solid var(--border-color);background:var(--accent);display:block;margin:2em 0 0}.progress-bar-inner{background:var(--secondary);height:100%;width:0%;transition:width .7s cubic-bezier(.4,2,.6,1);will-change:width}.upload-list{list-style:none;padding:0;margin:1em 0 0}.upload-list li{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em;font-size:1em;color:var(--text);font-family:var(--font-sans);background:none;border:none;box-shadow:none;padding:.2em 0;height:1.2em}.upload-list li span.file{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}.upload-list li span:first-child{flex:1 1 auto;text-align:left}.upload-list li .progress-bar{flex:0 0 120px;margin-left:1em;margin-right:.5em;min-width:80px;max-width:25%;display:inline-block;vertical-align:middle;height:1em}.upload-list li span:last-child{min-width:32px;text-align:right;font-variant-numeric:tabular-nums;margin-left:.5em}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}:root{--primary: #222;--secondary: #b6a58e;--accent: #f8f6f2;--text: #222;--border-radius: 0;--shadow: 0 2px 16px rgba(34,34,34,.06);--font-family: "Cormorant Garamond", "Georgia", serif;--font-sans: "Montserrat", "Arial", sans-serif;--border-color: #b6a58e;--menu-bg: #f8f6f2 url(https://www.transparenttextures.com/patterns/paper-fibers.png)}body{background:var(--menu-bg);min-height:100vh;margin:0;font-family:var(--font-sans);color:var(--text);display:flex;justify-content:center;align-items:center}.app-container,.thankyou-note{background:var(--accent);border:2.5px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);background-image:url(https://www.transparenttextures.com/patterns/paper-fibers.png);background-size:300px 300px;background-repeat:repeat;font-family:var(--font-family)}.app-container{padding:1rem;width:80vw;max-width:580px;margin:0;text-align:center;position:relative;letter-spacing:.01em}.thankyou-note{font-size:1.15em;color:var(--primary);padding:2em 1.5em;box-shadow:var(--shadow);text-align:center}h1,h2,h3{font-family:var(--font-family);color:var(--primary);margin-bottom:.5em;font-weight:700;text-transform:uppercase;font-variant:small-caps;letter-spacing:.08em;line-height:1.1}.title,.subtitle{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.12em;color:var(--primary);text-align:center;width:100%;display:block}.title{font-size:2.5em;font-weight:700;margin-bottom:1.5em;margin-top:.8em;line-height:1.1}.subtitle{font-size:1.5em;font-weight:600;margin-bottom:1.5em;margin-top:.8em;line-height:1.1}label{display:flex;flex-direction:column;align-items:center;margin-bottom:.5em;font-weight:500;color:var(--text);font-size:1.08em;letter-spacing:.02em;text-align:center}input[type=text],input[type=password],input[type=file]{width:80%;max-width:320px;text-align:center;margin-top:.7em;padding:.7em;border:1.5px solid #b6a58e;border-radius:0;margin-bottom:1.2em;font-size:1.08em;background:#f8f6f2;font-family:var(--font-sans);box-shadow:none}.button-container{display:flex;gap:1em;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1em}button,.finished-btn{background:#fff;color:var(--primary);border:2px solid var(--border-color);border-radius:0;padding:.7em 2em;font-size:1.08em;font-family:var(--font-family);font-weight:700;cursor:pointer;box-shadow:none;transition:background .2s,color .2s,border .2s;margin-left:.2em}button:disabled{opacity:.5;cursor:not-allowed;background:#f3efe7}button:hover:not(:disabled),.finished-btn:hover{background:var(--secondary);color:#fff;border-color:var(--secondary)}@media (max-width: 800px){.thankyou-flex{flex-direction:column;gap:1.5em}.thankyou-photo img{max-width:90vw}}