:root{--pf-error:#b3261e}@media (prefers-color-scheme:dark){:root{--pf-error:#ffb4ab}}.pf-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;max-width:64rem;margin:0 auto;padding:1rem;display:flex}.pf-brand{min-height:2.75rem;color:var(--pf-text);align-items:center;gap:.6rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.pf-brand-mark{background:linear-gradient(160deg, var(--pf-accent) 55%, var(--pf-focus) 55%);border-radius:.4rem .4rem .2rem .2rem;width:1.5rem;height:1.5rem}.pf-main{box-sizing:border-box;max-width:64rem;margin:0 auto;padding:1rem 1rem 3rem}.pf-hero{max-width:40rem;padding:2.5rem 0 2rem}.pf-hero-title{letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2rem,1.4rem + 3vw,3.25rem);line-height:1.1}.pf-hero-text{color:var(--pf-muted);margin:0 0 2rem;font-size:1.125rem}.pf-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin-top:1.5rem;display:grid}.pf-feature{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:1rem;padding:1.25rem}.pf-feature-title{margin:0 0 .5rem;font-size:1.0625rem}.pf-feature-text{color:var(--pf-muted);margin:0}.pf-footer{box-sizing:border-box;max-width:64rem;color:var(--pf-muted);margin:0 auto;padding:1.5rem 1rem 2.5rem;font-size:.9375rem}.pf-button{box-sizing:border-box;cursor:pointer;font:inherit;border:2px solid #0000;font-weight:600}.pf-button:disabled:not([data-hydrating]){cursor:progress;opacity:.7}.pf-button-large{min-height:3.25rem;padding:0 1.75rem;font-size:1.0625rem}.pf-button-small{padding:0 1rem}.pf-button-wide{width:100%;margin-top:.5rem}.pf-button-secondary{color:var(--pf-text);border-color:var(--pf-border);background:0 0}.pf-link-button{min-height:2.75rem;color:var(--pf-text);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0 .5rem;text-decoration:underline}.pf-brand:focus-visible,.pf-link-button:focus-visible,.pf-input:focus-visible,.pf-choice input:focus-visible,.pf-skin-card input:focus-visible,.pf-title:focus-visible{outline:3px solid var(--pf-focus);outline-offset:2px}.pf-panel{box-sizing:border-box;background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:1rem;max-width:36rem;margin:0 auto;padding:1.5rem 1rem}@media (min-width:40rem){.pf-panel{padding:2rem}}.pf-title-left,.pf-text-left{text-align:left}.pf-text-left{margin:0 0 1rem}.pf-title-left{margin-top:0}.pf-title:focus:not(:focus-visible){outline:none}.pf-steps{counter-reset:step;color:var(--pf-muted);flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 1.5rem;padding:0;font-size:.9375rem;list-style:none;display:flex}.pf-steps li{counter-increment:step}.pf-steps li:before{content:counter(step) ". "}.pf-steps li[aria-current=step]{color:var(--pf-text);font-weight:700}.pf-signed-in{color:var(--pf-muted);font-size:.9375rem}.pf-form{gap:1.25rem;display:grid}.pf-step-title{margin:0;font-size:1.25rem}.pf-field{gap:.375rem;min-width:0;display:grid}.pf-fieldset{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.pf-label{padding:0;font-weight:650}.pf-sublabel{font-size:.9375rem;font-weight:600}.pf-optional{color:var(--pf-muted);font-weight:400}.pf-hint{color:var(--pf-muted);margin:0;font-size:.9375rem}.pf-domain{overflow-wrap:anywhere;color:var(--pf-text)}.pf-input{box-sizing:border-box;border:1px solid var(--pf-muted);background:var(--pf-surface);width:100%;min-height:2.75rem;color:var(--pf-text);font:inherit;border-radius:.5rem;padding:.5rem .75rem}.pf-input[aria-invalid=true]{border:2px solid var(--pf-error)}.pf-textarea{resize:vertical}.pf-input-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;max-width:12rem;font-size:1.375rem}.pf-error{color:var(--pf-error);margin:0;font-size:.9375rem;font-weight:600}.pf-error:before{content:"! "}.pf-form-error{border:2px solid var(--pf-error);border-radius:.5rem;padding:.75rem}.pf-status{min-height:1.25rem;color:var(--pf-muted);margin:0;font-size:.9375rem}.pf-notice{border-left:4px solid var(--pf-focus);background:var(--pf-bg);text-align:left;margin:0 0 1rem;padding:.75rem}.pf-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.pf-coords{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;display:grid}.pf-choice{border:1px solid var(--pf-border);cursor:pointer;border-radius:.75rem;align-items:flex-start;gap:.75rem;min-height:2.75rem;padding:.75rem;display:flex}:is(.pf-choice:has(input:checked),.pf-skin-card:has(input:checked)){border:2px solid var(--pf-accent)}.pf-choice input,.pf-skin-card input{width:1.25rem;height:1.25rem;accent-color:var(--pf-accent);flex:none;margin:.125rem 0 0}.pf-choice-title{font-weight:650;display:block}.pf-choice-help{color:var(--pf-muted);font-size:.9375rem;display:block}.pf-skins{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;display:grid}.pf-skin-card{border:1px solid var(--pf-border);cursor:pointer;border-radius:.75rem;gap:.5rem;padding:.75rem;display:grid}.pf-swatch{border:1px solid var(--pf-border);border-radius:.5rem;height:2.5rem;display:flex;overflow:hidden}.pf-swatch span{flex:1}.pf-swatch span:first-child{flex:2}.pf-card-left{text-align:left}@media (prefers-reduced-motion:no-preference){.pf-button,.pf-choice,.pf-skin-card{transition:border-color .12s}}
