@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=M+PLUS+1p:wght@400;700&family=M+PLUS+Rounded+1c:wght@400;700&family=Kosugi&family=Kosugi+Maru&family=Sawarabi+Gothic&family=Sawarabi+Mincho&family=Shippori+Mincho:wght@400;700&family=Zen+Kaku+Gothic+New:wght@400;700&family=Zen+Kaku+Gothic+Antique:wght@400;700&family=Zen+Maru+Gothic:wght@400;700&family=Zen+Old+Mincho:wght@400;700&family=DotGothic16&family=Kaisei+Tokumin:wght@400;700&family=Kaisei+HarunoUmi:wght@400;700&family=Kaisei+Decol:wght@400;700&family=Kaisei+Opti:wght@400;700&family=New+Tegomin&family=Yuji+Boku&family=Yuji+Mai&family=Yuji+Syuku&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Kurenaido&family=Zen+Loop&family=Zen+Tokyo+Zoo&family=Roboto:wght@300;400;700&family=Open+Sans:wght@300;400;700&family=Lato:wght@300;400;700&family=Montserrat:wght@300;400;700&family=Raleway:wght@300;400;700&family=Poppins:wght@300;400;700&family=Source+Sans+Pro:wght@300;400;700&family=Oswald:wght@300;400;700&family=Inter:wght@300;400;700&family=Nunito:wght@300;400;700&family=Ubuntu:wght@300;400;700&family=PT+Sans:wght@400;700&family=Work+Sans:wght@300;400;700&family=Bebas+Neue&family=Barlow:wght@300;400;700&family=DM+Sans:wght@400;700&family=Fira+Sans:wght@300;400;700&family=Quicksand:wght@300;400;700&family=Comfortaa:wght@300;400;700&family=Playfair+Display:wght@400;700;900&family=Merriweather:wght@300;400;700;900&family=Lora:wght@400;700&family=PT+Serif:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Crimson+Text:wght@400;700&family=Crimson+Pro:wght@300;400;700&family=Source+Serif+Pro:wght@300;400;700&family=Cormorant:wght@300;400;700&family=EB+Garamond:wght@400;700&family=Dancing+Script:wght@400;700&family=Pacifico&family=Great+Vibes&family=Sacramento&family=Satisfy&family=Allura&family=Pinyon+Script&family=Kaushan+Script&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;line-height:1.8;color:#1a1a1a;background-color:#fafafa}html{overflow-x:clip}.container{max-width:1280px;margin:0 auto;padding:2.5rem 1rem}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}@media(min-width:768px){.font-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.font-grid{grid-template-columns:repeat(3,1fr)}}.font-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.75rem;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d}.font-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#1a1a1a}.font-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.font-title{font-size:1.5rem;color:#1a1a1a;font-weight:400;letter-spacing:.5px;line-height:1.2;flex:1;min-width:0}.font-category{display:inline-block;padding:.375rem .75rem;background-color:#f0f0f0;border-radius:4px;font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.font-description{color:#666;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.sample-section{margin-bottom:1.5rem}.sample-text{font-size:1.5rem;line-height:1.5;padding:1.25rem;background-color:#fafafa;border-radius:6px;color:#1a1a1a;word-wrap:break-word;overflow-wrap:break-word;position:relative}.sample-text-normal{font-size:1.125rem}.sample-text-bold{font-weight:700}.sample-text-italic{font-style:italic}.code-section{margin-bottom:1rem;position:relative}.code-block+.code-block{margin-top:.75rem}.code-block .tag{color:#66d9ef}.code-block .attr{color:#a6e22e}.code-block .string{color:#e6db74}.font-link{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;color:#666;text-decoration:none;border-bottom:1px solid #666;transition:all .3s ease;font-size:.85rem;font-weight:400;margin-top:.5rem;padding-bottom:2px}.font-link:hover{color:#1a1a1a;border-bottom-color:#1a1a1a}.font-link:after{content:" ↗";font-size:.9em;margin-left:.2rem}.preview-wrap{flex:2;min-width:200px;max-width:420px}.preview-input{width:100%;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;outline:none;transition:border-color .2s;font-family:Noto Sans JP,sans-serif;color:#1a1a1a;background:#fafafa}.preview-input:focus{border-color:#1a1a1a;background:#fff}.font-count{font-size:.75rem;color:#bbb;font-family:JetBrains Mono,monospace;white-space:nowrap;flex-shrink:0}.font-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.font-card.hidden,.category-section.all-hidden{display:none}.no-results{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:#999;font-size:.9rem;display:none}.no-results.visible{display:block}