@font-face{font-family:JetBrainsMono;src:url(/assets/JetBrainsMono-VariableFont_wght-BrlcHZ7m.ttf) format("truetype-variations");font-weight:100 900;font-style:normal}:root{--color-dark2: #19181a;--color-dark1: #221f22;--color-background: #2d2a2e;--color-light: #504b52;--color-text: #fcfcfa;--color-accent1: #ff6188;--color-accent2: #fc9867;--color-accent3: #ffd866;--color-accent4: #a9dc76;--color-accent5: #78dce8;--color-accent6: #ab9df2}body{font-family:JetBrainsMono,monospace;background-color:var(--color-dark1);color:var(--color-text);margin:0}.app{max-width:900px;margin:1.5rem auto;padding:1rem}.app-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-links{display:flex;justify-content:center;align-items:center}.app-header button{display:flex;border:none;background:transparent;align-items:center;color:var(--color-light);margin-left:16px;transition:color .2s ease}.app-header button:hover{color:var(--color-text);cursor:pointer}.app-title{margin-bottom:.75rem;font-size:1.3rem;display:flex;align-items:center}.app-footer{color:var(--color-light)}.footer-link{color:var(--color-light);transition:color .2s ease;text-decoration:none}.footer-link:hover{color:var(--color-text)}.editor-container{position:relative;border-radius:6px;overflow:hidden;border:2px solid var(--color-dark2)}.highlighted,.editor{box-sizing:border-box;width:100%;height:70vh;line-height:1.4;font-family:JetBrainsMono,monospace;font-size:14px;padding:.75rem;white-space:pre-wrap;resize:none}.highlighted{position:absolute;inset:0;background:var(--color-background);overflow:auto;pointer-events:none}.editor{position:relative;background:transparent;color:transparent;caret-color:var(--color-text);border:none;outline:none;overflow:auto}.editor::-webkit-scrollbar,.highlighted::-webkit-scrollbar{width:12px}.editor::-webkit-scrollbar-track,.highlighted::-webkit-scrollbar-track{background:var(--color-dark1)}.editor::-webkit-scrollbar-thumb,.highlighted::-webkit-scrollbar-thumb{background-color:var(--color-dark2);border-radius:10px;border:2px solid var(--color-dark2)}.editor::-webkit-scrollbar-thumb:hover,.highlighted::-webkit-scrollbar-thumb:hover{background-color:var(--color-dark2)}.editor,.highlighted{scrollbar-width:thin;scrollbar-color:var(--color-dark2) var(--color-dark1)}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;animation:fadeIn .15s ease forwards}.modal{background:var(--color-background);color:var(--color-text);border-radius:6px;padding:1rem 1.25rem;max-width:520px;width:calc(100% - 2rem);border:2px solid var(--color-dark2);opacity:0;transform:translateY(-6px);animation:modalIn .2s ease forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{margin:0;font-size:1.1rem}.modal-close{background:transparent;border:none;color:var(--color-light);font-size:1.4rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--color-text)}.modal-body p{margin:.5rem 0;font-weight:200}.modal-body ul{padding-left:1.25rem;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}