@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSHrV.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSHrV.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSHrV.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSHrV.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSHrV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD2OwG_TA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD_OwG_TA.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD4OwG_TA.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD0OwG_TA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD1OwG_TA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD7OwE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{touch-action:pan-x pan-y;overscroll-behavior:none}svg{height:100%;aspect-ratio:1 / 1}:root{--bg-color: rgb(248, 250, 251);--hover-color: rgb(242, 245, 249);--primary-color: white;--contrast-color: black;--main-color: #9CCE2B;--main-color-light: radial-gradient(circle, var(--main-color) 1px, transparent 8px) 0 0 / 4px 4px var(--bg-color);--gray-color: rgba(97, 116, 142);--hover-gray-color: rgba(50, 65, 88);--border-color: color-mix(in srgb, var(--gray-color), white 80%)}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:JetBrains Mono;font-optical-sizing:auto;font-style:normal;-webkit-user-select:none;user-select:none}body{width:100dvw;height:100dvh;overflow:hidden;background-color:var(--bg-color)}svg *{width:inherit;height:inherit;fill:inherit;color:inherit;stroke:inherit}.logo{height:80%;aspect-ratio:1/1;object-fit:contain;background-color:var(--main-color);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-size:1.5rem;font-weight:bolder}.btn{display:flex;align-items:center;justify-content:flex-start;height:3rem;cursor:pointer;width:100%;font-weight:800;line-height:1.5rem;background:transparent;color:var(--gray-color);font-size:.8rem;transition:all .3s ease}.btn .label{font-weight:500;height:fit-content;width:fit-content}.btn svg{height:inherit;aspect-ratio:1/1;color:var(--gray-color)}.btn.svg{height:3.5rem;aspect-ratio:1/1;object-fit:contain;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.btn.svg .label{font-size:.6rem}.btn.svg svg{object-fit:contain;color:var(--gray-color);transition:fill .2s ease-in-out}.btn.add{gap:.5rem;height:2rem;color:var(--main-color)}.btn.add svg{height:60%;color:var(--main-color)}.btn:hover{border-radius:1rem;background:transparent;color:var(--hover-gray-color)}.btn:hover svg{color:var(--hover-gray-color)}.btn.secondary{background-color:var(--primary-color);color:var(--contrast-color);font-weight:800;border-radius:2rem;border:1px solid var(--gray-color);justify-content:center}.btn.secondary svg{color:var(--contrast-color)}.btn.secondary:hover{background-color:var(--main-color-light);color:var(--contrast-color)}.btn.secondary:hover svg{color:var(--contrast-color)}.btn.main{background-color:var(--main-color);color:var(--bg-color);font-weight:800;border-radius:2rem;justify-content:center;gap:.5rem}.btn.main svg{height:1rem;color:var(--bg-color)}.btn.main:hover svg{color:var(--contrast-color)}.input-holder{position:relative;display:flex;outline:1px solid var(--border-color);border-radius:2rem;height:3rem}.input-holder label{position:absolute;top:0rem;left:1rem;padding:0 .2rem;font-size:.8rem;color:var(--gray-color);transform:translateY(-50%);background-color:var(--primary-color)}.input-holder input,.input-holder textarea{flex:1;padding:.5rem;outline:none;border-radius:2rem;font-size:.8rem}.avatar{height:10rem;width:10rem;border-radius:50%;object-fit:cover;border:2px solid var(--contrast-color)}.tag{display:flex;justify-content:center;align-items:center;padding:.2rem .5rem;border-radius:1rem;background-color:color-mix(in srgb,var(--contrast-color),white 80%);color:var(--contrast-color);font-size:.8rem}.tag.class{background-color:var(--main-color-light);color:var(--main-color);text-shadow:1px 1px 1px var(--contrast-color)}a{text-decoration:underline;color:var(--contrast-color)}h1,h2,h3,h4,h5,h6{color:var(--hover-gray-color)}
