body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.app{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:64px 24px 24px}.container{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:0 16px;width:100%}h1{color:#1f2937;font-size:24px;font-weight:400;margin-bottom:8px;margin-top:0}.subtitle{color:#6b7280;margin-bottom:32px;margin-top:0}.section{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px;will-change:transform,opacity}.section h2{color:#1f2937;font-size:18px;font-weight:400;margin-bottom:16px;margin-top:0}.form{display:flex;flex-direction:column}.date-input{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:16px;margin-bottom:16px;padding:8px;transition:border-color .3s ease;width:100%}.date-input:focus{border-color:#3b82f6;outline:none}.primary-button{background-color:#1f2937;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s ease;width:100%}.primary-button:hover:not(:disabled){background-color:#374151;box-shadow:0 4px 12px #1f293726;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{background-color:#e5e7eb;border:none;border-radius:6px;color:#1f2937;cursor:pointer;font-size:16px;margin-top:32px;padding:8px 16px;transition:all .2s ease;width:100%}.secondary-button:hover{background-color:#d1d5db;transform:translateY(-1px)}.week-grid{align-items:center;display:flex;flex-direction:column;margin-top:32px;padding:0 50px;position:relative;width:100%}.week-cell{opacity:0;transform:scale(.3)}.year-label{opacity:0;transform:translateX(-30px)}.legend{opacity:0;transform:translateY(20px)}.section h2,.week-grid-title{opacity:1}.stats-container .section{opacity:0;transform:translateY(50px)}.year-row{align-items:center;display:flex;justify-content:center;margin-bottom:1px;max-width:600px;position:relative;width:100%}.year-label{color:#6b7280;flex-shrink:0;font-size:12px;left:0;position:absolute;text-align:right;width:30px;will-change:transform,opacity}.week-row{display:flex;justify-content:center}.week-cell{border-radius:50%;cursor:pointer;height:8px;margin:2px;transform-origin:center;transition:all .2s ease;width:8px;will-change:transform,opacity}.week-grid .week-cell{opacity:0;transform:scale(.3)}.week-grid .year-label{opacity:0;transform:translateX(-30px)}.week-cell:hover{box-shadow:0 0 8px #0000004d;position:relative;z-index:10}.week-past{background-color:#1f2937}.week-current{animation:pulse 2s infinite;background-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.week-future{background-color:#e5e7eb}.week-recent{background-color:#1f2937}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hover-info{animation:fadeInUp .3s ease;background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;color:#2150ad;font-size:14px;margin-top:16px;padding:8px 12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.legend{display:flex;font-size:14px;gap:16px;margin-top:24px;will-change:transform,opacity}.legend-item{align-items:center;display:flex}.legend-color{border-radius:2px;height:12px;margin-right:8px;width:12px}.debug-info{background-color:#f3f4f6;border-radius:4px;color:#6b7280;font-size:14px;margin-bottom:24px;margin-top:24px;padding:8px;text-align:center}.stats-container{margin-top:32px}.stats-content{display:flex;flex-direction:column;gap:16px}.stats-content p{color:#6b7280;line-height:1.6;margin:0}.stats-content strong{color:#1f2937;font-weight:500}.breaths,.days-lived,.heartbeats,.percentage-lived,.weeks-lived{display:inline-block;transition:all .3s ease}.week-grid-title{will-change:transform,opacity}.loading{opacity:.7;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.week-cell{height:8px;margin:.8px;width:8px}.year-label{font-size:11px;left:0;width:25px}.week-grid{padding:0 40px}.container{padding:0 12px}.legend{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.week-cell{height:6px;margin:.5px;width:6px}.year-label{font-size:10px;left:0;width:20px}.week-grid{padding:0 35px}.container{padding:0 8px}.year-row{justify-content:center;max-width:100%}h1{font-size:20px}.legend{gap:12px}.section h2{margin-bottom:24px;margin-top:0}.debug-info{font-size:12px;line-height:1.4;margin-bottom:28px;margin-top:28px}}@media (max-width:480px){.week-cell{height:5px;margin:.3px;width:5px}.year-label{font-size:9px;left:0;width:18px}.week-grid{padding:0 30px}.app{padding:32px 16px 16px}.section{padding:16px}}@media (max-width:375px){.week-grid{margin:16px auto;max-width:300px;padding:0 25px}.week-cell{height:4px;margin:.25px;width:4px}.year-label{font-size:8px;left:0;width:16px}.section{padding:12px}.app{padding:24px 12px 12px}.container{padding:0 6px}h1{font-size:18px}.debug-info{font-size:11px;margin-bottom:20px;margin-top:20px;padding:6px}}@media (max-width:320px){.week-grid{margin:12px auto;max-width:280px;padding:0 20px}.week-cell{height:3.5px;margin:.2px;width:3.5px}.year-label{font-size:7px;left:20px;width:14px}.section{padding:10px}.app{padding:20px 8px 8px}.container{padding:0 4px}.section h2,h1{font-size:16px}.debug-info,.section h2{margin-bottom:16px}.debug-info{font-size:10px;margin-top:16px;padding:4px}.legend{flex-wrap:wrap;gap:8px}.legend-item{font-size:12px}}
/*# sourceMappingURL=main.61fcdfd5.css.map*/