@font-face{font-family:InstallDM;src:url('assets/assets/DMSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:InstallDM;src:url('assets/assets/DMSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:InstallDM;src:url('assets/assets/DMSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:InstallManrope;src:url('assets/assets/Manrope-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
/* Installation guide. Spacing on a 4/8 scale. Radii: 12 controls, 20 cards, pill for the one primary action. */
#wpcc-install{position:fixed;inset:0;z-index:9999;overflow:auto;--install-bg:#f6f5fa;--install-text:#17131f;--install-muted:#5f6475;--install-line:rgba(23,19,31,.1);--install-accent:#8b6cf6;--install-action:#6a4ad8;--install-on-action:#fff;--install-tint:rgba(139,108,246,.14);--install-surface:#fff;--install-tabs:rgba(23,19,31,.05);--install-active:#fff;--install-shadow:0 1px 2px rgba(60,40,120,.06),0 12px 32px rgba(60,40,120,.06);box-sizing:border-box;min-height:100vh;min-height:100dvh;color:var(--install-text);background:var(--install-bg);font:400 14px/1.5 InstallDM,sans-serif;display:flex;justify-content:center}
#wpcc-install *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#wpcc-install .install-sheet{width:100%;max-width:440px;margin:auto 0;padding:max(24px,env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));animation:install-page-in .48s cubic-bezier(.22,.72,.18,1) both}
#wpcc-install .install-content{display:flex;flex-direction:column;gap:24px}
#wpcc-install .install-header{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
#wpcc-install .install-logo{width:56px;height:56px;border-radius:16px;background:var(--install-surface);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--install-line)}
#wpcc-install .install-logo img{width:36px;height:36px;object-fit:contain}
#wpcc-install h1{margin:0 0 8px;font:800 28px/1.1 InstallManrope,sans-serif;letter-spacing:-.035em;text-wrap:balance}
#wpcc-install .install-title p{margin:0;color:var(--install-muted);font-size:15px;line-height:1.5;max-width:46ch}
#wpcc-install .install-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--install-tabs)}
#wpcc-install .install-tabs button{appearance:none;border:0;background:transparent;color:var(--install-muted);min-height:48px;border-radius:12px;font:500 14px InstallDM,sans-serif;cursor:pointer;transition:background .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}
#wpcc-install .install-tabs button:active{transform:scale(.97);transition-duration:.18s,.18s,.18s,.1s}
#wpcc-install .install-tabs button.active{background:var(--install-active);color:var(--install-text);font-weight:600;box-shadow:0 1px 2px rgba(60,40,120,.1),0 4px 12px rgba(60,40,120,.06)}
#wpcc-install .install-panel{border-radius:20px;padding:8px;background:var(--install-surface);box-shadow:inset 0 0 0 1px var(--install-line),var(--install-shadow)}
#wpcc-install .install-steps{display:flex;gap:4px;flex-direction:column;animation:install-panel-in .18s cubic-bezier(.23,1,.32,1) both}
#wpcc-install .install-step{display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:start;padding:16px 12px}
#wpcc-install .install-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--install-tint);color:var(--install-action);font:600 14px/1 InstallDM,sans-serif}
#wpcc-install h3{margin:4px 0 4px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
#wpcc-install .install-step p{margin:0;color:var(--install-muted);font-size:14px;line-height:1.5}
#wpcc-install .install-step strong{color:var(--install-text);font-weight:600}
#wpcc-install .install-note{color:var(--install-muted);font-size:13px;line-height:1.5;margin:0;max-width:46ch}
#install-action{border:0;border-radius:999px;min-height:56px;padding:16px 24px;background:var(--install-action);color:var(--install-on-action);font:600 15px/1.25 InstallDM,sans-serif;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1)}
#install-action:active{transform:scale(.97);transition-duration:.1s;transition-timing-function:ease-out}
#wpcc-install :focus-visible{outline:3px solid var(--install-accent);outline-offset:3px}
#wpcc-install [hidden]{display:none!important}
:root[data-startup-theme="dark"] #wpcc-install{--install-bg:#131019;--install-text:#f3edf7;--install-muted:#b9b0c6;--install-line:rgba(255,255,255,.1);--install-action:#8b6cf6;--install-on-action:#17131f;--install-tint:rgba(139,108,246,.22);--install-surface:#1d1926;--install-tabs:rgba(255,255,255,.06);--install-active:#322b3f;--install-shadow:0 12px 32px rgba(0,0,0,.28)}
:root[data-startup-theme="dark"] #wpcc-install .install-num{color:#c4b5fd}
:root[data-startup-theme="dark"] #wpcc-install .install-logo{background:#fff;box-shadow:none}
@keyframes install-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes install-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){#wpcc-install .install-sheet{padding-left:20px;padding-right:20px}#wpcc-install h1{font-size:26px}}
@media(min-width:600px){#wpcc-install .install-sheet{max-width:560px;padding:48px 32px calc(48px + env(safe-area-inset-bottom))}#wpcc-install h1{font-size:32px}}
@media(min-width:900px){#wpcc-install .install-sheet{max-width:1000px;padding:56px 48px calc(56px + env(safe-area-inset-bottom))}#wpcc-install .install-content{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:64px;row-gap:24px;align-content:center;align-items:start}#wpcc-install .install-content>.install-header{grid-column:1;grid-row:1/span 5}#wpcc-install .install-content>:not(.install-header){grid-column:2}}
@media(prefers-reduced-motion:reduce){#wpcc-install .install-sheet,#wpcc-install .install-steps{animation:none}#wpcc-install button,#install-action{transition:none!important}#wpcc-install button:active,#install-action:active{transform:none!important}}