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}.about-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.about-modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-height:85vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;text-align:left;width:85%}.about-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px}.about-modal-close:hover{background-color:#f0f0f0;color:#333}.about-modal-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px;text-align:left}.about-modal-header h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.about-subtitle{color:#666;font-size:16px;font-style:italic}.about-modal-body{display:flex;flex-direction:column;gap:15px;padding:0 5px;text-align:left}.about-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:8px;padding:12px;text-align:left}.about-section h3{border-bottom:1px solid #e0e0e0;color:#2196f3;font-size:18px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.about-paragraph{color:#444;font-size:15px;font-weight:400;line-height:1.4;margin-bottom:8px}.about-paragraph a{color:#2196f3;font-weight:500;text-decoration:none;transition:color .2s ease}.about-paragraph a:hover{color:#0d8aee;text-decoration:underline}.about-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style-type:none;margin:0;padding:0;text-align:left}.about-features li{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#444;display:flex;font-size:16px;gap:10px;padding:12px 20px}.about-features li:before{color:#2196f3;content:"✓";font-weight:700}@media (max-width:768px){.about-modal-content{padding:20px;width:95%}.about-modal-header h2{font-size:24px}.about-features{grid-template-columns:1fr}}.navbar{left:0;padding:1.5rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar,.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.navbar.scrolled{box-shadow:0 2px 10px #0000001a;padding:1rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-brand,.navbar-container{align-items:center;display:flex}.navbar-logo{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:3.5rem}.navbar-link{color:#333;font-size:1.1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:color .3s ease}.navbar-link.active,.navbar-link:hover{color:#000}.navbar-link.active:after{transform:scaleX(1)}.navbar-link.active:after,.navbar-link:not(.active):after{background-color:#000;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:transform .3s ease;width:100%}.navbar-link:not(.active):after{transform:scaleX(0)}.navbar-link:hover:after{transform:scaleX(1)}.navbar-auth,.user-profile{align-items:center;display:flex}.user-profile{gap:1rem}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.sign-out-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.sign-out-button:hover{background:#0000000d;color:#000}.login-button{background:#000;border-radius:4px;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-button:hover{background:#333;transform:translateY(-1px)}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1001}.menu-icon{display:block;position:relative}.menu-icon,.menu-icon:after,.menu-icon:before{background:#000;height:2px;transition:all .3s ease;width:24px}.menu-icon:after,.menu-icon:before{content:"";position:absolute}.menu-icon:before{top:-8px}.menu-icon:after{bottom:-8px}.menu-icon.open{background:#0000}.menu-icon.open:before{top:0;transform:rotate(45deg)}.menu-icon.open:after{bottom:0;transform:rotate(-45deg)}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0000001a;display:none;left:50%;margin-top:0;min-width:200px;padding:12px 0;position:absolute;top:calc(100% - 12px);transform:translateX(-50%);z-index:1001}.dropdown-content:before{background:#0000;content:"";height:12px;left:0;position:absolute;right:0;top:-12px}@media (min-width:769px){.dropdown:hover .dropdown-content{display:block}}@media (max-width:768px){.dropdown-content.show{display:block}}.dropdown-item{color:#333;display:block;font-size:1.1rem;padding:16px 24px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.dropdown-item:hover{background-color:#f5f5f5;color:#000}.dropdown-item.active{background-color:#f0f0f0;color:#000;font-weight:500}@media (max-width:768px){.navbar-container{padding:0 1rem}.mobile-menu-button{display:block}.navbar-links{background:#fffffffa;flex-direction:column;gap:2rem;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%}.navbar-links.mobile-open{right:0}.navbar-auth{background:#fffffffa;justify-content:center;padding:1rem;position:fixed;right:-100%;top:80px;transition:right .3s ease;width:100%}.navbar-auth.mobile-open{right:0}.navbar-logo{font-size:1.25rem}.user-profile{align-items:center;flex-direction:column}.login-button{text-align:center;width:100%}.dropdown-content{background:#0000;box-shadow:none;left:0;margin:0;min-width:100%;padding:0;position:static;transform:none}.dropdown-item{font-size:1.2rem;padding:20px;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;width:100%}.homepage{padding-top:0}.hero{align-items:center;background:#f5f5f5;display:flex;margin-top:80px;min-height:calc(100vh - 80px);padding:0 2rem;position:relative}.hero-overlay{background:linear-gradient(90deg,#00000080 0,#0000004d 50%,#0000001a);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{color:#333;padding-right:2rem;width:35%}.hero-image-container{position:relative;width:65%}.hero-image{background-position:50%;background-size:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:calc(100vh - 100px);width:100%}.hero h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1.5rem;justify-content:flex-start}.social-links{gap:1rem;margin-top:2rem}.social-link,.social-links{align-items:center;display:flex}.social-link{background:#0000001a;border-radius:50%;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#0003;transform:translateY(-2px)}.social-icon{fill:#333;height:20px;width:20px}.cta-button{border-radius:4px;font-size:1.1rem;font-weight:500;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#000;color:#fff}.cta-button.primary:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #000;color:#000}.cta-button.secondary:hover{background:#0000000d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.slide-indicators{bottom:2rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.slide-indicator{background:#0000;border:2px solid #333;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slide-indicator.active{background:#333;transform:scale(1.2)}.slide-indicator:hover{transform:scale(1.1)}.disclaimer{background:#ffffffe6;border-radius:4px;bottom:20px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:.9rem;padding:8px 16px;position:absolute;right:20px;z-index:2}.disclaimer p{margin:0}.image-placeholder{background:linear-gradient(45deg,#f3f3f3,#e0e0e0);border-radius:12px;height:400px;max-width:500px;width:100%}.features{background:#fafafa;padding:6rem 2rem}.features h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem}.feature-title{text-align:center}.feature-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;margin-top:1rem;max-width:100%;width:100%}.feature-card:nth-child(2) .feature-image{background-color:#fafafa;height:300px;object-fit:contain}.feature-card p{color:#666;line-height:1.6;text-align:center}.features-disclaimer{color:#666;font-size:.9rem;font-style:italic;margin-top:2rem;text-align:center}.cta-section{background:linear-gradient(45deg,#000,#333);color:#fff;padding:6rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-button.primary{background:#fff;color:#000}.cta-section .cta-button.primary:hover{background:#f0f0f0}.temperature-section{background:#fafafa;margin:0 auto;max-width:1200px;padding:2rem}.slide-arrow{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:2%;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:2}.slide-arrow:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.1)}.slide-arrow.prev{left:-25px}.slide-arrow.next{right:-25px}@media (max-width:768px){.hero{flex-direction:column;min-height:auto;padding:1rem}.hero-content{margin-bottom:1rem;padding-right:0;width:100%}.hero-image-container{aspect-ratio:4/3;position:relative;width:100%}.hero-image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.disclaimer,.slide-indicators{bottom:auto;margin-top:1rem;position:relative}.disclaimer{right:auto;text-align:center;width:100%}.features{padding:4rem 1rem}.features h2{font-size:2rem}.cta-section{padding:4rem 1rem}.cta-section h2{font-size:2rem}.slide-arrow{font-size:20px;height:40px;right:2%;top:50%;transform:translateY(-50%);width:40px}.social-links{justify-content:center;margin-top:1.5rem}.social-link{height:35px;width:35px}.social-icon{height:18px;width:18px}}@media screen and (max-width:768px){.profile-page{flex-direction:column;max-width:100vw;overflow-x:hidden;padding:60px 15px 15px;width:100%}.profile-container,.right-container{max-width:100%;overflow-x:hidden;width:100%}.right-container{margin-bottom:20px;order:-1}.profile-content,.recent-showers-list{max-width:100%;overflow-x:hidden;width:100%}.shower-entry{box-sizing:border-box;max-width:100%;width:100%}.shower-details{flex-wrap:wrap;gap:12px}.calendar-days{gap:4px}.shower-dot{height:28px;width:28px}.right-container .profile-picture{height:120px;width:120px}}.profile-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.profile-picture{border:1px solid #2196f3;box-shadow:0 1px 2px #0000001a;height:25px;width:25px}.profile-title{color:#333;font-size:2em;margin:0 0 20px;text-align:left;width:100%}@media screen and (max-width:768px){.profile-picture{height:20px;width:20px}.profile-title{font-size:1.5em}}.right-container .profile-picture{border:2px solid #2196f3;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:150px;object-fit:cover;width:150px}.device-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:80px 20px 20px;width:100%}.device-page h1{color:#333;font-size:1.8em;margin-bottom:2rem;text-align:left}.latest-shower{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:20px}.latest-shower h2{color:#333;font-size:1.4em;margin-bottom:15px;text-align:left}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:1rem;margin-bottom:.5rem}.stat-card p{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.chart-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:2rem;padding:1.5rem}.chart-container h3{color:#333;font-size:1.2em;margin-bottom:1rem;text-align:left}.shower-history{margin-top:3rem}.shower-history h2{color:#333;font-size:1.4em;margin-bottom:1.5rem;text-align:left}.shower-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shower-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.shower-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.shower-card h3{color:#2c3e50;font-size:1.1em;margin-bottom:1rem}.shower-card p{color:#666;font-size:.95em;margin:.5rem 0}.loading{color:#666}.error,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1.2rem;padding:2rem;text-align:center}.error{color:#dc3545}@media screen and (max-width:768px){.device-page{padding:60px 15px 15px}.shower-list,.stats-grid{grid-template-columns:1fr}.chart-container{padding:1rem}}.profile-page{box-sizing:border-box;display:flex;gap:20px;max-width:100vw;overflow-x:hidden;padding:80px 20px 20px;width:100%}.profile-container{text-align:left;width:70%}.right-container{display:flex;flex-direction:column;gap:20px;width:30%}.profile-content,.right-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.profile-content{text-align:left}.profile-section{margin-bottom:20px;text-align:left;width:100%}.profile-section h2{color:#333;display:block;margin-bottom:15px;text-align:left;width:100%}.recent-showers-list{width:100%}.shower-entry{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;margin-bottom:15px;min-height:100px;overflow:visible;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.shower-entry:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.shower-date{color:#2c3e50;font-size:1.1em;font-weight:600;margin-bottom:12px;position:relative;z-index:2}.shower-details{color:#555;display:flex;font-size:.95em;gap:24px;justify-content:flex-end;margin-left:auto;position:relative;z-index:2}.shower-details span{align-items:center;display:inline-flex;gap:6px}.shower-details span:before{background-color:#3498db;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.shower-entry p{color:#666;margin:0}.shower-graph{background:#0000;bottom:0;height:60px;left:0;opacity:.6;pointer-events:none;position:absolute;right:0}.shower-graph .recharts-wrapper{bottom:0;height:100%;left:0;position:absolute;right:0}.shower-graph .recharts-surface{overflow:visible}.calendar{width:100%}.calendar-header{margin-bottom:15px;text-align:center}.calendar-header h3{color:#333;margin:0}.calendar-grid{width:100%}.calendar-weekdays{color:#666;font-size:.8em;font-weight:600;margin-bottom:10px;text-align:center}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-days{grid-gap:8px;gap:8px}.calendar-day{align-items:center;aspect-ratio:1;background-color:#f9f9f9;border-radius:4px;display:flex;justify-content:center;padding:5px;position:relative}.calendar-day.empty{background-color:initial}.shower-dot{border-radius:50%;cursor:pointer;height:34px;position:relative;width:34px}.shower-dot:hover:after{animation:tooltipFade .2s ease-out;background:#000c;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.9rem;margin-bottom:8px;padding:8px 12px;white-space:nowrap}.shower-dot:hover:after,.shower-dot:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.shower-dot:hover:before{border:4px solid #0000;border-top-color:#000c;bottom:calc(100% - 4px);content:""}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media screen and (max-width:768px){.profile-page{flex-direction:column;max-width:100vw;overflow-x:hidden;padding:60px 15px 15px;width:100%}.profile-container,.right-container{max-width:100%;overflow-x:hidden;width:100%}.right-container{margin-bottom:20px;order:-1}.profile-content,.recent-showers-list{max-width:100%;overflow-x:hidden;width:100%}.shower-entry{box-sizing:border-box;max-width:100%;width:100%}.shower-details{flex-wrap:wrap;gap:12px}.calendar-days{gap:4px}.shower-dot{height:28px;width:28px}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.modal-content{animation:slideUp .3s ease-out;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0003;height:500px;max-width:800px;padding:2rem}.modal-close{background:#ffffffe6;box-shadow:0 2px 4px #0000001a;font-size:1.5rem;height:32px;line-height:1;padding:.5rem;right:1rem;top:1rem;width:32px;z-index:2}.modal-close:hover{background:#fff;box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:1.8rem;margin-bottom:.5rem}.modal-date{font-size:1.1rem}.modal-sections{grid-gap:2rem;display:grid;gap:2rem}.modal-section{background:#f8f9fa;border-radius:8px;padding:1.5rem}.modal-section h3{font-size:1.3rem;margin-bottom:1.5rem}.modal-stats{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-stat{gap:.5rem}.modal-stat-label{color:#666;font-size:.9rem}.modal-stat-value{color:#333;font-size:1.2rem;font-weight:500}.chart-section{background:#fff}.no-data{align-items:center;color:#666;display:flex;font-size:1.1rem;height:100%;justify-content:center;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{border-radius:12px;height:400px;padding:1.5rem;width:95%}.modal-close{right:.75rem;top:.75rem}.modal-stats{grid-template-columns:1fr 1fr}}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px;padding:10px}.page-button{background:none;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:14px;min-width:36px;padding:8px 12px;transition:all .2s ease}.page-button:hover{background-color:#f5f5f5;border-color:#2196f3;color:#2196f3}.page-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.pagination-ellipsis{color:#666;font-size:14px;padding:0 4px}.next-button{min-width:60px}@media (max-width:768px){.pagination{gap:4px}.page-button{font-size:13px;min-width:32px;padding:6px 10px}.next-button{min-width:50px}}.streak-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.streak-container h3{color:#333;font-size:1.2em;margin:0 0 10px}.streak-count{color:#2196f3;font-size:3em;font-weight:700;line-height:1;margin:10px 0}.streak-label{color:#666;font-size:.9em;letter-spacing:1px;text-transform:uppercase}.demo-notice{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-bottom:20px;padding:12px 16px}.demo-notice p{color:#1976d2;font-size:.95rem;line-height:1.4;margin:0}.profile-picture{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #2196f3;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:150px;width:150px}@media screen and (max-width:768px){.profile-picture{height:100px;width:100px}}.email-test-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:500px;padding:20px}.email-test-container h2{color:#333;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#666;display:block;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.form-group input,button{font-size:16px;width:100%}button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .2s}button:hover{background-color:#1976d2}button:disabled{background-color:#ccc;cursor:not-allowed}.status-message{background-color:#f5f5f5;border-radius:4px;margin-top:20px;padding:10px}.App,.status-message{color:#333;text-align:center}.App{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);min-height:100vh}.app-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:3rem;padding-left:2rem}.header h1{align-items:center;display:flex;font-size:3rem;gap:10px;justify-content:center;margin-bottom:1rem}.header h1 .emoji{-webkit-text-fill-color:initial;background:none;font-style:normal}.header h1 .title-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2196f3,#64b5f6);-webkit-background-clip:text}.subtitle{color:#555;font-size:1.2rem;font-weight:600;margin:0 auto;max-width:600px;text-align:center}.shower-selector{background:#d0d0d0;border-radius:20px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;text-align:center;width:100%}.shower-selector h3{background:#d0d0d0;border-radius:10px;color:#333;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1rem;padding:10px 20px;text-shadow:1px 1px 2px #ffffff80}.shower-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:.5rem;width:100%}.shower-button{align-items:center;background:#2196f3;border:2px solid #1976d2;border-radius:12px;box-shadow:0 4px 6px #2196f333;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:100%}.shower-button:hover{box-shadow:0 8px 15px #0000004d;transform:translateY(-5px)}.shower-button:hover:after{background:#ffffff1a;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.shower-button.active{background:#1976d2;border-color:#64b5f6;box-shadow:0 0 0 3px #2196f366}.shower-button-background{opacity:.5;pointer-events:none;z-index:0}.shower-button-background,.shower-button-background .recharts-wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.shower-button-background .recharts-surface{overflow:visible}.shower-button-background .recharts-line-curve{stroke-width:4px}.shower-button-content{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:1}.shower-button-date{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-align:center}.shower-button-stats{display:flex;justify-content:space-around;margin-top:10px;width:100%}.shower-stat{align-items:center;display:flex;flex-direction:column;padding:0 10px}.stat-label{color:#fffc;font-size:.9rem;margin-bottom:5px}.stat-value{color:#fff;font-size:1.2rem;font-weight:600}.temp-very-cold{background:linear-gradient(135deg,#2196f3,#0d47a1);border-color:#0d47a1}.temp-cold{background:linear-gradient(135deg,#4fc3f7,#0288d1);border-color:#0288d1}.temp-cool{background:linear-gradient(135deg,#81d4fa,#039be5);border-color:#039be5}.temp-warm{background:linear-gradient(135deg,#ff7043,#e64a19);border-color:#e64a19}.temp-unknown{background:linear-gradient(135deg,#90caf9,#42a5f5);border-color:#42a5f5}.loading{align-items:center;color:#888;display:flex;font-size:1.1em;justify-content:center;padding:20px}.error-message{background-color:#f44;border-radius:8px;color:#fff;font-weight:500;margin:10px 0;padding:15px;text-align:center}@media (max-width:768px){.header h1{font-size:2rem}.shower-list{grid-template-columns:1fr}.shower-button{height:130px}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-header{background:#d0d0d0;border-radius:15px;margin-bottom:25px;padding:20px;text-align:center}.modal-header h2{color:#333;font-size:28px;margin-bottom:10px}.modal-date{color:#666;font-size:16px}.modal-sections{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.modal-section{border-radius:15px;box-shadow:0 2px 8px #0000001a;padding:25px}.modal-section h3{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.stats-section{opacity:.8}.stats-section.temp-very-cold{background:linear-gradient(135deg,#2196f3,#0d47a1)}.stats-section.temp-cold{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.stats-section.temp-cool{background:linear-gradient(135deg,#81d4fa,#039be5)}.stats-section.temp-warm{background:linear-gradient(135deg,#ff7043,#e64a19)}.stats-section.temp-unknown{background:linear-gradient(135deg,#90caf9,#42a5f5)}.chart-section{background:#d0d0d0;border-radius:15px;padding:25px}.modal-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-stat{align-items:center;display:flex;flex-direction:column;padding:15px;text-align:center}.modal-stat-label{color:#fffc;font-size:14px;margin-bottom:8px}.modal-stat-value{color:#fff;font-size:24px;font-weight:600}.modal-chart{background:#f8f9fa;border-radius:15px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.modal-chart h3{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.modal-error,.modal-loading,.no-data{color:#666;font-size:18px;padding:40px;text-align:center}.modal-error{color:#dc3545}.modal-share-button{background:#2196f3;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:12px 24px;transition:all .3s ease}.modal-share-button:hover{background:#1976d2;box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-header h2{font-size:24px}.modal-stat-value{font-size:20px}.modal-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.modal-stats{grid-template-columns:1fr}.modal-stat-value{font-size:18px}}.share-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.share-button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.share-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.share-button.twitter{background:#1da1f2}.share-button.instagram{background:#e4405f}.share-button.email{background:#ea4335}.share-button.whatsapp{background:#25d366}.share-button.telegram{background:#08c}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e0e0e0;stroke-width:1}.recharts-cartesian-axis-line{stroke:#333;stroke-width:2}.recharts-cartesian-axis-tick-value{fill:#666;font-size:12px}.personal-header{background:#fff;border-radius:0 20px 20px 0;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:0 0 2rem;padding:2rem;width:100%}.profile-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0}.profile-picture-container{border:4px solid #2196f3;border-radius:50%;box-shadow:0 4px 8px #0000001a;flex-shrink:0;height:200px;overflow:hidden;width:200px}.profile-picture{height:100%;object-fit:cover;width:100%}.personal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2196f3,#64b5f6);-webkit-background-clip:text;color:#2196f3;font-size:2.5rem;margin:0;text-align:center}.personal-subtitle{color:#555;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}
/*# sourceMappingURL=main.8c27b16e.css.map*/