:root{--bg-color: #f8f9fa;--container-bg: #ffffff;--text-color: #212529;--secondary-text-color: #6c757d;--bar-bg-color: #e9ecef;--bar-fill-color: #28a745;--border-color: #dee2e6;--link-color: #007bff;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.event-item-container{margin-bottom:40px}.event-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:1.1rem}.row{display:grid;grid-template-columns:1.5fr 5fr 1.8fr;gap:10px;align-items:center;margin-bottom:18px;font-size:1.05rem;min-height:60px}.label{font-weight:500;display:flex;align-items:center;gap:8px;flex-shrink:1;margin-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{font-size:1.2em;line-height:1;opacity:.9;flex-shrink:0}.remaining{font-family:var(--font-sans);color:var(--label-color);white-space:nowrap;font-size:.95em;flex-shrink:0}.bar{position:relative;height:50px;width:100%;background-color:var(--bar-bg-color);border-radius:25px;overflow:hidden}.progress{height:100%;background-color:var(--bar-fill-color);border-radius:25px 0 0 25px}.progress[style*="width: 100%"]{border-radius:25px}.marker{position:absolute;top:-2px;bottom:-2px;width:1px;background-color:var(--marker-color);transform:translate(-.5px);pointer-events:none}@media (max-width: 768px){.event-item-header{font-size:1rem;margin-bottom:6px}.bar{height:40px;border-radius:20px}.progress{border-radius:20px 0 0 20px}.progress[style*="width: 100%"]{border-radius:20px}}@media (max-width: 480px){.event-item-container{margin-bottom:20px}.event-item-header{font-size:.95rem}.label{gap:6px;margin-right:10px}.icon{font-size:1.1em}.remaining{font-size:.9em}.bar{height:30px;border-radius:15px}.progress{border-radius:15px 0 0 15px}.progress[style*="width: 100%"]{border-radius:15px}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.header-brand-left{flex:1;text-align:left}.header-brand-left a{font-family:"Poppins",var(--font-sans);font-weight:600;font-size:1.4rem;color:#333;text-decoration:none;transition:color .2s ease}.header-brand-left a:hover{color:#007bff}.header-title-center{flex:2;text-align:center;font-family:"Montserrat",var(--font-sans);font-weight:700;font-size:1.6rem;color:#2c3e50;letter-spacing:1px}.header-placeholder-right{flex:1;text-align:right}@media (max-width: 600px){.app-header{padding:.8rem 1rem;margin-bottom:1.5rem}.header-brand-left a{font-size:1.2rem}.header-title-center{font-size:1.3rem;flex:1;text-align:right;padding-right:5px}.header-placeholder-right{display:none}}.container{max-width:1300px;margin:2.5rem auto;padding:0 15px}.app-title{text-align:center;font-weight:600;font-size:1.5rem;color:var(--text-color);margin-top:0;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.events-list{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 700px){.container{max-width:100%;margin:1.5rem auto;padding:0 20px}.app-title{font-size:1.3rem;margin-bottom:1.5rem}.events-list{gap:1.2rem}}@media (max-width: 480px){body{font-size:15px}.container{margin:1rem auto;padding:0 10px}.app-title{font-size:1.2rem}}
