:root{--bg-color:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-color:#0f172a;--text-muted:#64748b;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--accent-glow:#2563eb14;--success-color:#10b981}body,input,select,button,textarea{font-family:t,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{height:100%;overflow:hidden}body{color:var(--text-color);box-sizing:border-box;background:#fff url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1920'%20height='1080'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cfilter%20id='b'%20width='160%25'%20height='160%25'%20x='-30%25'%20y='-30%25'%3e%3cfeGaussianBlur%20stdDeviation='80'/%3e%3c/filter%3e%3cfilter%20id='c'%20width='140%25'%20height='140%25'%20x='-20%25'%20y='-20%25'%3e%3cfeGaussianBlur%20stdDeviation='24'/%3e%3c/filter%3e%3cfilter%20id='e'%20width='140%25'%20height='140%25'%20x='-20%25'%20y='-20%25'%3e%3cfeGaussianBlur%20stdDeviation='12'/%3e%3c/filter%3e%3cfilter%20id='g'%20width='140%25'%20height='140%25'%20x='-20%25'%20y='-20%25'%3e%3cfeDropShadow%20dx='0'%20dy='24'%20flood-color='%23000'%20flood-opacity='.04'%20stdDeviation='30'/%3e%3c/filter%3e%3cfilter%20id='i'%3e%3cfeTurbulence%20baseFrequency='.65'%20numOctaves='3'%20stitchTiles='stitch'%20type='fractalNoise'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3c/filter%3e%3clinearGradient%20id='a'%20x1='0%25'%20x2='100%25'%20y1='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23e8e8ed'/%3e%3cstop%20offset='100%25'%20stop-color='%23f2f2f7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='0%25'%20x2='100%25'%20y1='100%25'%20y2='0%25'%3e%3cstop%20offset='0%25'%20stop-color='%23eaebef'%20stop-opacity='.9'/%3e%3cstop%20offset='100%25'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='0%25'%20x2='100%25'%20y1='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23fff'/%3e%3cstop%20offset='100%25'%20stop-color='%23e5e5ea'%20stop-opacity='.7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='h'%20x1='0%25'%20x2='100%25'%20y1='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23eaebef'%20stop-opacity='.9'/%3e%3cstop%20offset='100%25'%20stop-color='%23c7c7cc'%20stop-opacity='.8'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20fill='url(%23a)'/%3e%3cg%20filter='url(%23b)'%3e%3cellipse%20cx='15%25'%20cy='5%25'%20fill='%23e5e5ea'%20opacity='.6'%20rx='50%25'%20ry='60%25'/%3e%3cellipse%20cx='85%25'%20cy='15%25'%20fill='%23d1d1d6'%20opacity='.5'%20rx='45%25'%20ry='55%25'/%3e%3cellipse%20cx='30%25'%20cy='95%25'%20fill='%23eaebef'%20opacity='.7'%20rx='60%25'%20ry='50%25'/%3e%3cellipse%20cx='85%25'%20cy='90%25'%20fill='%23d1d1d6'%20opacity='.6'%20rx='50%25'%20ry='55%25'/%3e%3cellipse%20cx='50%25'%20cy='50%25'%20fill='%23fff'%20opacity='.9'%20rx='40%25'%20ry='45%25'/%3e%3c/g%3e%3cpath%20fill='%23fff'%20d='M-100%20500c500-50%20700-400%201300-300%20400%2050%20600-250%20900-150v1150H-100Z'%20filter='url(%23c)'%20opacity='.4'/%3e%3cpath%20fill='url(%23d)'%20d='M-100%20750c500-50%20700-500%201300-400%20400%2050%20600-200%20900-100v950H-100Z'%20filter='url(%23e)'/%3e%3cpath%20fill='url(%23f)'%20d='M-100%20950c350%200%20500-500%201100-500%20400%200%20600%20200%201100%20150v600H-100Z'%20filter='url(%23g)'/%3e%3cpath%20fill='url(%23h)'%20d='M1100%201200c200-350%20500-450%201000-300v300Z'%20filter='url(%23g)'/%3e%3cpath%20fill='%23fff'%20d='M-100%201200v-100c200%200%20350%2020%20550%20100Z'%20filter='url(%23g)'%20opacity='.8'/%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23i)'%20opacity='.04'%20style='mix-blend-mode:multiply;pointer-events:none'/%3e%3c/svg%3e") 50%/cover no-repeat fixed;flex-direction:column;margin:0;padding:0;display:flex}header{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(180%);box-sizing:border-box;background:#fff3;border:1px solid #fff6;border-radius:24px;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;margin:24px auto 0;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:24px;box-shadow:0 1px 2px #00000005,0 8px 32px -4px #0000000a,inset 0 1px 1px #fff9}.header-content{align-items:center;gap:20px;margin-bottom:0;display:flex}.header-controls{align-items:center;gap:20px;display:flex}.github-link,.npm-link{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.github-link:hover,.npm-link:hover{color:var(--text-color);transform:scale(1.1)}#lang-select{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;outline:none;min-width:140px;padding:8px 36px 8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}#lang-select:hover,#lang-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}header h1{letter-spacing:-.4px;margin:0;font-size:22px;font-weight:850}header h1 a{color:var(--text-color);background:linear-gradient(135deg,#0f172a 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-decoration:none;transition:color .2s}header h1 a:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subtitle{color:var(--text-muted);border-left:1px solid #0f172a26;align-items:center;margin:0;padding-left:20px;font-size:14px;font-weight:400;display:flex}.subtitle a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .2s}.subtitle a:hover{color:var(--accent-hover);text-decoration:underline}main{flex:1;justify-content:center;padding:2.5rem 1.5rem;display:flex}.container{flex-direction:column;gap:2.5rem;width:100%;max-width:1200px;display:flex}.card{z-index:1;border-radius:24px;padding:2rem;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.Lg{z-index:1;position:relative}.Lg:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(8px)saturate(150%);backdrop-filter:blur(8px)saturate(150%);z-index:-1;background:linear-gradient(#f5f5f54d,#f5f5f580);transition:background .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.Lg:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:padding-box,border-box;z-index:-1;background-image:linear-gradient(#0000004d,#00000026);background-origin:border-box;background-clip:border-box;border:.5px solid #0000;position:absolute;inset:0;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-header h2{margin:0}.card h2{color:var(--text-color);margin-top:0;margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.tag{color:var(--accent-color);background-color:var(--accent-glow);border:1px solid #2563eb26;border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #00000005}.tag:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb26}.editor-card{flex-direction:column;gap:1.25rem;display:flex}.editor-header{flex-direction:column;display:flex}.editor-header h2{margin-bottom:.25rem}.tip{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:300}#formula-input{border:1px solid var(--border-color);width:100%;height:auto;min-height:80px;color:var(--text-color);resize:none;field-sizing:content;box-sizing:border-box;background-color:#f8fafc;border-radius:10px;outline:none;padding:1.25rem;font-family:c,monospace;font-size:1.1rem;line-height:1.6;transition:border-color .25s,box-shadow .25s,background-color .25s}#formula-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);background-color:#fff}.math-display{border-radius:16px;justify-content:center;align-items:center;min-height:100px;padding:2rem;display:flex;overflow-x:auto}math{color:var(--text-color);font-family:m,t,sans-serif;font-size:1.85rem}.formulas-section{flex-direction:column;gap:1.5rem;display:flex}.formulas-section h2{color:var(--text-color);margin:0;font-size:1.5rem;font-weight:700}.formulas-grid{width:100%;transition:height .3s;position:relative}.formula-card{box-sizing:border-box;cursor:pointer;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.formula-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -3px #00000014,0 4px 6px -2px #00000008}.formula-card:hover:before{background:linear-gradient(#f5f5f580,#f5f5f5b3)}.formula-card:hover:after{background-image:linear-gradient(180deg, var(--accent-color), #2563eb4d)}.formula-card h3{color:var(--text-color);margin:0;font-size:1.15rem;font-weight:600}.formula-card .tex-code{color:var(--text-muted);background-color:var(--bg-color);border:1px solid var(--border-color);white-space:nowrap;border-radius:8px;padding:.75rem 1rem;font-family:c,monospace;font-size:.9rem;overflow-x:auto}.formula-card .rendered-math{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:10px;justify-content:center;align-items:center;min-height:100px;padding:1.5rem;display:flex;overflow:hidden}.formula-card .rendered-math math{display:inline-block}.code-block{border:1px solid var(--border-color);white-space:pre-wrap;word-wrap:break-word;background-color:#f8fafc;border-radius:10px;margin:0;padding:1.5rem}.code-block code{color:#1e293b;font-family:c,monospace;font-size:.9rem;font-weight:300;line-height:1.6}.main-grid{grid-template-columns:1fr 360px;gap:2.5rem;width:100%;display:grid}.benchmark-card{flex-direction:column;display:flex}.benchmark-img-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem 0;display:flex}.benchmark-img-container img{width:100%;max-width:100%;height:auto}.benchmark-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.benchmark-card h2{color:var(--text-color);margin:0;font-size:1.35rem;font-weight:700}.benchmark-card .tip{color:var(--text-muted);font-size:.875rem}@media (width<=768px){header{flex-direction:column;align-items:center;gap:16px;width:calc(100% - 32px);margin:16px 16px 0;padding:20px}.header-content{text-align:center;flex-direction:column;align-items:center;gap:6px}.subtitle{border-left:none;padding-left:0}.main-grid{flex-direction:column;display:flex}.usage-card{order:1}.size-card{order:2}.speed-card{order:3}.editor-card{order:4}}:root{--cursorGrabSvg:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='14'%20fill='none'%3e%3cpath%20fill='%23ffffffb3'%20fill-rule='evenodd'%20d='M3.573%202.036c.48-.178%201.427-.069%201.677.473.213.462.396%201.241.406%201.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.69a1.9%201.9%200%200%201%20.916-.056c.313.064.642.287.765.5.362.622.368%201.898.385%201.83.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.25.05.586.344.677.487.22.344.342%201.316.38%201.658.015.141.073-.393.292-.736.406-.639%201.844-.763%201.898.64.026.653.02.623.02%201.063%200%20.516-.012.828-.04%201.202-.03.4-.116%201.304-.24%201.742-.087.301-.372.978-.654%201.384%200%200-1.074%201.25-1.19%201.812-.118.563-.079.567-.103.965-.023.4.121.923.121.923s-.8.104-1.234.034c-.39-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709%201.07-1.05%201.113-.669.084-2.055.03-3.14.02%200%200%20.185-1.01-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.92c-.283-.36-1.002-.93-1.243-1.986C.875%206.46.896%206%201.125%205.625c.232-.38.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.16.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.36-.4-.943-.38-1.526.008-.22.103-.77.832-1.042'%20clip-rule='evenodd'/%3e%3cpath%20stroke='%230000008c'%20stroke-linejoin='round'%20stroke-width='.75'%20d='M3.573%202.036c.48-.178%201.427-.069%201.677.473.213.462.396%201.241.406%201.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.69a1.9%201.9%200%200%201%20.916-.056c.313.064.642.287.765.5.362.622.368%201.898.385%201.83.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.25.05.586.344.677.487.22.344.342%201.316.38%201.658.015.141.073-.393.292-.736.406-.639%201.844-.763%201.898.64.026.653.02.623.02%201.063%200%20.516-.012.828-.04%201.202-.03.4-.116%201.304-.24%201.742-.087.301-.372.978-.654%201.384%200%200-1.074%201.25-1.19%201.812-.118.563-.079.567-.103.965-.023.4.121.923.121.923s-.8.104-1.234.034c-.39-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709%201.07-1.05%201.113-.669.084-2.055.03-3.14.02%200%200%20.185-1.01-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.92c-.283-.36-1.002-.93-1.243-1.986C.875%206.46.896%206%201.125%205.625c.232-.38.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.16.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.36-.4-.943-.38-1.526.008-.22.103-.77.832-1.042Z'%20clip-rule='evenodd'/%3e%3cpath%20stroke='%230000008c'%20stroke-linecap='round'%20stroke-width='.75'%20d='M10.566%209.734V6.275M8.55%209.746l-.015-3.473m-1.98.032.02%203.426'/%3e%3c/svg%3e") 8 7, grabbing;--cursorScrollhSvg:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23fff'%20stroke='%23000'%20stroke-linejoin='round'%20stroke-width='2'%20d='m22%2012-6-6v4H8V6l-6%206%206%206v-4h8v4z'/%3e%3c/svg%3e") 10 10, ew-resize;--cursorScrollvSvg:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23fff'%20stroke='%23000'%20stroke-linejoin='round'%20stroke-width='2'%20d='M12%202%206%208h4v8H6l6%206%206-6h-4V8h4z'/%3e%3c/svg%3e") 10 10, ns-resize}c-vs,c-hs{display:block}c-vs::part(scroll),c-hs::part(scroll){scrollbar-width:none;width:100%;height:100%;display:flex;position:relative;overflow:auto}c-vs::part(bar),c-hs::part(bar){-webkit-user-select:none;user-select:none;z-index:999;--si-anim:none;--si-bg:#7d7d7d99;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:sticky;bottom:0}c-vs::part(bar):hover,c-vs::part(drag),c-hs::part(bar):hover,c-hs::part(drag){--si-anim:c-vs-pop .4s ease-out;--si-bg:#7d7d7dcc;background:#0000000d;box-shadow:inset 0 1px 6px #fffc,inset 0 -2px 8px #0000000a,inset 0 0 0 1px #ffffff80;opacity:1!important}c-vs::part(si),c-hs::part(si){animation:var(--si-anim);background:var(--si-bg);border-radius:3px;margin:auto;transition:all .2s,opacity 1s,box-shadow 1s;display:block;position:absolute}c-vs{--sh:inset 3px 0 3px -3px #0000004d, inset -3px 0 3px -3px #0000000d;width:100vw;height:100vh}c-vs::part(scroll){overflow-x:hidden}c-vs::part(bar){width:13px;height:100%;margin-left:-13px;top:0;left:100%}c-vs::part(bar):hover,c-vs::part(drag){cursor:var(--cursorScrollvSvg);width:21px;margin-left:-21px}c-vs::part(si){cursor:var(--cursorScrollvSvg);width:7px;left:0;right:0}c-hs{--sh:inset 0 3px 3px -3px #0000004d, inset 0 -3px 3px -3px #0000000d;width:100%}c-hs::part(scroll){width:100%;display:block;overflow-y:hidden}c-hs::part(bar){width:100%;height:13px;margin-top:-13px;left:0;right:0}c-hs::part(bar):hover,c-hs::part(drag){cursor:var(--cursorScrollhSvg);height:21px;margin-top:-21px}c-hs::part(si){cursor:var(--cursorScrollhSvg);height:7px;top:0;bottom:0}body.drag{cursor:var(--cursorGrabSvg)}@keyframes c-vs-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}
