.tn-ta-page {
  --ta-ink:#1a1208; --ta-muted:#5a4a30; --ta-line:#b8a888; --ta-soft:#ddd4be;
  --ta-paper:#faf6ee; --ta-wash:#f5efdf; --ta-surface:rgba(255,252,244,.74);
  --ta-button:#ede6d4; --ta-hover:#dfd4bb; --ta-accent:#c44a00;
  --ta-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  width:100%; max-width:1180px; min-width:0; margin-inline:auto;
}
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-ta-page,
html:is([data-scheme="dark"],[data-scheme="inverse"],.theme-dark) body:not([data-scheme="light"]) .tn-ta-page {
  --ta-ink:#efe6d2; --ta-muted:#c3b492; --ta-line:#6f6047; --ta-soft:#574a37;
  --ta-paper:#241d12; --ta-wash:#322a1a; --ta-surface:#2c2517;
  --ta-button:#2f2115; --ta-hover:#3a2a1b; --ta-accent:#e8823f;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-ta-page,
  html[data-scheme="auto"] body:not([data-scheme="light"]) .tn-ta-page {
    --ta-ink:#efe6d2; --ta-muted:#c3b492; --ta-line:#6f6047; --ta-soft:#574a37;
    --ta-paper:#241d12; --ta-wash:#322a1a; --ta-surface:#2c2517;
    --ta-button:#2f2115; --ta-hover:#3a2a1b; --ta-accent:#e8823f;
  }
}
.tn-ta-page .tn-ta-ad { display:flow-root; width:100%; max-width:900px; margin-inline:auto; background:transparent; }
.tn-ta-page .tn-ta-ad--top { min-height:90px; margin-top:54px; margin-bottom:20px; }
.tn-ta-page .tn-ta-ad--bottom { min-height:250px; margin-top:24px; margin-bottom:28px; }
.tn-ta-tool, .tn-ta-tool * { box-sizing:border-box; }
.tn-ta-tool {
  min-width:0; border-top:3px double var(--ta-line); color:var(--ta-ink);
  -webkit-text-fill-color:var(--ta-ink); font:14px/1.55 var(--ta-sans);
  -webkit-font-smoothing:antialiased;
}
.tn-ta-tool :is(h2,h3,p,dl,dt,dd,ol,li,label) { margin:0; }
.tn-ta-tool :is(ol,li,dl,dt,dd) { padding:0; }
.tn-ta-tool :is(ol,li) { list-style:none; }
.tn-ta-tool li::before { content:none; }
.tn-ta-workspace { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:24px; align-items:start; padding:20px 0 4px; }
.tn-ta-controls, .tn-ta-results { min-width:0; display:grid; align-content:start; gap:15px; padding:21px 22px; border:1px solid var(--ta-line); background:var(--ta-surface); }
.tn-ta-results { background:var(--ta-wash); }
.tn-ta-panel-head { display:grid; gap:3px; padding-bottom:13px; border-bottom:1px solid var(--ta-soft); }
.tn-ta-kicker { color:var(--ta-accent); -webkit-text-fill-color:var(--ta-accent); font:700 11px/1.4 var(--ta-sans); letter-spacing:.06em; }
.tn-ta-panel-head h2 { color:var(--ta-ink); -webkit-text-fill-color:var(--ta-ink); font:700 18px/1.35 var(--ta-sans); text-wrap:balance; }
.tn-ta-panel-head p { color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:400 12px/1.5 var(--ta-sans); text-wrap:pretty; }
.tn-ta-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tn-ta-field { display:grid; align-content:start; gap:5px; min-width:0; border:0; background:transparent; }
.tn-ta-field label, .tn-ta-row label > span { padding:0; color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:600 12px/1.45 var(--ta-sans); }
.tn-ta-field :is(input,select), .tn-ta-row input {
  display:block; width:100%; min-width:0; height:44px; margin:0; padding:8px 11px;
  border:1px solid var(--ta-line); border-radius:0; background:var(--ta-paper); box-shadow:none;
  color:var(--ta-ink); -webkit-text-fill-color:var(--ta-ink);
  font:600 16px/1.4 var(--ta-sans); font-variant-numeric:lining-nums tabular-nums;
}
.tn-ta-field select { cursor:pointer; font-size:14px; }
.tn-ta-field input::placeholder, .tn-ta-row input::placeholder { font-weight:400; opacity:.35; }
.tn-ta-field :is(input,select)[aria-invalid="true"], .tn-ta-row input[aria-invalid="true"] { border-color:var(--ta-accent); }
.tn-ta-field :is(input,select):focus-visible, .tn-ta-row input:focus-visible { outline:2px solid var(--ta-accent); outline-offset:2px; }
.tn-ta-check { display:inline-flex; align-items:center; gap:9px; width:fit-content; min-height:40px; cursor:pointer; font:500 13px/1.4 var(--ta-sans); }
.tn-ta-check input { width:18px; height:18px; margin:0; accent-color:var(--ta-accent); }
.tn-ta-check input:focus-visible { outline:2px solid var(--ta-accent); outline-offset:3px; }
.tn-ta-hint { color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:400 12px/1.5 var(--ta-sans); text-wrap:pretty; }
.tn-ta-topics-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:3px 10px; padding-top:9px; border-top:1px solid var(--ta-soft); }
.tn-ta-topics-head h3 { color:var(--ta-ink); -webkit-text-fill-color:var(--ta-ink); font:700 15px/1.4 var(--ta-sans); }
.tn-ta-topics-head > span { color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:400 12px/1.5 var(--ta-sans); }
.tn-ta-tool .tn-ta-topics { display:grid; gap:0; padding:0; margin:0; }
.tn-ta-tool .tn-ta-topics > li { min-width:0; border-bottom:1px solid var(--ta-soft); }
.tn-ta-row { display:grid; grid-template-columns:24px minmax(0,1fr) minmax(95px,.38fr) auto; align-items:end; gap:9px; padding:11px 0; }
.tn-ta-row__number { align-self:center; display:grid; place-items:center; width:23px; height:23px; border:1px solid var(--ta-line); color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:700 11px/1 var(--ta-sans); font-variant-numeric:tabular-nums; }
.tn-ta-row label { display:grid; gap:5px; min-width:0; border:0; background:transparent; }
.tn-ta-row__actions { display:flex; gap:4px; }
.tn-ta-tool button {
  display:inline-grid; place-items:center; min-height:40px; padding:9px 13px; margin:0;
  border:1px solid var(--ta-line); border-radius:0; background:var(--ta-button); box-shadow:none;
  color:var(--ta-ink); -webkit-text-fill-color:var(--ta-ink);
  font:700 12px/1 var(--ta-sans); text-transform:none; letter-spacing:0; cursor:pointer;
  transition:background-color .16s,border-color .16s;
}
.tn-ta-tool button:hover:not(:disabled) { background:var(--ta-hover); border-color:var(--ta-ink); box-shadow:none; transform:none; }
.tn-ta-tool button:focus-visible { outline:2px solid var(--ta-accent); outline-offset:2px; }
.tn-ta-tool button:disabled { opacity:.5; cursor:not-allowed; }
.tn-ta-row__actions button { min-width:40px; padding-inline:7px; }
.tn-ta-actions { display:flex; gap:8px; flex-wrap:wrap; }
.tn-ta-results #ta-copy { justify-self:start; background:var(--ta-ink); border-color:var(--ta-ink); color:var(--ta-paper); -webkit-text-fill-color:var(--ta-paper); }
.tn-ta-results #ta-copy:hover:not(:disabled) { background:var(--ta-accent); border-color:var(--ta-accent); color:#faf6ee; -webkit-text-fill-color:#faf6ee; }
.tn-ta-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-block:1px solid var(--ta-soft); }
.tn-ta-summary > div { min-width:0; padding:12px 8px; border-right:1px solid var(--ta-soft); }
.tn-ta-summary > div:first-child { padding-left:0; }
.tn-ta-summary > div:last-child { border-right:0; }
.tn-ta-summary dt { color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:600 11px/1.5 var(--ta-sans); white-space:nowrap; }
.tn-ta-summary dd { margin-top:5px; overflow-wrap:anywhere; color:var(--ta-ink); -webkit-text-fill-color:var(--ta-ink); font:800 18px/1.2 var(--ta-sans); font-variant-numeric:lining-nums tabular-nums; }
.tn-ta-bar { display:flex; width:100%; min-height:17px; overflow:hidden; border:1px solid var(--ta-line); background:var(--ta-paper); }
.tn-ta-bar__segment { display:block; min-width:0; height:15px; }
.tn-ta-bar__segment--topic { background:var(--ta-accent); }
.tn-ta-bar__segment--break { background:repeating-linear-gradient(135deg,var(--ta-line) 0 2px,var(--ta-wash) 2px 5px); }
.tn-ta-bar__segment--spare { background:var(--ta-soft); }
.tn-ta-legend { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:-8px; }
.tn-ta-legend span { display:inline-flex; align-items:center; gap:6px; color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:500 11px/1.4 var(--ta-sans); }
.tn-ta-legend span::before { content:""; display:inline-block; width:9px; height:9px; background:var(--ta-accent); }
.tn-ta-legend span:nth-child(2)::before { border:1px solid var(--ta-line); background:repeating-linear-gradient(135deg,var(--ta-line) 0 2px,var(--ta-wash) 2px 5px); }
.tn-ta-legend span:nth-child(3)::before { background:var(--ta-soft); }
.tn-ta-message { padding:9px 0; border-block:1px solid var(--ta-soft); color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:500 12px/1.5 var(--ta-sans); }
.tn-ta-tool .tn-ta-timeline { display:grid; padding:0; margin:0; }
.tn-ta-timeline > li { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 10px; min-width:0; padding:12px 4px 12px 20px; border-bottom:1px solid var(--ta-soft); position:relative; }
.tn-ta-timeline > li::after { content:""; position:absolute; left:1px; top:50%; width:8px; height:8px; border:1px solid var(--ta-accent); background:var(--ta-paper); transform:translateY(-50%); }
.tn-ta-timeline > li.tn-ta-step--break::after { width:6px; height:6px; left:2px; border-color:var(--ta-muted); background:var(--ta-wash); }
.tn-ta-timeline > li.tn-ta-step--spare::after { border-color:var(--ta-soft); }
.tn-ta-step__name { grid-column:1; grid-row:1; min-width:0; overflow-wrap:anywhere; font:700 13px/1.45 var(--ta-sans); }
.tn-ta-step--break .tn-ta-step__name, .tn-ta-step--spare .tn-ta-step__name { color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font-weight:500; }
.tn-ta-step__range { grid-column:1/-1; grid-row:2; min-width:0; color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); font:600 13px/1.4 var(--ta-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; }
.tn-ta-step__minutes { grid-column:2; grid-row:1; font:800 14px/1.4 var(--ta-sans); font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; }
.tn-ta-timeline > li.tn-ta-empty { display:block; padding:18px 0; color:var(--ta-muted); -webkit-text-fill-color:var(--ta-muted); }
.tn-ta-timeline > li.tn-ta-empty::after { content:none; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-ta-results #ta-copy,
html:is([data-scheme="dark"],[data-scheme="inverse"],.theme-dark) body:not([data-scheme="light"]) .tn-ta-results #ta-copy { background:#6a3b1f; border-color:#e8823f; color:#f7ead1; -webkit-text-fill-color:#f7ead1; }
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-ta-results #ta-copy, html[data-scheme="auto"] body:not([data-scheme="light"]) .tn-ta-results #ta-copy { background:#6a3b1f; border-color:#e8823f; color:#f7ead1; -webkit-text-fill-color:#f7ead1; }
}
@media (max-width:900px) {
  .tn-ta-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media (max-width:720px) {
  .tn-ta-page .tn-ta-ad--top { margin-top:48px; }
  .tn-ta-workspace { padding-top:16px; }
  .tn-ta-controls, .tn-ta-results { padding:17px 15px; gap:13px; }
  .tn-ta-row { grid-template-columns:23px minmax(0,1fr) minmax(85px,.38fr); }
  .tn-ta-row__actions { grid-column:2/-1; justify-content:flex-end; }
}
@media (max-width:380px) {
  .tn-ta-fields { gap:8px; }
  .tn-ta-field :is(input,select), .tn-ta-row input { padding-inline:8px; }
  .tn-ta-row { grid-template-columns:23px minmax(0,1fr) 90px; gap:6px; }
  .tn-ta-row__actions { gap:3px; }
  .tn-ta-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tn-ta-summary > div:nth-child(2) { border-right:0; }
  .tn-ta-summary > div:nth-child(-n+2) { border-bottom:1px solid var(--ta-soft); }
  .tn-ta-summary > div:nth-child(3) { padding-left:0; }
}
@media (prefers-reduced-motion:reduce) {
  .tn-ta-tool button { transition:none; }
}