:root{--win97-face:#dfdfdf;--win97-dark:grey;--win97-darker:#404040;--win97-light:#fff;--win97-blue:navy;--win97-blue-light:#1084d0;--win97-text:#000;--win97-link:#00e}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;color:var(--win97-text);background:var(--win97-bg) url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==") repeat}.app-shell{max-width:760px;margin:32px auto;padding:0 12px}.window{background:var(--win97-face);border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light);box-shadow:inset -1px -1px 0 0 var(--win97-dark),inset 1px 1px 0 0 var(--win97-light)}.title-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;color:#fff;background:linear-gradient(to right,var(--win97-blue),var(--win97-blue-light))}.title-bar-text{font-weight:700;letter-spacing:.3px}.title-bar-controls{display:flex;gap:4px}.title-bar-button{width:16px;height:14px;border-left:2px solid var(--win97-light);border-bottom-color:var(--win97-light);border-right-color:var(--win97-light);border-right:2px solid var(--win97-dark);border-bottom:2px solid var(--win97-dark);background:var(--win97-face);box-shadow:inset -1px -1px 0 0 var(--win97-dark),inset 1px 1px 0 0 var(--win97-light)}.title-bar-button,.window-body{border-top:2px solid var(--win97-light)}.window-body{padding:12px}.group{border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light);padding:10px;margin-bottom:12px;background:var(--win97-face)}.group legend{padding:0 6px;font-size:12px}.input{width:100%;padding:6px 8px;background:#fff;border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light);outline:none}.input:focus{outline:2px dotted var(--win97-blue);outline-offset:2px}.btn{display:inline-block;padding:6px 12px;color:#000;background:var(--win97-face);border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light);cursor:pointer;text-decoration:none}.btn:active{border-left-color:var(--win97-dark);border-bottom:2px solid var(--win97-dark);border-right:2px solid var(--win97-dark);border-top-color:var(--win97-dark);border-left:2px solid var(--win97-light);border-top:2px solid var(--win97-light);box-shadow:inset 1px 1px 0 0 var(--win97-dark)}.btn[disabled]{opacity:.6;pointer-events:none}.row{display:grid;grid-gap:10px;gap:10px}.row.two{grid-template-columns:1fr 1fr}.notice{padding:10px;background:#fff;border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light)}.a{color:var(--win97-link);text-decoration:underline}.small{font-size:12px;color:#333}.footer{margin-top:12px;padding:8px;background:var(--win97-face);border-top:2px solid var(--win97-light);box-shadow:inset 0 1px 0 var(--win97-dark)}.table{width:100%;border-collapse:collapse;background:#fff;border-left:2px solid var(--win97-dark);border-bottom-color:var(--win97-dark);border-right-color:var(--win97-dark);border-top:2px solid var(--win97-dark);border-right:2px solid var(--win97-light);border-bottom:2px solid var(--win97-light)}.table td,.table th{padding:8px;border:1px solid #999;text-align:left}.mt-8{margin-top:20px}