body,html{margin:0;padding:0}body{font-family:IBM Plex Sans,Arial,Helvetica,sans-serif;letter-spacing:.02em;background-color:#161616;color:#cbd9cc;min-height:100vh}section.intro{box-shadow:0 0 0 1px #444;border-radius:1em;display:flex;flex-direction:column}.introHeading{display:flex;margin-top:0;border-bottom:1px solid #444;padding:0 1rem;justify-content:space-between}.introTitle a,.mainHeading a{padding:0;margin:0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#7fffd4,#00bbf3)}.introBody{display:flex;flex-direction:row;grid-gap:1.2em;gap:1.2em}@media (max-width:900px){.introBody{flex-direction:column;grid-gap:.5em;gap:.5em}.body-preview,.code-editor-body{max-width:100%}}.body-preview,.code-editor-body{flex:1 1;min-width:0}.introBody>.side{display:flex;flex-direction:column;padding:1.5em .5em;background-color:#222;font-family:monospace;border-bottom-left-radius:1rem}.introBody>.side>span{color:#999;padding:2px 0}.introBody>.body{padding:0 1rem}.introIcons{display:flex;justify-content:space-evenly}.redIcon{background-color:#ff5f56}.yellowIcon{background-color:#ffbd2e}.greenIcon{background-color:#27c93f;margin-left:2rem}.greenIcon,.redIcon,.yellowIcon{border-radius:50%;width:12px;height:12px;margin:1rem .3rem}.container{margin:0;display:flex;flex-direction:column}p{line-height:1.23}h1,h2,h3{font-family:IBM Plex Sans,Arial,Helvetica,sans-serif}h1{font-size:2.4rem}h2{font-size:2.1rem}.meta-date{font-size:.71rem;padding:.1rem .6rem;margin-left:1rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}article .meta-date{margin:1rem 0;padding:0}article code{max-width:600px;color:#7fffd4;background-color:#000;display:inline-block;white-space:pre-wrap!important}.leading-snug{display:flex;border-bottom:1px solid #4c4c4c;justify-content:space-between}a{color:#7fffd4;padding:1rem .5rem;margin-left:-.5rem;text-decoration:none}a:visited{color:#07382e;text-decoration:line-through}a:hover{color:#101010;background-color:#7fffd4;background-image:linear-gradient(90deg,#7fffd4,#00bbf3);transition:all .3s ease-in}main{margin:4rem 2rem;min-height:80vh}footer{padding:4rem 2rem;background-color:#080808}.footerMenuButton{display:none;background-color:#222;color:#cbd9cc;border:1px solid #444;padding:.5rem 1rem;margin-bottom:1rem;cursor:pointer}.menuIcon{width:1.5rem;height:1.5rem;stroke:#cbd9cc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .3s ease}.footerMenuButton.open .menuIcon{transform:rotate(90deg)}.footerLinks{display:flex;flex-wrap:wrap;transition:max-height .4s ease}.footerLinks.open{max-height:20rem}.footerLinks a{margin-right:2rem}.pagination{display:flex;justify-content:space-between;padding:1rem 0}.lifeMotto{padding:2rem 0}.lifeMotto span{margin-right:.5rem}.tagContainer{padding:.15rem 0;display:flex;flex-wrap:wrap;justify-content:flex-end}.tagContainer a{padding:.5rem .35rem;margin:0}a:visited{color:#177965;-webkit-text-decoration:dotted;text-decoration:dotted}@media only screen and (max-width:600px){footer{padding:3rem 1rem}.footerMenuButton{display:block}.footerLinks{flex-direction:column;overflow:hidden;max-height:0}.footerLinks.open{max-height:20rem}.footerLinks a{margin-right:1rem}main{margin:2rem 1rem}.introTitle h1{font-size:1.8rem}.greenIcon{margin-left:0}.introHeading{flex-direction:column;align-items:flex-start}}@media only screen and (min-width:768px){main{margin:4rem 8rem}footer{padding:4rem 8rem}}@media only screen and (min-width:992px){main{margin:4rem 10rem}footer{padding:4rem 10rem}}@media only screen and (min-width:1200px){main{margin:4rem 18rem}footer{padding:4rem 18rem}}.date-link{color:#00bbf3;text-decoration:none;padding:.12rem 0}.date-link:hover{color:#101010;background-color:#00bbf3;transition:all .3s ease-in}code,pre{font-family:IBM Plex Mono,IBM Plex Sans,monospace}.heading-title{position:relative;color:#7fffd4;padding:1rem .5rem;margin-left:-.5rem;text-decoration:none;transition:color .3s}.heading-title:after{content:"";position:absolute;left:0;bottom:.3em;width:0;height:2px;background:linear-gradient(90deg,#7fffd4,#00bbf3);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:1px}.heading-title:hover{color:#7fffd4;background:none}.heading-title:hover:after{width:100%}.heading-title:hover{background-color:transparent!important;color:#7fffd4!important}.text a{position:relative;color:#7fffd4;padding:1rem .5rem;margin-left:-.5rem;text-decoration:none;transition:color .3s}.text a:after{content:"";position:absolute;left:0;bottom:.05em;width:0;height:2px;background:linear-gradient(90deg,#7fffd4,#00bbf3);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:1px}.text a:hover{color:#7fffd4;background:none}.text a:hover:after{width:100%}.text a:hover{background-color:transparent!important;color:#7fffd4!important}.text code,article code{color:#ffd966;background-color:#222}.heading-title,.text a{padding:0;margin:0}.heading-title:after,.text a:after{bottom:0}.name-link{display:inline-block;position:relative;color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#7fffd4,#00bbf3);line-height:1.1;font-size:1em;text-decoration:none;transition:color .3s}.name-link .arrow-above,.name-link .latin{display:none}.name-link .amharic{display:inline}.name-link:hover{color:inherit;-webkit-text-fill-color:inherit}.name-link:hover .latin{display:inline}.name-link:hover .amharic{display:none}.name-link:hover .arrow-above{display:block;position:absolute;left:0;right:0;top:-1.3em;text-align:center;font-size:.6em;color:#7fffd4;letter-spacing:.1em;pointer-events:none}.name-link:after{content:"";position:absolute;left:0;bottom:-.08em;width:0;height:3px;background:linear-gradient(90deg,#7fffd4,#00bbf3);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:1}.name-link:hover:after{width:100%}.cloud-search{width:100%;padding:.5rem;margin:1rem 0;background-color:#222;color:#cbd9cc;border:1px solid #444;border-radius:.25rem}.collapsible-title{display:flex;align-items:center;cursor:pointer;margin-bottom:.5rem}.collapsible-content{padding-left:1rem;margin-bottom:1rem}.cloud-nav-btn{background:#161616;color:#7fffd4;border:1px solid #444;border-radius:.4em;padding:.5em 1.5em;margin:0 .5em;font-size:1rem;font-family:IBM Plex Sans,Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s,color .2s,border .2s,box-shadow .2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}.cloud-nav-btn:hover:not(:disabled){background:linear-gradient(90deg,#7fffd4,#00bbf3);color:#101010;border-color:#00bbf3}.cloud-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#222;color:#888;border-color:#333}.introTitle .name-link{font-size:2.8rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.footerSocials{display:flex;justify-content:flex-start;align-items:center;margin:1.5rem 0 .5rem;grid-gap:1.2rem;gap:1.2rem}.footerSocials a{display:flex;align-items:center;transition:transform .2s,box-shadow .2s}.footerSocials a:hover svg{stroke:#07323f;filter:drop-shadow(0 2px 8px #093e4faa);transform:translateY(-2px) scale(1.08)}.footerSocials svg{display:block;stroke:#7fffd4;transition:stroke .2s,filter .2s,transform .2s}.code-editor-body{background:#1e1e1e!important;color:#d4d4d4!important;font-family:Fira Mono,IBM Plex Mono,Consolas,Menlo,monospace!important;font-size:1.05rem;border-radius:.5em;box-shadow:0 2px 12px #0002;padding:1.2em 1.5em;margin:.5em 0;min-width:0;outline:none;border:1px solid #222;transition:box-shadow .2s,border .2s;max-width:100%;width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-height:100%;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#444 #23272e}.code-editor-body::-webkit-scrollbar{width:8px;background:#23272e}.code-editor-body::-webkit-scrollbar-thumb{background:#444;border-radius:4px}@media (max-width:600px){.code-editor-body{font-size:.95rem;padding:.7em .5em}}.code-editor-body:focus{box-shadow:0 0 0 2px #00bbf3;border-color:#00bbf3}.code-editor-body h4{color:#4ec9b0!important;font-size:1.2em;margin:0 0 .5em;font-weight:600}.code-editor-body p{color:#d4d4d4!important;margin:0 0 .5em}.code-editor-body a{color:#569cd6!important;text-decoration:underline;transition:color .2s}.code-editor-body a:hover{color:#9cdcfe!important}.code-editor-body ::-moz-selection{background:#264f78!important;color:#fff!important}.code-editor-body ::selection{background:#264f78!important;color:#fff!important}.vscode-html{display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;font-family:inherit;font-size:inherit;color:inherit;max-width:100%}.vscode-html .token.punctuation,.vscode-html .token.tag{color:#569cd6}.vscode-html .token.attr-name{color:#9cdcfe}.vscode-html .token.attr-value,.vscode-html .token.string{color:#ce9178}.vscode-html .token.comment{color:#6a9955;font-style:italic}.vscode-html .token.doctype{color:#608b4e}.vscode-html .token.plain{color:#d4d4d4}.vscode-html .html-tag{color:#569cd6;font-weight:700}.vscode-html .html-attr{color:#9cdcfe}.vscode-html .html-string{color:#ce9178}.vscode-html .html-comment{color:#6a9955;font-style:italic}.body-preview{background:#23272e;border-radius:.5em .5em 0 0;padding:1em 1.5em .5em;margin-bottom:.2em;border:1px solid #222;border-bottom:none;box-shadow:0 2px 8px #0001;max-width:100%;overflow-x:auto}.preview-html h4{color:#4ec9b0;font-size:1.2em;margin:0 0 .5em;font-weight:600}.preview-html a{color:#569cd6;text-decoration:underline;transition:color .2s}.preview-html a:hover{color:#9cdcfe}@media (max-width:600px){.body-preview{padding:.5em .5em .2em}}.split-container{display:flex;flex-direction:row;grid-gap:1.2em;gap:1.2em;width:100%;align-items:flex-start;height:auto}.split-container .body-preview{flex:0 0 auto;height:auto}.split-container>div{display:flex;flex-direction:row;width:50%;align-items:stretch}.split-container .side{min-width:2.2em;background:#222;border-bottom-left-radius:.5em;border-top-left-radius:.5em;display:flex;flex-direction:column;align-items:flex-end;padding:1.5em .5em}@media (max-width:900px){.split-container{flex-direction:column;grid-gap:.5em;gap:.5em;height:auto}.split-container .body-preview{width:100%;max-width:100%;box-sizing:border-box;margin:0;padding-left:.7em;padding-right:.7em}.split-container>div{flex-direction:row;width:100%;align-items:stretch}.code-editor-body{max-height:250px}}.body-preview,.preview-html,.split-container{width:100%;max-width:100%;box-sizing:border-box}@media (max-width:900px){.body-preview,.preview-html{width:100%;max-width:100%;box-sizing:border-box;margin:0;padding-left:.7em;padding-right:.7em}}.skills{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem;margin:2rem 0}.skill{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 1rem);box-shadow:0 0 0 1px #444;border-radius:1em;display:flex;flex-direction:column}.skillHeading{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:0;border-bottom:1px solid #444;padding:0 1rem;justify-content:flex-start}.skillTitle{font-weight:600}.skillDetail{padding:1rem;line-height:1.4}.skills .introIcons{display:flex;justify-content:flex-start;grid-gap:.25rem;gap:.25rem}.skills .introIcons span{width:6px;height:6px;margin:.3rem .1rem;border-radius:50%}@media (max-width:900px){.skill{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 1rem)}}@media (max-width:600px){.skill{flex:1 1 100%}}.flash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.flashcard{perspective:1000px;cursor:pointer}.flashcard-inner{position:relative;width:100%;padding-top:100%;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:.5rem;padding:1rem;background-color:#222}.flashcard-back{background-color:#7fffd4;color:#101010;transform:rotateY(180deg)}.flashcard-group-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#20242a;border-radius:6px;padding:.5rem 1rem;margin-bottom:1rem}.collapse-icon{margin-right:.5rem}.open-link{font-size:.8em;margin-left:1rem;text-decoration:none}:root{--accent:#00bbf3}.llm-selector{padding:16px}.reset{background:none;border:1px solid var(--accent);color:var(--accent);padding:4px 12px;border-radius:4px;cursor:pointer}.carousel{position:relative;overflow:hidden}.slides{display:flex;transition:transform .4s ease}.slide{min-width:100%;padding:16px 0}.prompt-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.prompt{font-weight:600;font-size:1.25rem;color:var(--accent);margin:0}.desc{color:#9aa1ab;margin-bottom:8px}.question-sections{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.section summary{cursor:pointer;font-weight:600;margin-bottom:8px}.section-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:8px;gap:8px}.question-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.question-options.vertical{display:flex;flex-direction:column}.option-card{border:1px solid #444;border-radius:8px;padding:24px;cursor:pointer;transition:border .2s,box-shadow .2s;background:#222;display:flex;align-items:center;justify-content:flex-start;grid-gap:8px;gap:8px;text-align:left}.option-card.long{flex-direction:column;align-items:flex-start}.option-card.long h3{margin:0 0 4px}.option-header{display:flex;align-items:center;grid-gap:8px;gap:8px}.help-icon{cursor:pointer;font-size:.9rem}.help-popup{margin-top:8px;background:#333;border:1px solid #555;padding:8px;border-radius:4px}.option-card.long p{margin:0 0 4px}.option-card.long .takeaway{margin-top:4px;font-size:.85rem;color:#9aa1ab}.option-card input{margin-right:8px}.option-card:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.5)}.option-card.selected{border:2px solid var(--accent);background:#20242a}.nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:#fff;font-size:2rem;width:40px;height:40px;cursor:pointer}.nav.prev{left:0}.nav.next{right:0}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.results-summary{margin-top:24px;font-size:.9rem;color:#ccc}.llm-card{position:relative;border-radius:8px;background:#222;box-shadow:0 2px 8px rgba(0,0,0,.5);padding:16px;transition:transform .2s,box-shadow .2s;border:1px solid #444;display:block}.llm-card:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.8)}.llm-card.disabled{opacity:.3;pointer-events:none;box-shadow:none}.llm-card.highlight{border:2px solid var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:center}.indicator{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.indicator.api{background:rgba(0,187,243,.2);color:#00bbf3}.indicator.self{background:rgba(127,255,212,.2);color:#7fffd4}.key-strengths{margin-top:8px;display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px;font-size:.75rem;color:#9aa1ab}.key-strengths span{display:flex;align-items:center;grid-gap:4px;gap:4px}.lock-icon{margin-left:4px}