:root{--u-bg:#0d1522;--u-card:#152235;--u-line:#2a3b53;--u-text:#f5f8fc;--u-muted:#aebbd0;--u-accent:#f3a33b;--u-good:#63d39a;--u-bad:#ff7f87}
*{box-sizing:border-box}.update-shell{min-height:100vh;background:linear-gradient(180deg,#0c1420 0%,#101c2c 100%);color:var(--u-text)}
.update-top{min-height:76px;padding:12px max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--u-line);background:rgba(10,17,28,.94);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.brand-link{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-link img{width:48px;height:48px;border-radius:12px}.brand-link span{display:flex;flex-direction:column}.brand-link strong{font-size:21px}.brand-link small{color:var(--u-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.back-link{color:#d9e5f5;text-decoration:none;border:1px solid var(--u-line);padding:10px 13px;border-radius:10px}
.update-main{width:min(980px,100%);margin:auto;padding:30px 18px 70px}.update-hero{padding:10px 2px 24px}.update-hero h1{font-size:clamp(31px,7vw,50px);margin:6px 0 10px}.update-hero p{max-width:780px;color:var(--u-muted);font-size:17px;line-height:1.55}.eyebrow{color:var(--u-accent);font-size:12px;font-weight:800;letter-spacing:.13em}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.status-tile,.update-card{background:var(--u-card);border:1px solid var(--u-line);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.status-tile{padding:18px;min-height:98px;display:flex;flex-direction:column;justify-content:center}.status-tile span{color:var(--u-muted);font-size:13px}.status-tile b{font-size:20px;margin-top:4px}.update-card{padding:22px;margin:16px 0}.update-card h2{margin:4px 0 5px;font-size:23px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.muted{color:var(--u-muted)}.ready-badge{padding:7px 10px;border-radius:999px;background:#26384e;color:#d7e1ee;font-size:12px;font-weight:800}.ready-badge.good{background:rgba(69,190,126,.16);color:#7ce1ad}.ready-badge.bad{background:rgba(231,92,101,.15);color:#ff9ca2}
.file-picker{display:flex;align-items:center;gap:15px;border:1px dashed #55718f;background:#101c2b;padding:18px;border-radius:15px;margin:20px 0 12px;cursor:pointer;min-height:90px}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker .file-icon{font-size:30px}.file-picker span:last-child{display:flex;flex-direction:column;min-width:0}.file-picker b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-picker small{color:var(--u-muted);margin-top:4px;line-height:1.35}.install-warning{color:#e7c28e;font-size:13px;margin:10px 0}.install-button{width:100%;min-height:52px;font-size:15px;font-weight:900;letter-spacing:.06em}.install-button:disabled{opacity:.45;cursor:not-allowed}.progress-box,.result-box{margin-top:16px;padding:16px;border-radius:14px;background:#101c2b;border:1px solid var(--u-line)}.progress-box{display:flex;align-items:center;gap:14px}.progress-box>div:last-child{display:flex;flex-direction:column}.progress-box span{color:var(--u-muted);font-size:13px;margin-top:3px}.spinner{width:25px;height:25px;border:3px solid #43566f;border-top-color:var(--u-accent);border-radius:50%;animation:spin .8s linear infinite}.result-box.good{border-color:#317d59;background:rgba(45,128,88,.13)}.result-box.bad{border-color:#934650;background:rgba(134,49,59,.13)}.result-box b{display:block;font-size:17px;margin-bottom:5px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
.safety-list{display:grid;gap:12px;margin-top:16px}.safety-list>div{display:flex;flex-direction:column;padding:13px 14px;background:#101c2b;border-radius:12px}.safety-list b{color:#dfeafd}.safety-list span{color:var(--u-muted);font-size:13px;margin-top:4px;line-height:1.45}.safety-list code{color:#ffd08a}.history-list{display:grid;gap:10px;margin-top:14px}.history-item{display:grid;grid-template-columns:1fr auto;gap:10px;background:#101c2b;border-radius:12px;padding:14px}.history-item .title{font-weight:800}.history-item .sub{color:var(--u-muted);font-size:12px;margin-top:4px}.history-status{font-size:12px;font-weight:900;text-transform:uppercase}.history-status.complete{color:var(--u-good)}.history-status.failed{color:var(--u-bad)}.success-card{border-color:#326d52;background:linear-gradient(180deg,rgba(49,116,83,.22),var(--u-card))}.danger-card{border-color:#8b4650}.button{display:inline-block;text-decoration:none;margin-top:8px}.primary{background:#e79228!important;color:#111923!important}.ghost{background:transparent;color:#e6edf7;border:1px solid var(--u-line)}
@media(max-width:760px){.status-grid{grid-template-columns:1fr 1fr}.update-main{padding-top:20px}.update-card{padding:17px}.card-title{align-items:center}.back-link{font-size:13px}.history-item{grid-template-columns:1fr}.update-top{min-height:68px}.brand-link img{width:42px;height:42px}}