.home-shell .companion-card { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}
.home-shell .companion-card img { -webkit-user-drag: none;
}
.home-shell .companion-card[data-home-feedback-hidden] { display: none !important;
}
.home-shell .companion-card[data-home-feedback-open] { transform: none !important;
}
.home-shell .home-card-feedback { position: absolute; inset: 0; z-index: 8; overflow: hidden; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,.76) 55%, rgba(255,255,255,.98)); animation: home-feedback-appear .12s ease-out;
}
.home-shell .home-feedback-close { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.96); color: #8a8a8a; font: 26px/1 sans-serif; cursor: pointer;
}
.home-shell .home-feedback-dismiss { position: absolute; left: 12px; right: 12px; bottom: 22px; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; margin: 0; padding: 10px 12px; border: 0; border-radius: 28px; background: #fff; color: #25272c; font: 500 15px/1.4 system-ui, sans-serif; white-space: nowrap; cursor: pointer; box-shadow: 0 2px 12px #00000005;
}
.home-shell .home-feedback-dismiss svg { flex: 0 0 22px;
}
.home-shell .home-card-feedback button::after { border: 0;
}
.home-shell .home-card-feedback button:focus-visible { outline: 2px solid #997100; outline-offset: -3px;
}
.home-shell .home-feedback-empty { padding: 24px 12px; color: #858a92; font-size: 13px; text-align: center;
}
@keyframes home-feedback-appear {
from { opacity: 0;
}
to { opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.home-shell .home-card-feedback { animation: none;
}
}