.offline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.offline-modal{background:#fff;border-radius:20px;padding:40px 32px 32px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.12)}.offline-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.offline-close:hover{color:#333}.offline-icon{margin-bottom:16px}.offline-title{font-size:22px;font-weight:700;color:#1A1A1A;margin:0 0 8px}.offline-text{font-size:15px;color:#666;margin:0 0 24px;line-height:1.5}.offline-btn{width:100%;padding:14px;background:#1A1A1A;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.offline-btn:hover{background:#333}