@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";:root{--bg-color-primary: #111111;--bg-color-secondary: #0f0f0f;--accent-color-primary: #222222;--accent-color-secondary: #333333;--accent-color-tertiary: #1a1a1a;--fg-color-primary: #ededed;--fg-color-subtle: #bbbbbb;--bad-color: #a12b2b;--good-color: #98d982}*{font-family:JetBrains Mono,monospace;box-sizing:border-box;scrollbar-color:var(--accent-color-primary) transparent}html{font-size:16px}body{display:flex;height:100vh;margin:0;padding:2rem;background-color:var(--bg-color-primary);color:var(--fg-color-primary);gap:2rem}#tooltip{position:absolute;padding:.75em 1em;font-size:.75rem;font-family:inherit;border-radius:.5rem;color:var(--fg-color-primary);background-color:var(--accent-color-secondary);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease-in-out;transform:translate(-50%) translateY(calc(-100% - 1rem));z-index:9999}#tooltip.tooltip--visible{opacity:1}#error-tooltip{position:fixed;transform:translate(-50%);padding:.75rem 1rem;font-size:1rem;background-color:var(--bad-color);border-radius:8px;pointer-events:none;z-index:9999}#error-tooltip:before{content:"";position:absolute;top:calc(-.5rem + 1px);left:50%;transform:translate(-50%);border-width:0 .5rem .5rem .5rem;border-style:solid;border-color:transparent transparent var(--bad-color) transparent}[data-state=success]{border-color:var(--good-color)!important;color:var(--good-color)!important}[data-state=success] i{transform:scale(.9)}.portfolio{flex:1 0 50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.workspace{flex:1 1 50%;display:flex;flex-direction:column;overflow:hidden}.portfolio__profile{width:384px;height:auto}.portfolio__details{display:grid;grid-template-columns:1fr auto 1fr;width:100%}.portfolio__title{grid-column:2;margin:0;font-size:3em;text-align:center}.portfolio__comment{grid-column:2 / 4;grid-row:2;margin:0;font-size:1.25em;white-space:pre;color:var(--fg-color-subtle)}.portfolio__contacts{display:flex;gap:1rem}.portfolio__contact{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;width:4em;height:4em;border-radius:50%;border:2px solid var(--fg-color-subtle);color:var(--fg-color-primary);overflow:visible;cursor:pointer;text-decoration:none;container-type:size;transition:all .2s ease-in-out}.portfolio__contact:hover{filter:brightness(.8)}.portfolio__contact i{display:flex;align-items:center;justify-content:center;font-size:60cqmin;line-height:1;transition:all .2s ease-in-out}.compiler{flex:1;display:flex;flex-direction:column;background-color:var(--accent-color-tertiary);border-radius:8px;border:2px solid var(--accent-color-primary);overflow:hidden}.compiler__header{flex-shrink:0;display:flex;position:relative;justify-content:center;padding:.75em;font-size:1rem;background-color:var(--accent-color-primary)}.compiler__button{position:absolute;top:50%;left:1em;font-size:inherit;border:none;color:inherit;background:none;cursor:pointer;transform:translateY(-50%)}.compiler__button:hover,.compiler__output-toggle:hover{filter:brightness(.8)}.compiler__input{flex:1;display:block;margin:0;padding:1em;font-size:1rem;font-family:inherit;border:none;outline:none;color:var(--fg-color-primary);overflow-y:auto;white-space:pre}.compiler__output{flex-shrink:0;display:flex;flex-direction:column}.compiler__output--collapsed .compiler__output-console{display:none}.compiler__output-header{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em;font-size:.75rem;background-color:var(--bg-color-secondary);border-bottom:1px solid var(--accent-color-secondary)}.compiler__output-toggle{font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}.compiler__output-console{padding:1em;font-size:1rem;font-family:inherit;color:var(--fg-color-primary);background-color:var(--bg-color-secondary);overflow-y:auto}.compiler__output-console:empty{display:none}.compiler__output-console:empty+.compiler__output-header,.compiler__output:has(.compiler__output-console:empty) .compiler__output-header{display:none}.compiler__error{position:fixed;transform:translate(-50%);padding:.5em 1em;font-size:.75rem;color:#fff;background:var(--bad-color);pointer-events:none;z-index:1000}[class^=token-identifier-]{color:#b8b8b8}.token-identifier-void{color:#7aa7cc}.token-identifier-int,.token-identifier-long{color:#e67fbf}.token-identifier-string{color:#72a7e0}.token-identifier-bool{color:#f9c777}.token-bool-literal{font-weight:700;color:#ffd966}.token-identifier-i32,.token-identifier-u32,.token-identifier-i64,.token-identifier-u64,.token-number-literal{color:#f7696a}.token-string-literal,.token-string-interpolated{color:var(--good-color)}.token-not,.token-not-equals,.token-equals,.token-equal,.token-ternary,.token-increment,.token-plus-equal,.token-plus,.token-decrement,.token-minus-equal,.token-minus,.token-pow-equal,.token-pow,.token-mul-equal,.token-mul,.token-lparen,.token-rparen,.token-dot,.token-comma,.token-lbrace,.token-rbrace,.token-semicolon,.token-colon{color:#ffa83a}.token-struct,.token-function{font-weight:700;color:#6faaff}.token-return{font-weight:700;color:#ffca69}.token-if,.token-else,.token-for{font-weight:700;color:#ff79a8}.token-comment{color:#5f6577;font-style:italic}@media (max-width: 1023px){body{flex-direction:column;height:auto;padding:0}#error-tooltip{position:absolute}.portfolio,.workspace{min-height:100vh}.portfolio{font-size:.75rem}.portfolio__profile{width:256px}.workspace{display:flex;flex-direction:column;min-height:unset;overflow:visible}.compiler{border-radius:0;display:grid;grid-template-rows:auto 1fr auto;height:auto;overflow:visible}.compiler__header{position:sticky;top:0;z-index:10}.compiler__input{height:100vh;overflow-y:auto}}