.hm-recent{--bg:#100010f0;z-index:3;box-sizing:border-box;background:var(--bg);max-width:calc(100% - 48px);box-shadow:0 -2px 0 0 var(--bg),0 2px 0 0 var(--bg),-2px 0 0 0 var(--bg),2px 0 0 0 var(--bg);font-family:var(--font-mc),system-ui,sans-serif;color:#fff;cursor:default;border:2px solid #0000;border-image:linear-gradient(#5000ff80,#28007f80) 1;padding:7px 10px 10px;position:absolute;top:82px;left:24px}.hm-recent-title{color:#ff5;text-shadow:.125em .125em #3f3f15;margin:0 0 7px;font-size:15px;line-height:1.2}.hm-recent-row{align-items:center;gap:12px;display:flex}.hm-recent-list{gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.hm-recent-list>li{min-width:0}.hm-recent-who{min-width:0;color:inherit;align-items:center;gap:7px;text-decoration:none;display:flex}.hm-recent-face{flex-shrink:0;box-shadow:0 0 0 2px #09090b}.hm-recent-tag{text-overflow:ellipsis;white-space:nowrap;text-shadow:.125em .125em #3f3f3f;min-width:0;max-width:190px;font-size:14px;line-height:1.2;overflow:hidden}.hm-recent-who:hover .hm-recent-name,.hm-recent-who:focus-visible .hm-recent-name{color:#ff5}.hm-recent-who:focus-visible{outline-offset:2px;outline:2px solid #5ff}.hm-recent-go.hm-btn{color:#ff5;flex-shrink:0;height:32px;padding:0 14px;font-size:15px}@media (min-width:1024px){.hm-hero:has(>.hm-recent){padding-top:clamp(104px,989px - 100svh,226px)}}@media (max-width:1023px){.hm-recent{order:1;justify-self:center;max-width:100%;margin-top:28px;margin-bottom:72px;position:static}.hm-hero-art{order:2}}@media (max-width:560px){.hm-recent-row{flex-direction:column;align-items:stretch;gap:10px}.hm-recent-list{flex-direction:column;gap:8px}.hm-recent-tag{max-width:none}.hm-recent-go.hm-btn{width:100%}}:root[data-theme=light] .hm-recent:where(:not(.theme-fixed,.theme-fixed *)){--bg:#fff4fef0;color:#030303;border-image:linear-gradient(#5000ff80,#b4b9fe80) 1}:root[data-theme=light] .hm-recent .theme-fixed{--bg:#100010f0}:root[data-theme=light] .hm-recent-title:where(:not(.theme-fixed,.theme-fixed *)){color:#4b4b0e;text-shadow:.125em .125em #adaf8b}:root[data-theme=light] .hm-recent-tag:where(:not(.theme-fixed,.theme-fixed *)){text-shadow:.125em .125em #a8a8a8}:root[data-theme=light] .hm-recent-who:hover .hm-recent-name:where(:not(.theme-fixed,.theme-fixed *)),:root[data-theme=light] .hm-recent-who:focus-visible .hm-recent-name:where(:not(.theme-fixed,.theme-fixed *)),:root[data-theme=light] .hm-recent-go.hm-btn:where(:not(.theme-fixed,.theme-fixed *)){color:#4b4b0e}
