.database-recovery{--recovery-paper:#f2eee5;--recovery-gold:#c5b28e;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;overflow:hidden;background:#080b12;color:var(--recovery-paper);padding:0 clamp(24px,5vw,80px)}.database-recovery:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,18,.9),rgba(8,11,18,.47) 52%,rgba(8,11,18,.08));pointer-events:none}.database-recovery .database-recovery-scene{inset:-6% -16% -6% 9%}.database-recovery-content,.database-recovery-footer,.database-recovery-header{position:relative;z-index:2}.database-recovery-header{display:flex;align-items:center;min-height:92px;border-bottom:1px solid rgba(228,216,194,.1)}.database-recovery-brand{display:inline-flex;align-items:center;gap:14px;color:#e8e0d1;text-decoration:none}.database-recovery-brand img{width:38px;height:38px;flex-shrink:0;object-fit:contain;filter:brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(274%) hue-rotate(356deg) brightness(103%) contrast(88%)}.database-recovery-brand>span{display:grid;grid-gap:7px;gap:7px;font:400 16px/1.4 Songti SC,STSong,SimSun,serif;letter-spacing:.06em}.database-recovery-brand small{color:#aaa395;font-family:var(--font-sans);font-size:7px;letter-spacing:.17em}.database-recovery-content{width:min(720px,100%);margin:auto 0;padding:clamp(80px,13vh,160px) 0}.database-recovery-eyebrow{color:var(--recovery-gold);font-size:9px;letter-spacing:.21em;line-height:1.8}.database-recovery-content h1{margin:25px 0 22px;color:var(--recovery-paper);font:400 clamp(30px,4vw,52px)/1.5 Songti SC,"Noto Serif SC",STSong,SimSun,serif;letter-spacing:.05em;text-wrap:balance}.database-recovery-content h1:focus{outline:none}.database-recovery-content p{margin:0;color:#b7b0a5;font-size:13px;line-height:2}.database-recovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:36px}.database-recovery-retry{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:174px;min-height:48px;border:1px solid rgba(208,188,151,.52);border-radius:2px;padding:0 19px;background:rgba(244,240,232,.055);color:#efe4cf;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}.database-recovery-retry:hover:not(:disabled){border-color:#d0bc97;background:rgba(244,240,232,.12)}.database-recovery-retry:disabled{cursor:wait;opacity:.68}.database-recovery-retry svg{flex-shrink:0;color:var(--recovery-gold)}.database-recovery-retry .is-connecting{animation:databaseReconnect 1.4s linear infinite}.database-recovery-home{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border-bottom:1px solid rgba(208,188,151,.25);color:#c6bdad;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s}.database-recovery-home:hover{border-bottom-color:#d0bc97;color:#efe4cf}.database-recovery-home>span{color:var(--recovery-gold);font-size:18px}.database-recovery :is(a,button):focus-visible{outline:2px solid #d0bc97;outline-offset:5px}.database-recovery-footer{margin-top:auto;border-top:1px solid rgba(228,216,194,.1);padding:22px 0 max(28px,env(safe-area-inset-bottom));color:#9e9586;font:12px/1.8 Songti SC,STSong,serif;letter-spacing:.12em}.database-recovery-progress{width:128px;height:1px;overflow:hidden;margin-top:36px;background:rgba(208,188,151,.18)}.database-recovery-progress>span{display:block;width:45%;height:100%;background:#c5b28e;animation:databaseProgress 2.1s ease-in-out infinite}@keyframes databaseReconnect{to{transform:rotate(1turn)}}@keyframes databaseProgress{0%{transform:translateX(-105%)}to{transform:translateX(330%)}}@media (max-width:650px){.database-recovery{padding:0 24px}.database-recovery-header{min-height:76px}.database-recovery-brand{gap:11px}.database-recovery-brand img{width:31px;height:31px}.database-recovery-brand>span{font-size:12px;letter-spacing:.03em}.database-recovery-brand small{font-size:6px;letter-spacing:.08em}.database-recovery .database-recovery-scene{inset:6% -42% 10% -42%;opacity:.65}.database-recovery:after{background:linear-gradient(180deg,rgba(8,11,18,.22),rgba(8,11,18,.65) 48%,rgba(8,11,18,.36))}.database-recovery-content{padding:96px 0}.database-recovery-eyebrow{font-size:8px;letter-spacing:.14em}.database-recovery-content h1{margin:22px 0 18px;font-size:clamp(28px,7.5vw,39px);letter-spacing:.015em}.database-recovery-content p{max-width:290px;font-size:12px}.database-recovery-actions{gap:24px;margin-top:30px}.database-recovery-retry{min-width:155px;gap:21px;min-height:48px}.database-recovery-home{gap:15px}.database-recovery-footer{font-size:11px}}@media (prefers-reduced-motion:reduce){.database-recovery-progress>span,.database-recovery-retry .is-connecting{animation:none}.database-recovery-home,.database-recovery-retry{transition:none}}.observatory-state .database-recovery-header{justify-content:space-between;gap:18px}.observatory-state .database-recovery-content{padding:clamp(42px,7vh,96px) 0}.observatory-state-orbit{width:86px;height:86px;color:#c6b48e;margin-bottom:32px;opacity:.75}.observatory-state-orbit svg{width:100%;height:100%}.observatory-state .database-recovery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.observatory-state .database-recovery-footer small{font:8px var(--font-sans);letter-spacing:.18em}.observatory-state .database-recovery-retry{text-decoration:none}.database-recovery-loading .observatory-state-orbit{animation:observatoryOrbit 40s linear infinite}@keyframes observatoryOrbit{to{transform:rotate(1turn)}}@media (max-width:650px){.observatory-state .observatory-guide-trigger kbd,.observatory-state .observatory-guide-trigger span{display:none}.observatory-state .database-recovery-content{padding:60px 0}.observatory-state-orbit{width:70px;height:70px;margin-bottom:24px}.observatory-state .database-recovery-footer small{display:none}}@media (prefers-reduced-motion:reduce){.database-recovery-loading .observatory-state-orbit{animation:none}}