:root{--bg:#2b2d2f;--fg:#f1f0ec;--mut:#aeb0b0;--line:#4a4d50;--teal:#1d6f78;--amber:#e8a13a;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.6}h1,h2,h3{font-family:Iowan Old Style,Palatino,Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2.1rem,6vw,3.4rem);max-width:16ch}.wrap{max-width:860px;margin:0 auto;padding:40px 20px 90px}.hero{display:grid;grid-gap:28px;gap:28px;padding:24px 0 48px}.hero p{max-width:52ch;color:var(--mut);margin:0}.frame{display:grid;grid-template-columns:1fr 1fr;height:220px;border-radius:4px;overflow:hidden}.frame div{display:flex;align-items:flex-end;padding:12px;font-size:.85rem}.raw{background:linear-gradient(#a3a7a8 55%,#8d8c88 0);color:#2b2d2f}.graded{background:linear-gradient(#0e4a56 55%,#c4561a 0);color:#fff}section{border-top:1px solid var(--line);padding:28px 0}.cols{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cols p{margin:0}.cols p,.muted{color:var(--mut)}.err{color:#ff8a7a}.card{border:1px solid var(--line);border-radius:4px;padding:20px;margin:16px 0;display:flex;flex-direction:column;gap:10px}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:#222426;color:var(--fg)}textarea{min-height:90px}.btn,button{font:inherit;font-weight:600;background:var(--amber);color:#1c1c1c;border:0;padding:11px 20px;border-radius:4px;cursor:pointer;text-decoration:none;justify-self:start;align-self:flex-start}button:disabled{opacity:.6}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.row{display:flex;gap:8px;flex-direction:row}.row input[name=tc]{width:92px;flex:none}.tag{font-size:.8rem;border:1px solid var(--line);padding:1px 8px;border-radius:99px;margin-left:8px;font-family:system-ui,sans-serif;font-weight:400}ul{margin:0;padding-left:18px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ghost{background:none;border:1px solid var(--line);color:var(--fg);padding:3px 10px;font-weight:400}.notice{border:1px solid var(--amber);border-radius:4px;padding:12px 16px}nav{display:flex;justify-content:space-between;align-items:center}nav a{color:var(--fg)}