@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--ctao-blue: #000049;--cyan: #06e6da;--background-color: #f0f0f0;--text-color: #333;--h2-color: #1a1a1a;--border-color: #ccc;--button-background-color: var(--ctao-blue);--button-text-color: white;--button-disabled-background-color: #aaa;--input-background-color: #fff;--input-border-color: #ccc;--set-background-color: #fff;--set-border-color: #ddd;--target-reps-color: #555;--timer-finished-color: #dc3545;--header-background-color: #4A5568;--header-text-color: #F7FAFC}@media (prefers-color-scheme: dark){:root{--background-color: #222;--text-color: #eee;--h2-color: #f5f5f5;--border-color: #555;--button-background-color: #0056b3;--button-text-color: #eee;--button-disabled-background-color: #555;--input-background-color: #333;--input-border-color: #555;--set-background-color: #2a2a2a;--set-border-color: #444;--target-reps-color: #bbb;--timer-finished-color: #ff4c4c;--header-background-color: #2D3748;--header-text-color: #E2E8F0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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{font-family:sans-serif;margin:0;background-color:var(--background-color);color:var(--text-color);min-height:100vh}header{background-color:var(--ctao-blue);color:#fff;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-bottom:1px solid var(--border-color);font-size:45px}header img{display:block;margin:.25em;height:1em;width:auto;margin-inline:1em}h1{margin:.25em 0;font-size:45px}.container{padding:20px;max-width:800px;margin:0 auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:var(--cyan)}button{background-color:#f9f9f9}}.set label,.set input[type=number],.set select{margin-right:10px;margin-bottom:10px}.set input[type=number]{width:70px;padding:8px;border:1px solid var(--input-border-color);border-radius:4px;background-color:var(--input-background-color);color:var(--text-color)}.set select{padding:8px;border:1px solid var(--input-border-color);border-radius:4px;background-color:var(--input-background-color);color:var(--text-color)}.target-reps{color:var(--target-reps-color);font-size:.9em;margin-left:auto;margin-bottom:10px}@media (prefers-color-scheme: light){.exercise-section{background-color:#f0f0f0}.exercise-section h2{color:#747bff}.set{background-color:#e9e9e9}.set input[type=number]{border:1px solid #ccc;background-color:#fff;color:#213547}.target-reps{color:#555}}footer{text-align:center;font-size:80%;padding:1em;max-width:800px;margin:auto}@media (max-width: 600px){.set{flex-direction:column;align-items:flex-start}.set label,.set input[type=number],.set select,.set .target-reps{width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.set label[for*=-rpe],.container .set select{margin-left:0}.set input[type=number],.set select{margin-bottom:10px}.target-reps{margin-top:5px;text-align:left}#timer-display{font-size:1.2em;margin-right:10px}#timer-start-button{padding:6px 10px;font-size:.8em}header{padding:10px 15px}.container h1{font-size:1.8em}.exercise-section{padding:12px 0}}#save-workout-button{display:block;width:calc(100% - 40px);max-width:300px;margin:30px auto 20px;padding:12px 20px;font-size:1.1em;font-weight:700;background-color:var(--button-background-color);color:var(--button-text-color);border:none;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .2s ease,transform .1s ease}#save-workout-button:hover{background-color:hsl(from var(--button-background-color) h s calc(l - 10%))}#save-workout-button:active{transform:translateY(1px)}#timer-display.timer-finished{color:#646cff;font-weight:700}@media (prefers-color-scheme: light){#timer-display.timer-finished{color:#747bff}}#car-log-form{background-color:var(--set-background-color);padding:24px;border-radius:12px;border:1px solid var(--set-border-color);box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color)}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--input-border-color);border-radius:6px;background-color:var(--input-background-color);color:var(--text-color);font-size:16px;transition:border-color .2s ease-in-out;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--button-background-color);box-shadow:0 0 0 2px #007bff40}.field-help{display:none;margin-top:4px;font-size:.85em;color:#666;font-style:italic}@media (prefers-color-scheme: dark){.field-help{color:#aaa}}#other-driver,#other-destination{margin-top:10px;transition:all .3s ease-in-out}#submit-button{background-color:var(--button-background-color);color:var(--button-text-color)}#submit-button:hover{background-color:var(--cyan);color:var(--text-color)}#submit-button:disabled{background-color:var(--button-disabled-background-color);cursor:not-allowed}@media (min-width: 768px){.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}}@media (prefers-color-scheme: dark){#car-log-form{background-color:var(--set-background-color)}.form-group input,.form-group select{background-color:var(--input-background-color);color:var(--text-color)}}.form-buttons{display:flex;gap:12px;margin-top:20px}.form-buttons button{flex:1;padding:14px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.secondary-button{background-color:#6c757d;color:#fff}.secondary-button:hover{background-color:#5a6268}@media (max-width: 600px){.form-buttons{flex-direction:column}}#storage-status-indicator{box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:90%;word-wrap:break-word}@media (max-width: 600px){#storage-status-indicator{top:5px;right:5px;left:5px;transform:translateY(-100%);transition:transform .3s ease;max-width:none;font-size:.8em}#storage-status-indicator.show{transform:translateY(0)}}