.offline-dashboard{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:18px;margin:18px 0;padding:20px;border:1px solid #c9dfd1;background:linear-gradient(120deg,#f4fbf6,#fff);box-shadow:0 8px 25px rgba(18,59,42,.06)}
.offline-avatar{position:relative;width:76px;height:76px;margin:auto;animation:offline-avatar-float 3.2s ease-in-out infinite}.offline-avatar svg{display:block;width:100%;height:100%;overflow:visible}.offline-avatar-eye{transform-box:fill-box;transform-origin:center;animation:offline-avatar-blink 5s infinite}.offline-avatar-spark{animation:offline-spark 2s ease-in-out infinite}.offline-avatar-star{position:absolute;right:-4px;top:6px;color:#d6a83c;font-size:18px;animation:offline-spark 2s ease-in-out infinite .3s}
.offline-guide-intro{display:flex;align-items:center;gap:16px;margin:0 0 20px}.offline-guide-intro .offline-avatar{flex:0 0 82px;width:82px;height:82px}.offline-guide-speech,.offline-dashboard-speech{position:relative;padding:12px 15px;border:1px solid #c9dfd1;border-radius:14px;background:#f4fbf6;color:#244b37;line-height:1.55}.offline-guide-speech::before{content:"";position:absolute;left:-7px;top:25px;width:12px;height:12px;background:#f4fbf6;border-left:1px solid #c9dfd1;border-bottom:1px solid #c9dfd1;transform:rotate(45deg)}.offline-guide-speech p{margin:4px 0 0}
.offline-dashboard-speech{margin:7px 0 10px}
.offline-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.offline-guide-card{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.offline-guide-card h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:16px}.offline-guide-card-ready h3 span{color:#26754e}.offline-guide-card-online h3 span{color:#9a6811}.offline-guide-card ul{padding-left:20px;margin:0;line-height:1.55}.offline-guide-card li{margin:6px 0}.offline-guide-prepare{margin:14px 0;padding:14px 16px;border-radius:12px;background:#f5f7f6}.offline-guide-prepare h3{margin:0 0 7px}.offline-guide-prepare ol{padding-left:22px;margin:0;line-height:1.6}.offline-guide-prepare li{margin:5px 0}
.offline-dashboard-head,.offline-dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.offline-dashboard h3{margin:4px 0 8px}
.offline-dashboard p{margin:8px 0;color:var(--muted);line-height:1.55}
.offline-queue-count{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.offline-queue-count p{display:inline-block;margin:0 12px 0 0}
.offline-help{max-width:760px}
.offline-help h2{margin:0 0 12px}
.offline-help h3{margin-bottom:6px}
.offline-help ul{padding-left:22px;line-height:1.65}
.offline-help li{margin:5px 0}
.offline-warning{padding:12px 14px;background:#fff4d7;border-left:4px solid #c58a14;border-radius:7px;color:#654a0c;line-height:1.55}
.offline-install{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8faf9}
.offline-install p{line-height:1.6}
.offline-queue-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.offline-queue-item .badge{margin-left:8px}
.offline-queue-item>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.offline-queue-item p{margin:8px 0}
.offline-pending-badge{margin:10px 0}
.offline-dashboard .stag,.offline-help .stag{font-family:"Space Mono",monospace;font-size:11px;color:var(--green2);letter-spacing:.08em}
.offline-dashboard .badge.warn{background:#fff0c9;color:#7b5b00}
@keyframes offline-avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes offline-avatar-blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes offline-spark{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.13)}}
@media(prefers-reduced-motion:reduce){.offline-avatar,.offline-avatar-eye,.offline-avatar-spark,.offline-avatar-star{animation:none}}
@media(max-width:700px){.offline-guide-columns{grid-template-columns:1fr}}
@media(max-width:600px){.offline-queue-item{display:block}.offline-queue-item>div:last-child{justify-content:flex-start;margin-top:10px}.offline-dashboard{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:14px}.offline-dashboard .offline-avatar{width:52px;height:52px}.offline-guide-intro{align-items:flex-start;gap:10px}.offline-guide-intro .offline-avatar{flex-basis:56px;width:56px;height:56px}.offline-guide-speech{padding:10px 12px;font-size:14px}.offline-guide-columns{gap:9px}.offline-guide-card{padding:13px}.offline-guide-card ul{font-size:14px}}