.sw-update-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#12121ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:12px 14px;border-radius:16px;z-index:9999;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 10px 30px #00000080,0 0 20px #00ffff26,inset 0 1px 1px #ffffff1a;border:1px solid rgba(0,255,255,.25);animation:sw-toast-in .4s cubic-bezier(.16,1,.3,1) forwards;width:calc(100% - 32px);max-width:360px;box-sizing:border-box}.sw-update-toast .sw-updating{justify-content:center;padding:12px;opacity:.6;pointer-events:none;font-size:.8rem}@keyframes sw-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.sw-update-toast .sw-update-content{display:flex;flex-direction:column;gap:12px;padding-right:18px}.sw-update-toast .sw-update-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sw-update-toast .sw-update-icon{font-size:1.25rem;line-height:1;animation:sw-spin-pulse 2.5s ease-in-out infinite;flex-shrink:0}@keyframes sw-spin-pulse{0%{transform:scale(1) rotate(0)}10%{transform:scale(1.1) rotate(10deg)}20%{transform:scale(1) rotate(0)}to{transform:scale(1) rotate(0)}}.sw-update-toast .sw-update-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sw-update-toast .sw-update-title-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.sw-update-text strong{font-size:.85rem;font-weight:600;white-space:nowrap;color:#fff}.sw-update-text .sw-update-version{font-size:.68rem;color:#0ff;font-weight:700;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);padding:1px 5px;border-radius:4px;font-family:monospace,system-ui;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px;display:inline-block;vertical-align:middle}.sw-update-text .sw-update-detail{font-size:.7rem;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.sw-update-text .sw-update-date{font-size:.65rem;color:#fff6;line-height:1.2;white-space:normal}.sw-update-toast .sw-update-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.sw-update-toast .sw-btn{padding:6px 12px;border-radius:8px;font-weight:600;font-size:.75rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sw-btn-primary{background:linear-gradient(135deg,#0ff,#00d8d8);color:#0b0b16;box-shadow:0 2px 8px #0ff3}.sw-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ff6;filter:brightness(1.1)}.sw-btn-primary:active{transform:translateY(0)}.sw-btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.sw-btn-secondary:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.sw-update-toast .sw-update-changelog{font-size:.75rem;padding-left:30px;margin:0;color:#ffffffb3}.sw-update-toast .sw-changelog{margin:0;padding:0;list-style:none}.sw-update-toast .sw-changelog li{margin:3px 0}.sw-update-toast .sw-update-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff6;font-size:1.25rem;cursor:pointer;padding:4px;line-height:1;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sw-update-close:hover{background:#ffffff1a;color:#fff}@media(min-width:480px){.sw-update-toast{width:-moz-max-content;width:max-content;max-width:600px;padding:12px 16px;border-radius:20px}.sw-update-toast .sw-update-content{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding-right:20px}.sw-update-toast .sw-update-actions{flex-shrink:0}.sw-update-text strong{font-size:.88rem}.sw-update-text .sw-update-version,.sw-update-text .sw-update-detail{font-size:.72rem}.sw-update-toast .sw-btn{padding:6px 14px;font-size:.8rem}}#connection-status{transition:all .3s ease}#connection-status.offline{background:#f59e0b;animation:sw-pulse 2s infinite}@keyframes sw-pulse{0%,to{opacity:1}50%{opacity:.7}}.sw-update-toast .sw-update-debug{font-size:.7rem;padding:8px;background:#0000004d;border-radius:6px;color:#fff9}.sw-update-debug>div{margin:2px 0}.sw-update-manual{cursor:pointer;color:#0ff;text-decoration:underline;margin-top:4px}.sw-update-manual:hover{color:#00e0e0}#app-version-display{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#ffffff80;transition:all .2s}#app-version-display:hover{color:#fffc}.version-info{display:flex;align-items:center;gap:4px}.version-label{opacity:.6}.version-value{font-family:monospace;cursor:help}.version-update{animation:sw-spin 2s linear infinite;display:inline-block}.version-debug{display:flex;align-items:center;gap:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.version-sw{font-family:monospace;font-size:.7rem}.version-error{color:#ff6b6b;font-size:.7rem}@keyframes sw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#sw-debug-panel{font-family:Monaco,Menlo,monospace}#sw-debug-panel button{transition:all .2s}#sw-debug-panel button:hover{opacity:.8;transform:scale(1.02)}