/* Installation and help use the existing page, dialog and theme styles. */
.app-install-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-install-icon{width:56px;height:56px;flex:none;border-radius:12px}.app-install-copy{flex:1;min-width:180px}.app-install-copy strong{display:block}.app-install-copy p{margin:7px 0 0;line-height:1.6}.app-install-row>.btn{flex:none}.app-install-note{line-height:1.6;margin-bottom:0;font-size:13px}.app-install-status{margin-top:8px}
.getting-started{margin-top:14px}.getting-started-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.getting-started-header h2{margin-bottom:6px}.getting-started-header p{margin:0;line-height:1.6}.getting-started-dismiss,.page-help-link{background:transparent;color:#bda4ff;font-size:13px;padding:8px 0;text-align:left}.getting-started-dismiss{white-space:nowrap;padding-top:0}.getting-started-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.getting-started-step{padding:14px;border:1px solid #363c42;border-radius:10px;min-width:0}.getting-started-step-head{display:flex;align-items:center;gap:8px}.getting-started-step-head b{font-size:14px}.getting-started-number{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#33264d;color:#d9c8ff;flex:none;font-weight:700}.getting-started-step.done .getting-started-number{background:#183e2c;color:#9fe9bd}.getting-started-step p{font-size:13px;line-height:1.6;margin:10px 0;color:#a1a1aa}.getting-started-step .btn{font-size:13px;width:100%;white-space:normal}.getting-started-foot{margin:14px 0 0}.page-help-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px}.page-help-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.page-help-link:focus-visible,.getting-started-dismiss:focus-visible{outline:2px solid #bda4ff;outline-offset:4px;border-radius:4px}
.help-dialog{line-height:1.65}.help-dialog h2{margin:0 38px 16px 0}.help-dialog h3{font-size:15px;margin:20px 0 6px}.help-dialog p{margin:8px 0}.help-dialog ol,.help-dialog ul{padding-left:22px}.help-dialog li{margin:8px 0}.help-dialog .actions{margin-top:22px}.help-dialog .actions .btn{white-space:normal}.help-topics{margin-top:20px;border-top:1px solid #363c42;padding-top:15px}.help-topics summary{cursor:pointer;color:#bda4ff}.help-topic-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.help-topic-buttons .btn{font-size:13px}.help-tip{padding:12px 14px;background:#24282d;border:1px solid #363c42;border-radius:10px;color:#cbd5e1;font-size:13px}
.app-connection-notice{padding:12px 25px;background:#382d1c;color:#fbd28b;line-height:1.6;font-size:14px;border-bottom:1px solid #685332}.app-connection-notice[hidden],.app-update-notice[hidden]{display:none}.app-update-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px;background:#2b223b;color:#dfccff;border-bottom:1px solid #493663;font-size:13px;line-height:1.5}.app-update-notice .btn{flex:none;font-size:13px;padding:8px 12px}.app-update-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.light-theme .getting-started-step,body.light-theme .help-topics{border-color:#d5d9de}body.light-theme .getting-started-number{background:#eee5ff;color:#6418ff}body.light-theme .getting-started-step.done .getting-started-number{background:#dff5e8;color:#167742}body.light-theme .getting-started-step p{color:#606973}body.light-theme .page-help-link,body.light-theme .getting-started-dismiss,body.light-theme .help-topics summary{color:#6418ff}body.light-theme .help-tip{background:#f4f5f7;border-color:#d5d9de;color:#46505d}body.light-theme .app-connection-notice{background:#fff6df;color:#755410;border-color:#eedcb3}body.light-theme .app-update-notice{background:#f0e8ff;color:#4f1ca8;border-color:#d8c7f5}
@media(max-width:700px){.getting-started-steps{grid-template-columns:1fr}.getting-started-header{flex-wrap:wrap}.app-install-row>.btn{width:100%}.app-install-copy{min-width:140px}.app-update-notice{align-items:flex-start;flex-direction:column}.app-update-actions{justify-content:flex-start}.help-topic-buttons .btn{flex:1 1 120px}}
@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}.sidebar{padding-top:calc(18px + env(safe-area-inset-top))}.app-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}