#online-overlay{position:fixed;inset:0;z-index:900;background:#faf8f1;overflow:auto}#online-overlay[hidden]{display:none}.online-connection{font-size:12px;color:#667566;line-height:1.7;margin-top:20px}.online-choice{max-width:720px;margin:30px auto;padding:20px}.online-choice>img{display:block;width:220px;margin:auto}.online-choice .panel{padding:30px}.online-choice h1{font-size:24px}.online-choice h2{font-size:17px}.online-choice p{line-height:1.75}.online-choice article{padding:18px;border:1px solid #d4dccc;border-radius:12px;margin:18px 0}.online-choice .button{margin-top:12px}.online-choice small{display:block;margin:8px 0}.online-choice .subtle{font-size:12px}#cloud-status{position:fixed;bottom:12px;left:20px;z-index:70;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#faf8f1ee;box-shadow:0 2px 12px #24372915;font-size:11px;max-width:min(650px,calc(100vw - 24px))}#cloud-status[hidden]{display:none}#cloud-status button{border:0;background:transparent;color:#3f6656;text-decoration:underline;padding:3px;cursor:pointer}.cloud-indicator{width:6px;height:6px;border-radius:50%;background:#a8a28c;flex-shrink:0}.cloud-indicator.is-connected{background:#6b8c59}#cloud-status time{opacity:.7}@media(max-width:650px){#cloud-status{bottom:76px;left:12px;flex-wrap:wrap}.online-choice{margin:8px auto}.online-choice .panel{padding:20px}}