/* "Время": the thread of time. Palette, fonts and base classes are the site's own (takbylo.css). */
:root{--hdr:60px;--m-clay:#33241a;--m-papyrus:#342b17;--m-parch:#2b211a;--m-birch:#2d2822;--m-paper:#241f19;--m-news:#201f1c;--m-photo:#1e2023}
@media (min-width:1024px){:root{--hdr:68px}}
html.tm-lock{overflow:hidden}
.tm-main{background:#0b0a08;min-height:60vh}
[hidden]{display:none!important}

/* top: two compact rows */
.tm-top{padding-block:8px 8px;display:grid;gap:6px}
.tm-top__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0}
.tm-title{font-family:var(--display);font-weight:400;font-size:clamp(28px,1.1rem + 1.4vw,40px);line-height:1}
.tm-sub{flex:1 1 220px;min-width:0;font-size:14px;color:var(--muted);line-height:1.35}
.tm-zoom{display:inline-flex;border:1px solid var(--line)}
.tm-zoom__b{min-height:38px;padding:0 12px;background:transparent;border:0;color:var(--muted);font-family:var(--ui);font-size:14px;cursor:pointer;white-space:nowrap}
.tm-zoom__b.is-on{background:var(--ink);color:#12100d}
.tm-zoom__b:hover:not(.is-on){color:var(--ink)}
.tm-how-b,.tm-int-b{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:14px;cursor:pointer;white-space:nowrap}
.tm-how-b svg{width:16px;height:16px}
.tm-how-b[aria-expanded="true"]{border-color:var(--accent2)}
.tm-int-b{display:none}
.tm-count{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--muted);white-space:nowrap}
.tm-strpick{gap:6px 8px}
.tm-strpick__k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tm-strpick__b,.tm-strpick__e{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:13px;cursor:pointer}
.tm-strpick__b span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.tm-strpick__b.is-on{background:var(--ink);color:#12100d}.tm-strpick__b.is-on span{color:#54493c}
.tm-strpick__e{border-style:dashed;color:var(--muted)}
.tm-strpick__e[aria-pressed="true"]{color:var(--ink)}
.tm-how{display:grid;gap:8px;padding:14px 16px;background:#f6efdd;color:#1c1814;font-size:14px;line-height:1.5;max-width:680px}
.tm-how p{max-width:none}
.tm-how__x{justify-self:start;min-height:36px;padding:0 14px;background:#1c1814;color:#efe6d2;border:0;font-family:var(--ui);font-weight:700;cursor:pointer}

/* app: header strip, the thread takes the rest of the screen, the overview strip is always on the first screen */
.tm-app{display:flex;flex-direction:column;height:max(600px,calc(100svh - var(--hdr)))}
html.tm-has-desk .tm-app{height:max(600px,calc(74svh))}
.tm-stage{position:relative;flex:1 1 auto;min-height:260px;border-block:1px solid var(--line);background:#090807;overflow:hidden}
.tm-sc{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}
.tm-sc::-webkit-scrollbar{display:none}
.tm-sc.is-drag{cursor:grabbing}
.tm-sc:focus-visible{outline:2px solid var(--accent2);outline-offset:-3px}
.tm-sc button{cursor:pointer}
.tm-in{position:relative;height:100%;min-width:100%;background:#090807}
.tm-in>*{position:absolute;inset:0}

/* materials of the era */
.tm-mat{position:absolute;inset:0 auto 0 var(--u);width:var(--w);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}
.tm-in>.tm-mat{inset:0 auto 0 var(--u)}
.tm-mat__l{position:sticky;left:14px;display:block;width:max-content;max-width:100%;margin:10px 0 0 calc(var(--fl) + 8px);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d9cfb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-mat--clay{background:radial-gradient(circle at 20% 30%,rgba(150,104,66,.45) 0 2px,transparent 3px) 0 0/23px 19px,radial-gradient(circle at 70% 60%,rgba(70,46,30,.6) 0 3px,transparent 4px) 0 0/31px 27px,linear-gradient(180deg,#33241a,#2a1d14 60%,#20160f)}
.tm-mat--papyrus{background:repeating-linear-gradient(0deg,rgba(196,168,104,.16) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(170,140,80,.14) 0 3px,transparent 3px 11px),linear-gradient(180deg,#342b17,#2a2311)}
.tm-mat--parch{background:radial-gradient(ellipse 40% 30% at 30% 40%,rgba(160,120,80,.2),transparent 70%),radial-gradient(ellipse 30% 40% at 75% 65%,rgba(120,80,50,.2),transparent 70%),linear-gradient(180deg,#2b211a,#221a14)}
.tm-mat--birch{background:repeating-linear-gradient(0deg,rgba(235,226,205,.09) 0 2px,transparent 2px 13px),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 13px) 0 6px,linear-gradient(180deg,#2d2822,#241f1a)}
.tm-mat--paper{background:linear-gradient(rgba(26,22,17,.86),rgba(26,22,17,.86)),url("/assets/img/paper-texture.webp") 0 0/520px}
.tm-mat--news{background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(220,216,204,.14) 118px 119px),repeating-linear-gradient(0deg,rgba(220,216,204,.07) 0 1px,transparent 1px 9px),linear-gradient(180deg,#201f1c,#1a1917)}
.tm-mat--photo{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.05) 0 1px,transparent 1px) 0 0/4px 4px,linear-gradient(170deg,#1e2023,#141518 60%,#1a1b1e)}

/* light over dense stretches, darkness over empty ones */
.tm-lit{pointer-events:none}
.tm-dk{position:absolute;top:0;bottom:0;left:var(--u);width:var(--w);background:rgba(4,3,2,calc(.55*(1 - var(--d))))}
.tm-lt{position:absolute;top:0;bottom:0;left:var(--u);width:var(--w);background:radial-gradient(ellipse 100% 80% at 50% -6%,rgba(255,206,140,calc(.42*var(--d))),transparent 74%)}
.tm-lamp{position:absolute;top:0;left:var(--u);width:300px;height:64%;margin-left:-150px;background:linear-gradient(180deg,rgba(255,214,150,.26),rgba(255,214,150,0) 92%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}
.tm-lamp::before{content:"";position:absolute;left:42%;right:42%;top:0;height:5px;background:#e9c77f;box-shadow:0 0 14px 6px rgba(255,200,120,.55)}

/* ghost centuries */
.tm-gh{pointer-events:none}
.tm-gh__i{position:absolute;top:0;bottom:0;left:var(--u);width:var(--gw);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:3%;transform:translateX(var(--px,0px))}
.tm-gh__n{display:block;font-family:var(--display);font-size:var(--fs);line-height:.8;color:rgba(239,230,210,.08);white-space:nowrap;letter-spacing:-.02em}
.tm-gh__c{display:block;margin-top:.8em;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,230,210,.2)}

/* before writing */
.tm-pre{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,#030303,rgba(3,3,3,.55));display:flex;align-items:center;justify-content:flex-end;padding-right:12px;pointer-events:none;z-index:3}
.tm-pre span{writing-mode:vertical-rl;transform:rotate(180deg);max-height:92%;overflow:hidden;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#a79c86;text-align:left}
.tm-sel{position:absolute;top:0;bottom:0;left:var(--u);width:var(--w);min-width:3px;background:rgba(158,42,31,.14);border-inline:1px solid rgba(232,140,118,.7);pointer-events:none}

/* strands and the thread, twisted from fibres */
.tm-strwrap{pointer-events:none}
.tm-strands{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tm-str path,.tm-str line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.tm-str__sh{stroke:rgba(0,0,0,.65);stroke-width:7}
.tm-str__b{stroke:#6e1a13;stroke-width:4}
.tm-str__tw{stroke:#b8382a;stroke-width:3.4;stroke-dasharray:2.5 3}
.tm-str__tw2{stroke:#8c2318;stroke-width:3.4;stroke-dasharray:2.5 3;stroke-dashoffset:2.75;opacity:.85}
.tm-str__hl{stroke:#f0a090;stroke-width:.8;stroke-dasharray:2 5;opacity:.6}
.tm-main .tm-str__sh{stroke-width:7}
.tm-str.tm-main .tm-str__sh{stroke-width:15}.tm-str.tm-main .tm-str__b{stroke-width:11}.tm-str.tm-main .tm-str__tw,.tm-str.tm-main .tm-str__tw2{stroke-width:9;stroke-dasharray:3.5 4;}.tm-str.tm-main .tm-str__tw2{stroke-dashoffset:3.75}.tm-str.tm-main .tm-str__hl{stroke-width:1.4}
.tm-str.is-empty .tm-str__sh,.tm-str.is-empty .tm-str__tw,.tm-str.is-empty .tm-str__tw2,.tm-str.is-empty .tm-str__hl{display:none}
.tm-str.is-empty .tm-str__b{stroke:rgba(188,176,153,.42);stroke-width:1.6;stroke-dasharray:2 6}
.tm-str.is-dim{opacity:.16}
.tm-strands.has-pick .tm-str.tm-main{opacity:1}
.tm-str.is-pick .tm-str__b{stroke:#8f2418}
.tm-in.is-intro .tm-strands{animation:tmdraw 1.2s cubic-bezier(.3,.6,.3,1) both}
@keyframes tmdraw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.tm-strlbl{position:absolute;left:var(--u);top:var(--y);margin-left:8px;padding:1px 6px;background:rgba(9,8,7,.78);font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:16px;color:#f0b4a6;white-space:nowrap;z-index:3}
.tm-strlbl.is-empty{color:#b3a78f;font-weight:400}
.tm-strlbl.is-dim{opacity:.3}
.tm-knot{position:absolute;left:var(--u);top:var(--y);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e05a48,#7e2119 60%,#4a0f0a);box-shadow:0 2px 6px rgba(0,0,0,.7),0 0 0 2px rgba(240,180,166,.25);pointer-events:auto}
.tm-in>.tm-strwrap>.tm-knot{inset:auto auto auto var(--u)}

/* wax seals on the scale breaks */
.tm-seal{position:absolute;inset:auto;left:var(--u);top:var(--y);z-index:4;transform:translate(-50%,-50%);pointer-events:none}
.tm-in>.tm-seal{inset:auto;left:var(--u);top:var(--y)}
.tm-seal__w{display:grid;place-items:center;align-content:center;width:50px;height:50px;border-radius:47% 53% 50% 50%/52% 48% 52% 48%;background:radial-gradient(circle at 36% 32%,#d0503f,#9e2a1f 45%,#5e140d 80%);box-shadow:0 4px 10px rgba(0,0,0,.7),inset 0 0 0 5px rgba(0,0,0,.18),inset 0 0 0 7px rgba(255,180,160,.12);color:#ffe6df;text-shadow:0 1px 1px rgba(0,0,0,.6);font-family:var(--mono);font-weight:700;line-height:1.1;text-align:center}
.tm-seal__a{font-size:9px;letter-spacing:.06em;opacity:.85}
.tm-seal__k{font-size:12px}
.tm-rule{position:absolute;inset:auto auto 6px var(--u);display:grid;gap:1px;padding-left:7px;border-left:1px solid rgba(239,230,210,.4);font-family:var(--mono);font-size:10px;line-height:1.25;color:#cfc4ab;white-space:nowrap;pointer-events:none;z-index:2}
.tm-in>.tm-rule{inset:auto auto 6px var(--u)}
.tm-rule b{font-weight:700;color:#efe6d2;letter-spacing:.06em}

/* stems and bars */
.tm-stem{position:absolute;inset:auto;left:var(--u);top:var(--y);height:var(--s);width:1px;background:rgba(216,203,169,.5);z-index:2}
.tm-bar{position:absolute;inset:auto;left:var(--u);width:var(--w);min-width:5px;top:var(--y);height:5px;background:repeating-linear-gradient(90deg,#d8cba9 0 6px,#a99e88 6px 8px);opacity:.85;z-index:2}
.tm-bar.is-open{background:repeating-linear-gradient(90deg,#efe6d2 0 6px,#c9a063 6px 8px);opacity:1}
.tm-bar.is-approx{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);min-width:40px}
.tm-disp{position:absolute;inset:auto;left:var(--u);width:var(--w);top:var(--y);height:8px;background:repeating-linear-gradient(135deg,#efe6d2 0 3px,transparent 3px 7px);opacity:.8;z-index:2}
.tm-dot{position:absolute;inset:auto;left:var(--u);top:var(--y);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#efe6d2;border:2px solid var(--accent);z-index:5}
.tm-bns,.tm-tags{pointer-events:none}
.tm-bns>*,.tm-tags>*{pointer-events:auto}

/* bundles of tabs on the general scales */
.tm-bun{position:absolute;inset:auto;left:clamp(40px,var(--u),calc(100% - 60px));top:var(--y);z-index:5;display:grid;justify-items:center;gap:3px;padding:0;background:none;border:0;color:var(--ink);transform:translateX(-50%);font:inherit}
.tm-bun.is-dim{opacity:.3}
.tm-bun__stack{position:relative;display:block;width:50px;height:calc(44px + var(--k,1)*6px)}
.tm-bun--1{--k:1}.tm-bun--2{--k:2}.tm-bun--3{--k:3}.tm-bun--4{--k:4}.tm-bun--5{--k:5}
.tm-bun__l{position:absolute;left:0;bottom:0;width:50px;height:44px;background:#d8cba9;border:1px solid #a99e88;box-shadow:0 3px 8px rgba(0,0,0,.5);transform-origin:50% 120%;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.tm-bun__l:nth-child(1){bottom:calc(var(--k)*6px - 6px);background:#c9bb9a}
.tm-bun__l:nth-child(2){bottom:calc(var(--k)*6px - 12px);background:#cfc1a1}
.tm-bun__l:nth-child(3){bottom:calc(var(--k)*6px - 18px);background:#d4c7a7}
.tm-bun__l:nth-child(4){bottom:calc(var(--k)*6px - 24px)}
.tm-bun--1 .tm-bun__l:nth-child(-n+4),.tm-bun--2 .tm-bun__l:nth-child(-n+3),.tm-bun--3 .tm-bun__l:nth-child(-n+2),.tm-bun--4 .tm-bun__l:nth-child(1){display:none}
.tm-bun__top{bottom:0;display:grid;place-items:center;overflow:hidden;background:#efe6d2;padding:3px}
.tm-bun__top:empty{background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(60,50,35,.28) 7px 8px),#efe6d2}
.tm-bun__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.tm-bun__n{min-width:28px;padding:1px 7px;background:#0b0a08;border:1px solid #a8834a;font-family:var(--mono);font-size:12px;color:#efe6d2;white-space:nowrap}
.tm-bun__y{font-family:var(--mono);font-size:10px;color:#cfc4ab;background:rgba(9,8,7,.7);padding:0 4px;white-space:nowrap}
.tm-bun:hover .tm-bun__l:nth-child(1),.tm-bun:focus-visible .tm-bun__l:nth-child(1){transform:rotate(-24deg)}
.tm-bun:hover .tm-bun__l:nth-child(2),.tm-bun:focus-visible .tm-bun__l:nth-child(2){transform:rotate(-14deg)}
.tm-bun:hover .tm-bun__l:nth-child(3),.tm-bun:focus-visible .tm-bun__l:nth-child(3){transform:rotate(-4deg)}
.tm-bun:hover .tm-bun__l:nth-child(4),.tm-bun:focus-visible .tm-bun__l:nth-child(4){transform:rotate(8deg)}
.tm-bun:hover .tm-bun__top,.tm-bun:focus-visible .tm-bun__top{transform:rotate(18deg) translateY(-4px)}
.tm-bun:focus-visible{outline:none}.tm-bun:focus-visible .tm-bun__n{outline:2px solid var(--accent2)}
.tm-in.is-intro .tm-bun__stack{animation:tmswing 1.6s ease-out .9s both;transform-origin:50% 100%}
@keyframes tmswing{0%{transform:rotate(-5deg)}30%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}100%{transform:rotate(0)}}

/* tags on lanes */
.tm-tag{position:absolute;inset:auto;left:min(var(--u),calc(100% - 204px));top:var(--y);z-index:5;width:196px;height:72px;display:grid;grid-template-rows:auto 1fr auto;gap:1px;padding:5px 10px 4px;text-align:left;border:0;border-left:4px solid var(--accent);background:#efe6d2;color:#1c1814;font:inherit;box-shadow:0 3px 10px rgba(0,0,0,.55)}
.tm-tag--clay{background:#d9b894}.tm-tag--papyrus{background:#e0d4a2}.tm-tag--parch{background:#e6d6b0}.tm-tag--birch{background:#dcd1bd}.tm-tag--news{background:#e8e4d8}.tm-tag--photo{background:#dde0e2}
.tm-tag--open{border-left-color:#c9a063;box-shadow:0 3px 10px rgba(0,0,0,.55),0 0 0 1px #c9a063}
.tm-tag:hover,.tm-tag:focus-visible{outline:2px solid var(--accent2);outline-offset:1px;z-index:7}
.tm-tag.is-dim,.tm-vtag.is-dim{opacity:.32}
.tm-tag__row{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;color:#54493c;line-height:1.2}
.tm-tag__t{font-family:var(--display);font-size:13.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-tag__st{display:flex;gap:8px;font-family:var(--ui);font-size:11px;color:#7a1f16;line-height:1.2;white-space:nowrap;overflow:hidden}
.tm-tag__disp{color:#54493c}
.tm-more{position:absolute;inset:auto;left:var(--u);top:var(--y);z-index:6;transform:translateX(-50%);min-height:30px;padding:0 10px;background:var(--accent);color:#fff;border:1px solid #efe6d2;font-family:var(--mono);font-size:12px;white-space:nowrap}
.tm-more:hover{background:var(--accent-hover)}

/* nodes of a fond (finest scale) */
.tm-node{position:absolute;inset:auto;left:min(var(--u),calc(100% - 194px));top:var(--y);z-index:5;width:186px;display:grid;gap:4px;align-content:start;padding:7px 9px 8px;text-align:left;background:#1b1814;color:var(--ink);border:1px solid rgba(239,230,210,.3);border-top:3px solid var(--accent);font:inherit;box-shadow:0 4px 12px rgba(0,0,0,.6)}
.tm-node:hover,.tm-node:focus-visible{outline:2px solid var(--accent2);outline-offset:1px;z-index:7}
.tm-node__y{font-family:var(--mono);font-size:12px;color:var(--accent2)}
.tm-node__l{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-node__docs{display:flex;gap:4px;align-items:flex-end}
.tm-node__img{width:40px;height:52px;object-fit:cover;object-position:top;background:#efe6d2;border:1px solid #3a3328}
.tm-node__more{font-family:var(--mono);font-size:11px;color:var(--muted)}
.tm-node__none{font-family:var(--mono);font-size:11px;color:#a79c86}
.tm-node__st{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.tm-node .vstamp{font-size:10px;padding:2px 5px;border-width:3px;transform:none;letter-spacing:.06em}

/* overview strip and the interval form */
.tm-ovw{display:grid;gap:8px 20px;padding-block:8px 10px;align-items:end}
@media (min-width:1024px){.tm-ovw{grid-template-columns:minmax(0,1fr) auto}}
.tm-ovw__bar{min-width:0}
.tm-ov{position:relative;height:44px;border:1px solid var(--line);background:#0e0d0b;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.tm-ov__mat{position:absolute;inset:0;opacity:.85}
.tm-ov>*{position:absolute}
.tm-ov__bin{bottom:0;left:var(--u);width:var(--w);height:calc(var(--d)*100%);background:rgba(255,206,140,.8)}
.tm-ov__seg{top:0;bottom:0;left:var(--u);width:1px;background:rgba(239,230,210,.5)}
.tm-ov__line{left:0;right:0;top:50%;height:2px;background:#b8382a;opacity:.8}
.tm-ov__sel{top:0;bottom:0;background:rgba(158,42,31,.4);border-inline:1px solid #e88c76;pointer-events:none}
.tm-ov__win{top:-1px;bottom:-1px;min-width:6px;border:2px solid var(--accent2);background:rgba(201,160,99,.14);pointer-events:none}
.tm-ov__h{top:-3px;bottom:-3px;width:16px;margin-left:-8px;padding:0;background:transparent;border:0;cursor:ew-resize;z-index:2}
.tm-ov__h::before{content:"";position:absolute;left:5px;right:5px;top:0;bottom:0;background:#efe6d2;border:1px solid #12100d}
.tm-ov__h:focus-visible{outline:2px solid var(--accent2)}
.tm-ov__ticks{position:relative;height:16px;margin-top:3px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.tm-ov__tk{position:absolute;left:var(--u);white-space:nowrap}
.tm-ov__tk--end{transform:translateX(-100%)}
.tm-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tm-range label{font-family:var(--mono);font-size:13px;color:var(--muted)}
.tm-range__in{width:120px;min-height:42px;padding:0 10px;background:#1b1814;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:15px}
.tm-range__in:focus{border-color:var(--accent2);outline:none}
.tm-range .btn{min-height:42px;padding:0 16px}
.tm-range__x{min-height:42px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--muted);font-family:var(--ui);font-size:14px;cursor:pointer}
.tm-range__err{flex:1 1 100%;min-height:0;font-family:var(--ui);font-size:13px;color:var(--accent-text)}
.tm-range__err:empty{display:none}
.tm-sheet .tm-range__err{margin:0}

/* desk of the researcher */
.tm-desk{background:#14120f;border-top:2px solid var(--accent);padding-block:24px 56px}
.tm-desk__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
.tm-desk__t{font-family:var(--display);font-weight:400;font-size:clamp(26px,1rem + 2vw,44px);line-height:1.05}
.tm-desk__x{min-height:42px;padding:0 14px;background:transparent;border:1px solid var(--accent2);color:var(--ink);font-family:var(--ui);cursor:pointer}
.tm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
@media (min-width:768px){.tm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tm-stat{display:flex;flex-direction:column-reverse;gap:2px;padding:12px 14px;border:1px solid var(--line)}
.tm-stat dd{margin:0;font-family:var(--display);font-size:34px;line-height:1}
.tm-stat dt{font-family:var(--mono);font-size:12px;color:var(--muted)}
.tm-ribbon{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;margin-bottom:22px;scrollbar-width:thin}
.tm-doc{flex:0 0 190px;display:grid;gap:6px;align-content:start}
.tm-doc__m{display:block;height:240px;overflow:hidden;background:#0d0c0a;border:1px solid var(--line)}
.tm-doc__m img{width:100%;height:100%;object-fit:contain}
.tm-doc__c{font-family:var(--ui);font-size:12.5px;line-height:1.35;color:var(--muted)}
.tm-doc__c a{color:var(--accent2)}
.tm-list{display:grid;gap:8px}
.tm-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;padding:12px 14px;border:1px solid var(--line);background:#1b1814}
.tm-row__no{font-family:var(--mono);color:var(--accent2)}
.tm-row__tt{display:block;font-family:var(--display);font-size:20px;line-height:1.15}
.tm-row__m{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.tm-row__p{font-family:var(--mono);color:var(--ink)}
.tm-row .btn{grid-column:1/-1;min-height:44px}
@media (min-width:768px){.tm-row{grid-template-columns:auto minmax(0,1fr) auto auto}.tm-row .btn{grid-column:auto}}
.tm-rest{display:inline-block;margin-top:14px}
.tm-nothing{display:grid;gap:14px;padding:18px;border:1px dashed var(--line)}
.tm-nothing__t{font-family:var(--display);font-size:26px}
.tm-nothing__n{color:var(--muted)}
.tm-near{display:grid;gap:10px}
@media (min-width:768px){.tm-near{grid-template-columns:1fr 1fr}}
.tm-near__b{display:grid;gap:4px;padding:12px 14px;text-align:left;background:#1b1814;border:1px solid var(--accent2);color:var(--ink);font:inherit;cursor:pointer}
.tm-near__k{font-family:var(--mono);font-size:12px;color:var(--accent2)}

/* sheets (phones) */
.tm-mbar,.tm-v{display:none}
.tm-scrim{position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.62)}
.tm-sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;gap:12px;max-height:80svh;overflow:auto;padding:18px var(--gut) calc(18px + env(safe-area-inset-bottom));background:#1b1814;border-top:2px solid var(--accent2)}
.tm-sheet__t{font-family:var(--display);font-size:24px}
.tm-sheet .tm-range__in{flex:1 1 90px;width:auto}

@media (max-width:767px){
  .tm-stage,.tm-ovw,.tm-zoom,.tm-sub{display:none}
  .tm-app{height:auto}
  .tm-int-b{display:inline-flex}
  .tm-count{margin-left:0;flex:1 1 100%}
  .tm-v{display:block;padding:6px var(--gut) 104px}
  .tm-mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:#0d0c0a;border-top:1px solid var(--accent2);padding-bottom:env(safe-area-inset-bottom)}
  .tm-mbar .tm-zoom__b{min-height:50px;padding:0 2px;font-size:12px;letter-spacing:0}
  .tm-desk{position:fixed;inset:0;z-index:95;overflow:auto;padding-top:14px;-webkit-overflow-scrolling:touch}
  html.tm-lock .ftr{visibility:hidden}
}
@media (min-width:768px){.tm-noscript{display:none}}

/* vertical thread on phones */
.tm-v__thread{position:relative;padding-left:28px}
.tm-v__thread::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:9px;border-radius:5px;background:repeating-linear-gradient(160deg,rgba(0,0,0,.45) 0 2px,transparent 2px 6px),linear-gradient(90deg,#6e1a13,#c9402c 50%,#6e1a13);box-shadow:0 0 10px rgba(158,42,31,.45)}
.tm-vc{position:relative;margin-bottom:16px;background:linear-gradient(180deg,var(--mc,#222),transparent 160px)}
.tm-vc__h{position:sticky;top:var(--hdr);z-index:6;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0 0 8px -28px;padding:7px 8px 7px 28px;background:rgba(11,10,8,.96);border-bottom:1px solid var(--line)}
.tm-vc__r{font-family:var(--display);font-size:30px;line-height:1.1}
.tm-vc__m{font-family:var(--mono);font-size:12px;color:var(--muted)}
.tm-vc__body{display:grid;gap:10px}
.tm-vtag{display:grid;gap:3px;padding:8px 12px;text-align:left;border:0;border-left:4px solid var(--accent);background:#efe6d2;color:#1c1814;font:inherit;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.tm-vtag--open{border-left-color:#c9a063}
.tm-vtag.tm-tag--clay{background:#d9b894}.tm-vtag.tm-tag--papyrus{background:#e0d4a2}.tm-vtag.tm-tag--parch{background:#e6d6b0}.tm-vtag.tm-tag--birch{background:#dcd1bd}.tm-vtag.tm-tag--news{background:#e8e4d8}.tm-vtag.tm-tag--photo{background:#dde0e2}
.tm-vtag .tm-tag__t{font-size:16px;-webkit-line-clamp:3}
.tm-vtag .tm-tag__st,.tm-vtag .tm-tag__row{font-size:12px}
.tm-vcont{font-family:var(--ui);font-size:13px;color:var(--muted);text-decoration:none;padding:2px 0}
.tm-vcont.is-dim{opacity:.4}
.tm-vcount{display:flex;justify-content:space-between;gap:10px;min-height:48px;align-items:center;padding:8px 12px;background:#1b1814;border:1px solid var(--accent2);color:var(--ink);font-family:var(--ui);cursor:pointer;text-align:left}
.tm-vcount__k{font-family:var(--mono);font-size:12px;color:var(--accent2)}
.tm-vnode{display:grid;gap:4px;padding:8px 10px;text-align:left;background:#1b1814;color:var(--ink);border:1px solid rgba(239,230,210,.3);border-top:3px solid var(--accent);font:inherit}
.tm-vempty{display:grid;gap:2px;margin-bottom:16px;padding:10px 12px;border:1px dashed var(--line);background:rgba(20,18,15,.7);font-family:var(--ui);font-size:14px;color:var(--muted)}
.tm-vempty__r{font-family:var(--mono);font-size:12px;color:var(--accent2)}
.tm-vmat--clay{--mc:var(--m-clay)}.tm-vmat--papyrus{--mc:var(--m-papyrus)}.tm-vmat--parch{--mc:var(--m-parch)}.tm-vmat--birch{--mc:var(--m-birch)}.tm-vmat--paper{--mc:var(--m-paper)}.tm-vmat--news{--mc:var(--m-news)}.tm-vmat--photo{--mc:var(--m-photo)}

@media (prefers-reduced-motion:reduce){
  .tm *,.tm *::before,.tm *::after{animation:none!important;transition:none!important}
}