/* Unix timestamp workspace; shared The New partials own the landing and article. */
.tn-unix-page {
  --ux-ink:#1a1208; --ux-muted:#5a4a30; --ux-line:#b8a888; --ux-soft:#ddd4be;
  --ux-paper:#faf6ee; --ux-surface:#fffdf7; --ux-wash:#f5efdf;
  --ux-accent:#c44a00; --ux-button:#ede6d4; --ux-hover:#dfd4bb;
  --ux-primary:#1a1208; --ux-primary-hover:#683719; --ux-primary-text:#faf6ee;
  --ux-error:#9c3020; --ux-scheme:light;
  --ux-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  --ux-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.tn-unix-page .tn-unix-tool, .tn-unix-page .tn-unix-tool * { box-sizing:border-box; min-width:0; }
.tn-unix-page .tn-unix-tool {
  width:100%; margin:0; padding:16px; border:1px solid var(--ux-line); border-radius:0;
  background:var(--ux-paper); color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink);
  box-shadow:none; color-scheme:var(--ux-scheme); font:400 14px/1.55 var(--ux-sans);
  -webkit-font-smoothing:antialiased;
}
.tn-unix-page .tn-unix-tool :is(h2,h3,p) { margin:0; }
.tn-unix-page .tn-unix-tool :is(code,pre,kbd,samp) {
  padding:0; border:0; border-radius:0; background:none; background-color:transparent;
  color:inherit; -webkit-text-fill-color:inherit;
}
.tn-unix-page .tn-unix-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; }
.tn-unix-page .tn-unix-pane {
  display:flex; flex-direction:column; gap:10px; padding:16px;
  border:1px solid var(--ux-line); background:var(--ux-surface);
}
.tn-unix-page .tn-unix-pane:focus-within { border-color:var(--ux-accent); }
.tn-unix-page .tn-unix-pane > :is(h2,header) { padding-bottom:9px; border-bottom:1px solid var(--ux-soft); }
.tn-unix-page .tn-unix-pane-head > span { display:block; margin-bottom:4px; color:var(--ux-accent); -webkit-text-fill-color:var(--ux-accent); font:700 10px/1.3 var(--ux-mono); }
.tn-unix-page .tn-unix-pane h2 { color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink); font:700 16px/1.4 var(--ux-sans); text-wrap:balance; }
.tn-unix-page .tn-unix-pane :is(small,.tn-unix-hint) { color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:500 12px/1.5 var(--ux-sans); }
.tn-unix-page .tn-unix-field { display:grid; gap:5px; border:0; background:transparent; }
.tn-unix-page .tn-unix-field label { padding:0; color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:700 12px/1.4 var(--ux-sans); }
.tn-unix-page .tn-unix-tool :is(input,select) {
  display:block; width:100%; height:41px; min-height:41px; margin:0; padding:0 11px;
  border:1px solid var(--ux-line); border-radius:0; background:var(--ux-paper);
  color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink); box-shadow:none;
  font:600 15px/1.2 var(--ux-sans); font-variant-numeric:lining-nums tabular-nums;
}
.tn-unix-page .tn-unix-tool #unix-number { height:56px; font-size:clamp(21px,2.6vw,32px); letter-spacing:0; }
.tn-unix-page .tn-unix-tool input::placeholder { color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink); font-weight:400; opacity:.35; }
.tn-unix-page .tn-unix-tool input[aria-invalid="true"] { border-color:var(--ux-error); }
.tn-unix-page .tn-unix-calendar-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:8px; }
.tn-unix-page .tn-unix-time-fields { display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:8px; }
.tn-unix-page .tn-unix-calendar-fields .tn-unix-field:has(#unix-zone) { grid-column:1/-1; }
.tn-unix-page .tn-unix-detected { color:var(--ux-accent); -webkit-text-fill-color:var(--ux-accent); font:700 12px/1.4 var(--ux-sans); }
.tn-unix-page .tn-unix-commands { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-top:14px; }
.tn-unix-page .tn-unix-presets { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.tn-unix-page .tn-unix-presets > span { color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:700 11px/1.3 var(--ux-mono); margin-right:2px; }
.tn-unix-page .tn-unix-actions { display:flex; flex-wrap:wrap; gap:7px; }
.tn-unix-page .tn-unix-tool button {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; height:40px;
  margin:0; padding:0 12px; border:1px solid var(--ux-line); border-radius:0;
  background:var(--ux-button); color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink);
  box-shadow:none; font:700 12px/1 var(--ux-mono); letter-spacing:0; white-space:nowrap;
  text-transform:none; cursor:pointer; transition:background-color 120ms,border-color 120ms,transform 120ms;
}
.tn-unix-page .tn-unix-tool button:hover:not(:disabled) { background:var(--ux-hover); border-color:var(--ux-accent); }
.tn-unix-page .tn-unix-tool button:active:not(:disabled) { transform:scale(.96); }
.tn-unix-page .tn-unix-tool :is(button,input,select):focus-visible { outline:2px solid var(--ux-accent); outline-offset:2px; }
.tn-unix-page .tn-unix-tool button:disabled { opacity:.42; cursor:not-allowed; }
.tn-unix-page .tn-unix-tool #unix-now { background:var(--ux-primary); color:var(--ux-primary-text); -webkit-text-fill-color:var(--ux-primary-text); }
.tn-unix-page .tn-unix-tool #unix-now:hover { background:var(--ux-primary-hover); }
.tn-unix-page .tn-unix-result {
  margin-top:16px; padding:16px; border:1px solid var(--ux-line); background:var(--ux-surface);
}
.tn-unix-page .tn-unix-result-main { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; align-items:center; padding-bottom:12px; border-bottom:3px double var(--ux-line); }
.tn-unix-page .tn-unix-result-main > span { grid-column:1; color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:700 12px/1.4 var(--ux-sans); }
.tn-unix-page .tn-unix-result-main > button { grid-column:2; grid-row:1/3; }
.tn-unix-page .tn-unix-result :is(h2,h3) { color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:700 12px/1.4 var(--ux-sans); }
.tn-unix-page .tn-unix-result #unix-kst {
  display:block; grid-column:1; color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink);
  font:800 clamp(21px,2.65vw,34px)/1.25 var(--ux-sans); font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:0; overflow-wrap:anywhere;
}
.tn-unix-page .tn-unix-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
.tn-unix-page .tn-unix-result-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; align-items:center; padding:10px 0; border-bottom:1px solid var(--ux-soft); }
.tn-unix-page .tn-unix-result-item > span { grid-column:1; color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:700 12px/1.4 var(--ux-sans); }
.tn-unix-page .tn-unix-result-item > button { grid-column:2; grid-row:1/3; }
.tn-unix-page .tn-unix-result-item :is(strong,output,code) {
  display:block; grid-column:1; color:var(--ux-ink); -webkit-text-fill-color:var(--ux-ink);
  font:800 17px/1.35 var(--ux-sans); font-variant-numeric:lining-nums tabular-nums;
  overflow-wrap:anywhere;
}
.tn-unix-page .tn-unix-result-item:has(#unix-iso) { grid-column:auto; }
.tn-unix-page .tn-unix-result #unix-detected { display:block; margin-top:12px; color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:500 12px/1.5 var(--ux-sans); }
.tn-unix-page .tn-unix-tool #unix-status { min-height:18px; margin-top:9px; color:var(--ux-muted); -webkit-text-fill-color:var(--ux-muted); font:500 12px/1.5 var(--ux-sans); }
.tn-unix-page .tn-unix-tool #unix-status:empty { display:none; }
.tn-unix-page .tn-unix-tool[data-state="invalid"] #unix-status { color:var(--ux-error); -webkit-text-fill-color:var(--ux-error); }
.tn-unix-page .tn-unix-ad--top { max-width:900px; min-height:90px; margin:54px auto 18px !important; background:transparent; }
.tn-unix-page .tn-unix-ad--bottom { max-width:900px; min-height:90px; margin:18px auto 28px !important; background:transparent; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-unix-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-unix-page {
  --ux-ink:#f7ead1; --ux-muted:#c9b99b; --ux-line:#826744; --ux-soft:#58432e;
  --ux-paper:#211a12; --ux-surface:#261e15; --ux-wash:#342619;
  --ux-accent:#f29a64; --ux-button:#2f2115; --ux-hover:#3a2a1b;
  --ux-primary:#6a3b1f; --ux-primary-hover:#824826; --ux-primary-text:#f7ead1;
  --ux-error:#ffb49e; --ux-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-unix-page {
    --ux-ink:#f7ead1; --ux-muted:#c9b99b; --ux-line:#826744; --ux-soft:#58432e;
    --ux-paper:#211a12; --ux-surface:#261e15; --ux-wash:#342619;
    --ux-accent:#f29a64; --ux-button:#2f2115; --ux-hover:#3a2a1b;
    --ux-primary:#6a3b1f; --ux-primary-hover:#824826; --ux-primary-text:#f7ead1;
    --ux-error:#ffb49e; --ux-scheme:dark;
  }
}
@media (max-width:720px) {
  .tn-unix-page .tn-unix-tool { padding:12px; }
  .tn-unix-page .tn-unix-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  .tn-unix-page .tn-unix-pane { padding:13px; }
  .tn-unix-page .tn-unix-calendar-fields { grid-template-columns:minmax(0,1fr); }
  .tn-unix-page .tn-unix-time-fields { grid-template-columns:minmax(0,1fr) 90px; }
  .tn-unix-page .tn-unix-commands { align-items:stretch; flex-direction:column; gap:8px; margin-top:12px; }
  .tn-unix-page .tn-unix-result { padding:13px; margin-top:14px; }
  .tn-unix-page .tn-unix-result-grid { grid-template-columns:minmax(0,1fr); }
  .tn-unix-page .tn-unix-result #unix-kst { font-size:24px; }
  .tn-unix-page .tn-unix-ad--top { margin-top:48px !important; }
}
@media (prefers-reduced-motion:reduce) { .tn-unix-page .tn-unix-tool button { transition:none; } }