.dream { display: none; }
.dream:target, .dream:first-of-type { display: block; }
body:has(.dream:target) .dream:first-of-type:not(:target) { display: none; }


.calendar {
color: #6c9;
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    padding: 7px;
    gap: 2px 14px; 
    font-size: 0.9em;
}
.calendar table { text-align: center; width: 100%; border-collapse: collapse; border: 0px; }
.calendar table td { border: 1px solid #6c9; }
.calendar table th { color: #6c9; }
.calendar table td.null { border: 0px; }

.na, .na * { color: #666 !important; border-color: #666 !important; }

.years > input { position: absolute; opacity: 0; pointer-events: none; }
.tabs { display: flex; gap: 1em; }
.tabs h3 { margin: 0; }
.tabs label { cursor: pointer; color: #999; }
.year { display: none; }