.site-unavailable{background:var(--bg);min-height:100svh;color:var(--ink);text-align:center;grid-template-rows:auto 1fr auto;gap:40px;padding:32px clamp(20px,5vw,80px);display:grid}.site-unavailable-brand{justify-content:center;display:flex}.site-unavailable-brand .logo{margin:0}.site-unavailable-content{place-self:center;width:100%;max-width:660px;padding-block:24px;animation:.35s ease-out both site-unavailable-enter}.site-unavailable-symbol{border:1px solid var(--line);width:104px;height:104px;color:var(--purple);background:var(--lavender);border-radius:32px;place-items:center;margin:0 auto 36px;display:grid;position:relative;transform:rotate(-6deg)}.site-unavailable-symbol>.icon{stroke-width:1.3px;width:52px;height:52px;transform:rotate(6deg)}.site-unavailable-symbol>span{border:3px solid var(--bg);background:var(--surface-soft);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-8px;transform:rotate(6deg)}.site-unavailable :is(h1,h2){font:600 clamp(30px,4vw,48px)/1.18 var(--font-display,Georgia,serif);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}.site-unavailable-description{max-width:490px;color:var(--muted);text-wrap:pretty;margin:24px auto 28px;font-size:17px;line-height:1.7}.site-unavailable-retry{border-radius:12px;gap:10px;min-height:50px;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s}.site-unavailable-retry .icon{width:20px;height:20px}.site-unavailable-retry:disabled{opacity:.65;cursor:default}.site-unavailable-retry[aria-busy=true] .icon{animation:1s linear infinite site-unavailable-spin}.site-unavailable-retry:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.site-unavailable-status{max-width:360px;min-height:40px;color:var(--muted);margin:18px auto 0;font-size:13px;line-height:1.5}.site-unavailable-footer{color:var(--muted);background:0 0;padding:0;font-size:13px}@media (hover:hover){.site-unavailable-retry:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--purple) 15%,transparent);transform:translateY(-2px)}}@media (max-width:600px){.site-unavailable{gap:24px;padding:24px 20px}.site-unavailable-content{padding-block:12px}.site-unavailable-symbol{border-radius:26px;width:88px;height:88px;margin-bottom:28px}.site-unavailable-description{margin-top:20px;font-size:16px}.site-unavailable-retry{width:100%;max-width:340px}}@media (max-width:360px){.site-unavailable h1{font-size:26px}}@keyframes site-unavailable-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes site-unavailable-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.site-unavailable-content,.site-unavailable-retry[aria-busy=true] .icon{animation:none}.site-unavailable-retry{transition:none}}.site-unavailable-compact{background:var(--reader-surface,var(--surface));min-height:340px;color:var(--reader-ink,var(--ink));border-radius:20px;grid-template-rows:1fr;gap:0;padding:24px 16px}.site-unavailable-compact .site-unavailable-brand,.site-unavailable-compact .site-unavailable-footer{display:none}.site-unavailable-compact h2{font-size:clamp(23px,4vw,32px)}.site-unavailable-compact .site-unavailable-symbol{border-radius:22px;width:68px;height:68px;margin-bottom:22px}.site-unavailable-compact .site-unavailable-symbol>.icon{width:36px;height:36px}.site-unavailable-compact .site-unavailable-description{font:15px/1.6 var(--font-ui,sans-serif);color:var(--reader-muted,var(--muted));margin:18px auto 22px}