:root{color-scheme:dark;--lime:#d3ec92;--pink:#f6b6d2;--muted:#c1c3ce}*{box-sizing:border-box}body{margin:0;color:#ecebdf;background:#111529;background-image:radial-gradient(circle at 9px 13px,#8992a8 1px,transparent 1px);background-size:101px 109px;font:14px/1.6 'Courier New',monospace}.shell{max-width:640px;margin:30px auto;padding:0 24px}a{color:var(--lime);text-underline-offset:3px}a:hover{color:var(--pink)}header{position:relative;text-align:center;margin-bottom:24px}.home{position:absolute;left:0;top:10px;font-size:12px}h1{font:italic bold 66px/1 Georgia,serif;letter-spacing:-3px;color:var(--lime);text-shadow:3px 3px #48533f;margin:0}header p{color:var(--pink);letter-spacing:2px;margin:10px 0}.upload-layout{display:block}.corner-girl{position:fixed;right:16px;bottom:0;width:150px;height:215px;object-fit:contain;object-position:bottom;opacity:.65;pointer-events:none;user-select:none;z-index:0}.shell{position:relative;z-index:1}.window{min-width:0;border:3px outset #a9aec0;background:#252b40;box-shadow:5px 5px #070b17}.window h2{background:#444c6c;color:#fff;font-size:14px;margin:0;padding:7px 14px}.inside{padding:20px}.drop{border:2px dashed #8e9c83;background:#1b2133;display:flex;align-items:center;flex-direction:column;padding:26px 10px;gap:8px}.drop.over{background:#3a493b}.drop strong{color:var(--lime);font-size:20px}.drop span{font-size:12px;color:var(--muted)}input[type=file]{max-width:100%;margin:8px 0 0;min-width:0;font-size:12px}input::file-selector-button,button{font:bold 14px 'Courier New',monospace;color:#17202b;background:#d5dfa7;border:3px outset #eef2cd;padding:9px 12px;cursor:pointer}button:active{border-style:inset}button:disabled{opacity:.6;cursor:wait}fieldset{margin:20px 0 8px;border:1px solid #68728a;display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px}legend{color:var(--pink);font-size:13px}.fine{font-size:11px;color:var(--muted);margin:14px 0}#send{width:100%}#status:empty{display:none}progress{width:100%;accent-color:var(--lime);margin-top:10px}#result{border-top:1px dashed #aeb894;margin-top:20px;padding-top:10px}h3{color:var(--pink);font-size:16px;margin:0 0 8px}input[readonly]{width:100%;background:#111729;color:var(--lime);border:1px solid #8b95a8;padding:10px;font:13px monospace;margin:8px 0;min-width:0}details{font-size:12px}summary{cursor:pointer;color:var(--pink);padding:10px 0;width:fit-content}.help{margin:24px 0 14px;border-top:1px dashed #68728a}.help details{padding:0 4px;border-bottom:1px dashed #68728a}.help p{max-width:76ch}pre{overflow:auto;background:#0c1120;padding:14px;color:var(--lime);font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:20px}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}@media(max-width:650px){.shell{margin:20px auto;padding:0 16px}.home{position:static;display:block;text-align:left;margin-bottom:14px}h1{font-size:54px}.inside{padding:16px}.help{margin-top:20px}header{margin-bottom:20px}fieldset{gap:10px}footer{font-size:10px}}

@media(max-width:950px){.corner-girl{position:absolute;top:8px;right:12px;bottom:auto;width:56px;height:80px;opacity:.55}}

header h1{font-size:inherit;letter-spacing:normal;text-shadow:none;line-height:1}.logo{display:block;width:min(100%,360px);height:auto;margin:0 auto}header .home{position:static;display:block;text-align:left;margin-bottom:15px}header p{font-size:12px;letter-spacing:1px}@media(max-width:650px){.logo{max-width:270px}header .home{margin-bottom:18px}header p{font-size:10px}}
