.recents{border-top:1px solid var(--border)}.recents__in{flex-direction:column;gap:12px;padding-top:20px;padding-bottom:28px;display:flex}.recents__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recents__title{font-family:var(--font-text);font-size:16px;font-weight:600}.recents__all{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.recents__all svg{color:var(--sun)}.recents__all:hover{border-color:var(--border-strong)}.recents__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.recents__item{min-width:0}.rcard{border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);height:100%;color:var(--ink);align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.rcard:hover{border-color:var(--place-border);color:var(--ink);box-shadow:0 4px 14px #0e223514}.rcard__icon{background:var(--place-bg);width:34px;height:34px;color:var(--place);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.rcard__text{flex-direction:column;min-width:0;display:flex}.rcard__name{font-size:15px;font-weight:600;line-height:20px}.rcard__name,.rcard__line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rcard__line{min-height:18px;color:var(--muted)}.rcard__tide{color:var(--tides-text);font-weight:500}.rcard__tide[data-kind]:before{content:"▲";vertical-align:1px;color:var(--tides);margin-right:4px;font-size:9px;display:inline-block}.rcard__tide[data-kind=low]:before{content:"▼"}@media (prefers-reduced-motion:reduce){.rcard{transition:none}}@media (width<=900px){.recents__list{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.recents__list::-webkit-scrollbar{display:none}.recents__item{scroll-snap-align:start;flex:0 0 min(250px,74%)}}@media (width<=640px){.recents__in{gap:10px;padding-top:16px;padding-bottom:22px}.recents__title{font-size:15px}.rcard{gap:9px;padding:10px}.rcard__icon{border-radius:9px;width:30px;height:30px}.rcard__name{font-size:14px}}