.log__header{flex-flow:wrap;justify-content:space-between;gap:2rem;margin-top:3.5rem;margin-bottom:2.5rem;display:flex}.log__tapes-count{font-family:var(--font-mono);letter-spacing:.098rem;color:var(--plum-300);font-size:.94rem}.listening-log__month{font-family:var(--font-mono);color:var(--pink);letter-spacing:.125rem;padding-bottom:.625rem;font-size:.875rem;font-weight:700;position:relative}.listening-log__month:after{content:"";background-color:var(--border);width:100%;height:1px;position:absolute;bottom:0;left:0}.listening-log__list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.25rem;margin:0;padding:0;list-style:none;display:grid}.log-item{border:1px solid var(--border);border-radius:.75rem;flex-direction:column;padding:1.75rem;transition:border-color .3s;display:flex;position:relative}.log-item:hover{border-color:var(--tape-color)}.log-item:not(:last-child){padding-bottom:1.5rem}.log-item__cassette{border:2px solid var(--tape-color);border-radius:8px;width:110px;height:64px;margin-bottom:1.25rem;position:relative}.log-item__cassette-window{border:1px solid var(--tape-color);border-radius:3px;height:24px;position:absolute;top:5px;left:8px;right:8px}.log-item__cassette-reels{border:1px solid var(--tape-color);border-radius:5px;justify-content:space-between;align-items:center;height:16px;padding:0 4px;display:flex;position:absolute;bottom:5px;left:18px;right:18px}.log-item__cassette-reel{border:1px solid var(--tape-color);border-radius:50%;width:8px;height:8px}.log-item__genre{font-family:var(--font-mono);text-transform:uppercase;color:var(--tape-color);font-size:.75rem}.log-item__title{font-size:1.125rem;font-weight:500;font-family:var(--font-serif);color:var(--color-text);margin-top:.375rem;text-decoration:none;transition:color .3s;display:block}.log-item__title:after{content:"";position:absolute;inset:0}.log-item__artist{color:var(--plum-100);font-size:.875rem;font-family:var(--font-mono);margin-top:.25rem}.log-item__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.log-item__rating{letter-spacing:.5px;text-transform:uppercase;color:var(--tape-color);background-color:#ffffff0f;border-radius:.25rem;padding:.25rem .65rem;font-size:.75rem}.log-item__date{font-family:var(--font-mono);color:var(--plum-100);font-size:.775rem}.log-item__notes{color:var(--cream-100);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;font-size:.875rem;font-style:italic;display:-webkit-box;overflow:hidden}.listening-log__item-wrapper{column-gap:1rem;padding-top:1.125rem;display:flex}.listening-log__meta{align-items:center;gap:.9rem;display:flex}.listening-log__item-wrapper:not(:last-child){margin-bottom:.75rem;padding-bottom:1.125rem}.listening-log__item a{text-decoration:none}.listening-log__item a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.listening-log__item-content{flex-grow:1;justify-content:space-between;display:flex}.listening-log__title{font-size:1.375rem;font-weight:500;line-height:1.1;font-family:var(--font-serif);color:var(--color-text);transition:color .3s;display:block}.listening-log__title:hover,.listening-log__title:focus{color:var(--accent)}.listening-log__artist{color:var(--muted);font-size:.875rem;font-style:italic;font-family:var(--font-serif)}.listening-log__letter{border:2px solid var(--album-accent,var(--color-border-muted));width:3.5rem;height:3.5rem;color:var(--album-accent,var(--color-text));border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.listening-log__ratings{color:var(--rating-color,var(--color-text-muted));justify-content:center;align-items:center;column-gap:.5rem;font-size:.875rem;display:inline-flex}.listening-log__ranking{color:var(--muted);font-size:.875rem}.listening-log__list--favorites{margin-top:1.5rem}.listening-log__list--favorites .listening-log__item{padding-left:0;padding-right:0}.listening-log__list--favorites .listening-log__item:not(:last-child){margin-bottom:1.5rem}.listening-log__list--favorites .listening-log__title{font-size:2.625rem}.listening-log__list--favorites .listening-log__artist{font-size:1.1875rem}