/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Fragment Mono",ui-monospace,monospace;--font-mono:"Buena Mono VF",ui-monospace,monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-primary:var(--c-bg-primary);--color-text-primary:var(--c-text-primary);--color-accent:var(--c-accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.inline{display:inline}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-400.woff2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-400-italic.woff2)format("woff2")}@font-face{font-family:Buena Mono VF;src:url(/fonts/BuenaMono-VF.woff2)format("woff2");font-weight:100 800;font-style:oblique 0deg 10deg;font-display:swap}:root{--c-bg-primary:#0a0a0f;--c-bg-surface:#111827;--c-bg-elevated:#1f2937;--c-text-primary:#f9fafb;--c-text-secondary:#9ca3af;--c-text-tertiary:#6b7280;--c-accent:#3b82f6;--c-accent-hover:#60a5fa;--c-border:#374151;--c-success:#34d399;--c-error:#f87171}:root.light{--c-bg-primary:#fff;--c-bg-surface:#f3f4f6;--c-bg-elevated:#e5e7eb;--c-text-primary:#111827;--c-text-secondary:#4b5563;--c-text-tertiary:#9ca3af;--c-accent:#2563eb;--c-accent-hover:#1d4ed8;--c-border:#d1d5db;--c-success:#059669;--c-error:#dc2626}html{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.specimen,.specimen-fixed{font-family:Buena Mono VF,ui-monospace,monospace}.content-wrapper{opacity:0;transition:opacity .3s}.content-wrapper.loaded{opacity:1}.controls{z-index:100;background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 48px;font-family:Buena Mono VF,ui-monospace,monospace;display:flex;position:sticky;top:0}.controls label{color:var(--c-text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.controls input[type=range]{width:120px;accent-color:var(--c-accent)}.controls .val{color:var(--c-text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:32px}.controls button{background:var(--c-border);color:var(--c-text-primary);cursor:pointer;border:none;border-radius:6px;min-height:36px;padding:8px 12px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:13px}.controls-link{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.controls button:hover{background:var(--c-text-tertiary)}.controls .title{color:var(--c-text-primary);margin-right:auto;font-size:14px;font-weight:700}.tt-features-panel{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:8px;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;padding:12px 16px;font-family:Buena Mono VF,ui-monospace,monospace;display:none}.tt-features-panel.open{display:flex}.tt-features-panel label{color:var(--c-text-tertiary);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.tt-features-panel input[type=checkbox]{accent-color:var(--c-accent)}.tt-features-panel label.active{color:var(--c-accent)}.specimen-section h2{color:var(--c-accent);border-bottom:1px solid var(--c-border);margin-bottom:16px;padding-bottom:8px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:20px;font-weight:700}.specimen-section h3{color:var(--c-text-primary);margin:24px 0 12px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:16px;font-weight:600}.specimen-section h4,.specimen-section .section-subcat{color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:13px;font-weight:600}.specimen-section p{color:var(--c-text-tertiary);margin-bottom:16px;font-size:14px}.hero-title{color:var(--c-text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:64px;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--c-accent);margin-bottom:24px;font-size:20px;font-weight:400}.hero-desc{color:var(--c-text-tertiary);max-width:680px;margin:0 auto 24px;font-size:15px;line-height:1.7}.hero-stats{color:var(--c-text-tertiary);flex-wrap:wrap;justify-content:center;gap:24px;font-size:13px;display:flex}.hero-stats .stat-value{color:var(--c-text-primary);margin-bottom:2px;font-size:18px;font-weight:700;display:block}.hero-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.hero-tag{color:var(--c-accent);background:#3b82f626;border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.presentation-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.presentation-tag{background:var(--c-bg-elevated);border:1px solid var(--c-border);color:var(--c-text-secondary);border-radius:4px;padding:2px 8px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:11px;display:inline-block}.type-tester-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.type-tester-header h2{margin-bottom:0}.type-tester-controls{gap:8px;display:flex}.type-tester-select{appearance:none;background:var(--c-bg-surface);border:1px solid var(--c-border);color:var(--c-text-secondary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:6px 28px 6px 10px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:13px}.type-tester-select:hover{border-color:var(--c-accent);color:var(--c-text-primary)}.type-tester-select:focus{border-color:var(--c-accent)}.type-tester{background:var(--c-bg-surface);border:1px solid var(--c-border);min-height:160px;color:var(--c-text-primary);text-align:center;cursor:text;border-radius:8px;outline:none;padding:32px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:48px;line-height:1.3}.type-tester:empty:before{content:"Write something awesome...";color:var(--c-text-tertiary);pointer-events:none}.lig-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;margin-bottom:16px;display:grid}.lig-cell{background:var(--c-bg-surface);border:1px solid var(--c-border);text-align:center;letter-spacing:0;border-radius:4px;padding:12px 8px 6px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:24px}.lig-cell .label{color:var(--c-text-tertiary);margin-top:6px;font-size:10px;display:block}.sample-block{background:var(--c-bg-surface);border:1px solid var(--c-border);white-space:pre-wrap;border-radius:6px;margin-bottom:16px;padding:20px 24px;font-family:Buena Mono VF,ui-monospace,monospace;line-height:1.5}.sample-block.code{white-space:pre;tab-size:2;font-size:14px;overflow-x:auto}.kw{color:#c792ea}.fn{color:#82aaff}.str{color:#c3e88d}.cm{color:#546e7a}.num{color:#f78c6c}.op{color:#89ddff}.ty{color:#ffcb6b}.light .kw{color:#7c4dff}.light .fn{color:#6182b8}.light .str{color:#91b859}.light .cm{color:#90a4ae}.light .num{color:#f76d47}.light .op{color:#39adb5}.light .ty{color:#e2931d}.comparison{gap:12px;margin-bottom:16px;display:grid}.comparison.cols-2{grid-template-columns:1fr 1fr}.comparison.cols-3{grid-template-columns:1fr 1fr 1fr}.comparison .panel{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:6px;padding:16px 20px}.comparison .panel-label{color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px}.comparison .panel-content{font-family:Buena Mono VF,ui-monospace,monospace;font-size:20px;line-height:1.6}.feature-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.feature-card{background:var(--c-bg-surface);border:1px solid var(--c-border);text-align:center;border-radius:6px;padding:16px}.feature-card .feature-name{color:var(--c-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px}.feature-card .feature-row{justify-content:center;gap:24px;margin-bottom:8px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:28px;display:flex}.feature-card .feature-row .off{color:var(--c-text-tertiary);font-feature-settings:normal}.axis-matrix{gap:8px;margin-bottom:16px;display:grid}.axis-matrix .matrix-cell{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:6px;padding:12px 16px}.axis-matrix .matrix-label{color:var(--c-text-tertiary);margin-bottom:4px;font-size:10px}.axis-matrix .matrix-sample{font-family:Buena Mono VF,ui-monospace,monospace;font-size:18px;line-height:1.4}.tiling-demo{background:var(--c-bg-surface);border:1px solid var(--c-border);white-space:pre;letter-spacing:0;border-radius:6px;margin-bottom:16px;padding:16px 20px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:16px;line-height:1.2;overflow-x:auto}.summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.summary-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:6px;padding:16px}.summary-card .card-label{color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px}.summary-card .card-value{color:var(--c-text-primary);font-size:24px;font-weight:700}.summary-card .card-detail{color:var(--c-text-tertiary);margin-top:4px;font-size:12px}.metrics-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:12px}.metrics-table th,.metrics-table td{text-align:left;border-bottom:1px solid var(--c-border);padding:6px 10px}.metrics-table th{color:var(--c-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:400}.waterfall-row{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.waterfall-row .size-label{color:var(--c-text-tertiary);text-align:right;flex-shrink:0;min-width:48px;font-size:12px}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-bottom:16px;display:grid}.lang-item{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:4px;padding:8px 12px;font-family:Buena Mono VF,ui-monospace,monospace;font-size:13px}.lang-item strong{color:var(--c-accent);margin-bottom:2px;font-size:11px;display:block}.glyph-browser{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.gb-categories{flex-direction:column;gap:16px;display:flex}.gb-category-label{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-tertiary);margin-bottom:4px;font-size:11px}.gb-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;display:grid}.gb-cell{aspect-ratio:1;background:var(--c-bg-surface);cursor:pointer;color:var(--c-text-primary);border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;font-family:Buena Mono VF,ui-monospace,monospace;font-size:18px;transition:border-color .1s,background .1s;display:flex}.gb-cell:hover{border-color:var(--c-text-tertiary);background:var(--c-border)}.gb-cell.active{border-color:var(--c-accent);background:var(--c-border)}.glyph-preview{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:8px;position:sticky;top:80px;overflow:hidden}.glyph-preview-canvas{background:repeating-linear-gradient(0deg,#0000,#0000 19px,#30363d4d 19px 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#30363d4d 19px 20px);width:100%;height:520px;position:relative;overflow:hidden}.glyph-preview-char{color:var(--c-text-primary);font-family:Buena Mono VF,ui-monospace,monospace;font-size:260px;line-height:1;position:absolute;top:130px;left:50%;transform:translate(-50%)}.glyph-guideline{pointer-events:none;height:1px;position:absolute;left:0;right:0}.glyph-guideline:after{content:attr(data-label);letter-spacing:.05em;border-radius:2px;padding:0 3px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:8px}.glyph-guideline.gl-a{background:#58a6ff80;top:138px}.glyph-guideline.gl-a:after{color:#58a6ff}.glyph-guideline.gl-ch{background:#3fb95080;top:145px}.glyph-guideline.gl-ch:after{color:#3fb950}.glyph-guideline.gl-xh{background:#d2992280;top:191px}.glyph-guideline.gl-xh:after{color:#d29922}.glyph-guideline.gl-bl{background:#c9d1d999;top:327px}.glyph-guideline.gl-bl:after{color:var(--c-text-primary)}.glyph-guideline.gl-d{background:#f8514980;top:384px}.glyph-guideline.gl-d:after{color:#f85149}.glyph-sidebearing{background:#8b949e40;width:1px;position:absolute;top:0;bottom:0}.glyph-sidebearing:before{content:"";background:#8b949e99;width:7px;height:1px;position:absolute;top:327px}.glyph-sidebearing.sb-left{left:calc(50% - 80px)}.glyph-sidebearing.sb-left:before{right:0}.glyph-sidebearing.sb-right{left:calc(50% + 80px)}.glyph-sidebearing.sb-right:before{left:0}.glyph-info{border-top:1px solid var(--c-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.glyph-info-char{color:var(--c-text-primary);font-family:Buena Mono VF,ui-monospace,monospace;font-size:32px;line-height:1}.glyph-info-details{flex-direction:column;gap:2px;display:flex}.glyph-info-name{color:var(--c-text-primary);font-size:13px}.glyph-info-unicode{color:var(--c-text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.specimen-footer{border-top:1px solid var(--c-border);text-align:center;padding:48px;font-family:Buena Mono VF,ui-monospace,monospace}.specimen-footer a{color:var(--c-accent);text-decoration:none}.specimen-footer a:hover{text-decoration:underline}.content-pad{padding:48px}.skip-link{z-index:200;background:var(--c-accent);color:#fff;padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.type-tester:focus-visible{border-color:var(--c-accent);outline:none}.gb-cell:focus-visible{border-color:var(--c-accent);background:var(--c-border);outline:none}@media(max-width:800px){.controls{gap:12px;padding:12px 16px}.hero-title{font-size:40px}.type-tester{min-height:100px;padding:20px;font-size:28px}.comparison.cols-2,.comparison.cols-3,.glyph-browser{grid-template-columns:1fr}.glyph-preview{order:-1;position:static}.axis-matrix{grid-template-columns:repeat(2,1fr)!important}.tt-features-panel{gap:6px 12px}.tt-features-panel label{min-width:calc(50% - 12px)}}@media(max-width:480px){.controls{gap:8px;padding:10px 12px}.hero-title{font-size:28px}.hero-desc{font-size:13px}.content-pad{padding:20px}.summary-cards{grid-template-columns:1fr}.specimen-footer{padding:32px 20px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}