*{box-sizing:border-box}body{margin:0;padding:25px 12px;background:#172d36;font:14px Arial,sans-serif;color:#151515}.shell{max-width:1040px;margin:auto;background:#c0c0c0;border:3px outset #eee;box-shadow:7px 7px #0005}.title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#000080,#1084d0);color:white;padding:5px 7px}.title h1{font-size:16px;margin:0}.title a{background:#ccc;color:#111;border:2px outset white;text-decoration:none;padding:0 5px;font-weight:bold}.intro{padding:20px 22px 8px}.intro>span{font:11px 'Courier New',monospace;letter-spacing:2px}.intro h2{font-size:28px;margin:10px 0}.intro p{line-height:1.5;margin:8px 0}.toolbar{display:flex;align-items:center;gap:24px;margin:8px 22px 15px;padding:10px;border:2px inset #eee}.toolbar>div{display:flex;align-items:center;gap:8px;font:bold 11px 'Courier New',monospace}.toolbar output{background:#210000;color:#ff4848;font:bold 28px 'Courier New',monospace;padding:2px 7px;min-width:55px;text-align:right}.toolbar>button{margin-right:auto}button{font:13px Arial,sans-serif;background:#c0c0c0;color:#111;border:3px outset #eee;padding:7px 12px;cursor:pointer;touch-action:manipulation}button:active{border-style:inset}button:disabled{cursor:default;color:#777}button:focus-visible,input:focus-visible{outline:3px solid #ffdd00;outline-offset:2px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px;padding:0 22px}.desktop{position:relative;height:460px;background:#008080;border:3px inset #eee;overflow:hidden}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d6eeee;text-align:center;font-family:'Courier New',monospace}#welcome strong{font-size:30px;letter-spacing:3px}#welcome p{line-height:1.5}.computer{font-size:70px;color:#c0c0c0}.popup{position:absolute;width:275px;max-width:calc(100% - 16px);background:#c0c0c0;border:3px outset #eee;box-shadow:4px 5px #0005}.popup-title{display:flex;justify-content:space-between;align-items:center;background:#000080;color:#fff;font-weight:bold;font-size:12px;padding:3px 4px}.popup-title button{padding:0;width:25px;height:25px;line-height:17px;font-size:19px}.popup-body{display:flex;gap:12px;padding:14px 12px;min-height:76px;align-items:center}.popup-body span{font-size:29px;color:#a00000}.popup-body p{margin:0;line-height:1.4;font-size:12px}.popup-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 10px 10px}.popup-actions button{padding:6px 8px;font-size:12px;min-height:34px}.taskbar{display:flex;gap:10px;align-items:center;background:#c0c0c0;border:2px outset #eee;padding:5px;font-size:11px}.taskbar b{border:2px outset #eee;padding:3px 8px}.taskbar>span:last-child{margin-left:auto}#status{background:#ffffd8;border:1px solid #888;padding:12px;line-height:1.4}aside{border:2px inset #eee;background:#ededdf;padding:15px}aside h3{font: bold 16px 'Courier New',monospace;margin:0}aside>p{font-size:12px}ol{padding-left:23px}li{padding:8px 0;border-bottom:1px dotted #999;overflow-wrap:anywhere;font-size:13px}li b{float:right;margin-left:5px}.note{font:12px/1.6 'Courier New',monospace;color:#555;margin-top:28px}.save-row{display:flex;gap:6px;margin:6px 0}input{font:16px Arial;padding:7px;width:100%;min-width:0;border:2px inset #eee}small{font-size:11px}#error{color:#870000}footer{margin:16px 22px;padding:12px 0 0;border-top:1px solid #888;font-size:11px}[hidden]{display:none!important}@media(max-width:740px){body{padding:10px 6px}.layout{grid-template-columns:1fr;padding:0 10px;gap:10px}.intro{padding:15px 12px 5px}.intro h2{font-size:24px}.toolbar{margin:8px 10px 12px;gap:10px;flex-wrap:wrap}.toolbar>button{flex-basis:100%;margin:0}.toolbar output{font-size:24px}.desktop{height:470px}.popup{width:258px}.popup-body{padding:10px;min-height:66px}.popup-title button{width:32px;height:30px}.popup-actions button{min-height:38px}.intro p{font-size:13px}}

.desktop{height:440px;background:#617368}#windows{height:100%}.ballot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;gap:17px}.paper{background:#fffced;width:320px;max-width:100%;border:1px solid #b8b49f;box-shadow:4px 5px #0003;padding:20px 25px;transform:rotate(-1deg)}.paper h3{text-align:center;font:bold 21px Georgia,serif;letter-spacing:4px;margin:0 0 15px}.paper>p{font:15px/1.4 Georgia,serif}.marks{display:flex;justify-content:space-around;margin:22px 0 0;font:27px Georgia,serif}.paper .scribble{font:italic 17px 'Courier New',monospace;color:#263d72;min-height:22px;text-align:center;margin:15px 0}.paper small{display:block;text-align:center;font:9px 'Courier New',monospace;letter-spacing:1px;color:#666}.ballot-actions{display:flex;gap:10px}.ballot-actions button{min-width:80px;min-height:43px;font-weight:bold}.intro p{max-width:690px}@media(max-width:740px){.desktop{height:390px}.paper{padding:18px}.ballot-actions{gap:6px}.ballot-actions button{min-width:74px;padding:7px}.ballot{padding:12px 8px}}