.tm-page h2{font-size:clamp(20px,2.6vw,26px);margin:0 0 14px}
.tm{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.tm>*{min-width:0}
.tm-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:end}
.tm-lab{display:block;font-size:13px;font-weight:700;color:var(--mut)}
.tm-big{display:block;font-size:clamp(40px,6.4vw,64px);font-weight:850;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tm-me-z{display:block;font-size:13.5px;color:var(--mut);margin-top:4px}
.tm-add label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.tm-combo{position:relative}
.tm-combo input{width:100%;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.25);color:var(--ink);font:inherit;font-size:16px}
.tm-combo input:focus{outline:2px solid var(--a2);outline-offset:1px}
.tm-list{position:absolute;z-index:4;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#141a33;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.tm-opt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;padding:9px 12px;border-radius:9px;cursor:pointer}
.tm-opt span{font-size:13px;color:var(--mut)}
.tm-opt.act,.tm-opt:hover{background:rgba(255,255,255,.09)}
.tm-opt.had b::after{content:"\2713";margin-left:6px;color:var(--a2)}
.tm-note{margin:6px 0 0;font-size:13.5px;color:var(--mut);min-height:1em}
.tm-note:empty{display:none}

.tm-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tm-card{position:relative;padding:14px 16px 14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);min-width:0}
.tm-card.drag{opacity:.45}
.tm-card.flash{animation:tmflash .9s ease}
@keyframes tmflash{30%{border-color:var(--a2);box-shadow:0 0 0 3px rgba(34,211,238,.25)}}
.tm-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.tm-card h3{margin:0;font-size:17px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.tm-card-b{display:flex;gap:2px;flex:none;margin:-4px -6px 0 0}
.tm-ib{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--mut);font:inherit;font-size:18px;line-height:1;cursor:pointer}
.tm-ib:hover{background:rgba(255,255,255,.1);color:var(--ink)}
.tm-ib:disabled{opacity:.25;cursor:default;background:none}
.tm-ib:focus-visible{outline:2px solid var(--a2)}
.tm-cc{margin:0;font-size:13px;color:var(--mut);min-height:1.4em}
.tm-t{margin:6px 0 2px;font-size:34px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.tm-sec{font-size:18px;color:var(--mut);font-weight:700}
.tm-d{margin:0;font-size:13.5px;color:var(--mut)}
.tm-dst{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:rgba(250,204,21,.16);color:var(--a4);font-size:11.5px;font-weight:700;vertical-align:1px}
.tm-v{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--a2)}

.tm-ctl{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px}
.tm-ctl label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--mut);min-width:0}
.tm-ctl select{max-width:240px}
.tm-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;padding:0;font-size:13px;color:var(--mut)}
.tm-legend li::before{content:"";display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px;border:1px solid var(--line)}
.lg-w::before{background:rgba(34,211,238,.28)}
.lg-n::before{background:rgba(0,0,0,.5)}
.lg-s::before{background:var(--a4)}
.tm-gwrap{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
.tm-grid{display:grid;grid-template-columns:minmax(110px,150px) repeat(24,minmax(30px,1fr));grid-auto-flow:row;gap:3px;min-width:860px;user-select:none;-webkit-user-select:none;border-radius:10px}
.tm-grid:focus-visible{outline:2px solid var(--a2);outline-offset:4px}
.tm-grid .lab{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0 8px 0 2px;line-height:1.25}
.tm-grid .lab b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-grid .lab span{font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-grid .lab.me b{color:var(--a2)}
.tm-grid .c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:42px;border-radius:6px;background:rgba(255,255,255,.05);font-size:12.5px;line-height:1.05;cursor:pointer;font-variant-numeric:tabular-nums;touch-action:manipulation}
.tm-grid .c b{font-weight:700}
.tm-grid .c small{font-size:9.5px;color:var(--mut);margin-top:2px;white-space:nowrap}
.tm-grid .c.w{background:rgba(34,211,238,.2)}
.tm-grid .c.n{background:rgba(0,0,0,.42);color:var(--mut)}
.tm-grid .c.now::after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:3px;border-radius:2px;background:var(--a3)}
.tm-grid .c.sel{background:var(--a4);color:#1a1300}
.tm-grid .c.sel small{color:#4a3a00}
.tm-grid .c:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.tm-help{margin:10px 0 0;font-size:13px;color:var(--mut)}
.tm-sum{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.tm-sum .tm-si{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);border-left:3px solid var(--line)}
.tm-sum .tm-si.w{border-left-color:var(--a2)}
.tm-sum .tm-si.n{border-left-color:var(--a3)}
.tm-sum b{min-width:120px}
.tm-sum .tm-sr{font-variant-numeric:tabular-nums}
.tm-sum em{font-style:normal;font-size:12.5px;color:var(--mut);margin-left:auto}

.tm-frow{display:flex;flex-direction:column;gap:6px;max-width:520px}
.tm-frow label{font-size:14px;font-weight:700}
.tm-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.tm-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tm-danger{color:#fbcfe8;border-color:rgba(244,114,182,.45)}
.tm-out[hidden],.tm-list[hidden],.tm-page [hidden]{display:none!important}
.tm-out{display:grid;gap:6px;margin-top:16px;max-width:640px}
.tm-out label{font-size:13.5px;font-weight:700;color:var(--mut);margin-top:6px}
.tm-copy{display:flex;gap:8px}
.tm-copy input{flex:1;min-width:0}
.tm-share .msg{margin-top:12px}
.tm-page .msg.ok{background:rgba(34,211,238,.12);color:#a5f3fc}

.tm-pairs{margin-top:36px}
.tm-pairs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tm-pairs a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);text-decoration:none;font-size:14.5px;font-weight:600}
.tm-pairs a:hover{border-color:var(--a2)}

.tm-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.tm-duo-c{min-width:0}
.tm-duo-n{margin:0;font-weight:800;font-size:18px}
.tm-duo-n span{font-weight:600;font-size:13.5px;color:var(--mut);margin-left:4px}
.tm-duo-t{margin:2px 0;font-size:clamp(38px,6vw,56px);font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}
.tm-duo-d{margin:0;font-size:14px;color:var(--mut)}
.tm-meet{max-width:820px;margin:0 0 24px}
.tm-tbl-wrap{margin:0 0 32px}
.tm-tbl{width:100%;max-width:620px;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}
.tm-tbl caption{text-align:left;color:var(--mut);font-size:13.5px;margin-bottom:8px}
.tm-tbl th,.tm-tbl td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:left}
.tm-tbl th{font-size:13.5px;color:var(--mut)}
.tm-tbl small{color:var(--mut);font-size:12px}
.tm-tbl tr.both td{background:rgba(34,211,238,.1)}
.tm-tbl tr.night td:nth-child(2){color:var(--mut)}
.tm-both{font-size:12px;font-weight:700;color:var(--a2)}
.tm-tool-h{margin-top:8px}

.tm-s .tm-you{margin:8px 0 26px}
.tm-you-d{margin:6px 0 0;font-size:18px;font-weight:700}
.tm-you-t{margin:0;font-size:clamp(34px,6vw,56px);font-weight:850;line-height:1.15;font-variant-numeric:tabular-nums}
.tm-you-z{margin:4px 0 0;font-size:13.5px;color:var(--mut)}
.tm-past{margin:10px 0 0;color:#fbcfe8;font-weight:700}
.tm-slist{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tm-slist .tm-si{padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line)}
.tm-slist .tm-si.work{border-left-color:var(--a2)}
.tm-slist .tm-si.night{border-left-color:var(--a3)}
.tm-si-n{margin:0;font-weight:800}
.tm-si-n span{font-weight:600;font-size:13px;color:var(--mut);margin-left:4px}
.tm-si-t{margin:2px 0;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.tm-si-d{margin:0;font-size:13px;color:var(--mut)}
.tm-rep{margin-top:28px;font-size:14px;color:var(--mut)}
.tm-rep summary{cursor:pointer;width:max-content;max-width:100%}
.tm-rep fieldset{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px 18px}
.tm-rep legend{padding:0 6px}
.tm-rep .msg{margin-top:10px}
.tm-elinkp{margin:0 0 16px}

@media (max-width:860px){
  .tm-top{grid-template-columns:1fr}
}
@media (max-width:700px){
  .tm-gwrap{overflow-x:auto}
  .tm-grid{min-width:0;grid-template-columns:none;grid-template-rows:auto repeat(24,34px);grid-auto-flow:column;grid-auto-columns:minmax(68px,1fr)}
  .tm-grid .lab{padding:0 2px 6px;justify-content:flex-end;text-align:center}
  .tm-grid .lab b{font-size:12.5px}
  .tm-grid .lab span{font-size:10.5px}
  .tm-grid .c{height:auto;flex-direction:row;gap:5px}
  .tm-grid .c small{margin-top:0}
  .tm-duo{grid-template-columns:1fr}
  .tm-sum b{min-width:0;width:100%}
  .tm-sum em{margin-left:0}
  .tm-t{font-size:30px}
}
@media (max-width:480px){
  .tm-cards{grid-template-columns:1fr 1fr;gap:10px}
  .tm-card{padding:12px 12px}
  .tm-card h3{font-size:15.5px}
  .tm-ib{width:24px;height:24px;font-size:16px}
  .tm-card-b{margin:-4px -4px 0 0}
  .tm-t{font-size:26px}
  .tm-sec{font-size:14px}
  .tm-d,.tm-v{font-size:12px}
  .tm-dst{margin:2px 0 0;display:table}
}
@media (prefers-reduced-motion:reduce){.tm-card.flash{animation:none}}
.tm-me-c{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
.tm-you-c{margin:2px 0 0;font-size:12.5px;color:var(--mut)}
.tm-me-c[hidden],.tm-you-c[hidden]{display:none}