@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Emoji:wght@300..700&display=swap");*{box-sizing:border-box}html{background:#fff}@media (prefers-color-scheme: dark){html{background:#000}body{background:#000}body>main,body>footer{background:#fff;filter:invert(1) hue-rotate(180deg)}body>main img,body>footer img{filter:invert(1) hue-rotate(180deg)}body>main img.ioda,body>footer img.ioda{filter:invert(0)}}body{font-family:"JetBrains Mono", "Noto Emoji", monospace;line-height:1.4;margin:0;display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}a:hover{text-decoration:underline}h1{font-size:3rem}h2{font-size:2.12rem}h3{font-size:1.5rem}h4{font-size:1.06rem}h5{font-size:0.75rem}h6{font-size:0.53rem}h2,h3,h4,h5,h6{margin-top:2ch}p,li{margin:1ch 0;word-break:break-word;hyphens:auto}blockquote{border-left:.2ch solid #000;padding:1ch;margin:0}blockquote p{margin:0 1ch}img{max-width:min(100%, 80ch);max-height:min(100vh, 60ch);display:block;object-fit:contain;margin:4ch auto}img+em{display:block;margin:-2ch auto 4ch;text-align:center;font-style:normal;color:dimgrey}.w{max-width:calc(min(80ch, round(down, 100%, 1ch)));margin:0 auto}.content{flex:1;padding:1ch}footer{flex-shrink:0;padding:0 1ch 1ch}hr{border:none;border-top:.2ch solid #000;margin:4ch auto;max-width:80ch}.task-list-item input[type="checkbox"]{display:none}.task-list-item:has(>input:checked){text-decoration:line-through}a.reversefootnote{font-family:monospace;font-style:normal}code,pre,kbd{font-family:inherit}code{background:#d3d3d3}kbd{background:#d3d3d3;border:.2ch solid #000;padding:0 0.25ch;box-shadow:0 .3ch 0 #000}.highlighter-rouge code{border:.2ch solid #000;display:block;overflow-x:auto;padding:1ch}pre{overflow-x:auto}table{display:block;overflow-x:auto;overflow-y:clip;border-collapse:collapse}table th,table td{border:.2ch solid #000;padding:1ch}@media print{footer{display:none}html{font-size:11pt}}input,button,textarea,fieldset{border:.2ch solid #000;padding:1ch;margin:0;font:inherit;line-height:normal;width:100%}input,textarea{width:calc(round(down, 100%, 1ch));box-shadow:inset .3ch .3ch 0 #000;transition:box-shadow .1s ease-in-out}input:focus,textarea:focus{outline:none;box-shadow:none}::placeholder{color:dimgrey}button{text-transform:uppercase;font-weight:600;cursor:pointer;background:#fff;box-shadow:.3ch .3ch 0 #000;transition:box-shadow .1s ease-in-out}button:hover:not(:disabled){background:#d3d3d3}button:active:not(:disabled){box-shadow:0 0 0 #000}fieldset{margin-bottom:2ch}fieldset legend{padding:0 1ch;font-weight:600}input[type="radio"],input[type="checkbox"]{width:2ch;height:2ch;margin:0 0 0.2ch;box-shadow:none;cursor:pointer;position:relative;appearance:none;background:#fff;vertical-align:middle}input[type="radio"]:checked,input[type="checkbox"]:checked{background:#000}input[type="radio"]:checked::after,input[type="checkbox"]:checked::after{content:'';display:block;background:#fff}input[type="radio"]:checked::after,input[type="checkbox"]:checked::after{width:1ch;height:1ch;top:50%;left:50%;transform:translate(-50%, -50%)}input[type="radio"]{border-radius:50%}input[type="radio"]:checked::after{border-radius:50%}input[type="checkbox"]:checked::after{border-left:.2ch solid #fff;border-bottom:.2ch solid #fff}details{border:.2ch solid #000;padding:1ch;margin-bottom:1ch}details summary{cursor:pointer;list-style:none}details summary::before{content:'+ '}details[open] summary{margin-bottom:1ch}details[open] summary::before{content:'- '}details :last-child{margin-bottom:0}iframe{border:none;width:100%}iframe[allowfullscreen]{display:block}meter,progress{width:100%;height:2ch;border:.2ch solid #000;background:#fff;accent-color:#000}meter::-webkit-meter-bar{background:#fff}progress::-webkit-progress-bar{background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:1ch;margin-bottom:1ch}.grid input,.grid textarea{width:100%}.card{border:.2ch solid #000;padding:1ch}.card[href]{display:block;color:inherit;cursor:pointer;box-shadow:.3ch .3ch 0 #000;transition:box-shadow .1s ease-in-out}.card[href]:hover{background:#d3d3d3}.card[href]:active{box-shadow:0 0 0 #000}
