:root{--text:#4a5d6e;--text-h:#1e2d3d;--bg:#fff;--border:#d4e0e8;--accent:#00b4a6;--accent-bg:#00b4a61a;--accent-border:#00b4a680;--accent-warm:#f5a623;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#fff url(/background.png);margin:0}@media (width<=768px){body{background-size:280px}}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:600}h1{letter-spacing:-.5px;color:#1e2d3d;margin:8px 0;font-size:32px}@media (width<=1024px){h1{font-size:26px}}h2{letter-spacing:-.2px;color:var(--accent);margin:0 0 4px;font-size:20px;line-height:1.3}@media (width<=1024px){h2{font-size:18px}}p{margin:0}.demo-banner{background:var(--accent);color:#fff;text-align:center;padding:10px 16px;font-size:14px}.demo-banner a{color:inherit;text-decoration:underline}.logo{width:220px;height:auto}#center{flex-direction:column;flex-grow:1;align-items:center;gap:20px;padding:48px 20px 0;display:flex}@media (width<=1024px){#center{gap:16px;padding:32px 16px 0}}.welcome-section{text-align:center;max-width:400px}.welcome-label{color:var(--text-h);margin:0 0 2px;font-size:16px}.welcome-property{color:var(--text-h);margin:0 0 16px;font-size:30px;font-weight:700;line-height:1.2}.welcome-divider{background:var(--accent-warm);border:none;border-radius:5px;width:80px;height:5px;margin:0 auto 14px}.welcome-subtitle{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:700}.welcome-description{color:var(--text);margin:8px 0 0;font-size:14px;font-weight:500;line-height:1.4}.welcome-compact .welcome-property{margin:0;font-size:22px}.rating-section{box-sizing:border-box;text-align:center;z-index:1;background:#eef7f6;border-radius:12px;width:100%;max-width:480px;padding:20px 24px 16px;position:relative}@media (width<=520px){.rating-section{padding:18px 16px 14px}}.rating-heading{color:var(--accent);letter-spacing:-.2px;margin:0 0 4px;font-size:18px;font-weight:600}.rating-prompt{color:var(--text-h);margin:0 0 12px;font-size:14px}.rating-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;display:flex}.rating-stars{gap:2px;display:flex}.rating-star{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;line-height:0;transition:transform .1s}.rating-star svg{fill:#0000;width:36px;height:36px;stroke:var(--accent-warm);stroke-width:1.5px;stroke-linejoin:round;transition:fill .15s}.rating-star.rating-star-filled svg{fill:var(--accent-warm)}.rating-star:hover:not(:disabled){transform:scale(1.08)}.rating-star:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rating-star:disabled{cursor:not-allowed}.rating-submit{color:#149a91;font-family:var(--sans);cursor:pointer;background:#fff;border:2px solid #149a91;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.rating-submit:hover:not(:disabled){color:#fff;background:#149a91}.rating-submit:disabled{opacity:.5;cursor:not-allowed}.rating-submit .spinner-button{border-color:#149a91 #149a914d #149a914d}.rating-section .field-validation-error{margin:10px 0 0}.rating-section .status{margin:12px 0 0}.rating-thanks{text-align:left;color:var(--text);font-size:15px;line-height:1.5}.rating-thanks p{margin:8px 0 0}.rating-thanks a{color:inherit;text-decoration:underline}.rating-thanks-heading{color:var(--text-h);justify-content:center;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.rating-thanks-icon{width:26px;height:26px;color:var(--accent);flex-shrink:0}.rating-leaving{animation:.5s forwards rating-leave;overflow:hidden}@keyframes rating-leave{0%{opacity:1;max-height:400px}to{opacity:0;max-height:0;margin-bottom:-20px;padding-top:0;padding-bottom:0}}@media (width<=1024px){@keyframes rating-leave{0%{opacity:1;max-height:400px}to{opacity:0;max-height:0;margin-bottom:-16px;padding-top:0;padding-bottom:0}}}.card{border:1px solid var(--border);z-index:1;box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:480px;padding:32px;display:flex;position:relative;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}@media (width<=520px){.card{border-radius:12px;max-width:100%;padding:24px 20px}}.card h2{text-align:center;margin:0}.type-heading{color:var(--accent);text-align:center;letter-spacing:-.2px;max-width:240px;margin:0 auto;font-size:18px;font-weight:600;display:block}.card select{width:100%;font-size:16px;font-family:var(--sans);border:1.5px solid var(--border);color:var(--text-h);cursor:pointer;appearance:none;background:#fafcfc url(/chevron-down.svg) right 20px center no-repeat;border-radius:10px;padding:14px 48px 14px 14px;transition:border-color .2s,box-shadow .2s}.card select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-fields{flex-direction:column;gap:12px;display:flex}.field-label{color:var(--text-h);margin:0;font-size:15px;font-weight:600}.field-label .required{color:#c0392b}.card textarea{width:100%;min-height:120px;font-size:16px;font-family:var(--sans);box-sizing:border-box;resize:none;border:1.5px solid var(--border);color:var(--text-h);background:#fafcfc;border-radius:10px;padding:12px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;overflow:hidden}.card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.card textarea::placeholder{color:var(--text);opacity:.5}.card textarea.field-error{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1f}.card textarea.field-error:focus{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b33}.field-validation-error{color:#c0392b;margin:-8px 0 0;font-size:13px;font-weight:300;animation:.2s fadeIn}.upload-error{background:#fdf0ef;border:1px solid #e8c4c0;border-radius:8px;margin:4px 0 0;padding:12px 16px;animation:.2s fadeIn}.upload-error-title{color:#c0392b;margin:0 0 4px;font-size:14px;font-weight:500}.upload-error-detail{color:#7a3b32;margin:0;font-size:13px;font-weight:300}.image-success-wrapper{align-items:center;height:20px;margin:-2px 0;display:flex}.field-success{color:#008a7e;opacity:1;margin:0;font-size:13px;font-weight:500;transition:opacity .3s}.field-success-hidden{opacity:0}.chars-remaining{color:var(--text);opacity:.7;text-align:right;margin:-8px 0 0;font-size:13px;transition:color .2s,opacity .2s}.chars-warning{color:var(--accent-warm);opacity:1;font-weight:500}.chars-over{color:#c0392b;opacity:1;font-weight:600}.photo-section-header{flex-direction:column;gap:2px;display:flex}.photo-section-title{color:var(--text-h);margin:0;font-size:15px;font-weight:600}.photo-section-subtitle{color:var(--text);opacity:.6;margin:0;font-size:13px}.drop-zone{border:2px dashed var(--border);cursor:pointer;box-sizing:border-box;background:#fafcfc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:100px;padding:20px;transition:border-color .2s,background-color .2s;display:flex}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background-color:var(--accent-bg)}.drop-zone.has-file{border-style:solid;border-color:var(--accent);background-color:var(--accent-bg)}.drop-zone.uploading{opacity:.85;cursor:not-allowed}.drop-zone-icon{font-size:28px;line-height:1}.drop-zone-text{color:var(--text);text-align:center;margin:0;font-size:14px}.drop-zone-hint{color:var(--text);opacity:.5;text-align:center;margin:0;font-size:12px}.image-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px}.remove-image{color:#c0392b;cursor:pointer;text-underline-offset:2px;font-size:13px;font-weight:500;text-decoration:underline}.remove-image:hover{color:#a5281b}.cancel-upload{color:#c0392b;cursor:pointer;text-underline-offset:2px;font-size:13px;font-weight:500;text-decoration:underline}.cancel-upload:hover{color:#a5281b}.submit-disclaimer{color:#999;text-align:center;margin:0 0 4px;font-size:12px;line-height:1.45}.card button{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.card button:hover:not(:disabled){background:#009a8e;transform:translateY(-1px);box-shadow:0 4px 12px #00b4a64d}.card button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.card button:disabled{opacity:.4;cursor:not-allowed;background:#a0b4b2}.status{text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:300;animation:.3s fadeIn;display:flex}.status-success{color:#008a7e;background:#00b4a61a}.status-error{color:#c0392b;background:#dc35451a}.status-info{color:var(--accent);background:#00b4a614}.checkmark{flex-shrink:0;width:18px;height:18px;display:inline-block}.checkmark:after{content:"";border:2.5px solid #008a7e;border-width:0 2.5px 2.5px 0;width:6px;height:12px;margin:1px 0 0 5px;animation:.3s checkPop;display:block;transform:rotate(45deg)}@keyframes checkPop{0%{transform:rotate(45deg)scale(0)}60%{transform:rotate(45deg)scale(1.2)}to{transform:rotate(45deg)scale(1)}}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-button{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px}.loading-center{justify-content:center}.spinner-page{border-width:3px;width:32px;height:32px}.loading-hint{color:var(--text-h);text-align:center;opacity:0;font-size:14px;animation:.4s ease-in 3s forwards fade-in-hint}@keyframes fade-in-hint{to{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s fadeIn}.error-page{text-align:center;max-width:400px}.error-page h1{margin:12px 0 6px;font-size:22px}.error-page p{color:var(--text);font-size:14px;font-weight:300;line-height:1.6}.retry-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:20px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .2s,transform .1s}.retry-button:hover{background:#009a8e;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.submitted-view{flex-direction:column;align-items:center;gap:12px;padding:20px 0;animation:.5s slideUp;display:flex}.submitted-icon{width:56px;height:56px}.submitted-icon-circle{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.5s forwards circleIn}.submitted-icon-check{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.35s .4s forwards checkIn}@keyframes circleIn{to{stroke-dashoffset:0}}@keyframes checkIn{to{stroke-dashoffset:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.submitted-view h2{color:var(--text-h);margin:0}.submitted-view p{color:var(--text);margin:0}.submitted-view button{border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;margin-top:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.submitted-view button:hover{background:var(--accent);color:#fff}.privacy-notice{background:#f6f9f9;border-radius:10px;align-items:center;gap:12px;margin-top:4px;padding:14px 16px;display:flex}.privacy-icon{width:26px;height:26px;color:var(--accent);flex-shrink:0}.privacy-notice p{color:var(--text);opacity:.55;margin:0;font-size:13px;line-height:1.45}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text);opacity:.4;flex-direction:column;align-items:center;gap:4px;padding:12px 0 0;font-size:11px;text-decoration:none;display:flex}.footer-icon{object-fit:contain;width:28px;height:28px}.wave-footer{flex-shrink:0;width:100%;margin-top:20px}.wave-svg{width:100%;height:40px;margin-bottom:-1px;display:block}.wave-footer-content{text-align:center;color:#fff;background:#1e2d3d;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 24px 40px;font-size:14px;line-height:1.5;display:flex}@media (width<=480px){.wave-footer-content{padding:12px 20px;font-size:13px}}.wave-footer-heart{color:#f5a623;font-size:20px}.wave-footer-content p{opacity:.85;margin:0}.wave-footer-content p:first-of-type{max-width:280px}.wave-footer-tagline{opacity:.7;white-space:nowrap;font-size:13px}.wave-footer-tagline strong{color:#f5a623;font-weight:700}.feedback-fab{background:var(--accent);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .15s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 8px #0003,0 4px 16px #00b4a64d}.feedback-fab:hover{background:#009a8e;transform:scale(1.08);box-shadow:0 4px 12px #00000040,0 6px 20px #00b4a666}.feedback-fab:active{transform:scale(.95)}@media (width<=520px){.feedback-fab{width:44px;height:44px;bottom:16px;right:16px}}.feedback-overlay{z-index:1001;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeOverlay;display:flex;position:fixed;inset:0}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.feedback-drawer{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.3s slideDrawerUp;display:flex;box-shadow:0 -4px 24px #0000001f}@keyframes slideDrawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.feedback-drawer-title{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.feedback-drawer-close{color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1;transition:opacity .2s}.feedback-drawer-close:hover{opacity:1}.feedback-drawer-close:disabled{cursor:not-allowed}.feedback-drawer-body{flex-direction:column;flex:1;gap:12px;padding:20px 24px 32px;display:flex;overflow-y:auto}@media (width<=520px){.feedback-drawer-body{padding:16px 20px 28px}}.feedback-intro{color:var(--text);margin:0 0 4px;font-size:14px;line-height:1.5}.feedback-drawer-body select{width:100%;font-size:16px;font-family:var(--sans);border:1.5px solid var(--border);color:var(--text-h);cursor:pointer;appearance:none;opacity:1;background:#fafcfc url(/chevron-down.svg) right 20px center no-repeat;border-radius:10px;padding:14px 48px 14px 14px;transition:border-color .2s,box-shadow .2s}.feedback-drawer-body select.placeholder{color:var(--text)}.feedback-drawer-body select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.feedback-drawer-body textarea{width:100%;min-height:100px;font-size:16px;font-family:var(--sans);box-sizing:border-box;resize:none;border:1.5px solid var(--border);color:var(--text-h);background:#fafcfc;border-radius:10px;padding:12px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;overflow:hidden}.feedback-drawer-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.feedback-drawer-body textarea::placeholder{color:var(--text);opacity:.5}.feedback-drawer-body textarea.field-error{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1f}.feedback-drawer-body textarea.field-error:focus{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b33}.feedback-drawer-body button{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.feedback-drawer-body button:hover:not(:disabled){background:#009a8e;transform:translateY(-1px);box-shadow:0 4px 12px #00b4a64d}.feedback-drawer-body button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.feedback-drawer-body button:disabled{opacity:.4;cursor:not-allowed;background:#a0b4b2}.feedback-drawer-body .submitted-view button{border:1.5px solid var(--accent);color:var(--accent);background:0 0}.feedback-drawer-body .submitted-view button:hover{background:var(--accent);color:#fff}
