:root { --paper: #eadfc9; --card: #fdf8f0; --ink: #313131; --ink2: #4a4741; --muted: #5e5950; --line: #a19d94; --blue: #243fa5; --orange: #a8391a; --ok: #2f6b3a; }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font: 400 17px/1.6 "Geist", system-ui, sans-serif;
    background-image: linear-gradient(rgba(49,49,49,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(49,49,49,.06) 1px, transparent 1px); background-size: 26px 26px; }
  main { max-width: 44rem; margin: 0 auto; padding: 40px 16px 80px; }
  a { color: var(--blue); }
  .back { font: 400 14px/1 "Geist Mono", monospace; text-decoration: none; display: inline-block; border: 1px solid var(--line); background: var(--card); padding: 10px 14px; }
  h1 { font: 500 clamp(2rem, 6vw, 3.1rem)/1.02 "Geist", sans-serif; letter-spacing: -.045em; margin: 26px 0 8px; }
  .lede { color: var(--ink2); margin: 0 0 6px; max-width: 36rem; }
  .card { background: var(--card); border: 1px solid var(--line); box-shadow: 6px 6px 0 rgba(49,49,49,.08); padding: clamp(18px, 4.5vw, 34px); margin-top: 24px; }
  h2 { font: 500 1.25rem/1.2 "Geist", sans-serif; letter-spacing: -.02em; margin: 0 0 14px; }
  label { display: block; font-weight: 500; margin: 16px 0 6px; }
  label small { font-weight: 400; color: var(--muted); }
  select, input[type=text], textarea { width: 100%; font: inherit; color: var(--ink); background: #fff; border: 1.5px solid var(--line); padding: 11px 12px; border-radius: 0; }
  textarea { min-height: 140px; resize: vertical; }
  select:focus, input:focus, textarea:focus, button:focus-visible { outline: 3px solid var(--blue); outline-offset: 1px; }
  .chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .chips button { font: inherit; font-size: 15px; background: #fff; color: var(--ink); border: 1.5px solid var(--line); padding: 8px 12px; cursor: pointer; }
  .chips button[aria-pressed=true] { background: var(--blue); color: #fff; border-color: var(--blue); }
  .err { font: 400 14px/1.45 "Geist Mono", monospace; color: var(--orange); background: #fbeee6; border-left: 3px solid var(--orange); padding: 10px 12px; margin-top: 16px; word-break: break-word; }
  .file { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
  .file img { max-height: 90px; border: 1px solid var(--line); }
  .btn { font: 500 17px/1 "Geist", sans-serif; background: var(--blue); color: #fff; border: 0; padding: 16px 22px; cursor: pointer; margin-top: 22px; width: 100%; }
  .btn.ghost { background: transparent; color: var(--blue); border: 1.5px solid var(--blue); width: auto; padding: 12px 16px; margin-top: 0; font-size: 15px; }
  .btn[disabled] { opacity: .6; cursor: progress; }
  .note { font-size: 14px; color: var(--muted); margin-top: 10px; }
  .done { border-left: 4px solid var(--ok); }
  .tid { font: 500 1.3rem/1 "Geist Mono", monospace; letter-spacing: .02em; }
  .list { list-style: none; margin: 0; padding: 0; }
  .list li { border-top: 1px solid #d6c8ad; padding: 12px 0; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
  .list li:first-child { border-top: 0; }
  .st { font: 400 13px/1 "Geist Mono", monospace; padding: 5px 8px; border: 1px solid currentColor; white-space: nowrap; }
  .st.open { color: var(--muted); } .st.answered { color: var(--ok); } .st.closed { color: var(--ink2); }
  .thread { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 16px; }
  .msg { padding: 12px 14px; border: 1px solid #d6c8ad; background: #fff; max-width: 92%; white-space: pre-wrap; word-break: break-word; }
  .msg.team { background: #eef1fb; border-color: #c4cdee; align-self: flex-start; }
  .msg.you { align-self: flex-end; }
  .msg .who { display: block; font: 400 12px/1 "Geist Mono", monospace; color: var(--muted); margin-bottom: 6px; }
  .tg { margin-top: 18px; font-size: 15px; color: var(--ink2); }
  [hidden] { display: none !important; }