.tl-top{grid-template-columns:minmax(0,1fr);align-items:start;gap:0 48px;display:grid}.tl-head{padding:28px 0 24px}.tl-head h1{font:900 52px/1 var(--display);letter-spacing:-.022em;margin-bottom:12px}.tl-filter{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.tl-filter button{background:var(--raised);overflow-wrap:anywhere;text-align:left;max-width:100%;min-height:36px;transition:transform .15s var(--ease);border-radius:99px;align-items:center;gap:8px;padding:4px 13px;font-size:13px;font-weight:600;display:inline-flex}.tl-filter button:hover{background:var(--line-hi)}.tl-filter button[aria-pressed=true]{background:var(--text);color:var(--accent-ink);transform:rotate(-1.5deg)}.tl-filter i{width:10px;height:10px;box-shadow:0 0 0 2px var(--cut);border-radius:50%;flex:none}.tl-body{position:relative}.tl-body:before{content:"";border-left:2px dashed var(--line-hi);position:absolute;top:0;bottom:0;left:14px}.tl-year,.tl-month{background:var(--bg);width:fit-content;position:relative}.tl-year{font:900 46px/1 var(--display);margin:28px 0 8px;padding:6px 0}.tl-year-block:first-of-type .tl-year{margin-top:0}.tl-month{font:800 22px/1.2 var(--display);margin:18px 0;padding:4px 0}.tl-list{list-style:none}.tl-entry{overflow-wrap:anywhere;min-width:0;padding:4px 0 26px 45px;position:relative}.tl-mark{background:var(--panel);width:30px;height:30px;box-shadow:0 0 0 2px var(--cut);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.tl-mark img{border-radius:4px}.tl-mark.dot{background:var(--raised);width:14px;height:14px;top:6px;left:8px}.tl-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:26px;font-size:14px;display:flex}.tl-tag{max-width:100%}.tl-tag:nth-child(2n){transform:rotate(-1.5deg)}.tl-tag:nth-child(3n){transform:rotate(1.5deg)}.tl-entry h4{font:800 19px/1.25 var(--display);margin-top:8px}.tl-categories{color:var(--muted);max-width:62ch;margin-top:4px;font-size:14px}.tl-text{max-width:70ch;color:var(--text-2);margin-top:6px}.tl-image{border-radius:var(--r);width:auto;max-height:300px;margin-top:14px}.tl-foot{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:14px;display:flex}.tl-fold{margin-top:12px}.tl-notes{max-width:70ch;margin-top:16px}.tl-notes section+section{margin-top:18px}.tl-notes h5{font:800 15px/1.3 var(--display);border-top:1px solid var(--line);margin-bottom:8px;padding-top:12px}.tl-notes ul{gap:6px;padding-left:18px;display:grid}.tl-notes ul ul{color:var(--muted);margin-top:6px}@media (width>=1101px){.tl-top{grid-template-columns:minmax(0,1fr) auto}.tl-top .tl-suggest{margin-bottom:0;padding-top:34px}.tl-top .tl-suggest-actions{justify-content:flex-end}.tl-top .tl-suggest>p{text-align:right}}@media (width>=901px){.tl-body:before{left:calc(50% - 1px)}.tl-year,.tl-month{text-align:center;margin-inline:auto;padding-inline:18px}.tl-entry{width:50%;margin-left:50%;padding:4px 0 30px 45px}.tl-mark{left:-15px}.tl-mark.dot{left:-7px}.tl-entry.tl-left{text-align:right;margin-left:0;padding:4px 45px 30px 0}.tl-entry.tl-left .tl-mark{left:auto;right:-15px}.tl-entry.tl-left .tl-mark.dot{right:-7px}.tl-entry.tl-left .tl-meta,.tl-entry.tl-left .tl-foot{justify-content:flex-end}.tl-entry.tl-left .tl-categories{margin-left:auto}.tl-entry.tl-left :is(.tl-text,.tl-notes){text-align:left;width:fit-content;margin-left:auto}.tl-entry.tl-left .tl-image{margin-left:auto}}@media (width<=900px){.tl-head h1{font-size:42px}.tl-year{font-size:38px}.tl-filter button{min-height:44px}}.tl-suggest{margin-bottom:32px}.tl-suggest-actions{flex-wrap:wrap;gap:8px;display:flex}dialog.modal.tl-modal{width:min(640px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);overflow-y:auto}.tl-suggest:empty{display:none}.tl-thanks{color:var(--text-2);margin-top:12px}.tl-form{gap:8px;display:grid}.tl-form .label{margin-top:10px}.tl-form>.label:first-child{margin-top:0}.tl-presets{border:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:14px;display:flex}.tl-presets legend{margin-bottom:8px}.tl-presets button{background:var(--raised);overflow-wrap:anywhere;border-radius:99px;min-height:36px;padding:4px 13px;font-size:13px;font-weight:600}.tl-presets button:hover{background:var(--line-hi)}.tl-presets button[aria-pressed=true]{background:var(--text);color:var(--accent-ink);transform:rotate(-1.5deg)}.tl-form textarea.field{resize:vertical;height:auto;padding-top:10px}.tl-pick{border:0;flex-wrap:wrap;gap:8px;display:flex}.tl-pick legend{margin-bottom:8px}.tl-pick button{background:var(--raised);overflow-wrap:anywhere;border-radius:99px;align-items:center;gap:8px;min-height:36px;padding:4px 13px;font-size:13px;font-weight:600;display:inline-flex}.tl-pick button:disabled{opacity:.5}.tl-pick button[aria-pressed=true]{background:var(--text);color:var(--accent-ink);transform:rotate(-1.5deg)}.tl-pick i{width:10px;height:10px;box-shadow:0 0 0 2px var(--cut);border-radius:50%;flex:none}.tl-picker{gap:8px;display:grid}.tl-picked{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.tl-icons{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:200px;display:grid;overflow-y:auto}.tl-icons button{border-radius:var(--r-sm);background:var(--raised);place-items:center;height:44px;display:grid}.tl-icons button:hover{background:var(--line-hi)}.tl-icons button[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.tl-check{align-items:center;gap:10px;min-height:36px;margin-top:10px;font-size:14px;font-weight:500;display:flex}ul.tl-mine{gap:0;margin:0;padding:0;list-style:none}.tl-mine li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.tl-mine-title{overflow-wrap:anywhere;min-width:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes tl-in{0%{opacity:0;transform:translateY(28px)}}@keyframes tl-out{to{opacity:0;transform:translateY(-20px)}}.tl-year,.tl-month,.tl-entry{animation:cubic-bezier(.2,0,0,1) both tl-in,cubic-bezier(.3,0,1,1) forwards tl-out;animation-timeline:view(),view();animation-range:entry entry 180px,exit calc(100% - 140px)}}}