@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.feedback-shell{display:grid;min-height:100vh;place-items:center;padding:clamp(28px,5vw,60px) 20px;background:radial-gradient(circle at 12% 8%,rgb(244 242 236 / 72%),transparent 27rem),radial-gradient(circle at 92% 92%,rgb(243 241 235 / 74%),transparent 30rem),var(--canvas)}.feedback-layout{width:min(100%,680px)}.feedback-brand{display:grid;align-items:center;justify-content:center;justify-items:center;gap:5px;margin-bottom:22px;color:var(--text-main)}.feedback-brand img{display:block;width:min(230px,68vw);height:auto;-o-object-fit:contain;object-fit:contain}.feedback-card{position:relative;overflow:hidden;padding:clamp(28px,5.5vw,48px);border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 22px 70px #29272214,0 2px 8px #29272208}.feedback-card:before{position:absolute;top:0;right:0;left:0;height:4px;background:var(--platform);content:""}.feedback-eyebrow{margin:0;color:var(--platform-deep);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.feedback-heading{margin:11px 0 12px;color:var(--text-main);font-size:clamp(1.8rem,5.2vw,2.45rem);font-weight:800;letter-spacing:-.065em;line-height:1.12}.feedback-intro{max-width:58ch;margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.75}.feedback-form{display:grid;gap:25px;margin-top:32px}.feedback-rating-field,.feedback-comment-field{display:grid;gap:11px;min-width:0;margin:0;padding:0;border:0}.feedback-rating-field legend,.feedback-comment-field label{padding:0;color:var(--text-secondary);font-size:.8rem;font-weight:700}.feedback-rating-field legend{margin-bottom:7px}.feedback-comment-field label span{margin-left:4px;color:var(--text-muted);font-size:.72rem;font-weight:500}.feedback-rating-help{margin:-6px 0 0;color:var(--text-muted);font-size:.7rem;line-height:1.5}.feedback-stars{display:flex;align-items:center;justify-content:flex-start;width:-moz-fit-content;width:fit-content;gap:clamp(4px,1.6vw,10px)}.feedback-star{display:grid;width:48px;height:56px;grid-template-rows:1fr auto;place-items:center;padding:4px 2px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text-faint);cursor:pointer;font-size:1.65rem;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.feedback-star-number{color:var(--text-faint);font-family:var(--font-mono);font-size:.55rem;font-weight:600;line-height:1}.feedback-star-active{color:var(--platform)}.feedback-star-selected{border-color:var(--platform-line);background:var(--platform-soft);box-shadow:0 3px 10px #8c712f1a;animation:feedback-star-pop .3s cubic-bezier(.2,.8,.2,1)}.feedback-star-selected .feedback-star-number{color:var(--platform-deep)}.feedback-rating-label{display:inline-block;color:var(--text-secondary);font-weight:600;animation:feedback-label-in .2s ease-out}.feedback-comment-field textarea{display:block;width:100%;min-height:136px;padding:15px 16px;resize:vertical;border:1px solid var(--border-strong);border-radius:12px;outline:0;background:#fdfcf9;color:var(--text-main);font-size:.88rem;line-height:1.65;transition:border-color .16s ease,box-shadow .16s ease}.feedback-comment-field textarea::-moz-placeholder{color:var(--text-faint)}.feedback-comment-field textarea::placeholder{color:var(--text-faint)}.feedback-comment-field textarea:focus{border-color:var(--platform);box-shadow:var(--focus-ring)}.feedback-error{margin:-10px 0 0;padding:11px 12px;border:1px solid #e9c4c1;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:.75rem;line-height:1.5}.feedback-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px;border:1px solid var(--action);border-radius:11px;background:var(--action);color:var(--surface);cursor:pointer;font-size:.84rem;font-weight:800;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.feedback-submit-arrow{width:18px;height:18px;color:var(--surface);transition:transform .16s ease}.feedback-submit:active:not(:disabled){transform:scale(.985);box-shadow:inset 0 2px 5px #00000024}@media(hover:hover)and (pointer:fine){.feedback-star:hover{transform:translateY(-1px) scale(1.04);color:var(--platform)}.feedback-submit:hover:not(:disabled){border-color:var(--action-deep);background:var(--action-deep);box-shadow:0 6px 16px #0000002e}.feedback-submit:hover:not(:disabled) .feedback-submit-arrow{transform:translate(3px)}}.feedback-submit:disabled{cursor:wait;opacity:.72}.feedback-spinner{width:19px;height:19px;border:2px solid rgb(255 255 255 / 40%);border-top-color:var(--surface);border-radius:50%;animation:feedback-spin .7s linear infinite}.feedback-footer{margin:17px 0 0;color:var(--text-muted);font-size:.68rem;line-height:1.6;text-align:center}.feedback-state-card{display:grid;justify-items:center;padding:clamp(30px,7vw,48px);text-align:center}.feedback-success-card{max-width:620px;margin-inline:auto;padding:clamp(30px,6vw,44px)}.feedback-state-icon{display:grid;width:56px;height:56px;place-items:center;margin-bottom:20px;border:1px solid var(--platform-line);border-radius:50%;background:var(--platform-soft);color:var(--platform-deep)}.feedback-state-icon svg{width:25px;height:25px}.feedback-success-card .feedback-state-icon{width:62px;height:62px;margin-bottom:18px;box-shadow:0 5px 16px #8c712f1f;animation:feedback-success-pop .38s cubic-bezier(.2,.8,.2,1) both}.feedback-success-card .feedback-state-icon svg{width:27px;height:27px}.feedback-success-check{stroke-dasharray:24;stroke-dashoffset:24;animation:feedback-check-draw .36s ease-out .12s forwards}.feedback-success-card .feedback-heading{margin:8px 0 10px;font-size:clamp(1.7rem,5vw,2.15rem)}.feedback-success-card .feedback-intro{max-width:38ch}.feedback-rating-summary{display:inline-flex;align-items:center;justify-content:center;gap:11px;margin-top:22px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft)}.feedback-summary-stars{display:inline-flex;gap:2px;color:var(--text-faint);font-size:.9rem;letter-spacing:-.08em}.feedback-summary-star-filled{color:var(--platform)}.feedback-rating-summary-label{color:var(--text-secondary);font-size:.74rem;font-weight:700}.feedback-state-error .feedback-state-icon{border-color:#e9c4c1;background:var(--danger-soft);color:var(--danger)}.feedback-state-card .feedback-heading{margin-top:11px;font-size:clamp(1.55rem,5vw,1.9rem)}.feedback-state-card .feedback-intro{max-width:40ch}.feedback-retry{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:24px;padding:0 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:700;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.feedback-retry svg{width:16px;height:16px;transition:transform .16s ease}.feedback-retry:hover{border-color:var(--platform-line);background:var(--platform-soft);color:var(--platform-deep)}@media(hover:hover)and (pointer:fine){.feedback-retry:hover svg{transform:translate(2px)}}.feedback-loading{display:grid;justify-items:center;gap:16px;color:var(--text-muted)}.feedback-loading .feedback-spinner{width:34px;height:34px;border:3px solid var(--platform-line);border-top-color:var(--platform)}.feedback-loading p{margin:0;font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}@keyframes feedback-spin{to{transform:rotate(360deg)}}@keyframes feedback-star-pop{0%{transform:scale(.82)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes feedback-label-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-success-pop{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes feedback-check-draw{to{stroke-dashoffset:0}}@media(max-width:480px){.feedback-shell{align-items:start;padding:28px 14px}.feedback-brand{margin-bottom:18px}.feedback-card{border-radius:14px}.feedback-stars{width:100%;justify-content:center}.feedback-star{width:clamp(44px,13vw,48px);height:56px;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.feedback-photo-field{display:grid;gap:10px}.feedback-photo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:.8rem;font-weight:700}.feedback-photo-heading>span>span{color:var(--text-muted);font-size:.72rem;font-weight:500}.feedback-photo-heading small,.feedback-photo-preview-copy span{color:var(--text-muted);font-size:.68rem;font-weight:500}.feedback-photo-picker{position:relative;display:flex;min-height:78px;align-items:center;gap:12px;padding:12px;border:1px dashed var(--border-strong);border-radius:12px;background:#fdfcf9;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.feedback-photo-picker:hover,.feedback-photo-picker:focus-within{border-color:var(--platform);background:var(--platform-soft)}.feedback-photo-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.feedback-photo-picker-busy{cursor:progress;opacity:.72}.feedback-photo-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--platform-deep)}.feedback-photo-icon svg{width:21px;height:21px}.feedback-photo-picker-copy,.feedback-photo-preview-copy{display:grid;min-width:0;gap:3px}.feedback-photo-picker-copy strong,.feedback-photo-preview-copy strong{overflow:hidden;color:var(--text-main);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.feedback-photo-picker-copy small{color:var(--text-muted);font-size:.66rem;font-weight:400;line-height:1.5}.feedback-photo-action{flex:0 0 auto;margin-left:auto;padding:8px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text-secondary);font-size:.67rem;font-weight:700}.feedback-photo-preview{display:flex;min-width:0;align-items:center;gap:11px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.feedback-photo-preview img{width:58px;height:58px;flex:0 0 auto;border-radius:8px;background:var(--surface-soft);-o-object-fit:cover;object-fit:cover}.feedback-photo-preview-copy{flex:1 1 auto}.feedback-photo-remove,.feedback-existing-photo button{flex:0 0 auto;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.68rem;font-weight:700}.feedback-photo-remove:hover,.feedback-existing-photo button:hover{color:var(--danger)}.feedback-existing-photo{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.68rem}@media(max-width:480px){.feedback-photo-heading{align-items:flex-start;flex-direction:column;gap:3px}.feedback-photo-picker{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon copy" "action action";gap:10px 12px;padding:12px}.feedback-photo-icon{grid-area:icon}.feedback-photo-picker-copy{grid-area:copy}.feedback-photo-action{grid-area:action;width:100%;margin-left:0;padding:10px 12px;text-align:center}}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292722;background:#fbfaf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas: #fbfaf7;--surface: #ffffff;--surface-soft: #f3f1eb;--text-main: #292722;--text-secondary: #5d5951;--text-muted: #666666;--text-faint: #a39e94;--border: #e5e1d8;--border-strong: #d1cbc0;--platform: #8c712f;--platform-deep: #75602d;--platform-soft: #f5f2e9;--platform-line: #e3dbc7;--action: #171717;--action-deep: #000000;--danger: #b95754;--danger-soft: #fbeeed;--font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;--focus-ring: 0 0 0 3px rgb(140 113 47 / 18%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas)}button,textarea{font:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--platform);outline-offset:3px;box-shadow:var(--focus-ring)}::-moz-selection{color:var(--platform-deep);background:var(--platform-soft)}::selection{color:var(--platform-deep);background:var(--platform-soft)}#root{min-height:100vh}