:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8e8e8;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0d0d0d;cursor:pointer;transition:border-color .25s}input,select,textarea{font-size:16px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){h1{font-size:2em}button{min-height:44px}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;overflow-y:auto}.container{width:80%;max-width:1200px;min-height:95vh;display:flex;flex-direction:column;border:1px solid #555;border-bottom:none;background-color:#0d0d0d}.header{height:120px;min-height:120px;max-height:120px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #555;background-color:#0a0a0a;flex-shrink:0}.header h1{margin:0;color:#fff;font-weight:700}.main{flex:1;display:flex;flex-direction:column}.tabs{display:flex;gap:0;border-bottom:1px solid #555;background-color:#0a0a0a}.tabs button{flex:1;padding:1rem;background:none;border:none;color:#b8b8b8;cursor:pointer;font-size:1rem;border-right:1px solid #555;transition:all .2s;font-weight:500}.tabs button:last-child{border-right:none}.tabs button.active{background-color:#646cff4d;color:#fff}.tabs button:hover{background-color:#646cff26;color:#e8e8e8}.content{flex:1;padding:2rem;overflow-y:auto;min-height:0}.content h2{margin:0}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem}.profile-view{display:flex;flex-direction:column;gap:2rem}.profile-info{display:flex;flex-direction:column;gap:1rem;max-width:500px}.info-row .label{font-weight:600;min-width:100px}.info-row .value{flex:1}.signout-btn{padding:.75rem 1.5rem;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;max-width:200px}.signout-btn:hover{background-color:#ee5a52;border-color:#ee5a52}.divider{height:1px;background-color:#555;margin:2rem 0}@media(max-width:768px){.app{padding-top:0}.container{width:100%;min-height:100vh;border-left:none;border-right:none}.header{height:70px;min-height:70px;max-height:70px}.tabs button{padding:.75rem .5rem;font-size:.85rem}.content{padding:1rem}.info-row{flex-direction:column;gap:.5rem;padding:.5rem}.info-row .label{min-width:auto;font-weight:700}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#0d0d0d;padding:2rem;border-radius:8px;border:1px solid #555;width:90%;max-width:400px;position:relative;display:flex;flex-direction:column;gap:1.5rem}.modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:inherit;font-size:2rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.modal-close:hover{color:#646cff}.modal-content h2{margin:0;text-align:center;color:#fff;font-weight:600}.modal-content form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#b8b8b8}.form-group input{padding:.75rem;border:1px solid #666;border-radius:4px;background:#0a0a0a;color:#e8e8e8;font-size:1rem}.form-group input:focus{outline:2px solid #646cff}.error{color:#f55;padding:.5rem;background-color:#ff505033;border-radius:4px;border:1px solid rgba(255,80,80,.4);text-align:center}.submit-btn{padding:.75rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:#535bf2;border-color:#535bf2}.toggle-btn{padding:.5rem;background:none;border:none;color:#646cff;cursor:pointer;text-decoration:underline;font-size:.9rem}.toggle-btn:hover{color:#535bf2}@media(max-width:768px){.modal-content{width:95%;padding:1.5rem;gap:1rem}.modal-content h2{font-size:1.5rem}.modal-close{font-size:1.75rem}}@media(prefers-color-scheme:light){.modal-content{background-color:#fff;box-shadow:0 4px 6px #0000001a}.form-group input{background:#f9f9f9}}.activity-types-manager{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.activity-types-header{display:flex;justify-content:flex-end;align-items:center}.add-btn{padding:.5rem 1rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.add-btn:hover{background-color:#535bf2}.add-form{display:flex;gap:.5rem;padding:1rem;background-color:#646cff26;border-radius:4px;border:1px solid rgba(100,108,255,.3)}.add-form input{padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#0a0a0a;color:#e8e8e8;font-size:.9rem}.add-form input[type=text]{flex:2}.add-form input[type=number]{flex:1}.activity-types-loading{text-align:center;padding:2rem;color:#b8b8b8}.activity-types-table{width:100%;border-collapse:collapse;border:1px solid #555;background-color:#0a0a0a}.activity-types-table th,.activity-types-table td{padding:.75rem;text-align:left;border-bottom:1px solid #444}.activity-types-table th{text-align:center}.activity-types-table th{background-color:#0d0d0d;font-weight:600;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.activity-types-table th.sortable:hover{background-color:#646cff33}.activity-types-table tbody tr:hover{background-color:#646cff1a}.activity-types-table tbody .actions-cell{text-align:right}.activity-types-table tbody td:nth-child(2){text-align:center}.edit-btn,.delete-btn,.save-btn-inline,.cancel-btn-inline{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:transform .1s}.edit-btn:hover,.delete-btn:hover,.save-btn-inline:hover,.cancel-btn-inline:hover{transform:scale(1.2)}.edit-btn,.save-btn-inline{margin-right:.5rem}.save-btn-inline{color:#4caf50;font-size:1.4rem}.cancel-btn-inline{color:#f55;font-size:1.4rem}.activity-types-table .editable-cell{width:100%;padding:.5rem;border:1px solid transparent;border-radius:4px;background-color:#0a0a0a;color:#e8e8e8;font-size:.9rem;box-sizing:border-box}.activity-types-table .editable-cell:focus{outline:none;border-color:#646cff;background-color:#646cff26}.activity-types-table .editable-cell:hover{border-color:#555}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#666;color:#fff}.cancel-btn:hover{background-color:#555}@media(max-width:768px){.add-form{flex-direction:column}.add-form input[type=text],.add-form input[type=number]{flex:none;width:100%}.activity-types-table{font-size:.85rem}.activity-types-table th,.activity-types-table td{padding:.5rem .3rem}.edit-btn,.delete-btn,.save-btn-inline,.cancel-btn-inline{font-size:1rem;padding:.2rem .3rem}}@media(prefers-color-scheme:light){.activity-types-table th,.activity-types-table td{border-bottom:1px solid #ddd}.activity-types-table{border:1px solid #ddd}.activity-types-table tbody tr:hover{background-color:#00000005}.add-form input,.activity-types-table .editing input{border:1px solid #ccc;background:#fff}}.activities-manager{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.add-activity-form{display:flex;gap:.5rem;align-items:center;padding:1rem;background-color:#646cff26;border-radius:4px;border:1px solid rgba(100,108,255,.3)}.activity-type-select,.activity-date-input,.activity-time-input{padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#0a0a0a;color:#e8e8e8;font-size:.9rem;cursor:pointer}.activity-type-select{flex:2}.activity-date-input{flex:1}.activity-time-input{flex:.8}.activity-type-select:focus,.activity-date-input:focus,.activity-time-input:focus{outline:none;border-color:#646cff}.add-activity-btn{padding:.5rem 1rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap}.add-activity-btn:hover{background-color:#535bf2}.cancel-edit-btn{padding:.5rem 1rem;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap}.cancel-edit-btn:hover{background-color:#555}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.9rem;color:#b8b8b8}.type-filter{padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#0a0a0a;color:#e8e8e8;font-size:.9rem;cursor:pointer}.type-filter:focus{outline:none;border-color:#646cff}.error-message{padding:.75rem;background-color:#ff505033;color:#f55;border-radius:4px;border:1px solid rgba(255,80,80,.4)}.activities-loading{text-align:center;padding:2rem;color:#b8b8b8}.activities-table{width:100%;border-collapse:collapse;border:1px solid #555;background-color:#0a0a0a}.activities-table th,.activities-table td{padding:.75rem;text-align:left;border-bottom:1px solid #444}.activities-table th{text-align:center}.activities-table th{background-color:#0d0d0d;font-weight:600;color:#fff}.activities-table tbody tr:hover{background-color:#646cff1a}.actions-cell{white-space:nowrap}.activities-table tbody .actions-cell{text-align:right}.activities-table tbody td:nth-child(2){text-align:center}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:transform .1s}.edit-btn:hover,.delete-btn:hover{transform:scale(1.2)}.edit-btn{margin-right:.5rem}.delete-btn:hover{filter:brightness(1.2)}.empty-state{text-align:center;padding:2rem;color:#888;font-style:italic}.table-footer{text-align:center;padding:.5rem;color:#888;font-size:.85rem;font-style:italic}.sync-section{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fc52001a;border-radius:4px;border:1px solid rgba(252,82,0,.3)}.sync-message{padding:.75rem;border-radius:4px;font-size:.9rem;border:1px solid #666}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #555;margin-top:1rem}.pagination-info{font-size:.9rem;color:#b8b8b8}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .75rem;background:#1a1a1a;color:#e8e8e8;border:1px solid #666;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.pagination-btn:hover:not(:disabled){background:#2a2a2a;border-color:#646cff}.pagination-btn:disabled{background:#0a0a0a;color:#555;cursor:not-allowed;border-color:#444}.pagination-pages{font-size:.9rem;color:#e8e8e8;padding:0 .5rem}@media(max-width:768px){.add-activity-form{flex-direction:column;align-items:stretch}.activity-type-select,.activity-date-input,.activity-time-input{flex:none;width:100%}.sync-section{flex-direction:column;align-items:stretch}.sync-section label{white-space:normal}.sync-date-input{max-width:none}.filter-group{flex-direction:column;align-items:stretch}.activities-table{font-size:.85rem}.activities-table th,.activities-table td{padding:.5rem .3rem}.pagination-container{flex-direction:column;gap:1rem;padding:.75rem}.pagination-info{order:2}.pagination-controls{order:1;flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;padding:.4rem .6rem}.edit-btn,.delete-btn{font-size:1rem;padding:.2rem .3rem}}@media(prefers-color-scheme:light){.activities-table th,.activities-table td{border-bottom:1px solid #ddd}.activities-table{border:1px solid #ddd}.activities-table tbody tr:hover{background-color:#00000005}.type-filter{border:1px solid #ccc;background:#fff}.filter-group label{color:#666}}.profile-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.profile-info{display:flex;flex-direction:column;gap:1rem;flex:1;max-width:600px}.info-row{display:flex;gap:1rem;padding:.75rem;border-bottom:1px solid #444}.info-row .label{font-weight:600;min-width:100px;color:#b8b8b8}.info-row .value{flex:1;color:#fff}.timezone-selector{display:flex;align-items:center;gap:.75rem;flex:1}.timezone-dropdown{flex:1;padding:.5rem;border:1px solid #666;border-radius:4px;font-size:1rem;background:#0a0a0a;color:#e8e8e8;cursor:pointer}.timezone-dropdown:focus{outline:none;border-color:#646cff}.timezone-dropdown option{background:#0a0a0a;color:#e8e8e8}.save-timezone-btn{padding:.5rem 1rem;background:#646cff;color:#fff;border:1px solid #646cff;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.save-timezone-btn:hover:not(:disabled){background:#535bf2;border-color:#535bf2}.save-timezone-btn:disabled{background:#333;border-color:#333;color:#666;cursor:not-allowed}.auto-sync-section{flex:1}.auto-sync-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#646cff}.auto-sync-checkbox:disabled{cursor:not-allowed;opacity:.5}.save-message{padding:.75rem;border-radius:4px;font-size:.9rem;border:1px solid #666}.save-message.success{background:#4ade8033;color:#5eff5e;border-color:#4ade8080}.save-message.error{background:#ff505033;color:#f55;border-color:#ff505080}.strava-section{display:flex;align-items:center;gap:.75rem;flex:1}.strava-connected{display:flex;align-items:center;gap:.75rem;width:100%}.strava-status{color:#4ade80;font-size:.9rem;flex:1}.connect-strava-btn{padding:.5rem 1rem;background:#fc5200;color:#fff;border:1px solid #fc5200;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.connect-strava-btn:hover{background:#e04700;border-color:#e04700}.disconnect-strava-btn{padding:.5rem 1rem;background:#444;color:#fff;border:1px solid #666;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.disconnect-strava-btn:hover{background:#555;border-color:#555}@media(max-width:768px){.profile-header{flex-direction:column;gap:1rem}.profile-info{max-width:none}.timezone-selector{flex-direction:column;align-items:stretch}.timezone-dropdown{width:100%}.strava-section,.strava-connected{flex-direction:column;align-items:stretch}}.recommendations-container{max-width:1200px;margin:0 auto;padding-bottom:4rem;height:100%;display:flex;flex-direction:column}.recommendations-section{margin-bottom:2rem}.recommendations-section h3{margin:0 0 1rem;color:#fff;font-weight:600}.no-recommendations{text-align:center;padding:1rem;color:#888;font-style:italic}.recommendations-header{margin-bottom:2rem}.recommendations-header h2{margin:0 0 .5rem;color:#fff;font-weight:600}.recommendations-description{color:#b8b8b8;margin:0;font-size:.95rem}.recommendations-loading,.recommendations-error,.recommendations-empty{text-align:center;padding:2rem;color:#b8b8b8}.recommendations-error{color:#ff6b6b}.recommendations-table-wrapper{overflow-x:auto;margin-bottom:2rem;border-radius:8px;border:1px solid #555;background:#0a0a0a}.recommendations-table{width:100%;border-collapse:collapse;background:#0a0a0a}.recommendations-table thead{background:#0d0d0d}.recommendations-table th{padding:.75rem;text-align:center;font-weight:600;color:#fff;border-bottom:2px solid #555}.recommendations-table td{padding:.75rem;border-bottom:1px solid #444}.recommendations-table tbody tr:last-child td{border-bottom:none}.activity-name strong{display:block;margin-bottom:.25rem;color:#fff}.activity-description{font-size:.85rem;color:#888;font-style:italic}.days-since,.desired-frequency,.average-frequency,.trend-cell{text-align:center;font-weight:500}.trend-icon{font-size:1.2rem;margin-right:.5rem}.trend-text{font-size:.9rem}.trend-improving{color:#4ade80}.trend-declining{color:#f87171}.trend-stable{color:#94a3b8}.trend-insufficient_data{color:#64748b}.difference{text-align:center;font-weight:700;font-size:1.1rem}.days-since.status-dark-green,.average-frequency.status-dark-green{background-color:#0b6000cc}.days-since.status-light-green,.average-frequency.status-light-green{background-color:#14ad00cc}.days-since.status-yellow,.average-frequency.status-yellow{background-color:#ffdd004d}.days-since.status-red,.average-frequency.status-red{background-color:#cc00004d}.days-since.status-dark-red,.average-frequency.status-dark-red{background-color:#b300004d}.days-since.status-grey,.average-frequency.status-grey{background-color:#8883}.recommendations-legend{background:#0a0a0a;border:1px solid #555;border-radius:8px;padding:1.5rem;margin-top:2rem}.recommendations-legend h3{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.legend-item{display:flex;align-items:center;gap:.75rem;color:#d0d0d0;font-size:.9rem}.legend-color{width:40px;height:24px;border-radius:4px;border:1px solid #666;flex-shrink:0}.legend-color.status-dark-green{background-color:#00b300}.legend-color.status-light-green{background-color:#4db84d}.legend-color.status-yellow{background-color:gold}.legend-color.status-red{background-color:#c00}.legend-color.status-dark-red{background-color:#b30000}.legend-color.status-grey{background-color:#888}.sync-section{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fc52001a;border-radius:4px;border:1px solid rgba(252,82,0,.3);margin-bottom:1.5rem}.sync-section label{font-size:.9rem;color:#b8b8b8;white-space:nowrap}.sync-date-input{padding:.5rem;border:1px solid #666;border-radius:4px;background-color:#0a0a0a;color:#e8e8e8;font-size:.9rem;cursor:pointer;flex:1;max-width:200px}.sync-date-input:focus{outline:none;border-color:#fc5200}.sync-btn{padding:.5rem 1.5rem;background-color:#fc5200;color:#fff;border:1px solid #fc5200;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.sync-btn:hover:not(:disabled){background-color:#e04700;border-color:#e04700}.sync-btn:disabled{background-color:#444;border-color:#444;color:#888;cursor:not-allowed}.sync-message{padding:.75rem;border-radius:4px;font-size:.9rem;border:1px solid #666;margin-bottom:1rem}.sync-message.success{background:#4ade8033;color:#5eff5e;border-color:#4ade8080}.sync-message.error{background:#ff505033;color:#f55;border-color:#ff505080}@media(prefers-color-scheme:light){.recommendations-section h3{color:#213547}.no-recommendations{color:#00000080}.recommendations-header h2{color:#213547}.recommendations-description,.recommendations-loading,.recommendations-empty{color:#0009}.recommendations-table-wrapper{border-color:#ddd}.recommendations-table{background:#fff}.recommendations-table thead{background:#f5f5f5}.recommendations-table th{color:#213547;border-bottom-color:#ddd}.recommendations-table td{border-bottom-color:#eee}.activity-name strong{color:#213547}.activity-description{color:#00000080}.days-since.status-dark-green,.average-frequency.status-dark-green{background-color:#0b6000cc}.days-since.status-light-green,.average-frequency.status-light-green{background-color:#14ad00cc}.days-since.status-yellow,.average-frequency.status-yellow{background-color:#ffdd0040}.days-since.status-red,.average-frequency.status-red{background-color:#c003}.days-since.status-dark-red,.average-frequency.status-dark-red{background-color:#b3000033}.days-since.status-grey,.average-frequency.status-grey{background-color:#88888826}.recommendations-legend{background:#f9f9f9;border-color:#ddd}.recommendations-legend h3{color:#213547}.legend-item{color:#000c}.legend-color{border-color:#ccc}.trend-improving{color:#16a34a}.trend-declining{color:#dc2626}.trend-stable{color:#64748b}.trend-insufficient_data{color:#94a3b8}}@media(max-width:768px){.sync-section{flex-direction:column;align-items:stretch}.sync-section label{white-space:normal}.sync-date-input{max-width:none}.recommendations-table{font-size:.85rem}.recommendations-table th,.recommendations-table td{padding:.5rem .3rem}.trend-icon{font-size:1rem;margin-right:.25rem}.trend-text{font-size:.8rem}.activity-name strong{font-size:.9rem}.activity-description{font-size:.75rem}.legend-items{grid-template-columns:1fr}.recommendations-section h3{font-size:1.1rem}}.analytics-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:4rem}.analytics-loading,.analytics-error,.analytics-empty{padding:2rem;text-align:center;color:#b8b8b8}.analytics-error{color:#f55}.analytics-table{width:100%;border-collapse:collapse;margin-top:1rem}.analytics-table thead{background:#1a1a1a}.analytics-table th{padding:.75rem;text-align:center;font-weight:600;color:#b8b8b8;border-bottom:2px solid #555}.analytics-table td{padding:.75rem;text-align:center;border-bottom:1px solid #444;color:#e8e8e8}.analytics-table td:first-child{text-align:left}.analytics-table tbody tr:hover{background:#1a1a1a}h2{margin:0;color:#e8e8e8}.status-dark-green{background-color:#0b6000cc}.status-light-green{background-color:#14ad00cc}.status-yellow{background-color:#ffdd004d}.status-red{background-color:#cc00004d}.status-dark-red{background-color:#b300004d}.status-grey{background-color:#8883}@media(max-width:768px){.analytics-table{font-size:.8rem}.analytics-table th,.analytics-table td{padding:.5rem .25rem}.analytics-container h2{font-size:1.3rem}}@media(prefers-color-scheme:light){.status-dark-green{background-color:#0b6000cc}.status-light-green{background-color:#14ad00cc}.status-yellow{background-color:#ffdd0040}.status-red{background-color:#c003}.status-dark-red{background-color:#b3000033}.status-grey{background-color:#88888826}}