:root{--bg: #f4f1ea;--panel: #ffffff;--text: #202627;--muted: #6c7475;--line: #ded8ce;--accent: #0f766e;--accent-dark: #115e59;--accent-soft: #e0f2ef;--danger: #b42318}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}.page{width:min(720px,100%);margin:0 auto;min-height:100vh;padding:1rem 1rem 2rem}.hero{padding:3rem 0 1.4rem;text-align:center}.eyebrow{margin:0 0 .5rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}h1{margin:0;font-size:clamp(2.25rem,10vw,4rem);line-height:1;letter-spacing:0}.date,.venue,.welcome,.description{color:var(--muted);line-height:1.55}.description{margin:.35rem 0 .85rem}.welcome{max-width:560px;margin:1rem auto 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:.85rem}.section-title{display:flex;gap:.45rem;align-items:center;margin-bottom:.9rem;font-weight:800}.section-title svg{color:var(--accent)}.field{display:grid;gap:.38rem;margin-bottom:.85rem}.field span{color:var(--muted);font-size:.86rem;font-weight:650}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.78rem .85rem;color:var(--text);outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-count{justify-self:end;color:var(--muted);font-size:.78rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.72rem 1rem;cursor:pointer;font-weight:750}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{background:transparent;color:var(--accent-dark)}.btn-stop{border-color:#fecdca;color:var(--danger);background:#fffbfa}.summary-panel{display:grid;gap:.85rem}.guest-strip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.guest-strip span{display:inline-flex;align-items:center;gap:.45rem;color:var(--text);font-weight:800;overflow-wrap:anywhere}.guest-strip .btn{min-height:40px;padding:.58rem .85rem}.name-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:-.25rem 0 .7rem}.selected-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;margin:.85rem 0}.selected-image{position:relative;aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#eef2f0}.selected-image img{width:100%;height:100%;object-fit:cover;display:block}.selected-image button{position:absolute;right:.35rem;top:.35rem;width:32px;height:32px;border:0;border-radius:999px;background:#ffffffeb;color:var(--danger);display:grid;place-items:center}.record-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}audio{max-width:100%}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0}.quota-card{display:grid;gap:.15rem;border:1px solid var(--line);background:#f8faf9;border-radius:8px;padding:.75rem;min-width:0}.quota-card strong{color:var(--accent-dark);font-size:1.45rem;line-height:1}.quota-card span{font-weight:750;font-size:.86rem}.quota-card small{color:var(--muted);font-size:.78rem}.my-uploads{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:.9rem}.my-upload{display:grid;gap:.45rem;border:1px solid var(--line);border-radius:8px;background:#f8faf9;padding:.65rem;min-width:0}.my-upload img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;display:block}.my-upload audio{width:100%;min-width:0}.my-upload p{margin:0;color:var(--text);line-height:1.4;overflow-wrap:anywhere}.my-upload span,.my-upload small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.toast{position:sticky;bottom:1rem;display:flex;align-items:center;gap:.45rem;border:1px solid #abefc6;background:#ecfdf3;color:#027a48;border-radius:8px;padding:.85rem 1rem;margin-top:1rem}.toast-error{border-color:#fecdca;background:#fffbfa;color:var(--danger)}.notice{margin-top:25vh;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem;text-align:center}footer{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--muted);padding:1.5rem 0 0;font-size:.85rem}@media (max-width: 520px){.quota-grid{grid-template-columns:1fr}.guest-strip .btn{width:100%}}