.yk-feedback-fab{position:fixed;bottom:max(24px,var(--yk-safe-bottom, 24px));right:24px;width:44px;height:44px;border-radius:50%;background:transparent;border:1.5px solid #2c8c84;opacity:.3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:1000;padding:0}.yk-feedback-fab svg{width:18px;height:18px;color:#2c8c84;transition:color .2s}.yk-feedback-fab:hover{opacity:.85;background:#2c8c84;border-color:#2c8c84;box-shadow:0 4px 16px #2c8c844d}.yk-feedback-fab:hover svg{color:#fff}.yk-feedback-fab.is-loading{opacity:.85;pointer-events:none}.yk-feedback-fab.is-loading svg{display:none}.yk-feedback-fab.is-loading:after{content:"";width:18px;height:18px;border:2px solid #2c8c84;border-top-color:transparent;border-radius:50%;animation:yk-fab-spin .6s linear infinite}@keyframes yk-fab-spin{to{transform:rotate(360deg)}}.yk-feedback-overlay{position:fixed;inset:0;z-index:100001;display:flex;justify-content:flex-end;align-items:flex-end;background:#110e0c59;animation:yk-fadeIn .15s ease}.yk-feedback-drawer{width:min(460px,calc(100vw - 36px));max-height:calc(100vh - 48px);margin:0 24px max(80px,calc(var(--yk-safe-bottom, 24px) + 56px)) 0;background:#fff;border:1px solid #e9e1d6;border-radius:18px;box-shadow:0 8px 40px #110e0c29;display:flex;flex-direction:column;overflow:hidden;animation:yk-drawerIn .25s ease-out}@keyframes yk-drawerIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.yk-feedback-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9e1d6}.yk-feedback-drawer__header-left{display:flex;align-items:center;gap:8px}.yk-feedback-drawer__header-left svg{width:18px;height:18px;color:#2c8c84}.yk-feedback-drawer__title{font-size:15px;font-weight:700;color:#2e2a4a}.yk-feedback-drawer__close{background:none;border:none;cursor:pointer;padding:4px;color:#6e655e;display:flex;border-radius:6px}.yk-feedback-drawer__close:hover{color:#1f1a17}.yk-feedback-drawer__close svg{width:18px;height:18px}.yk-feedback-drawer__body{padding:18px 20px;flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.yk-feedback-drawer__context{display:flex;align-items:center;gap:6px;font-size:12px;color:#6e655e;font-weight:600}.yk-feedback-drawer__context svg{width:13px;height:13px;color:#2c8c84;flex-shrink:0}.yk-feedback-drawer__screenshot{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#fbf8f3;border:1px solid #e9e1d6}.yk-feedback-drawer__screenshot-thumb{width:56px;height:36px;border-radius:4px;flex-shrink:0;border:1px solid #e9e1d6;object-fit:cover}.yk-feedback-drawer__screenshot-thumb--empty{background:linear-gradient(135deg,#e8e4de,#d4cfc6)}.yk-feedback-drawer__screenshot-thumb--loading{animation:yk-screenshot-pulse 1.2s ease-in-out infinite}@keyframes yk-screenshot-pulse{0%,to{opacity:1}50%{opacity:.5}}.yk-feedback-drawer__screenshot-info{font-size:11px}.yk-feedback-drawer__screenshot-title{font-weight:700;color:#1f1a17}.yk-feedback-drawer__screenshot-sub{color:#6e655e}.yk-feedback-drawer__textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid #e9e1d6;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;color:#1f1a17;background:#fff;resize:vertical;line-height:1.5}.yk-feedback-drawer__textarea:focus{outline:none;border-color:#2c8c84a6;box-shadow:0 0 0 2px #2c8c8426}.yk-feedback-drawer__textarea::placeholder{color:#6e655e}.yk-feedback-drawer__footer{padding:14px 20px;border-top:1px solid #e9e1d6;display:flex;gap:10px;justify-content:flex-end;align-items:center}.yk-feedback-drawer__status{font-size:12px;font-weight:600;margin-right:auto}.yk-feedback-drawer__status.is-error{color:#d46a5e}.yk-feedback-drawer__status.is-success{color:#2c8c84}.yk-feedback-drawer .yk-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid transparent;cursor:pointer;padding:10px 18px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.1;text-decoration:none;appearance:none}.yk-feedback-drawer .yk-btn-primary{background:#2e2a4a;color:#fff;box-shadow:0 8px 18px #2e2a4a2e}.yk-feedback-drawer .yk-btn-primary:hover{background:#3a3560}.yk-feedback-drawer .yk-btn-outline{background:transparent;color:#2e2a4a;border:1px solid rgba(46,42,74,.25)}.yk-feedback-drawer .yk-btn-outline:hover{border-color:#2e2a4a73}.yk-feedback-drawer .yk-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.yk-feedback-toast{position:fixed;bottom:max(24px,var(--yk-safe-bottom, 24px));right:24px;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:#2c8c84;color:#fff;font-size:13px;font-weight:700;font-family:inherit;box-shadow:0 4px 16px #2c8c8459;z-index:100002;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.yk-feedback-toast.is-visible{opacity:1;transform:translateY(0)}@keyframes yk-fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:dark){html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-fab{opacity:.5;border-color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-fab svg{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-fab:hover{opacity:1;border-color:#7dcfff;background:#7dcfff}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-fab:hover svg{color:#0d1017}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-overlay{background:#00000080}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer{background:#151921;border-color:#7aa2f72e;box-shadow:0 8px 40px #0000004d}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__header{border-bottom-color:#7aa2f72e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__header-left svg{color:#7dcfff}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__title{color:#7aa2f7}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__close{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__close:hover{color:#c0caf5}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__context{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__context svg{color:#7dcfff}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__screenshot{background:#0d1017;border-color:#7aa2f72e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__screenshot-thumb{border-color:#7aa2f72e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__screenshot-title{color:#c0caf5}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__screenshot-sub{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__textarea{background:#151921;color:#c0caf5;border-color:#7aa2f72e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__textarea::placeholder{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__footer{border-top-color:#7aa2f72e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__status{color:#a9b1d6}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__status.is-error{color:#f7768e}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer__status.is-success{color:#7dcfff}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer .yk-btn-primary{background:#7aa2f7;color:#0d1017;box-shadow:0 8px 18px #0000004d}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer .yk-btn-primary:hover{background:#89b0ff}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer .yk-btn-outline{color:#a9b1d6;border-color:#7aa2f740}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-drawer .yk-btn-outline:hover{border-color:#7aa2f773;color:#c0caf5}html:not(.yk-theme-light):not(.yk-theme-dark) .yk-feedback-toast{background:#7dcfff;color:#0d1017;box-shadow:0 4px 16px #7dcfff40}}html.yk-theme-dark .yk-feedback-fab{opacity:.5;border-color:#a9b1d6}html.yk-theme-dark .yk-feedback-fab svg{color:#a9b1d6}html.yk-theme-dark .yk-feedback-fab:hover{opacity:1;border-color:#7dcfff;background:#7dcfff}html.yk-theme-dark .yk-feedback-fab:hover svg{color:#0d1017}html.yk-theme-dark .yk-feedback-overlay{background:#00000080}html.yk-theme-dark .yk-feedback-drawer{background:#151921;border-color:#7aa2f72e;box-shadow:0 8px 40px #0000004d}html.yk-theme-dark .yk-feedback-drawer__header{border-bottom-color:#7aa2f72e}html.yk-theme-dark .yk-feedback-drawer__header-left svg{color:#7dcfff}html.yk-theme-dark .yk-feedback-drawer__title{color:#7aa2f7}html.yk-theme-dark .yk-feedback-drawer__close{color:#a9b1d6}html.yk-theme-dark .yk-feedback-drawer__close:hover{color:#c0caf5}html.yk-theme-dark .yk-feedback-drawer__context{color:#a9b1d6}html.yk-theme-dark .yk-feedback-drawer__context svg{color:#7dcfff}html.yk-theme-dark .yk-feedback-drawer__screenshot{background:#0d1017;border-color:#7aa2f72e}html.yk-theme-dark .yk-feedback-drawer__screenshot-thumb{border-color:#7aa2f72e}html.yk-theme-dark .yk-feedback-drawer__screenshot-title{color:#c0caf5}html.yk-theme-dark .yk-feedback-drawer__screenshot-sub{color:#a9b1d6}html.yk-theme-dark .yk-feedback-drawer__textarea{background:#151921;color:#c0caf5;border-color:#7aa2f72e}html.yk-theme-dark .yk-feedback-drawer__textarea::placeholder{color:#a9b1d6}html.yk-theme-dark .yk-feedback-drawer__footer{border-top-color:#7aa2f72e}html.yk-theme-dark .yk-feedback-drawer__status{color:#a9b1d6}html.yk-theme-dark .yk-feedback-drawer__status.is-error{color:#f7768e}html.yk-theme-dark .yk-feedback-drawer__status.is-success{color:#7dcfff}html.yk-theme-dark .yk-feedback-drawer .yk-btn-primary{background:#7aa2f7;color:#0d1017;box-shadow:0 8px 18px #0000004d}html.yk-theme-dark .yk-feedback-drawer .yk-btn-primary:hover{background:#89b0ff}html.yk-theme-dark .yk-feedback-drawer .yk-btn-outline{color:#a9b1d6;border-color:#7aa2f740}html.yk-theme-dark .yk-feedback-drawer .yk-btn-outline:hover{border-color:#7aa2f773;color:#c0caf5}html.yk-theme-dark .yk-feedback-toast{background:#7dcfff;color:#0d1017;box-shadow:0 4px 16px #7dcfff40}
