@import"https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap";.ls-root{font-family:Recursive,ui-monospace,monospace;max-width:72rem;margin:0 auto;padding:3rem 1.5rem 6rem;position:relative}.ls-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.ls-title{font-size:3rem;font-weight:800;font-variation-settings:"CASL" 0,"slnt" 0,"MONO" 0;letter-spacing:-.03em;line-height:1.1;color:#e0e5eb;margin:0 0 1rem}.ls-subtitle{font-size:1.125rem;font-weight:400;font-variation-settings:"CASL" .3;line-height:1.65;color:#9ba6b1;max-width:56ch;margin:0 0 .75rem}.ls-subtitle em{font-weight:600;font-variation-settings:"CASL" .5,"slnt" -10;color:#abc0d7;font-style:normal}.ls-tech{font-size:.75rem;font-weight:400;font-variation-settings:"MONO" 1,"CASL" 0;letter-spacing:.04em;text-transform:uppercase;color:#69737d;margin:0}.ls-controls{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.ls-btn{font-family:Recursive,monospace;font-weight:450;font-variation-settings:"MONO" 1,"CASL" 0;font-size:.8125rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff08;color:#9a9fa5;cursor:pointer;transition:all .2s ease}.ls-btn:hover{background:#ffffff0f;color:#c4cfdb;border-color:#ffffff2e}.ls-btn--active{background:#ffffff14;color:#d0e0f2;border-color:#fff3}.ls-specimen{min-height:280px;margin-bottom:2rem;padding:2rem;border-radius:8px;background:#ffffff04;border:1px solid rgba(255,255,255,.04)}.ls-text{font-size:1.75rem;line-height:1.7;letter-spacing:-.01em}@property --wght-offset{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes ls-breathe{0%,to{--wght-offset: 0}50%{--wght-offset: 40}}.ls-char{display:inline;animation:ls-breathe 4s ease-in-out infinite;animation-delay:calc(var(--gidx, 0) * -80ms);font-weight:calc(var(--base-wght, 450) + var(--wght-offset, 0));transition:filter .2s ease}.ls-word{display:inline;cursor:crosshair;position:relative}.ls-word:hover .ls-char{text-decoration-line:underline;text-decoration-color:#ffffff14;text-underline-offset:4px;text-decoration-thickness:1px;filter:brightness(1.15);animation-duration:2s}.ls-editor{width:100%;min-height:240px;font-family:Recursive,monospace;font-size:1.125rem;font-weight:400;font-variation-settings:"CASL" .3,"MONO" 0;line-height:1.7;color:#c9ced4;background:transparent;border:none;outline:none;resize:vertical;padding:0}.ls-editor::-moz-placeholder{color:#4d5660;font-weight:350;font-variation-settings:"CASL" .5,"slnt" -5}.ls-editor::placeholder{color:#4d5660;font-weight:350;font-variation-settings:"CASL" .5,"slnt" -5}.ls-annotation{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#080c0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem 1.25rem;min-width:320px;z-index:100;box-shadow:0 8px 32px #00000080}.ls-ann-word{font-size:1.5rem;font-weight:600;font-variation-settings:"CASL" 0;color:#d4dfeb;display:block;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.ls-ann-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.ls-ann-item{display:flex;flex-direction:column;gap:.125rem}.ls-ann-label{font-size:.625rem;font-weight:400;font-variation-settings:"MONO" 1;text-transform:uppercase;letter-spacing:.06em;color:#5f6469}.ls-ann-value{font-size:1rem;font-weight:600;font-variation-settings:"MONO" 1;color:#bbc5d1}.ls-ann-axes{display:flex;gap:1rem;font-size:.6875rem;font-weight:400;font-variation-settings:"MONO" 1;color:#51565b;flex-wrap:wrap}.ls-legend{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.ls-legend-title{font-size:1.25rem;font-weight:600;font-variation-settings:"CASL" 0;color:#c9ced4;margin:0 0 1.5rem;letter-spacing:-.01em}.ls-legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.ls-legend-card{padding:1.25rem;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.ls-legend-axis{font-size:.8125rem;font-weight:600;font-variation-settings:"MONO" 1,"CASL" 0;color:#a0b0c1;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.03em}.ls-legend-desc{font-size:.875rem;font-weight:400;font-variation-settings:"CASL" .2;line-height:1.6;color:#82878c;margin:0 0 .75rem}.ls-legend-desc em{font-style:normal;font-weight:550;font-variation-settings:"CASL" .4,"slnt" -5;color:#a9b9ca}.ls-legend-demo{display:flex;align-items:baseline;gap:.75rem;font-size:1.5rem;font-family:Recursive,monospace;padding-top:.5rem}.ls-legend-arrow{font-size:.875rem;color:#44484d}.ls-compare{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.ls-compare-intro{font-size:.9375rem;font-weight:400;font-variation-settings:"CASL" .2;line-height:1.6;color:#7c8186;margin:0 0 1.5rem;max-width:48ch}.ls-compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.ls-pair{display:flex;align-items:baseline;gap:.75rem;padding:1rem;border-radius:6px;background:#ffffff04;border:1px solid rgba(255,255,255,.03)}.ls-pair-word{font-family:Recursive,monospace;font-size:1.75rem;line-height:1.2}.ls-pair-vs{font-size:.875rem;font-weight:300;font-variation-settings:"MONO" 1;color:#373b40}@media(max-width:640px){.ls-root{padding:1.5rem 1rem 4rem}.ls-title{font-size:2rem}.ls-text{font-size:1.25rem;line-height:1.65}.ls-legend-grid,.ls-compare-grid{grid-template-columns:1fr}.ls-ann-grid{grid-template-columns:repeat(2,1fr)}.ls-annotation{left:1rem;right:1rem;transform:none;min-width:0}.ls-pair-word{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.ls-char{animation:none;font-weight:var(--base-wght, 450)}}