*{box-sizing:border-box}body{margin:0;background:#f4f3ec;color:#112e40;font:14px/1.6 Arial,sans-serif}.notice{background:#d6eee4;padding:9px 20px;text-align:center;font-size:11px}header,main{max-width:1120px;margin:auto;padding:35px 25px}header{display:flex;justify-content:space-between;align-items:center}header p{font-size:10px;letter-spacing:.15em}h1{font-size:45px;letter-spacing:-.05em;line-height:1.1}h1 em{color:#007d79;font-style:normal}a{color:inherit}button,select,input,textarea{font:inherit}button,.import{cursor:pointer}button{border:1px solid #b6c8c0;border-radius:4px;background:#fffdf7;color:#123547;padding:10px 15px}button:hover{border-color:#008e85}button:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.toolbar label{font-size:10px}label{display:block}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #b6c8c0;border-radius:4px;background:white;color:#143647}.toolbar input{max-width:190px}.import{max-width:210px}.import input{font-size:10px}#feedback{min-height:24px;color:#007c73}#stats{display:flex;gap:15px;flex-wrap:wrap;padding:15px 0 25px}#stats span{padding:8px 12px;border:1px solid #c2d7cf;border-radius:20px;font-size:11px}#board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job{text-align:left;padding:25px;min-height:230px;display:flex;flex-direction:column}.job small{color:#497568;font-size:10px}.job h2{font-size:24px;line-height:1.2;letter-spacing:-.03em}.job p{font-size:11px}.job div{padding:10px;margin-top:auto;font-size:11px;border-radius:4px}.blocked{background:#f3e4c8;color:#735222}.clear{background:#e1eee4;color:#2b6755}.boundary{font-size:11px;color:#637a82;margin:30px 0}dialog{width:min(600px,calc(100% - 25px));padding:30px;border:0;border-radius:10px;background:#f9f8f1;color:#153646}dialog::backdrop{background:#072335b8}#close{position:absolute;right:10px;top:10px;border:0;background:none;font-size:24px}.kicker{font-size:10px;letter-spacing:.1em}dialog h2{font-size:30px;line-height:1.1}dialog label{font-size:11px;margin:14px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.buttons button{font-size:11px}#advance{background:#007d79;color:white}#form-error{color:#a03428;font-size:12px}#history{font-size:11px;padding-left:18px}button:focus-visible,a:focus-visible{outline:3px solid #058ea0;outline-offset:3px}@media(max-width:650px){#board{grid-template-columns:1fr}h1{font-size:35px}header{gap:15px}header a{font-size:11px}main{padding-top:10px}.toolbar{align-items:center}dialog{padding:25px}.notice{font-size:9px}}

/* Build With Chris futuristic edition: same workflow, luminous dark canvas. */
:root{color-scheme:dark}body{background:radial-gradient(ellipse at 85% 0,#1a2246,transparent 55%),#070b16;color:#e8f2ff}.notice{background:#101e32;color:#9bdccc;border-bottom:1px solid #284258}header{border-bottom:1px solid #27384f}header p,.kicker{color:#73e9d7}h1 em{color:#6cf3d5}button{background:#111e32;color:#e2f1ff;border-color:#344d69;border-radius:8px}button:hover{background:#172c43;border-color:#65e5d3}input,select,textarea{background:#0b1627;color:#e5f3ff;border-color:#38516d;border-radius:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #69e8d5;outline-offset:2px}#feedback{color:#7bf3db}#stats span{background:#102635;border-color:#335b68;color:#9ff3e0}.job{background:linear-gradient(135deg,#14263b,#101726);box-shadow:0 8px 30px #0002}.job small{color:#82ccda}.blocked{background:#392e20;color:#ffd89a;border:1px solid #695333}.clear{background:#10392f;color:#a0f6ce;border:1px solid #285d4d}.boundary{color:#a2b5cb}dialog{background:#101c30;color:#eaf3ff;border:1px solid #486481;box-shadow:0 0 70px #0e9fba22}dialog::backdrop{background:#020711dc;backdrop-filter:blur(5px)}#advance{background:linear-gradient(110deg,#66f5cd,#62d6f1);color:#082231;border-color:#9afbe5;font-weight:bold}#form-error{color:#ffb5a6}#history{color:#b4c9df}button:focus-visible,a:focus-visible{outline-color:#77ffdd}h1{letter-spacing:-.055em}

/* A consistent, responsive toolbar with accessible native file selection. */
.toolbar{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(145px,1fr) auto auto minmax(150px,1fr) auto;align-items:end;gap:12px;padding:20px;background:#0c1626;border:1px solid #263b52;border-radius:14px}
.toolbar>label{font-size:12px;line-height:1.4;color:#a8bdd2;min-width:0}.toolbar select{margin-top:7px;height:44px;font-size:13px;padding:0 32px 0 12px}.toolbar>button{height:44px;padding:0 16px;font-size:13px;font-weight:600;white-space:nowrap}.toolbar #new{background:#69e8d5;color:#082231;border-color:#69e8d5}.toolbar #new:hover{background:#9af4e6}.toolbar #reset{color:#bacadd;background:transparent}.toolbar .import{max-width:none}.import-control{position:relative;display:flex;align-items:center;justify-content:center;height:44px;margin-top:7px;border:1px solid #38516d;border-radius:8px;background:#111e32;color:#e2f1ff;font-size:13px;font-weight:600;overflow:hidden}.toolbar .import input{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;padding:0;opacity:0;cursor:pointer}.import-control:hover{background:#172c43;border-color:#65e5d3}.import-control:focus-within{outline:2px solid #69e8d5;outline-offset:3px}
@media(max-width:1050px){.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar>label:nth-child(1){grid-column:1}.toolbar>label:nth-child(2){grid-column:2}.toolbar .import{grid-column:3;grid-row:1}.toolbar>button{grid-row:2}}
@media(max-width:550px){.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.toolbar .import{grid-column:1;grid-row:3}.toolbar #reset{grid-column:2;grid-row:3}.toolbar>button{padding:0 10px}.toolbar select{font-size:12px}.toolbar #new{grid-column:1;grid-row:2}.toolbar #export{grid-column:2;grid-row:2}}