:root{--vt-page-top-color:#ffe3ef;--fp-pink:#d4237d;--fp-heading:#49152f;--fp-muted:#9a7787;--fp-copy:#80516a;--fp-gray:#f5f5f7}*{box-sizing:border-box}html{background:transparent;scroll-behavior:smooth}body{margin:0;background:var(--vt-page-top-color);color:#1d1d1f;font:400 17px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--fp-pink);outline-offset:4px}[hidden]{display:none!important}#vt2{width:100%;overflow:clip}#font-picker h1,#font-picker h2{font-weight:600;letter-spacing:-.035em;color:var(--fp-heading);margin:0;line-height:1.08}#font-picker h1 span,#font-picker h2 span{color:var(--fp-muted)}.fp-hero{text-align:center;padding:120px 24px 70px;background:#ffe3ef}.fp-eyebrow{font-size:13px;letter-spacing:.1em;color:var(--fp-copy);margin:0 0 20px}#font-picker h1{font-size:48px}.fp-intro{font-size:19px;color:var(--fp-copy);margin:24px auto;max-width:620px}.fp-text-link,.fp-link{color:var(--fp-pink);text-decoration:none;background:none;border:0;padding:0;font-size:14px}.fp-text-link{display:inline-block;margin-top:3px}.fp-workspace{background:white;padding:84px 40px 96px;scroll-margin-top:80px}.fp-shell{max-width:1120px;margin:auto}.fp-title{text-align:center}.fp-title h2{font-size:36px}.fp-title p{color:var(--fp-copy);font-size:17px;margin:16px 0 30px}.fp-input-panel{max-width:760px;margin:auto;background:var(--fp-gray);border-radius:22px;padding:20px 24px}.fp-input-panel label{color:var(--fp-copy);font-size:13px;display:block;margin-bottom:8px}#phrase{display:block;width:100%;min-height:80px;padding:0;border:0;outline:none;background:transparent;resize:vertical;color:var(--fp-heading);font-size:30px;font-weight:400;letter-spacing:-.02em;line-height:1.3;user-select:text!important;-webkit-user-select:text!important}.fp-input-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:8px;font-size:12px;color:var(--fp-muted)}.fp-controls{margin:36px auto 26px}.fp-categories,.fp-languages,.fp-city-choice{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.fp-categories button,.fp-languages button,.fp-city-choice button{border:1px solid #d4237d30;border-radius:999px;background:transparent;color:var(--fp-pink);padding:10px 18px;font-size:14px;min-height:42px;transition:background .18s,color .18s}.fp-categories button[aria-pressed=true],.fp-languages button[aria-pressed=true],.fp-city-choice button[aria-pressed=true]{background:var(--fp-pink);border-color:var(--fp-pink);color:#fff}.fp-more-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}.fp-languages button{padding:6px 12px;font-size:12px;min-height:34px;border-color:transparent}.fp-check{font-size:12px;color:var(--fp-copy);display:flex;align-items:center;gap:7px;min-height:34px;cursor:pointer}.fp-check input{accent-color:var(--fp-pink);width:16px;height:16px}.fp-results-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;color:var(--fp-copy);font-size:13px}.fp-results-top p{margin:0}.fp-results-top button{font-size:13px}#selected-badge{display:inline-flex;justify-content:center;align-items:center;background:#ffe3ef;min-width:22px;min-height:22px;border-radius:100%;font-size:11px;margin-left:4px}.fp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fp-font-card{background:#f5f5f7;border-radius:22px;min-width:0;min-height:220px;padding:20px 24px;position:relative;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .15s,background .15s}.fp-font-card[data-selected=true]{border-color:var(--fp-pink);background:#fff6fa}.fp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fp-font-name{font-size:14px;font-weight:600;color:var(--fp-heading)}.fp-font-meta{font-size:11px;color:var(--fp-copy);margin-top:4px}.fp-card-select{flex:none;border:1px solid #d4237d60;background:transparent;color:var(--fp-pink);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;font-size:22px;line-height:1}.fp-card-select[aria-pressed=true]{background:var(--fp-pink);color:white;border-color:var(--fp-pink)}.fp-card-select:disabled{opacity:.3}.fp-sample{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px;min-width:0;margin:16px 0 0;color:#1d1d1f;font-size:48px;line-height:1.45;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none;padding:4px 8px}.fp-sample[data-state=loading],.fp-sample[data-state=unsupported],.fp-sample[data-state=empty],.fp-sample[data-state=error]{font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;color:var(--fp-copy)}.fp-favorite{color:var(--fp-pink);font-size:10px;margin-left:7px;font-weight:400}.fp-next{text-align:center;background:#eddde5;padding:96px 40px}.fp-next h2{font-size:44px}.fp-next p{color:var(--fp-copy);max-width:570px;margin:24px auto;line-height:1.5;font-size:17px}.fp-related{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:30px auto}.fp-related a{color:var(--fp-pink);font-size:14px;text-decoration:none}#licenses{max-width:760px;margin:54px auto 0;text-align:left;border-top:1px solid #49152f25;font-size:13px;color:var(--fp-copy)}#licenses summary{padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}#licenses summary span{font-size:23px;font-weight:400}#licenses[open] summary span{transform:rotate(45deg)}#license-list{max-height:430px;overflow:auto;padding-bottom:20px}#license-list p{font-size:12px;margin:0 0 15px;max-width:none}.fp-selection-bar{position:fixed;left:24px;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:120;max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-radius:24px;background:#fff;border:1px solid #49152f12;box-shadow:0 8px 45px #49152f18}.fp-selection-bar>div:first-child{display:flex;gap:15px;align-items:center;white-space:nowrap}.fp-selection-bar strong{font-size:14px;color:var(--fp-heading)}.fp-selection-bar .fp-link{font-size:12px}.fp-selection-actions{display:flex;gap:10px}.fp-button{background:var(--fp-pink);color:#fff;border:1px solid var(--fp-pink);border-radius:999px;padding:11px 20px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;transition:background .18s,color .18s}.fp-outline{background:transparent;color:var(--fp-pink)}.fp-button:active{background:#ffe3ef;color:var(--fp-pink)}.fp-toast{position:fixed;z-index:260;bottom:150px;left:20px;right:20px;margin:0 auto;max-width:560px;text-align:center;font-size:13px;background:var(--fp-heading);color:white;border-radius:16px;padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .2s}.fp-toast[data-visible=true]{opacity:1}#handoff{width:min(520px,calc(100% - 32px));padding:42px 32px 30px;max-height:calc(100svh - 40px);border:none;border-radius:26px;background:#fff;color:var(--fp-heading);text-align:center;overflow:auto}#handoff::backdrop{background:#49152f42;backdrop-filter:blur(10px)}#handoff h2{font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:0}#handoff p{font-size:14px;color:var(--fp-copy);margin:20px 0}#handoff .fp-city-choice{margin:24px 0}#handoff label{display:block;text-align:left;font-size:12px;color:var(--fp-copy);margin-bottom:7px}#draft-message{width:100%;padding:15px;border:1px solid #49152f20;border-radius:14px;background:#f5f5f7;font:14px/1.45 inherit;color:#49152f;resize:none;user-select:text!important;-webkit-user-select:text!important}#handoff>.fp-button{display:flex;width:100%;margin-top:12px}#handoff .fp-small{font-size:11px;margin-bottom:0}.fp-dialog-close{position:absolute;right:15px;top:10px;font-size:30px;line-height:1;background:none;border:0;color:var(--fp-muted);padding:6px}.vl-footer{background:#d4237d;color:#fff;padding:64px 40px 150px}.vl-footer a{text-decoration:none}.vl-footer .vl-shell{max-width:1120px;margin:auto}.vl-footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.vl-footer h3{font-weight:600;font-size:22px;margin:0 0 12px}.vl-footer p,.vl-footer a{font-size:14px}.vl-footer .vl-footer-top>div>a:not(.vl-logo){display:block;margin-top:10px}.vl-footer-phone{font-size:20px!important}.vl-footer-bottom,.vl-footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.vl-footer-legal-row{margin-top:44px;border-top:1px solid #ffffff50;padding-top:20px}.vl-footer-bottom{margin-top:20px}.vl-footer .vl-brand-logo{filter:brightness(0) invert(1)}
@media(max-width:800px){.fp-hero{padding:120px 24px 62px}#font-picker h1{font-size:clamp(28px,7.5vw,36px)}.fp-eyebrow{font-size:10px;letter-spacing:.1em}.fp-intro{font-size:17px}.fp-workspace{padding:60px 20px 64px}.fp-title h2{font-size:28px}.fp-title p{font-size:15px;margin-bottom:24px}.fp-input-panel{padding:18px;border-radius:18px}#phrase{font-size:26px}.fp-controls{margin-top:26px}.fp-categories{gap:7px}.fp-categories button{padding:9px 13px;min-height:38px;font-size:12px}.fp-more-controls{gap:3px 15px;margin-top:15px}.fp-languages{width:100%}.fp-results-top{gap:10px;font-size:11px;align-items:center}.fp-results-top button{font-size:11px;max-width:150px}.fp-grid{grid-template-columns:1fr;gap:12px}.fp-font-card{padding:18px 20px;min-height:200px;border-radius:18px}.fp-sample{font-size:44px}.fp-next{padding:64px 24px}.fp-next h2{font-size:32px}.fp-next p{font-size:15px}.fp-related{gap:16px;flex-direction:column}.fp-selection-bar{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px;border-radius:20px;gap:10px;flex-wrap:wrap}.fp-selection-bar>div:first-child{width:100%;justify-content:space-between}.fp-selection-actions{width:100%;gap:8px}.fp-selection-actions .fp-button{padding:10px 12px;font-size:11px;flex:1;min-height:40px}.fp-selection-bar strong{font-size:12px}.fp-toast{bottom:152px;font-size:12px}#handoff{padding:42px 22px 24px}.vl-footer{padding:60px 24px 170px}.vl-footer-top{grid-template-columns:1fr;gap:30px}.vl-footer-top>div:first-child{margin-bottom:0}.vl-footer-nav{gap:12px 18px}.vl-footer-bottom{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.fp-master-lookup{margin:0 0 26px}.fp-master-lookup label{display:block;color:#80516a;font-size:14px;margin-bottom:8px}.fp-master-lookup select{width:100%;max-width:500px;min-height:48px;border:1px solid #eddde5;border-radius:12px;padding:10px 14px;background:#fff;color:#49152f;font:inherit}.fp-master-lookup p{font-size:13px;color:#80516a;margin:9px 0}

/* Align picker controls to the shared content grid. */
#font-picker .fp-controls,#font-picker .fp-master-lookup,#font-picker .fp-results-top{text-align:left}#font-picker .fp-categories,#font-picker .fp-languages,#font-picker .fp-more-controls{justify-content:flex-start}#font-picker .fp-controls{margin-top:32px}#font-picker .fp-more-controls{margin-top:16px;gap:12px 20px}#font-picker .fp-master-lookup{margin:28px 0 0}#font-picker .fp-master-lookup p{max-width:620px;line-height:1.45}#font-picker .fp-results-top{margin:24px 0 16px}#font-picker .fp-workspace{padding-top:96px;padding-bottom:96px}@media(max-width:800px){#font-picker .fp-workspace{padding-top:64px;padding-bottom:64px}#font-picker .fp-controls{margin-top:24px}#font-picker .fp-more-controls{gap:12px}#font-picker .fp-languages{display:flex;flex-wrap:wrap;gap:8px}#font-picker .fp-check{width:100%;justify-content:flex-start}#font-picker .fp-master-lookup{margin-top:24px}#font-picker .fp-results-top{margin:20px 0 16px}}
/* Picker: one centered column, consistent heading hierarchy and control alignment. */
#font-picker .fp-title h2{font-size:36px;line-height:1.12}
#font-picker .fp-title p{margin:12px auto 24px;max-width:620px}
#font-picker .fp-input-panel{width:100%;max-width:760px;text-align:center}
#font-picker .fp-input-panel label{text-align:center}
#font-picker #phrase{text-align:center;resize:vertical}
#font-picker .fp-controls,#font-picker .fp-master-lookup,#font-picker .fp-results-top{max-width:760px;margin-left:auto;margin-right:auto}
#font-picker .fp-controls,#font-picker .fp-master-lookup{text-align:center}
#font-picker .fp-categories,#font-picker .fp-languages,#font-picker .fp-more-controls{justify-content:center}
#font-picker .fp-more-controls{gap:12px 20px}
#font-picker .fp-master-lookup select{max-width:500px}
#font-picker .fp-master-lookup p{margin:9px auto 0}
#font-picker .fp-results-top{text-align:left}
@media(max-width:800px){#font-picker .fp-title h2{font-size:28px}#font-picker .fp-title p{margin:10px auto 24px}#font-picker .fp-check{width:auto;justify-content:center}#font-picker .fp-more-controls{flex-direction:column;gap:8px}#font-picker .fp-languages{justify-content:center}}

/* Dense, single-column font comparison list. */
#font-picker .fp-grid{display:flex;flex-direction:column;gap:0}
#font-picker .fp-font-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px;min-height:116px;padding:20px 0;background:transparent;border:0;border-bottom:1px solid #eddde5;border-radius:0}
#font-picker .fp-font-card[data-selected=true]{background:#fff6fa}
#font-picker .fp-sample{margin:0;min-height:64px;padding:0 16px;font-size:42px;justify-content:flex-start;text-align:left}
#font-picker .fp-card-head{align-items:center;text-align:left;padding-right:12px}
#font-picker .fp-font-meta{font-size:11px}
@media(max-width:800px){#font-picker .fp-font-card{grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:18px 0;min-height:110px}#font-picker .fp-sample{font-size:34px;padding:0;grid-column:1;grid-row:1}#font-picker .fp-card-head{display:contents}#font-picker .fp-card-head>div{grid-column:1;grid-row:2}#font-picker .fp-card-select{grid-column:2;grid-row:1 / 3}#font-picker .fp-font-name{font-size:12px}#font-picker .fp-font-meta{font-size:10px;margin-top:2px}}

#font-picker .fp-font-search{max-width:760px;margin:28px auto 0;text-align:center}#font-picker .fp-font-search label{display:block;font-size:14px;color:#80516a;margin-bottom:8px}#font-picker #font-search{display:block;width:100%;height:48px;border:1px solid #eddde5;border-radius:12px;padding:12px 16px;background:#fff;color:#49152f;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;user-select:text!important;-webkit-user-select:text!important}#font-picker #font-search::placeholder{color:#9a7787}@media(max-width:800px){#font-picker .fp-font-search{margin-top:24px}}

#font-picker #font-search{scroll-margin-top:110px}
/* Desktop comparison rows: name, lettering, category, selection. */
@media(min-width:801px){
#font-picker .fp-font-card{grid-template-columns:156px minmax(0,1fr) 152px 34px;gap:18px;min-height:82px;padding:10px 8px}
#font-picker .fp-card-head,#font-picker .fp-card-head>div{display:contents}
#font-picker .fp-font-name{grid-column:1;grid-row:1;font-size:13px;overflow-wrap:anywhere}
#font-picker .fp-sample{grid-column:2;grid-row:1;min-height:60px;padding:0;font-size:38px;line-height:1.55}
#font-picker .fp-font-meta{grid-column:3;grid-row:1;margin:0;font-size:11px}
#font-picker .fp-card-select{grid-column:4;grid-row:1}
}