:root{--primary-font: "Inter", system-ui, sans-serif;--secondary-font: "IBM Plex Mono", system-ui, sans-serif;--primary-color: #101111;--secondary-color: #f0f1f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light-mode{background:var(--secondary-color);color:var(--primary-color)}.dark-mode{background:var(--primary-color);color:var(--secondary-color)}body{margin:0;font-family:var(--primary-font)}h1{font-size:1rem;font-weight:500;margin:0}a{font-weight:500;color:unset;text-underline-offset:.25rem}a:hover{opacity:.75}button{cursor:pointer;background-color:transparent;border:none;color:unset}button svg{display:block}div#root>div{min-height:100dvh;padding:1.5rem 2rem 3rem;box-sizing:border-box;display:flex;flex-direction:column}div.top-bar{display:flex;align-items:center;justify-content:space-between}div.tool-detail{font-family:var(--secondary-font);font-size:.875rem;font-weight:500}main.container{max-width:60rem;margin:auto}div.info-wrapper{display:flex;align-items:center;gap:2.5rem}div.viewport-num{font-family:var(--secondary-font);font-size:11rem;line-height:1.3;margin:1.5rem 0}div.credit-tag{font-family:var(--secondary-font);font-size:.75rem;text-align:right;opacity:.5}@media(max-width:999px){div#root>div{padding:1rem 1.5rem 2rem}div.tool-detail{max-width:50%}div.viewport-num{font-size:8.375rem;line-height:1.1;margin:1.25rem 0}}@media(max-width:729px){div.tool-detail{max-width:11.5rem}div.info-wrapper{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}div.viewport-num{line-height:1.1;margin:0}}