:root {
 --bg:#fff7f4;
 --card:#ffffff;
 --text:#382b2b;
 --muted:#746767;
 --accent:#b76e79;
 --accent-dark:#9e5863;
 --border:#ead8d8;
}
* { box-sizing:border-box; }
body {
 font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
 background: radial-gradient(circle at top, #fffdfb, var(--bg));
 color: var(--text);
 margin: 0;
 padding: 1rem;
}
.container {
 max-width: 720px;
 margin: 2rem auto;
 background: var(--card);
 padding: 1.5rem;
 border-radius: 22px;
 box-shadow: 0 14px 40px rgba(80, 40, 50, 0.10);
}
h1 {
 margin-top: 0;
 color: var(--accent);
 font-size: clamp(2rem, 8vw, 3.3rem);
 line-height: 1.05;
}
.lead {
 color: var(--muted);
 font-size: 1.1rem;
}
.file-label {
 display:block;
 padding: 1.2rem;
 border: 2px dashed var(--border);
 border-radius: 18px;
 cursor:pointer;
 margin: 1rem 0;
 text-align:center;
 background:#fffafa;
}
.file-label input { width:100%; }
.file-label span {
 display:block;
 margin-top:.4rem;
 font-weight:700;
 color:var(--accent-dark);
}
.small {
 display:block;
 margin: 0.9rem 0;
 color: var(--muted);
}
input[type=text], input[type=password], textarea {
 width:100%;
 padding: 0.85rem;
 margin-top: .35rem;
 border: 1px solid var(--border);
 border-radius: 12px;
 font-size: 1rem;
}
textarea { min-height: 90px; }
button {
 width:100%;
 background: var(--accent);
 color:white;
 border:none;
 padding: 1rem;
 border-radius: 16px;
 font-weight:800;
 font-size:1.08rem;
}
button:disabled { opacity:.6; }
#status {
 margin-top:1rem;
 font-weight:700;
}
.uploads { list-style:none; padding:0; }
.uploads li { border-top:1px solid #f1e3e3; padding:1rem 0; }
.thumb img { max-width:160px; height:auto; border-radius:10px; margin-top:.5rem; }
.meta { color:var(--muted); margin-top:.4rem; }