@font-face{font-family: 'MainFont';src: url('fonts/PrintChar21.woff2') format('woff2');font-display: swap;}:root{--fg: #19d37f;--fg-dim: rgba(25, 211, 127, 0.62);--fg-faint: rgba(25, 211, 127, 0.3);--glow: 0 0 6px rgba(6, 140, 80, 0.8), 0 0 14px rgba(6, 90, 49, 0.6);--panel: rgba(0, 0, 0, 0.38);--err: #ff6b6b;}[hidden]{display: none !important;}*{box-sizing: border-box;}*:focus-visible{outline: 2px solid var(--fg);outline-offset: 2px;}html{background: #111;}html, body{margin: 0;color: var(--fg);font-family: 'MainFont', ui-monospace, monospace;font-size: max(14px, 1.4vw);line-height: 1.3;text-shadow: var(--glow);}#background{position: fixed;inset: 0;width: 100%;height: 100%;object-fit: fill;z-index: -1;pointer-events: none;}main{min-height: 100vh;padding: 5vh 7vw 7vh;}html{scrollbar-width: thin;scrollbar-color: var(--fg-dim) transparent;}#banner{margin: 0;font: inherit;font-size: 0.8em;line-height: 1.1;color: #fff;}.recipient .hostonly{display: none;}.motd{white-space: pre-wrap;color: var(--fg-dim);margin: 0.6em 0 0.9em;}h2{font-size: 1rem;margin: 1.25rem 0 0.25rem;}.hint{color: var(--fg-dim);margin: 0.25rem 0 0.75rem;font-size: 0.8em;}code{font-family: inherit;color: #fff;}a{color: var(--fg);}em{color: #fff;font-style: normal;}.err{color: var(--err);}p{margin: 0 0 0.5rem;}.prompt{display: flex;gap: 1ch;align-items: flex-start;}.prompt label{white-space: nowrap;color: #fff;}textarea, input[type=text]{width: 100%;background: transparent;color: var(--fg);border: 0;border-radius: 0;padding: 0;margin: 0;font: inherit;text-shadow: var(--glow);resize: none;outline: none;caret-color: var(--fg);scrollbar-width: thin;scrollbar-color: var(--fg-dim) transparent;overflow: auto;}textarea{caret-shadow: none;}textarea:focus, input:focus{outline: none;}#text{min-height: 2.6em;field-sizing: content;}#rtext{min-height: 8rem;margin-top: 0.5rem;}#reply{word-break: break-all;field-sizing: content;}body.dragging main{outline: 1px dashed var(--fg);}body.dragging #drop::after{content: "-- drop files to share --";display: block;color: #fff;}.btn{background: none;border: 0;padding: 0;margin: 0 2ch 0 0;color: #fff;font: inherit;text-shadow: var(--glow);cursor: pointer;white-space: nowrap;}.btn::before{content: "[";color: var(--fg-dim);}.btn::after{content: "]";color: var(--fg-dim);}.btn:hover, .btn:focus-visible{text-decoration: underline;outline: none;}.btn:disabled{opacity: 0.4;cursor: default;text-decoration: none;}.opts{margin: 0.5em 0;}.opts label{display: block;color: var(--fg-dim);cursor: pointer;}input[type=checkbox]{appearance: none;margin: 0 1ch 0 0;font: inherit;color: #fff;cursor: pointer;}input[type=checkbox]::before{content: "[ ]";}input[type=checkbox]:checked::before{content: "[x]";}#filelist{margin: 0.5rem 0;padding: 0;list-style: none;word-break: break-all;}#filelist li::before{content: "+ ";color: var(--fg-dim);}#peerlist{list-style: none;padding: 0;margin: 0 0 1rem;}#peerlist li{margin: 0 0 1.25rem;}#peerlist .status{margin: 0 0 0.25rem;color: #fff;}#peerlist .status::before{content: "$ ";}#peerlist .field{display: flex;gap: 1ch;align-items: flex-start;margin-bottom: 0.25rem;}#peerlist .field label{min-width: 6ch;color: var(--fg-dim);}#peerlist .field label::after{content: ">";}#peerlist .field .btn{margin: 0;}#peerlist textarea{min-height: 1.5rem;field-sizing: content;}#peers{margin-top: 1rem;}#term{margin-bottom: 1rem;}progress{appearance: none;display: block;width: 100%;height: 1.2em;border: 0;background: none;color: var(--fg);margin: 0.25rem 0;}progress::-webkit-progress-bar{background: repeating-linear-gradient(90deg, var(--fg-faint) 0 1ch, transparent 1ch 1.2ch);}progress::-webkit-progress-value{background: repeating-linear-gradient(90deg, var(--fg) 0 1ch, transparent 1ch 1.2ch);}progress::-moz-progress-bar{background: var(--fg);}#toast{position: fixed;left: 1rem;bottom: 1rem;max-width: 90vw;color: #fff;opacity: 0;transition: opacity 0.25s;pointer-events: none;}#toast::before{content: "> ";}#toast.show{opacity: 1;}footer{margin-top: 1.5em;color: var(--fg-faint);font-size: 0.7em;}footer .build{margin: 0;}@media (max-width: 40rem){#peerlist .field{flex-direction: column;}}dialog{max-width: 40rem;width: calc(100% - 2rem);background: #050805;color: var(--fg);border: 1px solid var(--fg-dim);border-radius: 0;padding: 1rem 1.25rem;text-shadow: var(--glow);}dialog::backdrop{background: rgba(0, 0, 0, 0.75);}dialog h2{margin-top: 0;}dialog h3{margin: 1rem 0 0.25rem;font-size: 1rem;color: #fff;}dialog ul{margin: 0;padding-left: 1.25rem;font-size: 0.9rem;}dialog li{margin-bottom: 0.3rem;}dialog form{text-align: right;}@media (prefers-reduced-motion: reduce){#background{display: none;}html{background: radial-gradient(ellipse at center, #0b1f16 0%, #050b08 70%, #020403 100%) fixed;}}
