:root{--feedback-trigger-bg: #1a1d21;--feedback-trigger-bg-hover: #252a30;--feedback-trigger-icon: #fff;--feedback-panel-bg: #fff;--feedback-panel-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);--feedback-panel-radius: 16px;--feedback-tab-active: #2c3e50;--feedback-tab-inactive: #6b7280;--feedback-help: #6b7280;--feedback-input-border: #e5e7eb;--feedback-input-focus: #3b82f6;--feedback-submit-bg: #1a1d21;--feedback-submit-bg-hover: #252a30;--feedback-transition: 0.2s ease}.page-footer{display:flex;align-items:stretch}.page-footer>.page-footer__inner{flex:1;min-width:0}.page-footer>.feedback-widget{position:relative;display:flex;align-items:stretch;flex-shrink:0;align-self:stretch;font-family:inherit;font-size:14px;line-height:1.5}.feedback-widget__mode-toggle{display:flex;align-items:stretch}.feedback-widget__mode-btn{display:flex;align-items:center;justify-content:center;width:32px;height:100%;padding:0;border:none;border-radius:0;background:var(--feedback-trigger-bg);color:var(--feedback-trigger-icon);cursor:pointer;transition:background var(--feedback-transition),color var(--feedback-transition)}.feedback-widget__mode-btn:hover{background:var(--feedback-trigger-bg-hover)}.feedback-widget__mode-btn:focus{outline:none}.feedback-widget__mode-btn:focus-visible{outline:2px solid var(--feedback-input-focus);outline-offset:-2px}.feedback-widget__mode-btn.is-active{background:var(--feedback-submit-bg);color:#fff}.feedback-widget__mode-btn .fa{font-size:14px}.feedback-widget__trigger{display:flex;align-items:center;justify-content:center;width:32px;height:100%;padding:0;border:none;border-radius:0;background:var(--feedback-trigger-bg);color:var(--feedback-trigger-icon);cursor:pointer;transition:background var(--feedback-transition)}.feedback-widget__trigger:hover{background:var(--feedback-trigger-bg-hover)}.feedback-widget__trigger:focus{outline:none}.feedback-widget__trigger:focus-visible{outline:2px solid var(--feedback-input-focus);outline-offset:-2px}.feedback-widget__trigger .fa{font-size:14px}.feedback-widget__panel{position:absolute;bottom:100%;right:0;width:360px;max-width:calc(100vw - 48px);background:var(--feedback-panel-bg);border-radius:var(--feedback-panel-radius);box-shadow:var(--feedback-panel-shadow);opacity:0;visibility:hidden;transform:translateY(8px) scale(0.98);transform-origin:bottom right;transition:opacity var(--feedback-transition),visibility var(--feedback-transition),transform var(--feedback-transition)}.feedback-widget__panel.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.feedback-widget__loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.92);border-radius:var(--feedback-panel-radius);opacity:0;visibility:hidden;transition:opacity var(--feedback-transition),visibility var(--feedback-transition)}.feedback-widget__loading.is-visible{opacity:1;visibility:visible}.feedback-widget__spinner{width:40px;height:40px;border:3px solid var(--feedback-input-border);border-top-color:var(--feedback-submit-bg);border-radius:50%;animation:feedback-spin .7s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-widget__panel-inner{padding:20px}.feedback-widget__tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:#f3f4f6;border-radius:10px}.feedback-widget__tab{flex:1;padding:10px 14px;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--feedback-tab-inactive);font-size:13px;font-weight:500;cursor:pointer;transition:color var(--feedback-transition),background var(--feedback-transition)}.feedback-widget__tab:hover{color:var(--feedback-tab-active)}.feedback-widget__tab.is-active{background:#fff;color:var(--feedback-tab-active);box-shadow:0 1px 3px rgba(0,0,0,.08)}.feedback-widget__tab:focus{outline:none}.feedback-widget__tab:focus-visible{outline:2px solid var(--feedback-input-focus);outline-offset:2px}.feedback-widget__content{position:relative;min-height:120px}.feedback-widget__pane{display:none;animation:feedback-fade .2s ease}.feedback-widget__pane.is-visible{display:block}@keyframes feedback-fade{from{opacity:0}to{opacity:1}}.feedback-widget__help{margin:0 0 12px;color:var(--feedback-help);font-size:13px}.feedback-widget__input{width:100%;padding:12px 14px;border:1px solid var(--feedback-input-border);border-radius:10px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:100px;transition:border-color var(--feedback-transition),box-shadow var(--feedback-transition)}.feedback-widget__input::placeholder{color:#9ca3af}.feedback-widget__input:focus{outline:none;border-color:var(--feedback-input-focus);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.feedback-widget__input.feedback-widget__input--error{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.2)}.feedback-widget__actions{margin-top:16px}.feedback-widget__submit{width:100%;padding:12px 20px;border:none;border-radius:10px;background:var(--feedback-submit-bg);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--feedback-transition),transform .1s ease}.feedback-widget__submit:hover{background:var(--feedback-submit-bg-hover)}.feedback-widget__submit:active{transform:scale(0.99)}.feedback-widget__submit:focus{outline:none}.feedback-widget__submit:focus-visible{outline:2px solid var(--feedback-input-focus);outline-offset:2px}.feedback-widget__submit:disabled{opacity:.7;cursor:not-allowed}
