.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background-color:#0e1c2e}.controls{padding:12px 16px;background-color:#0e1c2e;z-index:1;box-shadow:0 2px 8px #00000080}.brand-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.brand-icon{width:34px;height:34px;flex-shrink:0}.controls h1{margin:0;color:#ddeef8;font-family:Nunito,sans-serif;font-weight:900;font-size:22px;letter-spacing:-.01em;line-height:1}.buttons{display:flex;gap:10px;margin-top:8px}button{padding:6px 14px;background-color:#0ea5e9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}button:hover{background-color:#38bdf8}button:disabled{background-color:#0c2236;color:#3a5570;cursor:not-allowed}.info{margin-top:8px;font-size:14px;color:#6a9ab5}.animation-status{margin-top:8px;background-color:#0a1e30;padding:8px 10px;border-radius:8px;border:1px solid #0f2f4a}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-title{margin:0;font-size:16px;color:#ddeef8;line-height:1.2}.activity-date-time{font-size:13px;color:#6a9ab5}.activity-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.activity-distance{font-size:14px;font-weight:700;color:#ddeef8;padding:4px 8px;background-color:#082f49;border-radius:4px}.activity-duration{font-size:13px;color:#6a9ab5}.progress-bar-container{width:100%;height:12px;background-color:#0c2236;border-radius:6px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#0ea5e9;transition:none}.progress-text{margin-top:5px;font-size:13px;color:#6a9ab5;text-align:right}.map-wrapper{flex-grow:1;position:relative;z-index:0}.map-container{position:absolute;inset:0}.animation-overlay{position:absolute;bottom:24px;left:16px;width:340px;z-index:10;pointer-events:none}.animation-overlay .animation-status{margin-top:0}.upload-row{display:flex;align-items:flex-start;gap:10px;margin-top:6px}.upload-row .file-uploader,.upload-row .strava-connect{margin-top:0}.file-uploader{margin-top:10px}.animation-options{margin-top:8px;padding-top:8px;border-top:1px solid #0f2f4a}.speed-row{display:flex;align-items:center;justify-content:space-between}.option-title{font-size:14px;font-weight:500;color:#6a9ab5;margin-bottom:8px}.radio-options{display:flex;gap:16px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#a0c8e0}.radio-label input[type=radio]{cursor:pointer;accent-color:#0ea5e9}.radio-label input[type=radio]:disabled{cursor:not-allowed}.radio-label input[type=radio]:disabled+span{color:#3a5570}.info-text{margin-top:8px;color:#3a5570;font-size:12px}.debug-info{margin-top:15px;border-top:1px solid #0f2f4a;padding-top:10px}.debug-info details{font-size:12px}.debug-info summary{cursor:pointer;color:#3a5570}.debug-info pre{margin-top:8px;background-color:#0a1e30;color:#6a9ab5;padding:8px;border-radius:4px;max-height:150px;overflow:auto}.group-loading,.group-error,.group-name{margin:4px 0 8px;font-size:14px}.group-error{color:#e05252}.group-name{color:#6a9ab5}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#0e1c2e;border:1px solid #0f2f4a;border-radius:8px;padding:28px 32px;width:100%;max-width:440px;box-shadow:0 8px 40px #0009}.modal h2{margin:0 0 12px;color:#ddeef8}.modal p{margin:0 0 14px;font-size:14px;color:#6a9ab5}.modal-input{width:100%;box-sizing:border-box;padding:8px 10px;font-size:14px;background:#0a1e30;color:#ddeef8;border:1px solid #0f2f4a;border-radius:4px;margin-bottom:10px}.modal-input:focus{outline:none;border-color:#0ea5e9}.modal-error{color:#e05252;font-size:13px;margin:0 0 10px}.modal-buttons{display:flex;gap:8px;margin-top:4px}.button-secondary{background:#0c2236;color:#a0c8e0}.button-secondary:hover{background:#0f2f4a}.modal-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#9ab8cc;margin-bottom:14px;cursor:pointer}.saved-url-row{display:flex;gap:8px;align-items:center;margin-bottom:14px}.saved-url-row .modal-input{flex:1;margin-bottom:0}.strava-connect{margin-top:10px}.strava-connect-btn{display:inline-block;padding:8px 16px;background-color:#fc4c02;color:#fff;border-radius:4px;font-weight:700;font-size:14px;text-decoration:none;transition:background-color .2s}.strava-connect-btn:hover{background-color:#e04300}.strava-spinner{font-size:14px;color:#6a9ab5}.strava-error{color:#e05252;font-size:13px;margin:0 0 8px}.strava-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.strava-picker-title{font-size:14px;font-weight:600;color:#a0c8e0}.strava-select-all{font-size:12px;padding:4px 8px;background:#0c2236;color:#a0c8e0;font-weight:400}.strava-select-all:hover{background:#0f2f4a}.strava-activity-list{list-style:none;margin:0 0 8px;padding:0;max-height:220px;overflow-y:auto;border:1px solid #0f2f4a;border-radius:4px}.strava-activity-row{border-bottom:1px solid #0f2f4a}.strava-activity-row:last-child{border-bottom:none}.strava-activity-row label{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;font-size:13px}.strava-activity-row label:hover{background:#0a1e30}.strava-activity-name{flex:1;color:#ddeef8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strava-activity-meta{color:#6a9ab5;font-size:12px;white-space:nowrap}.strava-load-more{display:block;width:100%;background:#0c2236;color:#a0c8e0;font-weight:400;font-size:13px;padding:6px;margin-bottom:8px}.strava-load-more:hover{background:#0f2f4a}.strava-import-btn{display:block;width:100%}