*{box-sizing:border-box;margin:0;padding:0}:root{--main-hue: 150deg;--light-border: hsl(var(--main-hue) 50% 80%);--link: hsl(var(--main-hue) 80% 25%);--link-visited: hsl(var(--main-hue) 100% 15%);--body-text: hsl(var(--main-hue) 60% 10%);--background: hsl(var(--main-hue) 60% 90%);--editor-bg: #fff}@media (prefers-color-scheme: dark){:root{--editor-bg: hsl(var(--main-hue) 100% 3%);--body-text: hsl(var(--main-hue) 60% 80%);--background: hsl(var(--main-hue) 60% 5%);--link: hsl(var(--main-hue) 60% 65%);--link-visited: hsl(var(--main-hue) 60% 35%);--light-border: hsl(var(--main-hue) 50% 15%)}}body{font-family:ui-sans-serif,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;background:var(--background)!important;color:var(--body-text);font-size:18px}p{margin-bottom:.5rem}footer{border-top:3px solid var(--light-border);padding:0 1rem}input,textarea{padding:.5rem;color:var(--body-text);border:1px solid var(--light-border);background-color:var(--editor-bg)}.footer-content{margin:1rem auto;max-width:58rem;display:flex;flex-direction:column;gap:1rem}@media (prefers-color-scheme: dark){footer img,.lang-icon{filter:invert(1)}input,textarea{color:#fff}}ul,ol{margin-bottom:1rem;margin-left:1rem}a{color:var(--link)}a:visited{color:var(--link-visited)}header{border-bottom:3px solid var(--light-border);padding:1rem}.header-content{margin:0 auto;max-width:60rem;display:flex;justify-content:space-between;align-items:center}.header-content>div{display:flex;align-items:center;gap:1rem}main{width:min(93rem,100%);flex:1;margin:4rem auto;padding:0 1rem}.content{padding:1rem;flex-grow:1;display:flex;flex-direction:column;gap:.6rem;max-width:65ch}.content li+li{margin-top:.6rem}#challenges{padding:1rem}#challenges ul{display:grid;grid-template-columns:repeat(auto-fill,17rem);list-style-type:none;gap:1rem}#challenges ul li{display:block;background:var(--light-border);display:grid;grid-template-columns:1fr 4rem;grid-template-rows:2rem 2rem}#challenges ul li .challenge-category{grid-column:1;grid-row:2;padding:.25rem}#challenges ul li a{padding:.25rem}#challenges ul li .score-icon{grid-column:2;grid-row:1/2}textarea{width:100%;height:8rem;font-family:monospace;border:1px solid var(--light-border)}textarea.textarea-small{height:4rem}textarea:focus-within{outline:none}.cm-editor{border:1px solid var(--light-border);min-height:8rem;background-color:var(--editor-bg)}.cm-gutters{background-color:inherit!important}.cm-editor:focus-within,textarea:focus-within{border:1px solid #27534a}.cm-panels{margin-top:auto}.test-pass{background-color:#7dca8c}.test-fail{background-color:#f44}.test-warning{background-color:#ff0}.test-info{background-color:#ddd}@media (min-width: 1000px){.two-column-description{display:grid;grid-template-columns:1fr 1fr;gap:2rem}#jump-challenges{display:none}}.leaderboard table tr:not(:last-child)>td{border-bottom:1px solid black}.leaderboard table{width:100%}.leaderboard table th:first-child{width:1rem}.leaderboard table img{width:18px}.leaderboard table th:last-child{width:4rem}.leaderboard table td:last-child{text-align:right}table{border-collapse:collapse}th{text-align:left}.warning{background-color:#dd4;padding:.5rem;margin:.5rem 0;color:#000}button{padding:.5rem 1rem;border:1px solid black;border-radius:0}button:disabled{border:1px solid var(--light-border);background:transparent}.hidden{display:none}#editor-controls{display:flex;justify-content:space-between;align-items:center}.validation-error{color:red}.lang>img{vertical-align:middle;width:32px;height:32px}.tabs{display:flex;flex-wrap:wrap;--tab-bg: hsl(var(--main-hue) 70% 85%);--active-tab-bg: hsl(var(--main-hue) 60% 90%);--active-tab-color: var(--link);--tab-border: hsl(var(--main-hue) 80% 40%);--tab-border-between: hsl(var(--main-hue) 50% 70%)}@media (prefers-color-scheme: dark){.tabs{--tab-bg: hsl(var(--main-hue) 70% 10%);--active-tab-bg: hsl(var(--main-hue) 60% 15%);--active-tab-color: hsl(var(--main-hue) 80% 50%);--tab-border-between: hsl(var(--main-hue) 50% 20%)}}.tabs :visited{color:inherit}.tab{background-color:var(--tab-bg);border-bottom:2px solid var(--tab-border);padding:.3rem;color:unset;font-size:unset}.tab:not(:first-child){border-left:2px solid var(--tab-border-between)}.tab.active{background-color:var(--active-tab-bg);color:var(--active-tab-color);border:2px solid var(--tab-border);border-bottom:2px solid var(--active-tab-bg)}.tab.active+.tab{border-left-color:var(--tab-bg)}@media (prefers-color-scheme: dark){.test-case{color:#000}}.test-case-header{display:flex;justify-content:end;height:3rem;align-items:center}.test-case-title{flex-grow:1}.test-case-header img{transition:transform .5s ease;transform:rotate(90deg);vertical-align:middle}.test-case.test-case-hidden .test-case-header img{transform:rotate(0)}.test-case.test-case-hidden .test-case-content{display:none}.test-case-columns{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:.5rem;height:17rem;overflow-y:auto}.test-case-columns .code-pre{height:unset;min-height:15rem;overflow-y:visible}.test-case-1-columns{--columns: 1}.test-case-2-columns{--columns: 2}.test-case-3-columns{--columns: 3}.test-case{margin-bottom:1rem;padding:.5rem}.code-pre{background-color:#fff;padding:1rem;overflow-x:auto;height:15rem;overflow-y:auto;color:#000}.code-pre.code-pre-short{height:7.5rem}@media (prefers-color-scheme: dark){.code-pre{background-color:#000;color:#fff}}.lang-icon{vertical-align:middle}.diff-tag-insert{color:green}.diff-tag-delete{color:red}.header-content img{vertical-align:middle}.post-mortem-solution{display:flex;align-items:center;margin:.6ch;flex-wrap:wrap;background-color:#b9edd4}@media (prefers-color-scheme: dark){.post-mortem-solution{background-color:hsl(var(--main-hue) 60% 10%)}}.post-mortem-solution.post-mortem{background-color:#dee9e3}@media (prefers-color-scheme: dark){.post-mortem-solution.post-mortem{background-color:hsl(var(--main-hue) 20% 10%)}}.post-mortem-solution pre{min-width:15ch;margin:.6rem;flex-grow:1}.solution-metadata{display:flex;justify-content:space-between;margin:.6rem}.solution-metadata dl{display:grid;grid-template-columns:12ch 1fr}.solution-metadata dl dt{width:11ch;white-space:pre;font-weight:700}.solution-metadata dl dd{min-width:20ch}.solution-metadata dl dd a{display:flex;align-items:center;gap:.5em}.comment{display:grid;grid-template-columns:1rem 9rem 1fr;margin-bottom:1rem;margin-top:1rem}.comment-content{padding:1rem;border:2px solid var(--light-border);margin-bottom:1rem;min-height:6rem;transition:background-color ease .5s}.comment-author{grid-column:1/3;text-align:center}.comment-children,.comment .comment-reply{grid-column:2/4}blockquote{margin-left:.5rem;border-left:5px solid var(--light-border);padding:.25rem 0 .25rem 1rem}.comment-content:has(~.comment-reply:hover){background-color:var(--light-border)}