@layer quartz-base{.life-in-weeks>h3{margin:0 0 .25rem;font-size:1rem}.life-in-weeks .life-subtitle{color:var(--gray);margin:0 0 1rem;font-size:.85rem}.life-in-weeks .event-navigator{border-left:3px solid var(--secondary);background-color:var(--lightgray);border-radius:6px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.life-in-weeks .nav-arrows{flex-direction:column;gap:.25rem;display:flex}.life-in-weeks .nav-arrow{border:1px solid var(--gray);background:var(--light);width:24px;height:24px;color:var(--dark);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;transition:color .15s,border-color .15s,background-color .15s;display:flex}.life-in-weeks .nav-arrow:hover{border-color:var(--secondary);background-color:var(--secondary);color:var(--light)}.life-in-weeks .event-display{flex:1;min-width:0}.life-in-weeks .event-title{font-size:.9rem;font-weight:600}.life-in-weeks .event-title .event-week{color:var(--secondary);font-family:var(--codeFont)}.life-in-weeks .event-title a{color:var(--dark);text-decoration:none}.life-in-weeks .event-title a:hover{color:var(--secondary)}.life-in-weeks .event-description{color:var(--gray);margin-top:.25rem;font-size:.8rem}.life-in-weeks>.life-grid-container{box-sizing:border-box;border:1px solid var(--lightgray);background-color:var(--light);border-radius:5px;padding:1rem;overflow-x:auto}.life-in-weeks .life-grid{grid-template-columns:25px repeat(52,10px);grid-auto-rows:10px;justify-content:start;gap:2px;min-width:600px;display:grid}.life-in-weeks .year-label{height:10px;color:var(--gray);font-family:var(--codeFont);justify-content:flex-end;align-items:center;padding-right:2px;font-size:.55rem;display:flex}.life-in-weeks .week-cell{box-sizing:border-box;border:1px solid var(--lightgray);cursor:help;background-color:#0000;border-radius:1px;width:10px;height:10px;transition:opacity .15s,outline-color .15s,background-color .15s}.life-in-weeks .week-cell:hover{z-index:10;outline:2px solid var(--tertiary);outline-offset:1px}.life-in-weeks .week-cell.lived{border-color:var(--secondary);background-color:var(--secondary);opacity:.7}.life-in-weeks .week-cell.current{border-color:var(--tertiary);outline:2px solid var(--tertiary);outline-offset:1px;background-color:#0000;animation:2s infinite border-pulse}.life-in-weeks .week-cell.future{border-color:color-mix(in srgb, var(--gray) 55%, transparent);background-color:color-mix(in srgb, var(--gray) 8%, transparent);opacity:.7}.life-in-weeks .week-cell.has-entry{cursor:pointer;outline:1px solid var(--dark);outline-offset:-1px;opacity:1}.life-in-weeks .week-cell.has-entry:focus-visible{z-index:10;outline:2px solid var(--tertiary);outline-offset:1px}.life-in-weeks .week-cell.highlighted,.life-in-weeks .week-cell.current.highlighted{background-color:var(--tertiary);outline:2px solid var(--tertiary);outline-offset:1px;box-shadow:0 0 10px var(--tertiary)}.life-in-weeks .week-cell.current.highlighted{animation:2s infinite border-pulse}@keyframes border-pulse{0%,to{box-shadow:0 0 8px var(--tertiary), 0 0 16px var(--tertiary)}50%{box-shadow:0 0 4px var(--tertiary), 0 0 8px var(--tertiary)}}.life-stats{color:var(--gray);font-family:var(--codeFont);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.life-stats .stat{align-items:center;gap:.25rem;display:flex}.life-stats .dot{border-radius:2px;width:8px;height:8px}.life-stats .dot.lived{background-color:var(--secondary)}.life-stats .dot.current{background-color:var(--tertiary)}.life-stats .dot.future{border:1px solid var(--gray);background-color:color-mix(in srgb, var(--gray) 8%, transparent)}.life-tooltip{z-index:1000;background-color:var(--dark);max-width:250px;color:var(--light);font-family:var(--codeFont);opacity:0;pointer-events:none;white-space:pre-line;border-radius:4px;padding:.5rem .75rem;font-size:.75rem;transition:opacity .15s;position:fixed}.life-tooltip.visible{opacity:1}}