html{margin:0;background-color:#0a0a0a;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#22c55e #0a0a0a}body{margin:0;background-color:#0a0a0a;overflow-x:hidden}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#0a0a0a}html::-webkit-scrollbar-thumb{background:#22c55e;border-radius:8px}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:10px}.app-header{position:relative}.codebase-link{position:relative;display:inline-flex;align-items:center}.codebase-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(4px);padding:6px 10px;border-radius:10px;border:1px solid #22c55e;background:#0a0a0a;color:#22c55e;font-size:.75rem;letter-spacing:.2px;white-space:nowrap;box-shadow:0 8px 18px #02061773;opacity:0;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.codebase-tooltip:before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent #0a0a0a;opacity:0;transition:opacity .2s ease,transform .2s ease}.codebase-link:hover .codebase-tooltip,.codebase-link:focus-visible .codebase-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.codebase-link:hover .codebase-tooltip:before,.codebase-link:focus-visible .codebase-tooltip:before{opacity:1;transform:translateY(-50%)}@media(max-width:600px){.codebase-tooltip{right:auto;left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}.codebase-tooltip:before{right:auto;left:50%;top:calc(100% + 2px);transform:translate(-50%) translateY(-4px);border-color:#0a0a0a transparent transparent transparent}.codebase-link:hover .codebase-tooltip,.codebase-link:focus-visible .codebase-tooltip{transform:translate(-50%) translateY(0)}.codebase-link:hover .codebase-tooltip:before,.codebase-link:focus-visible .codebase-tooltip:before{transform:translate(-50%) translateY(0)}}.app-header-layer{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:20}h1{margin:10px}.app-font{font-family:Poppins,sans-serif}.app-bg{background-color:#0a0a0a}.app-blue{color:#22c55e}.app-white{color:#fff}.app-button{width:max-content;padding:10px 16px;margin:10px;background-color:#16a34a;color:#fff;border:2px solid #1f2d23;border-radius:10px;cursor:pointer}.app-button:hover{background-color:#22c55e}.input-form{display:grid;column-gap:20px;grid-template-rows:1fr;grid-template-columns:1fr .5fr;height:35rem;width:80%;padding-left:30px}.problem-info{border-radius:10px;padding:10px;height:100%;width:100%;box-sizing:border-box}.config-selector{background-color:#1f2d23;width:100%;margin:10px;padding:10px;border-radius:10px;color:#fff;overflow-y:auto}.config-selector option{background-color:#020502;color:#fff}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#22c55e #0a0a0a}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0a0a0a;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#22c55e;border-radius:8px}textarea{background-color:#020502;border:2px solid #1f2d23;color:#fff;box-sizing:border-box;height:100%;margin:0;padding:10px;border-radius:10px}.config-label{margin-bottom:8px;color:#fff}.hint-toggle{display:flex;align-items:center;gap:8px;color:#fff;padding:10px}.hint-toggle input{accent-color:#22c55e}.app-section{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #1f2d23;border-radius:14px;padding:10px;margin-top:20px}.app-section ul{padding:0}.greeting-row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.greeting-text{font-size:3rem;color:#fff}.greeting-subtitle{text-align:center;margin-top:6px}.greeting-typewriter{font-family:IBM Plex Mono,Fira Mono,Courier New,monospace;letter-spacing:.3px;min-height:1.2em}.greeting-typewriter .typewriter-text{display:inline-block;white-space:nowrap;overflow:hidden;max-width:0;animation:typewriter-reveal 2.4s steps(36,end) forwards}@keyframes typewriter-reveal{0%{max-width:0}to{max-width:40ch}}.app-section>*{color:#fff}.hint-card{background:#0b100c;border:1px solid #1f2d23;border-radius:14px;padding:12px 14px;margin:10px 0;box-shadow:0 10px 20px #02061759;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%;box-sizing:border-box;cursor:pointer}.hint-card:hover{transform:translateY(-3px);border-color:#22c55e;box-shadow:0 14px 26px #0206178c,0 0 0 1px #22c55e40}.hint-textarea{transition:height .2s ease}ul{margin:0}section{margin:10px}.full-width{width:100%}.greeting-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.solution-header-container{display:flex;flex-direction:row;gap:10px;padding:5px;width:100%;margin-bottom:10px}.highlight-div{width:80%;background-color:#22c55e;height:2px;position:absolute;bottom:0}li{list-style:none}.tab-title{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;padding-bottom:6px}.loading-overlay{position:fixed;top:18px;right:18px;width:min(320px,calc(100vw - 36px));padding:10px 12px;border-radius:12px;background:#020617e6;box-shadow:0 12px 28px #02061773;z-index:50}.loading-border{border:1px solid rgba(34,197,94,.55)}.loading-label{margin:0 0 8px;font-size:.85rem;color:#dcfce7}.loading-track{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#14532db3}.loading-progress{width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,#16a34a,#22c55e 55%,#4ade80);box-shadow:0 0 10px #22c55e80}.error-border{border:1px solid rgba(239,68,68,.6);width:max-content}.error-label{color:#fee2e2;margin-right:24px}.error-track{background:#7f1d1db3}.error-progress{background:linear-gradient(90deg,#b91c1c,#ef4444 55%,#fca5a5);box-shadow:0 0 10px #ef444480}.error-close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#fecaca;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 6px;line-height:1;border-radius:6px}.error-close:hover{background:#7f1d1d59;color:#fee2e2}.error-close:focus-visible{outline:2px solid rgba(239,68,68,.7);outline-offset:2px}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.code-screen{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.code-section{border:1px solid #1f2d23;border-radius:14px;padding:16px;width:80%;height:400px;overflow:auto;background-color:#020617;margin:0}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}