.app-feedback-viewport{position:fixed;z-index:10000;top:calc(var(--feedback-top, 0px) + env(safe-area-inset-top, 0px) + 12px);left:calc(var(--feedback-left, 0px) + env(safe-area-inset-left, 0px) + 12px);width:calc(var(--feedback-width, 100vw) - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 24px);max-height:calc(var(--feedback-height, 100dvh) - env(safe-area-inset-top, 0px) - 24px);display:flex;flex-direction:column;align-items:center;gap:8px;overflow-y:auto;pointer-events:none}.app-feedback-card{--feedback-accent:#ff9b9b;box-sizing:border-box;width:min(520px,100%);min-height:60px;min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) 44px;align-items:start;grid-gap:10px;gap:10px;padding:12px 8px 12px 14px;border:1px solid var(--feedback-accent);border-radius:16px;background:#211d28;color:#f4f7fb;box-shadow:0 12px 40px rgba(0,0,0,.45);pointer-events:auto;font-size:15px;line-height:1.45;opacity:1;transition:opacity var(--feedback-motion-duration) cubic-bezier(.23,1,.32,1)}.app-feedback-card[data-visible=false]{opacity:0}.app-feedback-card[data-closing=true]{pointer-events:none}.app-feedback-warning{--feedback-accent:#ffd18a;background:#29231c}.app-feedback-success{--feedback-accent:#8cdeb7;background:#182c29}.app-feedback-info{--feedback-accent:#a2c2ff;background:#1a263b}.app-feedback-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid;border-radius:50%;color:var(--feedback-accent);font-weight:800}.app-feedback-content{min-width:0;max-height:min(240px,max(64px,calc((var(--feedback-height, 100dvh) - env(safe-area-inset-top, 0px) - 140px) / var(--feedback-count, 1))));overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere;white-space:pre-wrap}.app-feedback-content strong{display:block;font-size:14px;color:var(--feedback-accent)}.app-feedback-content p{margin:4px 0 0;color:#f4f7fb}.app-feedback-close{display:grid;place-items:center;width:44px;min-height:44px;margin:-6px 0 0;padding:0;border:0;border-radius:10px;background:transparent;color:#f4f7fb;font-size:26px;cursor:pointer}@media (hover:hover) and (pointer:fine){.app-feedback-close:hover{background:rgba(255,255,255,.1)}}.app-feedback-close:focus-visible{outline:2px solid #fff;outline-offset:-2px}.app-feedback-content:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.app-feedback-card{transition-duration:.1s}}