.mag-app-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#091e36;color:white;font:14px/1.4 Arial,sans-serif}.mag-app-bar a{color:white;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.mag-install{font:600 14px/1.4 Arial,sans-serif;padding:10px 16px;min-height:44px;border:1px solid #137a42;border-radius:7px;background:#137a42;color:#fff;cursor:pointer}.mag-install:hover{background:#106536;color:white}.mag-app-bar .mag-install{min-height:36px;padding:7px 12px;background:transparent;border-color:#7892a7;color:white}.mag-offline-banner{padding:10px 16px;background:#fff5d9;color:#735615;font:14px/1.5 Arial,sans-serif;text-align:center}.mag-install-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce4eb;border-radius:12px;padding:24px;background:white;color:#183149;font:16px/1.5 Arial,sans-serif}.mag-install-dialog::backdrop{background:#091e3670}.mag-install-dialog h2{margin:0 0 14px;font-size:23px}.mag-install-dialog p{margin:0 0 20px}.mag-install-dialog button{float:right}.mag-install-dialog::after{content:'';display:block;clear:both}[data-mag-install-section][hidden],[data-mag-install][hidden],.mag-offline-banner[hidden]{display:none!important}@media(max-width:700px){input,select,textarea{font-size:16px!important}.actions{flex-wrap:wrap}dialog{max-width:calc(100vw - 24px)}.folder{overflow-wrap:anywhere}.sidebar{padding-top:max(14px,env(safe-area-inset-top))}.content{padding-bottom:max(20px,env(safe-area-inset-bottom))}}

.mag-app-bar{position:sticky;top:0;z-index:40;padding-top:max(8px,env(safe-area-inset-top));box-shadow:0 2px 8px #091e3620}.mag-app-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mag-app-bar a{min-height:44px;padding:8px 10px;border-radius:7px}.mag-app-bar .mag-switch{background:#fff;color:#091e36;border:1px solid #dce4eb;font-weight:600}.mag-app-bar a:focus-visible{outline:3px solid #69c6d1;outline-offset:2px}

.mag-ios-install{box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#eaf5ef;border-bottom:1px solid #c7dfd0;color:#183149;font:14px/1.4 Arial,Helvetica,sans-serif;text-align:left}.mag-ios-install img{flex:none;width:48px;height:48px;object-fit:contain;border-radius:10px;margin:0}.mag-ios-copy{flex:1;min-width:0}.mag-ios-copy strong{display:block;font-size:15px;letter-spacing:0}.mag-ios-copy span{display:block;font-size:14px;color:#456477;margin-top:3px}.mag-ios-install .mag-install{flex:none;text-transform:none;letter-spacing:0;white-space:nowrap}.mag-ios-dismiss{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#456477;font:26px/1 Arial,sans-serif;cursor:pointer}.mag-ios-install button:focus-visible{outline:3px solid #007f89;outline-offset:2px}@media(max-width:540px){.mag-ios-install{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;gap:8px 10px}.mag-ios-install .mag-ios-dismiss{grid-column:3;grid-row:1}.mag-ios-install .mag-install{grid-column:2;justify-self:start}.mag-ios-copy span{font-size:14px}}