.container-base{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-base{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-base{padding-left:2rem;padding-right:2rem}}.navbar{border-bottom-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.navbar-container{display:flex;height:4rem;justify-content:space-between}.navbar-brand{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--warm-blue);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out}.navbar-brand:hover{opacity:.9}.navbar-link{display:inline-flex;align-items:center;padding:.5rem .75rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.navbar-link:hover{color:var(--warm-blue)}.navbar-profile-button{display:flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;border-color:var(--light-gray);padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.navbar-profile-button:hover{--tw-bg-opacity:0.8}.navbar-profile-menu{position:absolute;right:0;z-index:50;margin-top:.5rem;width:12rem;border-radius:.375rem;background-color:var(--soft-white);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--light-gray);--tw-ring-opacity:0.05}.navbar-profile-menu-item{display:block;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.navbar-profile-menu-item:hover{background-color:var(--light-beige)}.navbar-mobile-menu{position:fixed;inset:0;z-index:50;background-color:var(--soft-white)}@media (min-width:640px){.navbar-mobile-menu{display:none}}.navbar-mobile-link{display:block;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.navbar-mobile-link:hover{color:var(--warm-blue)}.home-container{height:100vh;overflow:hidden;background-color:var(--light-beige)}.home-header{margin-bottom:2rem;text-align:center}.home-title{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--charcoal-gray)}@media (min-width:640px){.home-title{font-size:3rem;line-height:1}}@media (min-width:768px){.home-title{font-size:3.75rem;line-height:1}}.home-subtitle{font-size:1.125rem;line-height:1.75rem;color:var(--charcoal-gray)}@media (min-width:640px){.home-subtitle{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.home-subtitle{font-size:1.5rem;line-height:2rem}}.home-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-card{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;border-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center}.home-card,.home-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.home-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.home-card-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.home-card-description{color:var(--charcoal-gray)}.quick-actions{margin-top:3rem;margin-bottom:2rem}.quick-actions-title{margin-bottom:1.5rem;font-size:1.5rem;line-height:2rem;font-weight:600;color:var(--warm-blue)}.quick-actions-container{display:flex;flex-wrap:wrap;gap:1rem}.button-primary{border-radius:.5rem;background-color:var(--sunset-orange);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.button-secondary{border-radius:.5rem;background-color:var(--leaf-green);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.button-tertiary{border-radius:.5rem;background-color:var(--warm-blue);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-tertiary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}@media (max-width:640px){.home-grid,.quick-actions{padding-left:1rem;padding-right:1rem}.home-card{padding:1rem}.home-title{font-size:1.875rem;line-height:2.25rem}.home-subtitle{font-size:1rem;line-height:1.5rem}}@media (prefers-color-scheme:dark){.home-card{--tw-bg-opacity:0.95}}.family-container{height:100vh;overflow:hidden;background-color:var(--light-beige)}.family-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.family-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--warm-blue)}.family-add-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;background-color:var(--sunset-orange);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.family-add-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.9}.family-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.family-card{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:.75rem;border-left-width:4px;background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center}.family-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.family-card-parent{border-color:var(--warm-blue)}.family-card-child{border-color:var(--sunset-orange)}.family-card-grandparent{border-color:var(--leaf-green)}.family-card-sibling{--tw-border-opacity:1;border-color:rgb(155 107 158/var(--tw-border-opacity))}.family-card-other{--tw-border-opacity:1;border-color:rgb(124 152 179/var(--tw-border-opacity))}.family-card-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--charcoal-gray)}.family-card-relation{margin-bottom:.5rem;font-weight:500;color:var(--warm-blue)}.family-card-info{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray)}.family-card-stats{margin-top:1rem;border-top-width:1px;border-color:var(--light-gray);padding-top:1rem}.family-card-stats-title{margin-bottom:.5rem;font-weight:500;color:var(--warm-blue)}.family-card-stats-value{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray)}.member-detail-container{width:100%}@media (min-width:640px){.member-detail-container{max-width:640px}}@media (min-width:768px){.member-detail-container{max-width:768px}}@media (min-width:1024px){.member-detail-container{max-width:1024px}}@media (min-width:1280px){.member-detail-container{max-width:1280px}}@media (min-width:1536px){.member-detail-container{max-width:1536px}}.member-detail-container{margin-left:auto;margin-right:auto;padding:2rem 1rem}.member-detail-header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.member-back-button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:var(--light-beige);padding:.5rem 1rem;color:var(--charcoal-gray);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition:all .3s cubic-bezier(.4,0,.2,1)}.member-back-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-bg-opacity:0.8}.member-detail-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--warm-blue)}.member-detail-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width:768px){.member-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.member-detail-card{border-radius:.75rem;background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.member-detail-card-title{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.member-detail-info{margin-bottom:.5rem;color:var(--charcoal-gray)}.height-table-container{overflow-x:auto;border-radius:.75rem;background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.height-table-container{grid-column:span 2/span 2}}.height-table{min-width:100%}.height-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--warm-blue)}.height-table-row{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.height-table-row:hover{background-color:var(--light-beige)}.height-table-cell{white-space:nowrap;padding:1rem 1.5rem;color:var(--charcoal-gray)}.form-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--charcoal-gray)}.form-input{margin-top:.25rem;display:block;width:100%;border-radius:.5rem;border-color:var(--light-gray);background-color:var(--soft-white);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.form-input:focus{border-color:var(--warm-blue);--tw-ring-color:var(--warm-blue)}.form-submit{border-radius:.5rem;background-color:var(--warm-blue);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.milestone-container{width:100%}@media (min-width:640px){.milestone-container{max-width:640px}}@media (min-width:768px){.milestone-container{max-width:768px}}@media (min-width:1024px){.milestone-container{max-width:1024px}}@media (min-width:1280px){.milestone-container{max-width:1280px}}@media (min-width:1536px){.milestone-container{max-width:1536px}}.milestone-container{margin-left:auto;margin-right:auto;background-color:var(--light-beige);padding:2rem 1rem}.milestone-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.milestone-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--warm-blue)}.milestone-add-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;background-color:var(--sunset-orange);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.milestone-add-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.9}.timeline-container{position:relative;width:100%;height:600px;background:linear-gradient(180deg,#e6f7ff,#fff);padding:20px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-container:active{cursor:grabbing}.timeline-content{position:relative;height:100%}.timeline-entry{position:absolute;transform:translateY(-50%);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;z-index:2}.timeline-entry.selected,.timeline-entry:hover{transform:translateY(-60%) scale(1.05)}.timeline-entry.selected .glowing-circle{box-shadow:0 0 15px #00bcd4}.timeline-entry.selected .date-title{background-color:hsla(0,0%,100%,.95)}.above{top:20%}.below{top:80%}.glowing-circle{width:20px;height:20px;background-color:#00bcd4;border-radius:50%;box-shadow:0 0 10px #00bcd4;margin-bottom:10px}.date-title{text-align:center;background-color:hsla(0,0%,100%,.8);padding:5px;border-radius:8px;font-weight:700;margin-bottom:5px;color:#333}.member-name{text-align:center;font-size:.9rem;color:#666;margin-bottom:10px}.image-slider{width:100px;height:100px;overflow:hidden;position:relative;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.slider-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.marker{padding:4px 8px;background-color:hsla(0,0%,100%,.8);border-radius:4px;z-index:1}.marker,.marker.month{color:#00bcd4;font-size:.8rem}.marker.month{top:40%}.marker.year{color:#00838f;font-size:1rem;font-weight:700}.entry-detail{position:fixed;bottom:10%;left:50%;transform:translateX(-50%);width:80%;max-width:600px;background-color:#fff;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:15px;z-index:100}.entry-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.entry-detail h2{font-size:1.5rem;margin:0;color:var(--warm-blue)}.entry-detail-close{background:none;border:none;font-size:1.5rem;color:var(--charcoal-gray);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.entry-detail-close:hover{background-color:var(--light-beige);color:var(--warm-blue)}.entry-detail p{font-size:1rem;color:var(--charcoal-gray);margin:0}.timeline-container::-webkit-scrollbar{display:none}.timeline-container{-ms-overflow-style:none;scrollbar-width:none}.transition-opacity{transition:opacity .2s ease-in-out}.milestone-entry{position:relative;margin-bottom:2rem;display:flex;align-items:center}.milestone-entry-content{margin-left:2rem;margin-right:2rem;width:calc(50% - 2rem);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;background-color:var(--soft-white);padding:1rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center}.milestone-entry-content,.milestone-entry-content:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.milestone-entry-content:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.milestone-entry-above{align-self:flex-start}.milestone-entry-below{align-self:flex-end}.milestone-entry-dot{position:absolute;left:50%;height:1rem;width:1rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:4px;border-color:var(--soft-white);transform-origin:center}.milestone-entry-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.milestone-entry-date{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem}.milestone-entry-date,.milestone-entry-description{color:var(--charcoal-gray)}.milestone-entry-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.milestone-tag{border-radius:9999px;background-color:var(--light-beige);padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--charcoal-gray)}.milestone-modal{margin-left:1rem;margin-right:1rem;width:100%;max-width:42rem;border-radius:.75rem;background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.milestone-modal-header{margin-bottom:1rem;display:flex;align-items:flex-start;justify-content:space-between}.milestone-modal-title{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--warm-blue)}.milestone-modal-close{color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.milestone-modal-close:hover{color:var(--warm-blue)}.milestone-modal-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.milestone-modal-section{border-top-width:1px;border-color:var(--light-gray);padding-top:1rem}.milestone-modal-label{font-size:.875rem;line-height:1.25rem;font-weight:500}.milestone-modal-label,.milestone-modal-value{color:var(--charcoal-gray)}.entry-form{margin-left:auto;margin-right:auto;max-height:90vh;width:100%;max-width:42rem}.entry-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.entry-form{overflow-y:auto;border-radius:.75rem;padding:1.5rem}.entry-form,.entry-form-title{background-color:var(--soft-white)}.entry-form-title{position:sticky;top:0;margin-bottom:1.5rem;padding-top:.5rem;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--warm-blue)}.entry-form-field{margin-bottom:1rem}.entry-form-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.entry-form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--charcoal-gray)}.entry-form-input{width:100%;border-radius:.5rem;border-width:2px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-form-input:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--warm-blue)}.entry-form-input:focus{border-color:var(--warm-blue);--tw-ring-color:var(--warm-blue)}.entry-form-select{border-radius:.5rem;border-width:2px;background-color:var(--soft-white);padding:.625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-form-select:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--warm-blue)}.entry-form-select:focus{--tw-ring-color:var(--warm-blue)}.entry-form-select[multiple]{max-height:200px;min-height:120px}.entry-form-select option{cursor:pointer;padding:.5rem .75rem}.entry-form-select option:hover{background-color:var(--light-beige)}.entry-form-select option:checked{background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.entry-form-textarea{min-height:120px;width:100%;border-radius:.5rem;border-width:2px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-form-textarea:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--warm-blue)}.entry-form-textarea:focus{border-color:var(--warm-blue);--tw-ring-color:var(--warm-blue)}.entry-form-button{width:auto;min-width:120px;border-radius:.5rem;background-color:var(--warm-blue);padding:.625rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-form-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.entry-form-button:disabled{cursor:not-allowed;opacity:.5}.entry-form-error{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.entry-form-group{margin-bottom:1rem;border-radius:.5rem;border-width:1px;border-color:var(--light-gray);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.entry-form-group:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.entry-form-group-title{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--warm-blue)}.label-input-group{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.label-input-group input{flex:1 1 0%}.label-input-group button{border-radius:.5rem;padding:.5rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.label-input-group button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);color:var(--warm-blue)}.add-label-button{display:flex;align-items:center;gap:.25rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--warm-blue);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-label-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);background-color:var(--light-beige);--tw-text-opacity:0.8}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.3);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{margin-left:1rem;margin-right:1rem;display:flex;max-height:90vh;width:100%;max-width:42rem;flex-direction:column;border-radius:.75rem;background-color:var(--soft-white);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal-body{overflow-y:auto;padding:1.5rem}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--soft-white);padding:1rem}.form-section-divider,.modal-footer{border-top-width:1px;border-color:var(--light-gray)}.form-section-divider{margin-top:1.5rem;margin-bottom:1.5rem}.required-field:after{content:"*";margin-left:.25rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.field-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray);opacity:.75}.family-filter>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.family-filter-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.family-filter-list{display:flex;flex-wrap:wrap;gap:.5rem}.family-filter-item{cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.family-filter-item-active{background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.family-filter-item-inactive{background-color:var(--soft-white);color:var(--charcoal-gray)}.family-filter-item-inactive:hover{background-color:var(--light-gray)}.date-picker-calendar{border-radius:.5rem;border-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.date-picker-calendar:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.react-datepicker{border-color:var(--light-gray);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.react-datepicker__header{border-bottom-width:1px;border-color:var(--light-gray);background-color:var(--light-beige)}.react-datepicker__current-month{font-weight:600;color:var(--charcoal-gray)}.react-datepicker__day-name{font-weight:500;color:var(--warm-blue)}.react-datepicker__day{border-radius:9999px;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.react-datepicker__day:hover{background-color:var(--light-beige)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected,.react-datepicker__day--selected:hover{background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.react-datepicker__day--today{font-weight:700;color:var(--sunset-orange)}.react-datepicker__navigation{top:.5rem}.react-datepicker__navigation-icon:before{border-color:var(--charcoal-gray)}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{border-radius:.5rem;border-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.react-datepicker__month-dropdown:hover,.react-datepicker__year-dropdown:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.react-datepicker__month-option,.react-datepicker__year-option{padding-top:.5rem;padding-bottom:.5rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:var(--light-beige)}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.react-datepicker__input-container input{width:100%;border-radius:.5rem;border-width:2px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.react-datepicker__input-container input:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--warm-blue)}.react-datepicker__input-container input:focus{border-color:var(--warm-blue);--tw-ring-color:var(--warm-blue)}.react-datepicker-popper{z-index:50}.react-datepicker__close-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.react-datepicker__close-icon:after{content:var(--tw-content);background-color:var(--charcoal-gray)}.react-datepicker__close-icon:hover:after{content:var(--tw-content);background-color:var(--warm-blue)}@media (max-width:640px){.react-datepicker__month-container{width:100%}.react-datepicker__day{height:2rem;width:2rem;line-height:2rem}}.filter-section{margin-bottom:1.5rem;border-radius:.75rem;background-color:var(--soft-white);padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter-header{margin-bottom:.75rem}.filter-title{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.filter-description{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray);opacity:.75}.filter-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-item{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.filter-item-active{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform-origin:center}.filter-item-inactive{background-color:var(--light-beige);color:var(--charcoal-gray)}.filter-item-inactive:hover{background-color:var(--light-gray)}.filter-icon{color:inherit;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.filter-divider{margin-top:1rem;margin-bottom:1rem;border-top-width:1px;border-color:var(--light-gray)}.model-view-modal{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem}.model-view{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;border-radius:.75rem;background-color:var(--soft-white);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.model-view-header{padding:1.5rem}.model-view-title{font-size:1.5rem;line-height:2rem}.model-view-content{gap:1rem}.model-view-section{padding-bottom:1rem}.model-view-footer{margin-top:1.5rem;padding-top:1rem}.activities-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.activities-header{display:flex;align-items:center;justify-content:space-between}.activities-add-button{border-radius:.5rem;background-color:var(--warm-blue);padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-add-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.activities-calendar{width:100%;overflow-x:auto}.activities-grid{display:grid;min-width:1000px;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;padding:1rem}.activities-day{border-radius:.5rem;border-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.activities-day:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.activities-day-header{border-bottom-width:1px;border-color:var(--light-gray);padding-bottom:.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.activities-time-section{margin-top:.5rem}.activities-time-header{border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-color:var(--light-beige);padding:.5rem}.activities-time-header-pm{border-top-width:2px;border-color:var(--light-gray)}.activities-time-title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--charcoal-gray)}.activities-time-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.activities-time-content{padding:.5rem}.activity-card{cursor:pointer;border-radius:.5rem;border-left-width:4px;background-color:var(--soft-white);padding:.75rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.activity-card-sports{border-color:var(--sunset-orange)}.activity-card-education{border-color:var(--warm-blue)}.activity-card-leisure{border-color:var(--leaf-green)}.activity-card-default{border-color:var(--light-gray)}.activity-card-title{font-weight:500;color:var(--charcoal-gray)}.activity-card-details{margin-top:.5rem}.activity-card-details>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.activity-card-details{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray)}.activity-card-detail{display:flex;align-items:center;gap:.25rem}.activity-card-detail-icon{height:1rem;width:1rem}.activity-card-members{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.activity-card-member{border-radius:9999px;background-color:var(--light-beige);padding:.25rem .5rem;font-size:.75rem;line-height:1rem;color:var(--charcoal-gray)}.member-action-button{margin-top:.5rem;height:2rem;width:2rem;border-radius:9999px;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.member-action-button-add{background-color:var(--warm-blue);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.member-action-button-add:hover{opacity:.4}.member-action-button-remove{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.member-action-button-remove:hover{opacity:.4}.activity-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}.activity-modal-content{margin-left:auto;margin-right:auto;width:100%;max-width:32rem;border-radius:.75rem;background-color:var(--soft-white);padding:1.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:640px){.activities-grid{min-width:100%;grid-template-columns:repeat(1,minmax(0,1fr))}.activities-day{margin-bottom:1rem}.activity-card{padding:.5rem}}.chores-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.chores-container{background-color:var(--light-beige);padding:1rem}.chores-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.chores-title{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--warm-blue)}.chores-add-button{border-radius:.5rem;background-color:var(--sunset-orange);padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.chores-add-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.9}.chores-calendar{width:100%;overflow-x:auto}.chores-grid{display:grid;min-width:1000px;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;padding:1rem}.chores-day{border-radius:.5rem;border-width:1px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.chores-day:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.chores-day-header{border-bottom-width:1px;border-color:var(--light-gray);padding-bottom:.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.chores-status-section{margin-top:.5rem}.chores-status-header{border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.5rem}.chores-status-header-pending{background-color:var(--light-beige)}.chores-status-header-overdue{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.chores-status-header-completed{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.chores-status-title{font-size:.875rem;line-height:1.25rem;font-weight:500}.chores-status-title-pending{color:var(--charcoal-gray)}.chores-status-title-overdue{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.chores-status-title-completed{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.chores-status-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.chores-status-content{padding:.5rem}.chore-card{cursor:pointer;border-radius:.5rem;border-width:1px;background-color:var(--soft-white);padding:.75rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition:all .3s cubic-bezier(.4,0,.2,1)}.chore-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chore-card-completed{opacity:.75}.chore-card-header{margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:space-between}.chore-card-title{font-weight:500;color:var(--charcoal-gray)}.chore-card-description{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray)}.chore-card-priority{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.chore-card-priority-high{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity));position:relative;overflow:hidden;transition:transform .3s ease}.chore-card-priority-high:hover{transform:translateY(-2px)}.chore-card-priority-high:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transform:rotate(45deg);animation:shine 4s cubic-bezier(.4,0,.2,1) infinite}.chore-card-priority-medium{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.chore-card-priority-low{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity));position:relative;overflow:hidden;transition:transform .3s ease}.chore-card-priority-low:hover{transform:translateY(-2px)}.chore-card-priority-low:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transform:rotate(45deg);animation:shine 4s cubic-bezier(.4,0,.2,1) infinite}.chore-card-details{margin-top:.5rem}.chore-card-details>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.chore-card-details{font-size:.875rem;line-height:1.25rem;color:var(--charcoal-gray)}.chore-card-detail{display:flex;align-items:center;gap:.25rem}.chore-card-detail-icon{height:1rem;width:1rem}.unassigned-chores{margin-bottom:1.5rem;border-radius:.5rem;background-color:var(--soft-white);padding:1rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.unassigned-chores:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.unassigned-chores-header{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--warm-blue)}.unassigned-chores-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.unassigned-chore-card{border-radius:.5rem;border-width:1px;border-color:var(--light-gray);padding:.75rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.unassigned-chore-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.unassigned-chore-assign{flex:1 1 0%;border-radius:.375rem;border-width:1px;border-color:var(--light-gray);padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.unassigned-chore-assign:focus{border-color:var(--warm-blue);--tw-ring-color:var(--warm-blue)}@media (max-width:640px){.chores-grid{min-width:100%;grid-template-columns:repeat(1,minmax(0,1fr))}.chores-day{margin-bottom:1rem}.chore-card{padding:.5rem}}.custom-select{position:relative}.custom-select select{width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border-width:0 0 2px;border-color:var(--light-gray);background-color:var(--soft-white);padding:.5rem 2rem .5rem 0;font-size:1rem;line-height:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.custom-select select:focus,.custom-select select:hover{border-bottom-color:var(--warm-blue)}.custom-select select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.custom-select:after{content:"";pointer-events:none;position:absolute;right:0;top:50%;height:1.25rem;width:1.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-position:50%;background-repeat:no-repeat;opacity:.6;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.custom-select:focus-within:after{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transform-origin:center}.custom-select select[multiple]{max-height:200px;min-height:120px;border-top-left-radius:.375rem;border-top-right-radius:.375rem;border-width:0 0 2px;border-color:var(--light-gray);padding:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.custom-select select[multiple],.custom-select select[multiple]:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.custom-select select[multiple]:focus{border-bottom-width:2px;border-color:var(--warm-blue);--tw-shadow:0 1px 0 0 var(--warm-blue);--tw-shadow-colored:0 1px 0 0 var(--tw-shadow-color)}.custom-select select[multiple] option{cursor:pointer;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.custom-select select[multiple] option:checked,.custom-select select[multiple] option:hover{background-color:var(--warm-blue);--tw-bg-opacity:0.05}.custom-select select[multiple] option:checked{font-weight:500;color:var(--warm-blue)}.custom-select select:disabled{cursor:not-allowed;border-bottom-width:1px;border-style:dashed;border-color:var(--light-gray);background-color:var(--light-gray);--tw-bg-opacity:0.05;opacity:.5}.entry-form-select{width:100%;cursor:pointer;border-radius:0;border-width:0 0 2px;border-color:var(--light-gray);background-color:transparent;padding:.5rem 0;font-size:1rem;line-height:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.entry-form-select:focus{border-bottom-width:2px;border-color:var(--warm-blue);--tw-shadow:0 1px 0 0 var(--warm-blue);--tw-shadow-colored:0 1px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.entry-form-select-option{cursor:pointer;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.entry-form-select-option:hover{background-color:var(--warm-blue);--tw-bg-opacity:0.05}.delete-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.delete-button:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.delete-button svg{height:1.25rem;width:1.25rem}.delete-modal{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:28rem;overflow:hidden;border-radius:.75rem;background-color:var(--soft-white);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.delete-modal-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));padding:1rem 1.5rem}.delete-modal-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.delete-modal-title svg{height:1.25rem;width:1.25rem}.delete-modal-body{padding:1rem 1.5rem}.delete-modal-message{margin-bottom:.5rem;color:var(--charcoal-gray)}.delete-modal-warning{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.delete-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;border-top-width:1px;border-color:var(--light-gray);--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:1rem 1.5rem}.delete-modal-cancel{border-radius:.5rem;padding:.5rem 1rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-modal-cancel:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);background-color:var(--light-gray)}.delete-modal-confirm{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.delete-modal-confirm svg{height:1rem;width:1rem}.delete-modal-overlay{position:fixed;inset:0;z-index:60;background-color:rgba(0,0,0,.3);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:fade-in .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.delete-modal-content{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;animation:scale-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.recipe-container{width:100%}@media (min-width:640px){.recipe-container{max-width:640px}}@media (min-width:768px){.recipe-container{max-width:768px}}@media (min-width:1024px){.recipe-container{max-width:1024px}}@media (min-width:1280px){.recipe-container{max-width:1280px}}@media (min-width:1536px){.recipe-container{max-width:1536px}}.recipe-container{margin-left:auto;margin-right:auto;padding:2rem 1rem}.recipe-header{margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.recipe-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--warm-blue)}.recipe-actions{display:flex;gap:1rem}.recipe-add-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;background-color:var(--sunset-orange);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-add-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-scale-x:1.05;--tw-scale-y:1.05;opacity:.9}.recipe-add-button:hover,.recipe-random-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.recipe-random-button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background-color:var(--leaf-green);padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-random-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.9}.recipe-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.recipe-card{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:.5rem;background-color:var(--soft-white);padding:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform-origin:center}.recipe-card:hover{animation:scale-102 .2s ease-out forwards}.recipe-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.recipe-card-image{position:relative;margin-bottom:1rem;height:12rem;overflow:hidden;border-radius:.25rem}.recipe-card-header{margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:space-between}.recipe-card-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.recipe-card-title:hover{color:var(--warm-blue)}.recipe-favorites{display:flex}.recipe-favorites>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.recipe-favorite-avatar{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity));position:relative;overflow:hidden;transition:transform .3s ease}.recipe-favorite-avatar:hover{transform:translateY(-2px)}.recipe-favorite-avatar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transform:rotate(45deg);animation:shine 4s cubic-bezier(.4,0,.2,1) infinite}.recipe-favorite-avatar{group:recipe-favorite}.recipe-favorite-icon{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.recipe-favorite-tooltip{position:absolute;bottom:100%;left:50%;margin-bottom:.5rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:opacity .2s ease-in-out;transform-origin:center}.group-[recipe-favorite]:hover .recipe-favorite-tooltip{opacity:1}.recipe-card-description{margin-bottom:.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.recipe-card-stats{display:flex;justify-content:space-between;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.recipe-card-stat{display:flex;align-items:center;gap:.25rem}.recipe-labels{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.recipe-label{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.recipe-label-cuisine{background-color:var(--sunset-orange);--tw-bg-opacity:0.2;color:var(--sunset-orange)}.recipe-label-mealType{background-color:var(--leaf-green);--tw-bg-opacity:0.2;color:var(--leaf-green)}.recipe-label-dietary{background-color:var(--warm-blue);--tw-bg-opacity:0.2;color:var(--warm-blue)}@keyframes pulse{50%{opacity:.5}}.recipe-card-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.5rem;background-color:var(--soft-white);padding:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-card-skeleton:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.recipe-skeleton-image{margin-bottom:1rem;height:12rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.recipe-skeleton-title{height:1.5rem;width:75%}.recipe-skeleton-description,.recipe-skeleton-title{margin-bottom:.5rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.recipe-skeleton-description{height:1rem}.recipe-skeleton-stats{display:flex;justify-content:space-between}.recipe-skeleton-stat{height:1rem;width:4rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}@keyframes scale-102{to{transform:scale(1.02)}}.transform{transform-origin:center}.hover\:scale-102:hover{animation:scale-102 .2s ease-out forwards}.recipe-add-me-button{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.recipe-add-me-button:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.loading-spinner{height:1rem;width:1rem;animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-border-opacity:1;border-top-color:rgb(75 85 99/var(--tw-border-opacity))}@keyframes spin{to{transform:rotate(1turn)}}.timeline-wrapper{position:relative;width:100%}.timeline-zoom-controls{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;gap:4px;z-index:10;background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.timeline-zoom-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--light-gray);border-radius:4px;font-size:18px;cursor:pointer;transition:all .2s ease;color:var(--charcoal-gray)}.timeline-zoom-button:hover{background-color:var(--light-beige);color:var(--warm-blue)}.timeline-zoom-button:active{transform:scale(.95)}.timeline-content{transition:transform .3s ease}.timeline-entry{transform-origin:center center}.group-entry .glowing-circle.multiple{background-color:#ff9800;box-shadow:0 0 10px #ff9800}.group-entry .image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100px;height:100px}.group-entry .image-preview{width:100%;height:100%;overflow:hidden;border-radius:4px}.group-entry .image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.group-detail{position:fixed;bottom:10%;left:50%;transform:translateX(-50%);width:90%;max-width:800px;max-height:80vh;background-color:#fff;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:15px;z-index:100;overflow-y:auto}.group-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0;background-color:#fff;padding:10px 0}.group-milestone-card{padding:15px;border:1px solid var(--light-gray);border-radius:8px;margin-bottom:15px;cursor:pointer;transition:all .2s ease}.group-milestone-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.group-milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group-milestone-images{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.group-milestone-images img{height:80px;width:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.timeline-zoom-level{text-align:center;padding:4px 8px;font-size:.875rem;color:var(--warm-blue);font-weight:500;border-bottom:1px solid var(--light-gray);margin-bottom:4px}.model-view-close{top:auto;right:auto}.aspect-w-16{position:relative;width:100%;padding-top:56.25%}.aspect-w-16>video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.model-view-content{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;padding:1.5rem}@media (min-width:768px){.model-view-content{grid-template-columns:repeat(2,minmax(0,1fr))}}.model-view-details>:not([hidden])~:not([hidden]){margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}@media (min-width:768px){.model-view-details:only-child{grid-column:span 2/span 2}}.model-view-images-panel>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.model-view-main-image{position:relative;height:250px;width:100%;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--light-gray);transition:all .3s cubic-bezier(.4,0,.2,1)}.model-view-main-image:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.model-view-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.model-view-thumbnail{position:relative;height:5rem;width:100%;cursor:pointer;overflow:hidden;border-radius:.5rem;border-width:2px;border-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .3s cubic-bezier(.4,0,.2,1)}.model-view-thumbnail:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.model-view-thumbnail.selected,.model-view-thumbnail:hover{border-color:var(--warm-blue)}.model-view-container{margin-left:auto;margin-right:auto;width:100%;max-width:42rem;overflow:hidden;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.model-view-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:var(--light-gray);padding:1rem}.model-view-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--warm-blue)}.model-view-close{border-radius:9999px;padding:.75rem;color:var(--charcoal-gray);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.model-view-close:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));color:var(--warm-blue)}.model-view-close{position:static}.model-view-content{max-height:calc(100vh - 28rem);overflow-y:auto;padding:1rem}.model-view-section{margin-bottom:.75rem;border-bottom-width:1px;border-color:var(--light-gray);padding-bottom:.75rem}.model-view-section:last-child{margin-bottom:0;border-bottom-width:0;padding-bottom:0}.model-view-details>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.model-view-footer{margin-top:1rem;border-top-width:1px;border-color:var(--light-gray);padding-top:.75rem}.photo-gallery-container{width:100%}@media (min-width:640px){.photo-gallery-container{max-width:640px}}@media (min-width:768px){.photo-gallery-container{max-width:768px}}@media (min-width:1024px){.photo-gallery-container{max-width:1024px}}@media (min-width:1280px){.photo-gallery-container{max-width:1280px}}@media (min-width:1536px){.photo-gallery-container{max-width:1536px}}.photo-gallery-container{margin-left:auto;margin-right:auto;padding:2rem 1rem}.photo-gallery-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.photo-gallery-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--warm-blue)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width:768px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.photo-item{position:relative;aspect-ratio:1/1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;overflow:hidden;border-radius:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.photo-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1);--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.9}.photo-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:1rem}.photo-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.9);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.photo-modal-content{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.photo-modal-close{position:absolute;top:1rem;right:1rem;z-index:80;border-radius:9999px;background-color:rgba(0,0,0,.5);padding:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.photo-modal-close:hover{background-color:rgba(0,0,0,.7);--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.photo-modal-image-container{position:relative;height:100%;width:100%}.photo-modal-image{-o-object-fit:contain;object-fit:contain}.photo-fade-enter{opacity:0}.photo-fade-enter-active{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transition:opacity .2s ease-in-out}.photo-fade-exit{opacity:1}.photo-fade-exit-active{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1);transition:opacity .2s ease-in-out}.slider-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.image-slider video{border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.group-entry .image-preview video,.preview-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.snowflake{-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.snowflake,.twinkling-light{pointer-events:none;z-index:1}.twinkling-light{box-shadow:0 0 15px #fef08a,0 0 25px #fef08a,0 0 35px #fef08a;animation:twinkle 2s ease-in-out infinite}.text-5xl{text-shadow:0 0 15px hsla(0,0%,100%,.7),0 0 30px hsla(0,0%,100%,.5);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-green-100,.bg-red-100{position:relative;overflow:hidden;transition:transform .3s ease}.bg-green-100:hover,.bg-red-100:hover{transform:translateY(-2px)}.bg-green-100:after,.bg-red-100:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transform:rotate(45deg);animation:shine 4s cubic-bezier(.4,0,.2,1) infinite}.from-red-600{animation:backgroundShimmer 8s ease-in-out infinite}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes backgroundShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rounded-lg{transition:all .3s cubic-bezier(.4,0,.2,1)}.rounded-lg:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.family-tree{display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-x:auto;min-width:-moz-min-content;min-width:min-content}.family-tree-level{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative}.family-tree-parents{position:relative;margin-bottom:3rem}.family-tree-children{position:relative}