:root{font-family:Fira Code,monospace;color:#abb2bf;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--base-font: "Fira Code", monospace;--base-color: #abb2bf;--base-font-size: 28px;--mobile-font-size: 18px;--editor-background-color: #282c34;--code-line-inactive-color: #4B5263;--code-line-active-color: #ABB2BF}*{box-sizing:border-box}body{margin:0;min-width:320px;counter-reset:code-line;font-size:var(--base-font-size)}a{color:inherit;text-underline-offset:5px}a:hover{color:inherit}a:focus-visible{outline-offset:6px}p{font-family:Fira Code,monospace;margin:0;line-height:1.5}.site{display:flex;flex-direction:column;min-height:100svh;padding:0 8%}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid #d5dfd8;font-size:var(--base-font-size);color:#e5c07b}.site-header a{font-size:inherit;font-weight:700;text-decoration:none;color:#e5c07b}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 0}.editor{display:flex;flex-direction:column;min-width:320px;min-height:320px;overflow:hidden;border-radius:.5rem;padding:.5rem;background-color:var(--editor-background-color);font-family:Fira Code,monospace;font-size:var(--base-font-size);color:var(--base-color)}.editor p{counter-increment:code-line;position:relative;padding-left:calc(3ch + var(--code-indent, 0ch))}.editor .curly-bracket{color:gold}.editor p:before{content:counter(code-line);position:absolute;top:0;left:0;width:2ch;text-align:right;color:var(--base-color)}.editor p[active-line=true]:before{color:var(--code-line-active-color)}.editor p[indent-level="1"]{--code-indent: 2ch}.editor p[indent-level="1"] .curly-bracket{color:orchid}.editor p[indent-level="2"]{--code-indent: 4ch}.editor p[indent-level="2"] .curly-bracket{color:#87cefa}.editor p[indent-level="3"]{--code-indent: 6ch}.editor p[indent-level="3"] .curly-bracket{color:gold}.keyword{color:#c678dd}.object,.class-name{color:#e5c07b}.variable-name{color:#e06c75}.standard-foreground{color:#abb2bf}.comment{color:#5c6370}.github-link{display:flex;align-items:center;position:relative;border:none;gap:8px}.github-profile-link img{border-radius:50%;width:64px;height:64px}.github-icon svg{color:#fff;position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%}footer{padding:24px 0;border-top:1px solid #d5dfd8;color:#abb2bf;font-size:14px}@media(max-width:768px){.site-header{font-size:var(--mobile-font-size)}.editor{font-size:var(--mobile-font-size);min-width:320px}}