.fontiq-home{--home-gap: 12px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-size:15px;line-height:25px}.fontiq-home>main{flex:1;min-width:0}.fontiq-home *,.fontiq-home *:before,.fontiq-home *:after{box-sizing:border-box}.fontiq-home button{font:inherit}.fontiq-home button:disabled,.fontiq-home [aria-disabled=true]{cursor:default}.fontiq-home a{text-decoration:none}.fontiq-home a[href]:focus-visible,.fontiq-home input:focus-visible,.fontiq-home button:focus-visible,.home-font-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.home-shell{width:100%;max-width:1080px;margin-inline:auto;padding-inline:16px;min-width:0}.home-header{height:56px;border-bottom:1px solid var(--border);background:var(--card)}.home-header-inner{height:100%;display:flex;align-items:center;gap:12px}.fontiq-home .home-wordmark{color:var(--foreground);font-size:19px;line-height:1;flex-shrink:0}.home-wordmark .brand-wordmark{display:inline}.home-header-nav{display:none;align-items:center;gap:24px;margin-left:auto}.home-header-nav a{color:var(--muted-foreground);font-size:13px;line-height:20px}.home-header-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.home-mobile-nav{position:absolute;z-index:50;inset-inline:0;display:grid;gap:2px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card);box-shadow:var(--elevation-card)}.home-mobile-nav a{padding:8px 12px;color:var(--foreground)}.home-icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted-foreground);border-radius:8px;border:0;background:transparent;padding:0;flex-shrink:0}.home-icon-button svg{width:18px;height:18px;stroke-width:1.75}.home-hero{padding:28px 0 12px;text-align:center}.fontiq-home h1{font-family:var(--type-font-heading);font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.02em;margin:0}.home-hero p{color:var(--muted-foreground);max-width:680px;margin:8px auto 0;font-size:15px;line-height:25px}.home-input-bar{position:sticky;top:0;z-index:30;padding:12px 0;background:var(--background)}.home-input-wrap{position:relative;display:flex;align-items:center}.home-input-wrap input{width:100%;min-width:0;height:52px;padding:0 48px 0 16px;border:1.5px solid var(--input);border-radius:12px;background:var(--card);color:var(--foreground);font:inherit;line-height:24px}.home-input-wrap input::placeholder{color:var(--muted-foreground)}.home-clear{position:absolute;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--muted-foreground)}.home-clear svg{width:18px;height:18px}.home-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 12px;margin:0 0 4px;scrollbar-width:none}.home-chips::-webkit-scrollbar{display:none}.fontiq-home .home-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted-foreground);font-size:13px;line-height:20px;font-weight:500;white-space:nowrap}.fontiq-home .home-chip-active{color:var(--background);background:var(--foreground);border-color:var(--foreground)}.home-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--home-gap)}.home-result-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0 0 10px;color:var(--muted-foreground);font-size:12px;line-height:18px}.home-empty{padding:24px;border:1px solid var(--border);border-radius:12px;color:var(--muted-foreground);text-align:center}.home-font-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--elevation-card);overflow:hidden;cursor:pointer}.home-font-card:hover{border-color:var(--ring)}.home-font-sample{display:flex;align-items:center;justify-content:center;width:100%;min-height:104px;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer}.home-font-sample span{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-family:var(--font-ui),"STIX Two Math","Cambria Math","Apple Symbols",sans-serif;font-size:26px;line-height:1.3;text-align:center}.home-font-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:auto;padding:6px 12px;border-top:1px solid var(--border)}.home-font-name{min-width:0;overflow-wrap:anywhere;color:var(--muted-foreground);font-size:13px;line-height:20px}.home-card-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.fontiq-home .home-favorite-button{display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;color:var(--muted-foreground);background:transparent;border:0;border-radius:6px}.home-favorite-button svg{width:16px;height:16px}.home-favorite-button.is-favorite{color:var(--destructive)}.home-favorite-button.is-favorite svg{fill:currentColor}.home-copy-toast{position:fixed;bottom:24px;left:50%;z-index:70;transform:translate(-50%);min-height:0;padding:0;border-radius:8px;color:var(--background);background:var(--foreground);font-size:13px;line-height:20px}.home-copy-toast:not(:empty){padding:8px 14px;box-shadow:var(--elevation-card)}.fontiq-home .home-show-more{display:block;width:min(100%,320px);min-height:44px;margin:24px auto 0;padding:8px 20px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--foreground);font-weight:500;cursor:pointer}.fontiq-home .home-show-more:hover{border-color:var(--ring)}.fontiq-home .home-copy-button{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--muted-foreground);border:0;border-radius:6px;padding:4px 0;font-size:13px;line-height:20px;font-weight:500}.home-copy-button svg{width:14px;height:14px;stroke-width:1.75}@media(max-width:639px){.home-font-name{font-size:12px}.home-copy-button span{display:none}.fontiq-home .home-copy-button{width:28px;height:28px;justify-content:center;padding:0}}.home-editorial{max-width:820px;margin-inline:auto}.home-section{margin-top:48px;scroll-margin-top:92px}.fontiq-home h2{font-family:var(--type-font-heading);font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600;margin:0 0 20px}.fontiq-home h3{font-family:var(--type-font-heading);font-size:17px;line-height:26px;font-weight:500;margin:0}.home-how-to ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.home-how-to li{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.home-step-number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;font-size:13px;font-weight:500}.home-explanation p{color:var(--muted-foreground);margin:0;line-height:26px}.home-popular-grid{display:grid;gap:12px}.fontiq-home .home-popular-card{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--card);color:var(--foreground);box-shadow:var(--elevation-card)}.home-popular-card p{margin:6px 0 0;font-size:13px;line-height:20px;color:var(--muted-foreground)}.home-popular-card svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--muted-foreground)}.home-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.home-scenarios li{border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--card);font-weight:500}.home-faq-item{border-bottom:1px solid var(--border);padding:20px 0}.home-faq-item:first-child{border-top:1px solid var(--border)}.fontiq-home .home-faq-item h3{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-family:var(--font-ui);font-size:15px;line-height:25px;font-weight:500}.home-faq-item h3 svg{flex-shrink:0;width:16px;height:16px;margin-top:4px;transform:rotate(180deg);color:var(--muted-foreground)}.home-faq-item p{margin:8px 32px 0 0;color:var(--muted-foreground);font-size:15px;line-height:26px}.home-footer{margin-top:64px;border-top:1px solid var(--border);padding:24px 0 40px}.home-footer-tools{display:flex;flex-wrap:wrap;gap:12px 24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.fontiq-home .home-footer-tools a,.fontiq-home .home-footer-links a,.fontiq-home .home-footer-meta a{color:var(--muted-foreground);font-size:13px;line-height:20px}.home-footer-bottom{display:flex;flex-direction:column;gap:16px;padding-top:24px}.home-footer-links{display:flex;flex-wrap:wrap;gap:20px}.home-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.home-footer-bottom p{color:var(--muted-foreground);font-size:13px;line-height:20px;margin:0}@media(max-width:359px){.home-font-grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:640px){.home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-how-to ol{grid-template-columns:repeat(3,minmax(0,1fr))}.home-how-to li{flex-direction:column;align-items:flex-start}.home-how-to h3{font-size:15px;line-height:24px}}@media(min-width:768px){.home-mobile-nav{display:none}.home-header-nav{display:flex}.home-header-actions{margin-left:12px}.home-mobile-menu{display:none}.home-hero{padding-top:32px}.fontiq-home h1{font-size:32px;line-height:40px}.home-font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-footer-bottom{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}@media(min-width:1024px){.home-font-grid,.home-scenarios{grid-template-columns:repeat(4,minmax(0,1fr))}}.fontiq-not-found .not-found-main{max-width:1040px;padding-block:64px 40px}.fontiq-not-found .not-found-code{margin:0 0 12px;color:var(--muted-foreground);font-size:13px;font-weight:600;letter-spacing:.12em}.fontiq-not-found .not-found-message{max-width:560px;margin:16px 0 32px;color:var(--muted-foreground);font-size:16px;line-height:1.7}.fontiq-not-found .not-found-message a{color:var(--foreground);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.fontiq-not-found .not-found-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fontiq-not-found .not-found-styles a{display:flex;min-width:0;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);font-size:15px;font-weight:500;line-height:1.4;box-shadow:var(--elevation-card)}.fontiq-not-found .not-found-styles a:hover{border-color:var(--ring)}@media(min-width:768px){.fontiq-not-found .not-found-main{padding-block:96px 48px}.fontiq-not-found .not-found-styles{grid-template-columns:repeat(4,minmax(0,1fr))}}.fontiq-legal-page .legal-main{padding-block:44px 24px}.legal-heading,.legal-content{width:100%;max-width:760px;margin-inline:auto}.legal-heading{padding-bottom:24px;border-bottom:1px solid var(--border)}.legal-heading p{margin:10px 0 0;color:var(--muted-foreground);font-size:13px}.legal-content{padding-top:28px;color:var(--muted-foreground);font-size:15px;line-height:1.8}.legal-content>p,.legal-content section>p{margin:0 0 16px}.legal-content section{margin-top:36px;scroll-margin-top:24px}.fontiq-legal-page .legal-content section:first-child{margin-top:0}.fontiq-legal-page .legal-content h2{margin:0 0 14px;color:var(--foreground);font-size:19px;line-height:1.4}.legal-content strong{color:var(--foreground);font-weight:600}.legal-content a{color:var(--foreground);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-content ul{margin:0 0 16px;padding-left:22px;list-style:disc}.legal-content li{margin:5px 0}@media(min-width:768px){.fontiq-legal-page .legal-main{padding-top:60px}}
