*{box-sizing:border-box} :root{color-scheme:dark}body{margin:0;background:#151918;color:#f2f5ef;font:17px/1.6 system-ui,sans-serif}a{color:#bce18e;text-underline-offset:4px}a:hover{color:#e6ffcb}header,main,footer{max-width:1180px;margin:auto;padding-inline:32px}header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #414a45}header>a{font-size:22px;font-weight:750;text-decoration:none}header span,footer{font-size:14px;color:#b9c4bc}.intro{padding:52px 0 34px;max-width:920px}h1{font-size:clamp(32px,4.3vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;max-width:27ch}h2{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0 0 20px}p{max-width:76ch;color:#cbd4cd}.intro p{font-size:20px;max-width:66ch}.jump{display:inline-block;margin-top:8px}#tool{border:1px solid #526157;background:#1e2722;padding:30px;border-radius:8px;margin-bottom:56px;scroll-margin-top:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:15px;font-weight:600;margin-bottom:18px}input,select,textarea{width:100%;display:block;margin-top:8px;background:#131b16;color:#f2f5ef;border:1px solid #8c9b90;border-radius:6px;padding:12px;font:inherit;font-size:17px}textarea{min-height:85px;resize:vertical}input::placeholder,textarea::placeholder{color:#a3b1a7}button,.button{display:inline-block;background:#bce18e;color:#192211;border:1px solid #bce18e;border-radius:6px;padding:11px 16px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}button:hover{background:#ddf6bf}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}.secondary{background:transparent;color:#dfebd8;border-color:#7c8b80}.secondary:hover{background:#344538}form{margin-bottom:26px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}article{max-width:840px}article h2{margin-top:40px}footer{margin-top:60px;padding-block:24px;border-top:1px solid #414a45}footer p{margin:0 0 8px}.server{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px 0;border-top:1px solid #526157}.server h3{font-size:20px;margin:0}.server p{margin:5px 0;overflow-wrap:anywhere}.server .actions{align-content:center}.subhead{margin-top:36px}output{display:block;font-size:23px;font-weight:650;color:#d5efb9;padding:22px 0}#status,#storage-status{color:#edcf9f}.table-wrap{overflow:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:16px}th,td{text-align:left;padding:14px 18px 14px 0;border-bottom:1px solid #526157;vertical-align:top}th{color:#bdd3b4}td a{overflow-wrap:anywhere}.task-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #526157}.task-row input{width:22px;height:22px;margin:0;flex-shrink:0}.task-row label{flex:1;margin:0;overflow-wrap:anywhere}.task-row small{display:block;color:#b1beb4}.task-row.done label{text-decoration:line-through;color:#a7b4ab}figure{margin:36px 0 0;max-width:600px}figure img{width:100%;height:auto;display:block;border-radius:6px}figcaption{font-size:14px;color:#bac9bf;margin-top:10px}.skip{position:absolute;left:16px;top:-60px}.skip:focus{top:10px;background:#151918;padding:10px;z-index:2}:focus-visible{outline:3px solid #ecffcf;outline-offset:4px}button.remove{padding:6px 12px;font-size:14px}code{overflow-wrap:anywhere}details{margin:18px 0}summary{cursor:pointer;color:#c8e5b6}li{margin:8px 0}#comparison:empty{display:none}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding-inline:20px}header{flex-wrap:wrap;gap:4px;padding-block:14px}header span{width:100%}.intro{padding-top:32px}.fields{grid-template-columns:1fr;gap:0}#tool{padding:20px}.server{grid-template-columns:1fr}.task-row{flex-wrap:wrap}.task-row button{margin-left:36px}h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}