:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#56394a;background:#fff9fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fff7fa 0,#fff 360px)}button,input,textarea{font:inherit}.page{width:min(1120px,100%);margin:0 auto;padding:28px 20px 44px}.hero{text-align:center;padding:18px 0 24px}.logo-wordmark{display:inline-flex;align-items:center;gap:8px;color:#bd5d87;font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:-.8px}.logo-dot{font-size:15px;color:#e9a0bb}.logo-id{color:#d998b0}.eyebrow{margin:17px 0 7px;color:#c17a98;font-size:10px;font-weight:800;letter-spacing:.2em}.hero h1,.center h1{margin:0;color:#653c52;font-family:Georgia,serif;font-size:clamp(32px,5vw,48px);font-weight:500}.muted{color:#9a8290;line-height:1.6}.hero .muted{margin:9px 0 0}.client-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;border:1px solid #f2dce6;border-radius:16px;padding:16px 20px;box-shadow:0 8px 28px #9d58700d}.client-card>div{display:flex;flex-direction:column;gap:5px}.label{font-size:9px;color:#b48b9d;letter-spacing:.15em;font-weight:800}.client-card strong{font-size:14px;color:#68475a}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 2px 14px;font-size:13px}.selection-bar b{color:#bd5d87;font-size:18px}.selection-bar .muted{font-size:11px}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.photo{position:relative;display:block;overflow:hidden;padding:0;border:2px solid transparent;border-radius:11px;background:#f8edf2;aspect-ratio:1;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo.chosen{border-color:#d15f91;box-shadow:0 0 0 2px #f7d5e3}.photo-code{position:absolute;bottom:7px;left:7px;padding:4px 6px;border-radius:5px;background:#24151bb8;color:#fff;font-size:10px}.check{position:absolute;top:7px;right:7px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:#bd5d87;font-weight:900;box-shadow:0 2px 8px #0002}.chosen .check{background:#bd5d87;color:#fff}.load-more{display:block;margin:20px auto;padding:11px 22px;border:1px solid #e8c4d4;border-radius:999px;background:#fff;color:#a64e77;font-weight:700;cursor:pointer}.notes{margin-top:28px;padding:18px;background:#fff;border:1px solid #f2dce6;border-radius:14px}.notes label{display:block;margin-bottom:9px;font-size:13px;font-weight:800;color:#68475a}.notes textarea{width:100%;resize:vertical;border:1px solid #ead5df;border-radius:9px;padding:12px;color:#56394a;outline-color:#d98eae}.notes small{display:block;text-align:right;color:#b39aa7;font-size:10px;margin-top:5px}.submit{display:block;width:100%;margin-top:16px;padding:15px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#d981a5,#b94e7c);color:#fff;font-weight:800;box-shadow:0 8px 18px #bd5d8730;cursor:pointer}.submit:disabled{opacity:.5;cursor:not-allowed}.error{margin-top:14px;padding:12px;border-radius:9px;background:#fff0f0;color:#a33d4b;font-size:13px}footer{text-align:center;padding:28px 0 0;color:#b69ba9;font-size:10px}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.center h1{margin-top:16px}.center .muted{max-width:440px}.center .small{font-size:11px}.success-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e8f7ef;color:#38845d;font-size:30px;margin-top:30px}.loader{width:34px;height:34px;border:3px solid #f2dce6;border-top-color:#bd5d87;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.page{padding:14px 12px 32px}.hero{padding:14px 0 20px}.client-card{padding:12px;gap:8px}.client-card strong{font-size:12px;overflow-wrap:anywhere}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.selection-bar{align-items:flex-start;flex-direction:column;gap:4px}.logo-wordmark{font-size:21px}}