.install-shell{background:var(--background,#f5f2fc);min-height:100dvh;color:var(--foreground,#2e1c4d);padding:32px 24px}.install-page{width:min(880px,100%);margin:0 auto}.install-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.install-header>a{flex-shrink:0;align-items:center;gap:6px;font-size:14px;display:inline-flex}.install-hero{text-align:center;padding:48px 12px 32px}.install-app-icon img{border-radius:22px;margin:0 auto 22px;display:block}.install-eyebrow{color:var(--primary);letter-spacing:.12em;font-size:12px;font-weight:700}.install-hero h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(28px,5vw,42px);line-height:1.15}.install-lead{max-width:580px;color:var(--muted-foreground);margin:0 auto;font-size:17px;line-height:1.65}.install-requirements{color:var(--muted-foreground);margin:16px auto 0;font-size:13px;line-height:1.6}.install-requirements span{display:block}.install-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.install-primary,.install-secondary{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-weight:600;text-decoration:none;display:inline-flex}.install-primary{background:var(--primary,#673bd4);color:#fff}.install-primary:hover{background:var(--oe-color-brand-hover,#5730bd)}.install-primary svg,.install-secondary svg{flex-shrink:0}.install-secondary{background:var(--card,#fff);border:1px solid var(--border,#e4daf4);color:var(--primary)}.install-browser [data-slot=button]{white-space:normal;height:auto;padding:12px 16px}.install-success{color:#28704d;align-items:center;gap:8px;font-weight:600;display:inline-flex}.install-notice{max-width:560px;margin:16px auto 0;font-size:14px;display:block}.install-browser .install-notice{margin:12px 0}.install-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;display:grid}.install-card{border:1px solid var(--border);background:var(--card,#fff);border-radius:20px;min-width:0;padding:26px}.install-card h2,.install-share h2{letter-spacing:-.02em;margin:0 0 16px;font-size:21px;line-height:1.3}.install-card p{color:var(--muted-foreground);margin:0 0 16px;line-height:1.6}.install-card-icon{color:var(--primary);margin-bottom:14px}.install-steps{margin:0;padding-left:20px}.install-steps li{margin-bottom:18px;padding-left:5px;line-height:1.5}.install-steps li:last-child{margin-bottom:0}.install-steps li::marker{color:var(--primary);font-weight:700}.install-steps strong,.install-steps span{display:block}.install-steps span{color:var(--muted-foreground);margin-top:5px;font-size:14px}.install-card .install-hint{margin:16px 0 0;font-size:13px}.install-card .install-secondary{white-space:normal;text-align:center;font-size:14px}.install-browser{border:1px solid var(--border);background:var(--card,#fff);border-radius:16px;margin-top:18px}.install-browser summary{min-height:56px;color:var(--primary);cursor:pointer;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;list-style:none;display:flex}.install-browser summary::-webkit-details-marker{display:none}.install-browser summary svg{flex-shrink:0}.install-browser summary span{flex:1;min-width:0}.install-browser[open] summary>svg:last-child{transform:rotate(180deg)}.install-browser-content{color:var(--muted-foreground);padding:0 20px 18px;font-size:14px;line-height:1.6}.install-browser-content p{margin:0 0 12px}.install-browser-content>:last-child{margin-bottom:0}.install-browser-content [data-slot=button]{margin-bottom:12px}.install-share{background:var(--card,#fff);border:1px solid var(--border);border-radius:20px;align-items:center;gap:24px;margin-top:24px;padding:22px;display:flex}.install-share img{background:#fff;border-radius:8px;flex-shrink:0}.install-share h2{margin-bottom:8px}.install-share p{color:var(--muted-foreground);margin:0 0 8px;font-size:14px;line-height:1.5}.install-share a{color:var(--primary);overflow-wrap:anywhere}.install-footer{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;line-height:1.5;display:flex}.install-footer a{text-decoration:underline}:is(.install-page a:focus-visible,.install-page summary:focus-visible){outline:3px solid var(--primary);outline-offset:4px}@media (max-width:540px){.install-shell{padding:20px 16px}.install-header .brand-tagline{display:none}.install-hero{padding:32px 0 24px}.install-lead{font-size:15px}.install-card{padding:22px}.install-share{align-items:flex-start;gap:16px;padding:20px}.install-share img{display:none}.install-header>a{font-size:13px}}
