.offline-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--gold,#d4ba7d);text-decoration:none;font-size:.8rem;white-space:nowrap}.offline-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.offline-strip{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.7rem 1rem;margin:0 0 1rem;border:1px solid var(--border,rgba(212,186,125,.18));background:var(--panel,rgba(212,186,125,.05));border-radius:12px;font-size:.8rem;color:var(--muted,#b3c0b7)}.offline-strip[hidden]{display:none}.offline-strip a{color:var(--gold,#d4ba7d)}.offline-main{max-width:850px;margin-inline:auto}.offline-intro{text-align:center;padding:1.4rem 1rem 1.8rem}.offline-intro h1{font-family:ArabicDisplay,serif;font-size:clamp(1.7rem,5vw,2.5rem);margin:.6rem 0}.offline-intro>p:last-child{max-width:530px;margin-inline:auto;line-height:1.9;opacity:.8}.offline-emblem{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:24px;background:rgba(212,186,125,.08);border:1px solid rgba(212,186,125,.25);color:var(--gold,#d4ba7d);margin-bottom:.6rem}.offline-emblem svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.offline-install{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;border:1px solid var(--border,rgba(212,186,125,.16));border-radius:16px;margin-bottom:1rem}.offline-install p{font-size:.8rem;line-height:1.8;opacity:.8;margin:.25rem 0 0}.offline-notice{font-size:.85rem;line-height:1.8;min-height:1.5em}.offline-notice[data-error=true]{color:#eab89b}.offline-pack{border:1px solid var(--border,rgba(212,186,125,.25));border-radius:22px;padding:1.5rem;margin:1rem 0;background:var(--surface,rgba(255,255,255,.025))}.offline-pack-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.offline-pack h2{font-size:1.25rem;margin:.5rem 0}.offline-pack>p{font-size:.9rem;line-height:2;opacity:.85}.offline-pill{font-size:.72rem;letter-spacing:.03em;color:var(--gold,#d4ba7d)}.offline-pack-state{font-size:.75rem;border-radius:50px;padding:.4rem .8rem;background:rgba(128,150,137,.1);text-align:center;flex-shrink:0}.offline-pack[data-ready=true] .offline-pack-state{background:rgba(114,180,143,.14);color:#99d4ad}.offline-pack-facts{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.offline-pack-facts span{border:1px solid var(--border,rgba(212,186,125,.16));border-radius:7px;font-size:.75rem;padding:.25rem .6rem}.offline-pack-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.offline-pack-actions .primary-action{padding:.8rem 1.1rem}.offline-remove{font:inherit;font-size:.8rem;background:transparent;border:0;color:inherit;opacity:.65;padding:.6rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.offline-progress{margin:1rem 0}.offline-progress progress{display:block;width:100%;height:9px;accent-color:#cbb078;border:0;border-radius:10px;overflow:hidden;background:rgba(128,150,137,.15)}.offline-progress progress::-webkit-progress-bar{background:rgba(128,150,137,.15)}.offline-progress progress::-webkit-progress-value{background:#cbb078;border-radius:10px}.offline-progress span{display:block;font-size:.8rem;margin-top:.5rem}.offline-pack .offline-pack-note{font-size:.78rem;min-height:1.4em;margin-bottom:0}.offline-help{padding:1.2rem .5rem}.offline-help h2{font-size:1.1rem}.offline-help ul{padding-inline-start:1.3rem;line-height:2;font-size:.85rem;opacity:.85}.offline-help li{margin:.5rem 0}.offline-help>p{font-size:.8rem;opacity:.75;line-height:1.9}.offline-quick-links{display:flex;gap:.6rem;flex-wrap:wrap;padding-bottom:2rem}#offlineRemoveDialog{max-width:min(450px,calc(100vw - 2rem));padding:1.5rem}#offlineRemoveDialog p{line-height:1.9}.offline-pack button:focus-visible,.offline-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}html[data-connection=offline] .voice-toggle,html[data-connection=offline] #dailyVoice{opacity:.5}html[data-theme=light] .offline-pack[data-ready=true] .offline-pack-state{color:#276a41}html[data-theme=light] .offline-notice[data-error=true]{color:#943c24}@media(max-width:540px){.offline-pack{padding:1.1rem}.offline-pack-heading{align-items:flex-start;gap:.5rem}.offline-pack-state{font-size:.67rem;padding:.4rem .55rem}.offline-install{align-items:flex-start;flex-direction:column}.offline-pack-actions .primary-action{flex:1}.offline-link{font-size:.74rem}.offline-pack h2{font-size:1.1rem}}

.account-bar{flex-wrap:wrap}.account-bar .account-sync{flex:1 1 190px;max-width:none}.offline-link{min-height:44px}.offline-pack,.offline-install{border-color:var(--line)}