:root{--paper:#dfe7ee;--paper-deep:#cfd9e3;--ink:#12243a;--ink-soft:#3d5368;--brass:#b0892e;--brass-hot:#c9a24a;--leaf:#1f5f45;--rule:#12243a1a;--shade:#08101a9e;--white:#f6f8fb;--danger:#8c2f1e;--ok:#1f5f45}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:32px 32px;font-family:"Source Serif 4",Iowan Old Style,Georgia,serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hero{min-height:100svh;color:var(--white);background:#0d1824;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;animation:18s ease-out forwards rise-image;position:absolute;inset:0;transform:scale(1.08)}.hero-shade{background:linear-gradient(105deg,#08101ac7 0%,#08101a6b 48%,#08101a2e 100%);position:absolute;inset:0}.hero-copy{z-index:1;flex-direction:column;justify-content:flex-end;max-width:42rem;min-height:100svh;padding:7vw 8vw 8vw;animation:1s both rise-copy;display:flex;position:relative}.brand{letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.2rem;font-family:Syne,Avenir Next,sans-serif;font-size:clamp(2.8rem,8vw,6.4rem);font-weight:800;line-height:.86}.headline{margin:0 0 .8rem;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;line-height:1.25}.lede{color:#f6f8fbd1;max-width:28rem;margin:0 0 2rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;gap:1.25rem 1.75rem;display:flex}.cta{letter-spacing:.04em;border-bottom:2px solid #0000;padding-bottom:.15rem;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;transition:border-color .2s,color .2s}.cta:hover,.cta-button:hover{border-color:var(--brass-hot);color:var(--brass-hot)}.lab-mark{letter-spacing:.16em;text-transform:uppercase;color:var(--brass-hot);margin:0 0 .85rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.cta-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 .15rem}.desk-user{text-align:right}.desk{min-height:100svh;padding:2.2rem clamp(1.2rem,4vw,3.5rem) 4rem}.desk-top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}.eyebrow,.mono{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.desk-title{margin:.2rem 0 0;font-family:Syne,sans-serif;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:.92}.modes{flex-wrap:wrap;gap:1rem 1.6rem;margin:0 0 2rem;display:flex}.mode{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 .2rem;font-family:Syne,sans-serif;font-weight:700}.mode[data-on=true]{color:var(--ink);border-color:var(--brass)}.panel{max-width:46rem}.hint{color:var(--ink-soft);margin:0 0 1.2rem}textarea,input[type=text],input[type=password],select{border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);background:#ffffff8c;outline:none;padding:.85rem .2rem}textarea{resize:vertical;min-height:16rem;line-height:1.5}.row{flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1rem;display:flex}.file{font-family:IBM Plex Mono,monospace;font-size:.8rem}.action{background:var(--ink);color:var(--white);cursor:pointer;border:0;padding:.7rem 1.1rem;font-family:Syne,sans-serif;font-weight:700}.action:disabled{opacity:.5;cursor:wait}.ghost{color:var(--ink);border-bottom:1px solid var(--ink);background:0 0;padding:.55rem 0}.explain{white-space:pre-wrap;font-size:1.12rem;line-height:1.65}.prompt{margin:0 0 1.2rem;font-size:1.35rem;line-height:1.4}.choice,.blank{text-align:left;border:0;border-left:2px solid var(--rule);cursor:pointer;width:100%;color:var(--ink);background:0 0;margin:0 0 .35rem;padding:.7rem 0 .7rem .9rem;display:block}.choice[data-on=true],.choice:hover{border-left-color:var(--brass)}.feedback{border-top:1px solid var(--rule);margin-top:1.4rem;padding-top:1rem}.mark-ok{color:var(--ok);font-family:Syne,sans-serif;font-weight:700}.mark-no{color:var(--danger);font-family:Syne,sans-serif;font-weight:700}.score{margin:0 0 .8rem;font-family:Syne,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9}.settings{z-index:4;background:#e7eef4;width:min(26rem,100%);padding:2rem 1.5rem;animation:.28s slide-in;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 40px #0a121c1f}.scrim{z-index:3;background:#0a101847;border:0;position:fixed;inset:0}.status{color:var(--ink-soft);margin-top:.8rem;font-family:IBM Plex Mono,monospace;font-size:.78rem}@keyframes rise-image{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rise-copy{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:720px){.desk-top{flex-direction:column}textarea{min-height:12rem}}