.assistant-bot { padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; }.assistant-bot:focus-visible { outline: 3px solid #0d8292; outline-offset: 6px; }.assistant-bot:hover .bot-head { transform: translateY(-4px) rotate(-2deg); }.assistant-bot:hover .bot-message { transform: translateY(-3px); }.bot-head, .bot-message { transition: transform .2s ease; }
.home-assistant-guide[hidden] { display: none; }.home-assistant-guide { position: fixed; inset: 0; z-index: 3100; display: grid; place-items: center; padding: 1.25rem; }.home-assistant-guide__backdrop { position: absolute; inset: 0; background: rgba(9, 20, 40, .56); backdrop-filter: blur(7px); }.home-assistant-guide__panel { position: relative; z-index: 1; width: min(100%, 38rem); max-height: min(90vh, 49rem); overflow-y: auto; padding: 1.65rem; border: 1px solid rgba(255,255,255,.7); border-radius: 1.3rem; background: #fff; box-shadow: 0 1.8rem 4.5rem rgba(8,20,43,.32); color: #1c314b; animation: home-guide-in .2s ease-out; }.home-assistant-guide__close { position: absolute; top: .85rem; right: .85rem; display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid #c5d2df; border-radius: 50%; background: #f8fafc; color: #35516c; }.home-assistant-guide__close:hover { background: #e7f3f5; color: #076d7b; }
.home-assistant-guide__heading { display: flex; gap: .8rem; align-items: center; padding-right: 2.5rem; }.home-assistant-guide__heading > span { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .85rem; background: linear-gradient(145deg,#0a8492,#183a58); color: #fff; font-size: 1.12rem; }.home-assistant-guide__heading p { margin: 0; color: #087583; font-size: .73rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.home-assistant-guide__heading h2 { margin: .18rem 0 0; color: #183450; font-size: 1.35rem; font-weight: 780; letter-spacing: -.035em; }.home-assistant-guide__copy { margin: 1rem 0; color: #4b6178; font-size: .9rem; line-height: 1.5; }
.home-assistant-guide__choices { display: grid; grid-template-columns: repeat(2,1fr); gap: .65rem; }.home-assistant-guide__choices button { display: grid; grid-template-columns: 1.5rem 1fr auto; gap: .5rem; align-items: center; min-height: 4.1rem; padding: .7rem; border: 1px solid #c4d4df; border-radius: .82rem; background: #fbfdfe; color: #25415d; text-align: left; }.home-assistant-guide__choices button:hover { border-color: #4a9da7; background: #edf8f9; color: #075e6a; }.home-assistant-guide__choices button > i:first-child { color: #087b8b; font-size: 1.05rem; }.home-assistant-guide__choices b, .home-assistant-guide__choices small { display: block; }.home-assistant-guide__choices b { font-size: .8rem; }.home-assistant-guide__choices small { margin-top: .14rem; color: #61768a; font-size: .67rem; line-height: 1.35; }.home-assistant-guide__choices > button > i:last-child { font-size: .72rem; }
.home-assistant-guide__form { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dbe5ec; }.home-assistant-guide__form label { display: block; margin-bottom: .45rem; color: #29445e; font-size: .82rem; font-weight: 760; }.home-assistant-guide__form textarea, .home-assistant-guide__form select { border: 1px solid #9eb2c4; border-radius: .7rem; color: #1b314b; font-size: .88rem; }.home-assistant-guide__form textarea { width: 100%; padding: .65rem .75rem; resize: vertical; }.home-assistant-guide__form textarea:focus, .home-assistant-guide__form select:focus { border-color: #087b8b; outline: 0; box-shadow: 0 0 0 .2rem rgba(8,123,139,.14); }.home-assistant-guide__form > div { display: grid; grid-template-columns: 1fr auto; gap: .6rem; margin-top: .65rem; }.home-assistant-guide__form select { min-width: 0; padding: .62rem .7rem; background: #fff; }.home-assistant-guide__form button { padding: .62rem .85rem; border: 1px solid #075e6a; border-radius: .7rem; background: #075e6a; color: #fff; font-size: .8rem; font-weight: 760; }.home-assistant-guide__form button:hover { background: #064954; }.home-assistant-guide__safety { display: flex; gap: .45rem; margin: 1rem 0 0; color: #526b7e; font-size: .73rem; line-height: 1.45; }.home-assistant-guide__safety i { color: #087b8b; }
@keyframes home-guide-in { from { transform: translateY(10px) scale(.98); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }@media (max-width:575px) { .home-assistant-guide { padding: .7rem; }.home-assistant-guide__panel { padding: 1.25rem; border-radius: 1rem; }.home-assistant-guide__choices { grid-template-columns: 1fr; }.home-assistant-guide__form > div { grid-template-columns: 1fr; } }