:root{font-family:system-ui,sans-serif;color:#e9efff;background:#101827;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #35415a}a{color:#a8caff}header a{font-weight:800;text-decoration:none}.eyebrow{color:#a8caff;letter-spacing:.14em;font-size:.8rem;margin-top:50px}h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.06;letter-spacing:-.04em;margin:20px 0}.lead{font-size:1.2rem;max-width:650px;color:#c2cee2}.card{background:#1c273b;border:1px solid #41506a;padding:26px;border-radius:16px;margin:30px 0}.files{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{font-weight:650}label span{font-weight:400;color:#bac6da}input{display:block;width:100%;padding:16px 0;font:inherit}button{font:inherit;font-weight:650;padding:13px 20px;background:#a8caff;color:#101827;border:0;border-radius:8px;cursor:pointer}.secondary{background:transparent;color:#d9e7ff;border:1px solid #7792bc}.actions{display:flex;gap:12px;flex-wrap:wrap}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #ffe098;outline-offset:4px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:14px;border-bottom:1px solid #41506a;vertical-align:top}td:first-child{overflow-wrap:anywhere;min-width:220px}td:nth-child(2),td:nth-child(3){white-space:nowrap}.notes{max-width:800px;line-height:1.7;margin:45px 0}footer{color:#bac6da;font-size:.9rem}#status{min-height:1.5em;color:#ffe098}@media(max-width:640px){header span{display:none}.files{grid-template-columns:1fr}.card{padding:18px}main{padding:18px}}

/* Accessible preview framing and compact first-screen controls. */
.skip{position:absolute;left:16px;top:-100px;background:#ffe098;color:#101827;padding:12px;z-index:2}.skip:focus{top:8px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{margin-top:20px}.preview{display:inline-block;padding:5px 8px;border:1px solid #7792bc;border-radius:5px;letter-spacing:.03em;margin-left:8px;color:#ffe098}h1{font-size:clamp(2.35rem,5vw,3.5rem);margin:16px 0}.card{margin:22px 0}.files>*{min-width:0}details{border:1px solid #41506a;border-radius:8px;padding:14px 18px}summary{cursor:pointer;font-weight:650}.notice{color:#ffe098}footer{line-height:1.8}button,input,summary{max-width:100%}button{min-height:44px}@media(max-width:640px){.preview{margin-left:0;margin-top:8px}.actions button{flex:1 1 190px}}@media(forced-colors:active){button,.card,details{border:1px solid ButtonText}}

.matching-note{color:#c2cee2;font-size:.9rem;line-height:1.65;max-width:900px}