:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;height:100vh;background:#e2e1dc}#root{height:100vh;display:flex;flex-direction:column;background:#e2e1dc}.container{display:flex;flex-direction:column;align-items:center;flex:1;padding:2rem;gap:8rem}.timeline{max-width:920px;display:flex;flex-direction:column;gap:38px;padding:20px 10px;position:relative}.timeline:before{content:"";position:absolute;left:180px;top:0;bottom:0;width:2px;background:#333}.row{display:flex;flex-direction:row;gap:32px;position:relative}.date-group{position:relative;flex-shrink:0;width:206px;display:flex;flex-direction:row;align-items:center;gap:10px}.year,.month,.day,.title{text-shadow:1px 1px 1px rgba(255,255,255,.15),-1px -1px 1px rgba(0,0,0,.05);-webkit-font-smoothing:antialiased}.year{position:absolute;font-weight:700;font-size:1.2em;left:0;width:60px;text-align:right;top:-2px;letter-spacing:1px;color:#111111d9}.month{position:absolute;left:60px;font-weight:500;width:101px;top:1px;text-align:right;letter-spacing:1px;color:#424242d9}.day{position:absolute;left:186px;width:20px;top:2px;text-align:right;letter-spacing:1px;color:#424242d9}.day:before{content:"";position:absolute;right:30px;top:50%;width:5px;height:2px;background:#333;transform:translateY(-50%)}.pub{display:flex;flex-direction:row;gap:20px;min-height:24px;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease;width:100%}.pub:hover{opacity:.7}.title{font-weight:500;color:#111111f2}.description{font-size:.9em;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.url{font-size:.8em;color:#888;margin-top:-2px}.content{flex:1;display:flex;flex-direction:column;gap:4px}.thumbnail{flex-shrink:0;width:178px;height:100px;background:#f5f5f5;overflow:hidden;position:relative;border-radius:4px;box-shadow:1px 1px .5px #ffffff84,-.5px -.25px 1px #00000038}.thumbnail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.2) 100%);z-index:2;pointer-events:none;mix-blend-mode:multiply}.thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 1px 3px #000000e6,inset -.5px -1px 2px #fff6;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px)}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1;filter:brightness(1.1);transition:all .3s ease}.pub:hover .thumbnail img{transform:scale(1.02)}.category{font-size:.7em;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:2px;color:#e2e1dc;-webkit-font-smoothing:antialiased;width:13px;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;padding:4px 0 4px 1px;box-shadow:.5px .5px .5px #ffffff84,-.5px -.125px 1px #00000038;background:#808080f2}.category.article{background:#dc4a3af2}.category.talk{background:#347483f2}.category.video{background:#facc4cf2}.category.book{background:#57943ef2}.category.paper{background:#e29324f2}.category.podcast{background:#aa518ef2}@media (max-width: 1024px){.timeline:before,.date-group{display:none}.timeline{max-width:720px}}@media (max-width: 768px){.timeline:before,.date-group{display:none}.thumbnail{width:150px}}@media (max-width: 560px){.timeline:before,.date-group{display:none}.thumbnail{width:50px;height:100%}.pub{gap:10px}.description{width:300px;min-width:0}}