*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;background:#f8fafc;color:#1f2937;min-height:100vh;padding:1rem 0;font-size:16px}.container{max-width:28rem;margin:0 auto;padding:1rem;min-height:calc(100vh - 2rem);display:flex;align-items:center;justify-content:center}.feedback-form{width:100%;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.header{text-align:center;margin-bottom:2rem}.title{font-size:1.75rem;font-weight:800;color:#111827;margin-bottom:.75rem;white-space:nowrap;letter-spacing:-.025em;line-height:1.2}.subtitle{font-size:.875rem;color:#6b7280;line-height:1.5;max-width:24rem;margin:0 auto;font-weight:400;letter-spacing:.01em}.rating-section{margin-bottom:2rem}.rating-title{font-size:1.25rem;font-weight:700;color:#374151;text-align:center;margin-bottom:1.5rem;letter-spacing:-.01em;line-height:1.3}.emoji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.emoji-grid-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:16rem;margin:0 auto}.emoji-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;height:5.5rem;min-height:5.5rem;max-height:5.5rem}.emoji-button:hover{background:#f0f9ff;border-color:#3b82f6;transform:translateY(-2px)}.emoji-button.selected{background:#dbeafe;border-color:#3b82f6}.emoji{font-size:2rem;margin-bottom:.5rem}.emoji-label{font-size:.875rem;font-weight:600;color:#374151;text-align:center;line-height:1.3;letter-spacing:.005em}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem;letter-spacing:.005em;line-height:1.4}.required{color:#ef4444;margin-left:.25rem}.input-field.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.emoji-button.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:block;font-weight:500;letter-spacing:.01em}.input-field{width:100%;padding:.875rem 1rem;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;font-size:1rem;font-family:inherit;color:#1f2937;line-height:1.5;font-weight:400;letter-spacing:.01em}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.input-field::placeholder{color:#9ca3af;font-weight:400;letter-spacing:.01em}.textarea-field{min-height:6rem;resize:vertical}.btn-primary{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);transition:all .2s ease;cursor:pointer;margin:0;letter-spacing:.01em;line-height:1.4}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:linear-gradient(135deg,#10b981,#059669);transform:none;box-shadow:0 2px 4px #0000001a}.btn-primary svg{margin-right:.5rem;width:1.25rem;height:1.25rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.emoji-button{height:5rem;min-height:5rem;max-height:5rem;padding:1rem .75rem}.emoji{font-size:1.75rem;margin-bottom:.375rem}.emoji-label{font-size:.8rem}}@media (min-width: 640px){.container{padding:2rem}.feedback-form{padding:2.5rem}.title{font-size:2rem;letter-spacing:-.03em}.subtitle{font-size:1rem;line-height:1.6}.emoji-button{height:6rem;min-height:6rem;max-height:6rem;padding:1.5rem 1rem}.emoji{font-size:2.5rem;margin-bottom:.75rem}.btn-primary{font-size:1.125rem;padding:1.25rem 2rem;font-weight:700;letter-spacing:.005em}}