.preview-feedback-btn{position:fixed;top:max(20px,env(safe-area-inset-top,20px));right:max(20px,env(safe-area-inset-right,20px));width:48px;height:48px;background:#fff;border:1.5px solid #000;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;transition:all .2s cubic-bezier(.23,1,.32,1);box-shadow:none;outline:none;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent}.preview-screen.visible .preview-feedback-btn{opacity:1;pointer-events:auto}.preview-feedback-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.preview-feedback-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.preview-feedback-btn svg{width:22px;height:22px;color:#000}.feedback-overlay{position:fixed;inset:0;background:#00000080;z-index:10001;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.feedback-modal{position:relative;background:#fff;border-radius:24px 24px 0 0;padding:28px 24px max(env(safe-area-inset-bottom,32px),32px);width:100%;max-width:480px;transform:translateY(100%);transition:all .4s cubic-bezier(.16,1,.3,1);border:none;text-align:center}.feedback-overlay.visible .feedback-modal{transform:translateY(0)}@media(min-width:768px){.feedback-overlay{align-items:center}.feedback-modal{border-radius:24px;border:2px solid #000;padding:32px 28px;transform:scale(.95) translateY(20px);opacity:0;box-shadow:8px 8px #000}.feedback-overlay.visible .feedback-modal{transform:scale(1) translateY(0);opacity:1}.feedback-handle{display:none}}.feedback-handle{width:40px;height:4px;background:#eee;border-radius:2px;margin:0 auto 20px}.feedback-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:var(--text-muted, #737373);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.feedback-close:hover{color:#000;transform:scale(1.1)}.feedback-title{font-family:var(--font-main, "Satoshi", sans-serif);font-size:var(--type-modal-title);font-weight:700;margin:0 0 8px;color:#000;line-height:1.25;letter-spacing:-.02em;text-align:center}.feedback-desc{font-family:var(--font-main);font-size:var(--type-body);color:#000;line-height:1.6;font-weight:500;margin:0 0 24px;text-align:center}.feedback-rating{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.feedback-emoji{width:52px;height:52px;font-size:var(--type-h2);display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;transition:transform .2s var(--ease-premium),border-color .2s ease,background-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;padding:0}.feedback-emoji:hover{transform:scale(1.15)}.feedback-emoji.selected{background:var(--primary-light);transform:scale(1.15);box-shadow:0 0 0 3px #f1285026}.feedback-emoji:active{transform:scale(.95)}.feedback-textarea-wrap{position:relative;margin-bottom:8px}.feedback-textarea{width:100%;min-height:100px;padding:14px 16px;font-family:var(--font-main);font-size:var(--type-input);font-weight:500;color:var(--black, #000000);background:#fff;border:1.5px solid var(--black, #000000);border-radius:var(--radius-input, 12px);resize:none;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box;line-height:1.5;box-shadow:none}.feedback-textarea:hover{border-color:var(--black, #000000);background:#fff}.feedback-textarea:focus{outline:none;border-color:var(--black, #000000);background:#fff}.feedback-textarea::placeholder{color:var(--text-placeholder, #8C8C8C);font-weight:400}.feedback-char-count{text-align:right;font-family:var(--font-main);font-size:var(--type-metadata);color:var(--text-placeholder, #8C8C8C);margin-top:4px;font-variant-numeric:tabular-nums}.feedback-error{font-family:var(--font-main);font-size:var(--type-body-small);color:var(--primary);font-weight:500;margin:0 0 12px;min-height:0;opacity:0;transition:opacity .2s ease;text-align:center}.feedback-error.visible{opacity:1}.feedback-actions{display:flex;flex-direction:column;gap:10px}.feedback-btn{width:100%;padding:14px;border-radius:12px;font-weight:700;font-size:var(--type-body-small);cursor:pointer;font-family:var(--font-main);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s var(--ease-premium),background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.feedback-btn:active{transform:scale(.97)}.feedback-btn-primary{background:#000;color:#fff;border:2px solid #000;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,box-shadow .18s ease}.feedback-btn-primary:hover:not(:disabled){background:var(--black-hover, #1a1a1a);transform:translateY(-1px);box-shadow:none}.feedback-btn-primary:disabled{opacity:.5;cursor:not-allowed}.feedback-btn-primary:disabled:active{transform:none}.feedback-btn-secondary{background:#fff;color:#000;border:2px solid #000;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,box-shadow .18s ease}.feedback-btn-secondary:hover{background:#f0f0f0!important;color:#000!important;border-color:#000!important;transform:translateY(-1px)!important;box-shadow:none!important}.feedback-btn-secondary:active{background:#e5e5e5!important;transform:translateY(0)!important;box-shadow:none!important}.feedback-success{text-align:center;padding:20px 0;animation:feedbackFadeIn .4s var(--ease-premium)}.feedback-success-icon{display:flex;justify-content:center;margin-bottom:16px;animation:feedbackBounce .6s var(--ease-premium)}.feedback-success-title{font-family:var(--font-main, "Satoshi", sans-serif);font-size:var(--type-modal-title);font-weight:700;color:#000;margin:0 0 8px;line-height:1.25;letter-spacing:-.02em;text-align:center}.feedback-success-desc{font-family:var(--font-main);font-size:var(--type-body);color:#000;font-weight:500;line-height:1.6;margin:0;text-align:center}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes feedbackSpin{to{transform:rotate(360deg)}}.feedback-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:feedbackSpin .8s linear infinite;vertical-align:-.15em}@media(max-width:768px){.feedback-modal .feedback-title,.feedback-title{font-family:var(--font-main, "Satoshi", sans-serif)!important;font-size:var(--type-modal-title)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.02em!important;margin:0 0 8px!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.feedback-modal .feedback-desc,.feedback-desc{font-family:var(--font-main, "Satoshi", sans-serif)!important;font-size:var(--type-body-small)!important;font-weight:500!important;line-height:1.5!important;margin:0 0 24px!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.feedback-modal .feedback-success-title,.feedback-success-title{font-family:var(--font-main, "Satoshi", sans-serif)!important;font-size:var(--type-modal-title)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.02em!important;margin:0 0 8px!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.feedback-success-desc{font-family:var(--font-main, "Satoshi", sans-serif)!important;font-size:var(--type-body-small)!important;font-weight:500!important;line-height:1.5!important;margin:0!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.feedback-emoji{width:46px;height:46px;font-size:var(--type-h2)}.feedback-rating{gap:8px}.feedback-category-btn,.feedback-btn{font-size:var(--type-body-small)!important}}@media(min-width:768px)and (max-width:1024px){.feedback-title{font-size:var(--type-h3)!important}}@media(prefers-reduced-motion:reduce){.feedback-overlay,.feedback-modal,.feedback-pill,.preview-feedback-btn,.feedback-emoji,.feedback-success,.feedback-success-icon{transition:none!important;animation:none!important}}.feedback-categories{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.feedback-category-btn{width:100%;padding:16px;background:var(--surface-subtle, #FAFAF8);border:2px solid #000;border-radius:12px;font-family:var(--font-main, "Satoshi", sans-serif);font-size:var(--type-btn);font-weight:600;color:#000;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s ease,background-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.feedback-category-btn:hover{transform:scale(1.02)}.feedback-category-btn:active{transform:scale(.98)}.feedback-category-emoji{font-size:var(--type-h2);display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.feedback-modal .feedback-title,.feedback-modal .feedback-success-title,.feedback-modal .feedback-desc,.feedback-modal .feedback-success-desc{width:auto!important;max-width:100%!important;margin-inline:0!important;padding-left:0!important;padding-right:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}}@media(min-width:481px)and (max-width:767px){.feedback-overlay{align-items:center;padding:16px;box-sizing:border-box}.feedback-modal{border-radius:24px;border:2px solid #000;padding:32px 28px;transform:scale(.95) translateY(20px);opacity:0;box-shadow:8px 8px #000}.feedback-overlay.visible .feedback-modal{transform:scale(1) translateY(0);opacity:1}}@media(min-width:481px){.feedback-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}}.feedback-overlay{z-index:1000000}