#update-dialog{width:460px;padding:30px;border:1px solid #e3eae4;border-radius:26px;box-shadow:0 22px 100px #173c3133;max-height:calc(100dvh - 32px)}
#update-dialog::backdrop{background:#173b3066;backdrop-filter:blur(6px)}
.update-close{position:absolute;top:15px;right:15px;border:0;background:#f2f6f1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#829487}
.update-close svg{width:16px;height:16px}
.update-brand{display:flex;align-items:center;gap:12px;padding-right:20px;margin-bottom:21px}
.update-brand img{background:#edf5ed;border-radius:15px;padding:5px;object-fit:contain;flex:none}
.update-brand>span{font-size:11px;font-weight:700;letter-spacing:1px;color:#466d54}
.update-brand small{font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px;color:#91a094}
.update-illustration{height:115px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#e5f3e8,#eeebf8);border-radius:19px;margin-bottom:23px;overflow:hidden}
.update-device{position:relative;display:flex;flex-direction:column;gap:6px;width:82px;height:84px;background:#ffffffe8;border:1px solid #ffffff;border-radius:12px;padding:15px 12px;box-shadow:0 7px 20px #31634210;transform:rotate(-7deg)}
.update-device>span{height:5px;width:24px;background:#accfb9;border-radius:5px;margin-bottom:3px}
.update-device>i{height:6px;background:#edf3ec;border-radius:4px}
.update-device>i:nth-child(3){width:75%}
.update-device>b{position:absolute;right:-11px;bottom:9px;background:#42855f;width:27px;height:27px;border:3px solid #edf4ed;border-radius:50%;display:grid;place-items:center;color:white}
.update-device>b svg{height:15px;width:15px}
.update-refresh{position:absolute;margin-left:125px;top:25px;color:#85a58f;transform:rotate(10deg)}
.update-refresh svg{width:27px;height:27px}
.update-version{display:block;font-size:8px;letter-spacing:1.5px;color:#80a18b;font-weight:700;margin-bottom:7px}
#update-dialog h2{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0 0 13px;color:#244633}
#update-dialog #update-description{font-size:12px;line-height:1.8;color:#829387;margin-bottom:17px}
.update-notes{padding:0;margin:0;list-style:none;border-top:1px solid #edf1ec}
.update-notes li{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ec;font-size:11px;line-height:1.7;color:#647b6b}
.update-notes svg{height:16px;width:16px;flex:none;margin-top:2px;color:#81aa90}
.update-footnote{font-size:9px;color:#96a499;line-height:1.7;margin:15px 0 0}
.update-unsaved{padding:16px;border-radius:12px;background:#fff2e4;font-size:11px;color:#9a7e5c;line-height:1.8}
.update-actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px}
.update-actions .btn{flex:1;font-size:11px;min-height:43px;white-space:normal}
.update-actions svg{width:15px;height:15px;flex:none}
.update-error{font-size:11px;color:#a85b4a;line-height:1.6;margin:15px 0 0}
#update-launcher{position:fixed;right:22px;bottom:79px;display:flex;align-items:center;gap:8px;z-index:36;background:#e9f4eb;color:#367851;border:1px solid #c9e1cf;border-radius:30px;padding:10px 15px;font:600 10px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 5px 22px #254b3512;min-height:39px}
#update-launcher[hidden]{display:none}
#update-launcher svg{width:16px;height:16px}
#update-launcher:hover{background:#dcefe1}
.update-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#update-dialog[open]{animation:updateReveal .25s ease-out}
@keyframes updateReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:900px){#update-launcher{bottom:140px;right:16px}}
@media(max-width:600px){#update-dialog{padding:25px;max-width:calc(100vw - 28px);border-radius:24px}.update-brand{margin-bottom:18px}.update-brand>span{font-size:10px}.update-brand small{font-size:9px}.update-illustration{height:105px;margin-bottom:21px}#update-dialog h2{font-size:22px}#update-dialog #update-description{font-size:11px}.update-notes li{font-size:10px;padding:10px 0}.update-actions{gap:8px}.update-actions .btn{font-size:10px;padding:10px 9px}#update-launcher{font-size:9px;padding:9px 12px;bottom:133px}}
@media(prefers-reduced-motion:reduce){#update-dialog[open]{animation:none}}