.life-in-weeks-page{padding:clamp(1.25rem,5vw,3rem) clamp(1.1rem,4.5vw,2.6rem) clamp(2.5rem,7vw,4.5rem);color:var(--foreground);background:var(--background);--life-surface:transparent;--life-border:color-mix(in srgb,var(--border) 92%,transparent 8%);--life-muted:color-mix(in srgb,var(--muted) 80%,transparent 20%);--life-accent:color-mix(in srgb,var(--primary) 62%,var(--accent) 38%);--life-week-bg:color-mix(in srgb,var(--card) 88%,transparent 12%);--life-week-border:color-mix(in srgb,var(--border) 84%,transparent 16%);--life-future-bg:color-mix(in srgb,var(--muted) 70%,transparent 30%);--life-future-border:color-mix(in srgb,var(--border) 78%,transparent 22%);--life-scroll-offset:clamp(5rem,12vw,7rem)}.dark .life-in-weeks-page{background:color-mix(in srgb,var(--background) 88%,var(--card) 12%);--life-week-bg:color-mix(in srgb,var(--foreground) 10%,transparent 90%);--life-week-border:color-mix(in srgb,var(--foreground) 22%,transparent 78%);--life-future-bg:color-mix(in srgb,var(--muted) 28%,transparent 72%);--life-future-border:color-mix(in srgb,var(--foreground) 18%,transparent 82%)}.life-in-weeks-container{margin-inline:auto;width:min(1120px,100%);scroll-padding-top:var(--life-scroll-offset);transform:translateZ(0);will-change:scroll-position}.life-in-weeks{display:flex;flex-direction:column;gap:clamp(.9rem,3vw,1.6rem);font-family:var(--font-geist-sans,"Geist",system-ui,-apple-system,sans-serif)}.life-in-weeks h1{margin:0;font-size:clamp(2.75rem,6vw,4.2rem);font-weight:700;letter-spacing:-.02em;color:var(--foreground);transform-origin:left center;transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.life-in-weeks h1.tiny{transform:scale(.76)}.life-in-weeks .sticky-top{position:sticky;top:0;z-index:5;padding-bottom:.6rem;background:var(--background)}.life-in-weeks .navbar{margin-top:clamp(.4rem,2vw,.75rem);border-radius:0;border:none;background:transparent;padding:0;transition:opacity .25s ease,transform .25s ease;box-shadow:none}.life-in-weeks .navbar.navbar-visible{display:block;opacity:1}.life-in-weeks .nav-pills{display:flex;justify-content:space-between;gap:.2rem;flex-wrap:wrap;list-style:none;margin:0;padding:0 0 .3rem;border-bottom:1px solid color-mix(in srgb,var(--life-border) 78%,transparent 22%)}.life-in-weeks .nav-item{margin:0}.life-in-weeks .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border-radius:.65rem;padding:.22rem .45rem;font-size:clamp(.74rem,1.6vw,.84rem);font-weight:500;letter-spacing:.01em;color:color-mix(in srgb,var(--foreground) 60%,transparent 40%);text-decoration:none;border:1px solid transparent;transition:all .18s ease}.life-in-weeks .nav-link:focus-visible,.life-in-weeks .nav-link:hover{color:var(--foreground);background:color-mix(in srgb,var(--life-accent-soft) 35%,transparent 65%)}.life-in-weeks .nav-link.active{color:var(--foreground);background:color-mix(in srgb,var(--life-accent) 30%,transparent 70%);border-color:transparent}.weeks-grid-container{width:100%;max-width:1120px;margin-inline:auto;display:flex;flex-direction:column;gap:2px;margin-top:clamp(1rem,3vw,1.6rem);padding-bottom:clamp(2.5rem,6vw,3.5rem)}.row-wrapper{display:flex;align-items:stretch;gap:2px;position:relative;scroll-margin-top:var(--life-scroll-offset);content-visibility:auto;contain-intrinsic-size:auto 30px}.life-in-weeks .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 4px;border-radius:.3rem;border:1px solid var(--life-week-border);background:var(--life-week-bg);color:var(--foreground);font-size:.78rem;line-height:1.1;cursor:pointer;white-space:nowrap;overflow:hidden;contain:layout style paint;transition:border-color .15s ease}.life-in-weeks .btn:hover{border-color:color-mix(in srgb,var(--life-week-border) 85%,transparent 15%)}.life-in-weeks .week{flex:1 1 0;min-width:12px;background:var(--life-week-bg)}.life-in-weeks .birthday,.life-in-weeks .event{flex:0 0 auto;padding-inline:6px;font-weight:500}.life-in-weeks .future-date{background:var(--life-future-bg)!important;border-color:var(--life-future-border)!important;color:color-mix(in srgb,var(--foreground) 55%,transparent 45%)!important}@media (max-width:1024px){.life-in-weeks .btn{min-height:22px;font-size:.72rem}}@media (max-width:768px){.life-in-weeks .btn{min-height:18px;padding-inline:3px;font-size:.65rem}.life-in-weeks .birthday,.life-in-weeks .event{padding-inline:4px;font-size:.68rem}}@media (max-width:480px){.life-in-weeks .btn{font-size:.6rem}}.weeks-grid-container.compact-mode .btn{min-height:20px!important;font-size:.68rem!important;padding-inline:2px!important;border-radius:.15rem!important}.weeks-grid-container.compact-mode .birthday,.weeks-grid-container.compact-mode .event{font-size:.62rem!important}.weeks-grid-container.compact-mode .row-wrapper{margin-bottom:0}.life-in-weeks-tooltip{position:fixed;z-index:1000;background:color-mix(in srgb,var(--popover) 90%,transparent 10%);color:var(--popover-foreground);font-family:var(--font-geist-sans,"Geist",system-ui,-apple-system,sans-serif);font-size:.82rem;font-weight:500;border-radius:.85rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--border) 88%,transparent 12%);box-shadow:0 22px 48px rgba(15,23,42,.28);max-width:min(320px,80vw);min-width:160px;pointer-events:none;user-select:none}.dark .life-in-weeks-tooltip{box-shadow:0 28px 60px rgba(0,0,0,.5)}.life-in-weeks-tooltip--sticky{pointer-events:auto;user-select:text;border-color:color-mix(in srgb,var(--life-accent) 72%,transparent 28%)}.life-in-weeks-tooltip__content{white-space:pre-wrap;word-break:break-word;line-height:1.6}.life-in-weeks-tooltip__link{color:var(--primary);text-decoration:underline}.life-in-weeks-tooltip__link:focus-visible,.life-in-weeks-tooltip__link:hover{color:color-mix(in srgb,var(--primary) 80%,var(--accent) 20%)}.life-in-weeks-tooltip__trigger{display:inline-flex}.life-in-weeks-tooltip__trigger--interactive{cursor:pointer}.life-in-weeks .custom-color{background:var(--life-week-bg)}@media (prefers-reduced-motion:reduce){.life-in-weeks,.life-in-weeks .btn,.life-in-weeks .nav-link,.life-in-weeks-tooltip{transition:none!important;animation:none!important}}