.tn-wet-page {
  --wet-ink:#1a1208; --wet-muted:#5a4a30; --wet-line:#b8a888; --wet-soft:#ddd4be;
  --wet-paper:#faf6ee; --wet-wash:#f5efdf; --wet-button:#ede6d4; --wet-hover:#dfd4bb; --wet-accent:#c44a00;
  --wet-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-wet-page,
html:is([data-scheme="dark"],[data-scheme="inverse"],.theme-dark) body:not([data-scheme="light"]) .tn-wet-page {
  --wet-ink:#efe6d2; --wet-muted:#c3b492; --wet-line:#6f6047; --wet-soft:#574a37;
  --wet-paper:#241d12; --wet-wash:#322a1a; --wet-button:#322a1a; --wet-hover:#4a3116; --wet-accent:#e8823f;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-wet-page, html[data-scheme="auto"] body:not([data-scheme="light"]) .tn-wet-page {
    --wet-ink:#efe6d2; --wet-muted:#c3b492; --wet-line:#6f6047; --wet-soft:#574a37;
    --wet-paper:#241d12; --wet-wash:#322a1a; --wet-button:#322a1a; --wet-hover:#4a3116; --wet-accent:#e8823f;
  }
}
.tn-wet-page .tn-wet-ad { display:flow-root; width:100%; max-width:900px; margin-inline:auto; background:transparent; }
.tn-wet-page .tn-wet-ad--top { min-height:90px; margin-top:54px; margin-bottom:20px; }
.tn-wet-page .tn-wet-ad--bottom { min-height:250px; margin-top:24px; margin-bottom:28px; }
.tn-wet-tool, .tn-wet-tool * { box-sizing:border-box; }
.tn-wet-tool {
  border-top:3px double var(--wet-line); color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink);
  font:14px/1.55 var(--wet-sans); min-width:0;
}
.tn-wet-tool :is(h2,h3,p,dl,dt,dd,ol,li,label) { margin:0; }
.tn-wet-tool :is(ol,li,dl,dt,dd) { padding:0; }
.tn-wet-tool :is(ol,li) { list-style:none; }
.tn-wet-tool li::before { content:none; }
.tn-wet-tool__header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--wet-line); }
.tn-wet-tool__header h2 { font:700 16px/1.4 var(--wet-sans); color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); }
.tn-wet-tool__header p { max-width:54ch; font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); gap:24px; align-items:stretch; padding:20px 0 22px; }
.tn-wet-controls { display:grid; align-content:start; gap:18px; min-width:0; }
.tn-wet-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
.tn-wet-field { display:grid; align-content:start; gap:5px; min-width:0; border:0; background:transparent; }
.tn-wet-field label { display:block; padding:0; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); font:600 12px/1.5 var(--wet-sans); }
.tn-wet-field input { display:block; width:100%; min-width:0; height:46px; margin:0; padding:8px 12px; border:1px solid var(--wet-line); border-radius:0; background:var(--wet-paper); box-shadow:none; color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); font:600 18px/1.4 var(--wet-sans); font-variant-numeric:lining-nums tabular-nums; }
.tn-wet-field input::placeholder { font-weight:400; opacity:.35; }
.tn-wet-field input[aria-invalid="true"]:not(:placeholder-shown) { border-color:var(--wet-accent); }
.tn-wet-field:has(input:focus-visible) input { outline:2px solid var(--wet-accent); outline-offset:2px; }
.tn-wet-check { display:inline-flex; align-items:center; gap:9px; width:fit-content; min-height:40px; cursor:pointer; color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); font:500 13px/1.4 var(--wet-sans); }
.tn-wet-check input { width:18px; height:18px; margin:0; accent-color:var(--wet-accent); }
.tn-wet-hint { font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); text-wrap:pretty; }
.tn-wet-actions { display:flex; flex-wrap:wrap; gap:8px; }
.tn-wet-tool button { display:inline-grid; place-items:center; min-height:40px; padding:9px 14px; margin:0; border:1px solid var(--wet-line); border-radius:0; background:var(--wet-button); box-shadow:none; color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); font:700 12px/1 var(--wet-sans); cursor:pointer; text-transform:none; letter-spacing:0; transition:background-color .16s,border-color .16s; }
.tn-wet-tool button:hover:not(:disabled) { background:var(--wet-hover); border-color:var(--wet-ink); box-shadow:none; transform:none; }
.tn-wet-tool button:focus-visible, .tn-wet-check input:focus-visible { outline:2px solid var(--wet-accent); outline-offset:2px; }
.tn-wet-tool button:disabled { opacity:.55; cursor:not-allowed; }
.tn-wet-results { display:grid; align-content:start; gap:16px; min-width:0; padding:22px 24px; border:1px solid var(--wet-line); background:var(--wet-wash); }
.tn-wet-result-label { font:700 12px/1.5 var(--wet-sans); color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-finish { display:block; min-width:0; font:800 clamp(34px,4vw,54px)/1.12 var(--wet-sans); font-variant-numeric:lining-nums tabular-nums; letter-spacing:0; overflow-wrap:anywhere; color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); }
.tn-wet-finish-note { font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:14px !important; border-top:1px solid var(--wet-soft); }
.tn-wet-metrics > div { min-width:0; }
.tn-wet-metrics dt { font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-metrics dd { margin-top:5px; font:800 16px/1.35 var(--wet-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); }
.tn-wet-results #wet-copy { justify-self:start; }
.tn-wet-tool #wet-message { min-height:20px; padding:8px 0 14px; border-bottom:1px solid var(--wet-soft); font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-schedule { min-width:0; padding:22px 0 4px; }
.tn-wet-schedule__header { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; padding-bottom:13px; border-bottom:1px solid var(--wet-line); }
.tn-wet-schedule__header h3 { font:700 16px/1.4 var(--wet-sans); color:var(--wet-ink); -webkit-text-fill-color:var(--wet-ink); }
.tn-wet-schedule__header p { font-size:12px; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-tool .tn-wet-timeline { display:grid; gap:0; padding:0; margin:0; }
.tn-wet-tool .tn-wet-timeline li { display:grid; grid-template-columns:120px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:12px 4px 12px 22px; border-bottom:1px solid var(--wet-soft); position:relative; }
.tn-wet-tool .tn-wet-timeline li::after { content:""; position:absolute; left:5px; top:50%; width:7px; height:7px; border:1px solid var(--wet-accent); background:var(--wet-paper); transform:translateY(-50%); }
.tn-wet-tool .tn-wet-timeline li.tn-wet-step--break::after { width:5px; height:5px; left:6px; border-color:var(--wet-muted); }
.tn-wet-step__label { font-weight:700; font-size:13px; }
.tn-wet-step--break .tn-wet-step__label { font-weight:500; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-step__range { min-width:0; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.tn-wet-step__end { font:800 15px/1.35 var(--wet-sans); font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; }
.tn-wet-tool .tn-wet-timeline li.tn-wet-empty { display:block; padding:22px 0; color:var(--wet-muted); -webkit-text-fill-color:var(--wet-muted); }
.tn-wet-tool .tn-wet-timeline li.tn-wet-empty::after { content:none; }
@media (max-width:720px) {
  .tn-wet-page .tn-wet-ad--top { margin-top:48px; }
  .tn-wet-tool__header { display:block; }
  .tn-wet-tool__header p { margin-top:3px; }
  .tn-wet-workspace { grid-template-columns:minmax(0,1fr); gap:16px; padding:16px 0; }
  .tn-wet-results { padding:19px 16px; }
  .tn-wet-metrics { gap:8px; }
  .tn-wet-metrics dd { font-size:14px; }
  .tn-wet-tool .tn-wet-timeline li { grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; }
  .tn-wet-step__range { grid-column:1/-1; grid-row:2; }
}
@media (max-width:380px) {
  .tn-wet-fields { gap:12px 8px; }
  .tn-wet-field input { padding-inline:8px; font-size:16px; }
  .tn-wet-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .tn-wet-tool button { transition:none; }
}