@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Karla:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;min-height:100vh}h1,h2,h3,h4,p{text-wrap:balance}input,button{font:inherit}.calendar-page{min-height:100vh;background:var(--bg-primary)}.calendar-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#faf8f5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.back-btn,.export-btn{font-family:inherit;font-size:.85rem;padding:.6rem 1.2rem;background:transparent;border:1px solid var(--border);color:var(--ink-secondary);cursor:pointer;transition:all .2s ease}.back-btn:hover,.export-btn:hover{border-color:var(--ink-secondary);color:var(--ink-primary)}.export-btn{background:var(--ink-primary);color:var(--bg-primary);border-color:var(--ink-primary)}.export-btn:hover{background:var(--ink-secondary);border-color:var(--ink-secondary);color:var(--bg-primary)}.header-info{display:flex;gap:2rem;font-size:.9rem;color:var(--ink-secondary)}.birth-info,.age-info{letter-spacing:.05em}.calendar-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;background:var(--bg-primary)}.calendar-title{text-align:center;margin-bottom:2rem}.calendar-title h1{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:500;letter-spacing:.05em;color:var(--ink-primary);margin-bottom:.5rem}.calendar-subtitle{font-size:.85rem;color:var(--ink-tertiary);letter-spacing:.2em;text-transform:uppercase}.stats-bar{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{text-align:center}.stat-value{display:block;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:500;color:var(--ink-primary);letter-spacing:.02em}.stat-label{font-size:.75rem;color:var(--ink-tertiary);letter-spacing:.1em}.calendar-grid-wrapper{overflow-x:auto;padding-bottom:1rem;display:flex;justify-content:center;position:relative}.calendar-main{display:flex;flex-direction:column}.calendar-with-founders{position:relative;display:flex}.founder-annotations{position:absolute;right:100%;top:0;width:220px;margin-right:-30px}.founder-annotation{position:absolute;right:0;display:flex;align-items:center;transform:translateY(-50%);gap:4px}.founder-text{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.3}.founder-text strong{font-size:.7rem;color:var(--ink-primary);font-weight:600;white-space:nowrap}.founder-company{font-size:.6rem;color:var(--ink-tertiary);white-space:nowrap}.founder-arrow{width:30px;height:10px;flex-shrink:0;color:var(--accent)}.founder-annotation:hover .founder-text{color:var(--ink-primary)}.founder-annotation:hover .founder-arrow{color:var(--accent-dark)}.legend{position:absolute;right:60px;top:0}.week-labels{display:grid;grid-template-columns:40px repeat(52,10px);gap:1px;margin-bottom:8px}.week-labels .axis-label{grid-column:1 / -1;text-align:center;font-size:.65rem;color:var(--ink-tertiary);letter-spacing:.1em;margin-bottom:4px}.week-label{font-size:.65rem;color:var(--ink-tertiary);text-align:center}.week-label[data-week="1"]{grid-column:2}.week-label[data-week="10"]{grid-column:11}.week-label[data-week="20"]{grid-column:21}.week-label[data-week="30"]{grid-column:31}.week-label[data-week="40"]{grid-column:41}.week-label[data-week="52"]{grid-column:53}.year-labels{display:none}.calendar-grid{display:grid;grid-template-columns:40px repeat(52,10px);column-gap:1px;row-gap:1px;width:fit-content}.year-row{display:contents}.year-row:before{content:"";display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.65rem;color:var(--ink-tertiary);height:10px}.year-row[data-year="0"]:before{content:"0"}.year-row[data-year="10"]:before{content:"10";margin-top:10px}.year-row[data-year="20"]:before{content:"20";margin-top:10px}.year-row[data-year="30"]:before{content:"30";margin-top:10px}.year-row[data-year="40"]:before{content:"40";margin-top:10px}.year-row[data-year="50"]:before{content:"50";margin-top:10px}.year-row[data-year="60"]:before{content:"60";margin-top:10px}.year-row[data-year="70"]:before{content:"70";margin-top:10px}.year-row[data-year="80"]:before{content:"80";margin-top:10px}.year-row[data-year="10"] .week-cell,.year-row[data-year="20"] .week-cell,.year-row[data-year="30"] .week-cell,.year-row[data-year="40"] .week-cell,.year-row[data-year="50"] .week-cell,.year-row[data-year="60"] .week-cell,.year-row[data-year="70"] .week-cell,.year-row[data-year="80"] .week-cell{margin-top:10px}.week-cell{width:10px;height:10px;background:var(--bg-primary);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.week-cell:hover{transform:scale(1.8);z-index:10;box-shadow:0 2px 8px #0003}.week-cell.has-event{position:relative}.week-cell.has-event:after{content:"";position:absolute;top:1px;right:1px;width:3px;height:3px;background:var(--current);border-radius:50%}.week-cell.lived.has-event:after{background:#fff;opacity:.8}.week-tooltip{position:fixed;transform:translate(-50%,-100%) translateY(-10px);background:var(--ink-primary);color:var(--bg-primary);padding:.6rem .9rem;border-radius:6px;font-size:.75rem;z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0003}.week-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--ink-primary)}.tooltip-header{font-weight:500;letter-spacing:.02em}.tooltip-event{margin-top:.4rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.2);color:#f0c060;font-weight:500}.tooltip-founder{margin-top:.3rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.15);color:#90d090;font-size:.7rem}.tooltip-founder:first-of-type{margin-top:.4rem;padding-top:.4rem}.week-cell:not(.lived){background:#e8e8e8}.week-cell.lived.early-years{background:var(--early-years)}.week-cell.lived.elementary{background:var(--elementary)}.week-cell.lived.middle-school{background:var(--middle-school)}.week-cell.lived.high-school{background:var(--high-school)}.week-cell.lived.college{background:var(--college)}.week-cell.lived.masters{background:var(--masters)}.week-cell.lived.phd{background:var(--phd)}.week-cell.lived.career{background:var(--career)}.week-cell.current,.week-cell.current.early-years,.week-cell.current.elementary,.week-cell.current.middle-school,.week-cell.current.high-school,.week-cell.current.college,.week-cell.current.masters,.week-cell.current.phd,.week-cell.current.career{background:var(--current);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d4574a66}50%{box-shadow:0 0 0 3px #d4574a00}}.legend{display:flex;flex-direction:column;gap:1.5rem;padding-left:1.5rem;border-left:1px solid var(--border)}.legend-section{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--ink-secondary)}.legend-box{width:12px;height:12px;border:1px solid var(--border);background:var(--bg-primary);flex-shrink:0}.legend-box.lived{background:var(--ink-primary);border-color:var(--ink-primary)}.legend-box.current{background:var(--current);border-color:var(--current)}.legend-box.early-years{background:var(--early-years);border-color:#c89498}.legend-box.elementary{background:var(--elementary);border-color:#c4a058}.legend-box.middle-school{background:var(--middle-school);border-color:#5e987c}.legend-box.high-school{background:var(--high-school);border-color:#3c7e8d}.legend-box.college{background:var(--college);border-color:#3b5e8a}.legend-box.masters{background:var(--masters);border-color:#584886}.legend-box.phd{background:var(--phd);border-color:#804068}.legend-box.career{background:var(--career);border-color:#6a7a6c}.print-mode{padding:1rem 2rem!important;min-height:100vh;display:flex!important;flex-direction:column;justify-content:center}.print-mode .stats-bar{display:none}.print-mode .calendar-title h1{font-size:1.5rem;margin-bottom:.25rem}.print-mode .calendar-title{margin-bottom:.75rem}.print-mode .calendar-subtitle{display:none}.print-mode .calendar-footer{margin-top:1rem;padding-top:.75rem}.print-mode .calendar-grid-wrapper{flex-direction:column;align-items:center;position:relative}.print-mode .calendar-main{flex-direction:column;align-items:center}.print-mode .calendar-with-founders{position:relative;display:flex;flex-direction:row;align-items:flex-start}.print-mode .founder-annotations{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:0;width:120px;flex-shrink:0;margin-right:-25px}.print-mode .calendar-with-founders:after{content:"";width:125px;flex-shrink:0}.print-mode .legend{position:static;margin-top:1.5rem;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-left:0;gap:.5rem 1.5rem}.print-mode .legend-section{flex-direction:row;flex-wrap:wrap;gap:.3rem 1rem}.print-mode .legend-item{font-size:.65rem}.print-mode .legend-box{width:10px;height:10px}.print-mode .week-cell.has-event:after{display:none}.print-mode .founder-annotation{gap:2px}.print-mode .founder-text{font-size:.45rem;line-height:1.1;gap:0}.print-mode .founder-company{font-size:.4rem}.print-mode .founder-arrow{width:12px;height:6px}.calendar-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.footer-image{max-width:120px;height:auto;opacity:.6}.quote{font-family:Cormorant Garamond,serif;font-style:italic;color:var(--ink-tertiary);font-size:1rem;letter-spacing:.05em}@media(max-width:1100px){.legend{position:static;margin-top:1.5rem;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-left:0;padding-top:1rem;border-left:none;border-top:1px solid var(--border);gap:1rem 2rem}.calendar-grid-wrapper{flex-direction:column;align-items:center}.calendar-main{align-items:center}.legend-section{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem}.founder-annotations{display:none}}@media(max-width:768px){.calendar-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.header-info{order:3;width:100%;justify-content:center;gap:1rem;font-size:.8rem;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem}.calendar-container{padding:1.5rem .5rem}.calendar-title h1{font-size:1.8rem}.stats-bar{gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:1.4rem}.week-cell{width:6px;height:6px}.calendar-grid,.week-labels{grid-template-columns:30px repeat(52,6px)}.legend{flex-wrap:wrap;gap:1rem}}@media(max-width:480px){.week-cell{width:5px;height:5px}.calendar-grid,.week-labels{grid-template-columns:25px repeat(52,5px)}.year-row:before{font-size:.55rem;padding-right:4px}}:root{--bg-primary: #faf8f5;--bg-secondary: #f5f2ed;--ink-primary: #2c2c2c;--ink-secondary: #5a5a5a;--ink-tertiary: #8a8a8a;--accent: #c4a77d;--accent-dark: #8b7355;--lived: #2c2c2c;--current: #d4574a;--border: #e8e4de;--early-years: #e8b4b8;--elementary: #e4c078;--middle-school: #7eb89c;--high-school: #5c9ead;--college: #5b7eaa;--masters: #7868a6;--phd: #a06088;--career: #8a9a8c}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Karla,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--ink-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100%}.app{min-height:100vh}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 20% 80%,rgba(196,167,125,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(196,167,125,.05) 0%,transparent 40%),var(--bg-primary)}.landing-content{text-align:center;max-width:420px;position:relative}.title{margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:3.5rem;font-weight:500;letter-spacing:.05em;color:var(--ink-primary)}.subtitle{font-size:.95rem;color:var(--ink-secondary);margin-bottom:3rem;font-style:italic;letter-spacing:.05em}.birth-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.form-section{width:100%;max-width:320px}.form-section.optional{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.section-title{font-size:.8rem;color:var(--ink-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.education-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.8rem;color:var(--ink-secondary);letter-spacing:.05em;margin-bottom:.5rem}.text-input{font-family:inherit;font-size:.95rem;padding:.75rem 1rem;border:1px solid var(--border);background:transparent;color:var(--ink-primary);width:100%;margin-bottom:.5rem;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:var(--accent)}.text-input::placeholder{color:var(--ink-tertiary)}.date-row{display:flex;align-items:center;gap:.5rem}.date-separator{font-size:.8rem;color:var(--ink-tertiary)}.date-input.small{flex:1;padding:.6rem .5rem;font-size:.85rem}.date-input{font-family:inherit;font-size:1.1rem;padding:1rem 1.5rem;border:1px solid var(--border);background:transparent;color:var(--ink-primary);text-align:center;width:100%;max-width:280px;transition:border-color .3s ease}.date-input:focus{outline:none;border-color:var(--accent)}.date-input::-webkit-calendar-picker-indicator{filter:opacity(.5);cursor:pointer}.submit-btn{margin-top:1rem;padding:1rem 3rem;font-family:inherit;font-size:.9rem;background:var(--ink-primary);color:var(--bg-primary);border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.15em;text-transform:uppercase}.submit-btn:hover{background:var(--ink-secondary);transform:translateY(-1px)}.zen-circle{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);width:180px;height:180px;border:1px solid var(--border);border-radius:50%;opacity:.4;pointer-events:none}.zen-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border:1px solid var(--border);border-radius:50%}@media(max-width:480px){.title{font-size:2.5rem}.landing{padding:1rem}.zen-circle{display:none}}