:root{--background-color: #f8f7f4;--text-color: #2c2c2c;--light-grey-text: #5c5c5c;--primary-fill-color: #2c2c2c;--button-border-color: #bbbbbb;--button-text-empty: #2c2c2c;--button-text-filled: #f8f7f4;--hover-shadow: rgba( 0, 0, 0, .15 );--input-border: #bbbbbb;--input-text: #2c2c2c;--shadow-color: rgba(0, 0, 0, .1);--modal-bg-color: #ffffff;--modal-border-color: #e0e0e0;--modal-input-border: #cccccc;--modal-input-focus: #2c2c2c;--modal-button-bg: #2c2c2c;--modal-button-text: #f8f7f4;--profile-panel-width-desktop: 22rem;--app-overall-max-width: 1200px;--mobile-nav-height: 4.5rem}body{margin:0;font-family:Figtree,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;line-height:1.5}@media (max-width: 768px){body{font-size:15px}}@media (max-width: 480px){body{font-size:14px}}.app-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center}.app-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:36.25rem;min-height:100vh;padding:3rem 1.5rem;box-sizing:border-box;text-align:center}.flex-col{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.875rem}.main-question{font-size:2.8rem;font-weight:700;margin-bottom:4rem;line-height:1.2}.screen-title{font-size:2.2rem;font-weight:600;margin-bottom:2.5rem;line-height:1.2;color:var(--text-color)}p{font-size:1.125rem;font-weight:400;line-height:1.7;max-width:90%}.circular-button{width:10rem;height:10rem;border-radius:50%;border:2px solid transparent;background-color:transparent;font-size:1.6rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;padding:.5rem;box-sizing:border-box;margin:0;box-shadow:0 4px 10px var(--shadow-color);position:relative;overflow:hidden;transition:color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out;outline:none;z-index:1;color:var(--button-text-empty);-webkit-tap-highlight-color:transparent}.circular-button:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:1px;border-radius:50%;background-color:var(--primary-fill-color);transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:-1}@media (hover: hover) and (pointer: fine){.circular-button:hover{border-color:var(--primary-fill-color);color:var(--button-text-filled);box-shadow:0 6px 15px var(--hover-shadow)}.circular-button:hover:before{transform:translate(-50%,-50%) scale(200)}}@media (hover: none) and (pointer: coarse){.circular-button{border:2px solid var(--button-border-color)}.circular-button:active{border-color:var(--primary-fill-color);color:var(--button-text-filled);box-shadow:0 6px 15px var(--hover-shadow)}.circular-button:active:before{transform:translate(-50%,-50%) scale(200)}.circular-button:hover{border-color:var(--button-border-color);color:var(--button-text-empty);box-shadow:0 4px 10px var(--shadow-color)}}.circular-button:focus-visible{border-color:var(--primary-fill-color);box-shadow:0 0 0 3px #0003}.circular-button.small{width:8.5rem;height:8.5rem;font-size:1.1rem;font-weight:500}.circular-button.small-medium{width:9.5rem;height:9.5rem;font-size:1.4rem;font-weight:500}.circular-button.tiny-auth{width:6.5rem;height:6.5rem;font-size:1rem;font-weight:500;padding:0;box-shadow:none;border:1px solid var(--button-border-color)}@media (hover: hover) and (pointer: fine){.circular-button.tiny-auth:hover{border-color:var(--primary-fill-color);box-shadow:0 2px 5px var(--shadow-color)}}@media (hover: none) and (pointer: coarse){.circular-button.tiny-auth{border:1px solid var(--button-border-color)}.circular-button.tiny-auth:active{border-color:var(--primary-fill-color);box-shadow:0 2px 5px var(--shadow-color)}.circular-button.tiny-auth:hover{border-color:var(--button-border-color);box-shadow:none}}.circular-button.tiny{width:3rem;height:3rem;font-size:.9rem;font-weight:500;padding:0;box-shadow:none;border:1px solid var(--button-border-color)}@media (hover: hover) and (pointer: fine){.circular-button.tiny:hover{border-color:var(--primary-fill-color);box-shadow:0 2px 5px var(--shadow-color)}}@media (hover: none) and (pointer: coarse){.circular-button.tiny{border:1px solid var(--button-border-color)}.circular-button.tiny:active{border-color:var(--primary-fill-color);box-shadow:0 2px 5px var(--shadow-color)}.circular-button.tiny:hover{border-color:var(--button-border-color);box-shadow:none}}@media (max-width: 768px){.circular-button{width:8rem;height:8rem;font-size:1.4rem}.circular-button.small{width:7rem;height:7rem;font-size:1rem}}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:3.5rem}.button-group.input-and-secondary-button{margin-bottom:4rem}.button-group.micro-movement-options{margin-top:3.125rem}.circular-input-wrapper{cursor:text;border-color:var(--button-border-color);box-shadow:0 4px 10px var(--shadow-color)}.circular-input-wrapper:before{content:none}.circular-input-wrapper.active{border-color:var(--primary-fill-color);box-shadow:0 6px 15px var(--hover-shadow);color:var(--button-text-empty)}@media (hover: hover) and (pointer: fine){.circular-input-wrapper:hover,.circular-input-wrapper:focus-within{border-color:var(--primary-fill-color);color:var(--button-text-empty);box-shadow:0 6px 15px var(--hover-shadow)}}@media (hover: none) and (pointer: coarse){.circular-input-wrapper{border:2px solid var(--button-border-color);box-shadow:0 4px 10px var(--shadow-color)}.circular-input-wrapper:active{border-color:var(--primary-fill-color);box-shadow:0 6px 15px var(--hover-shadow)}}.circular-input-wrapper label{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%) scale(1);font-size:1.2rem;font-weight:500;color:var(--text-color);opacity:.7;pointer-events:none;text-align:center;transition:transform .3s ease-out,opacity .3s ease-out;z-index:2}.circular-input-wrapper.active label{transform:translateY(-4.375rem) scale(.85);opacity:.5;font-size:1.1rem}.circular-input-field{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:70%;height:3.75rem;text-align:center;border:none;background:transparent;font-size:2.5rem;font-weight:500;color:var(--input-text);-webkit-appearance:none;padding:0;opacity:0;transition:transform .3s ease-out,opacity .3s ease-in;z-index:3}.circular-input-wrapper.active .circular-input-field{transform:translate(-50%,-50%) scale(1);opacity:1}.circular-input-field:focus{outline:none}.circular-input-field::-webkit-outer-spin-button,.circular-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.circular-input-field[type=number]{-moz-appearance:textfield}.input-units{position:absolute;bottom:1.875rem;left:0;width:100%;font-size:1.1rem;font-weight:500;opacity:0;pointer-events:none;text-align:center;transition:opacity .3s ease-out;z-index:2}.circular-input-wrapper.active .input-units{opacity:.7}.description-input-container{width:100%;max-width:30rem;text-align:center;display:flex;flex-direction:column;align-items:center;padding:1.5rem;box-sizing:border-box}@media (min-width: 769px){.description-input-container{max-width:45rem}}.description-textarea{width:100%;padding:1.5rem;font-size:1.125rem;font-family:Figtree,sans-serif;font-weight:400;line-height:1.6;border:2px solid var(--button-border-color);border-radius:1rem;background-color:var(--background-color);color:var(--text-color);box-shadow:0 4px 10px var(--shadow-color);resize:vertical;transition:border-color .2s ease-out,box-shadow .2s ease-out}.description-textarea::placeholder{color:var(--light-grey-text);opacity:.7}.description-textarea:focus{outline:none;border-color:var(--primary-fill-color);box-shadow:0 6px 15px var(--hover-shadow)}.pace-message{font-size:2.2rem;font-weight:600;margin-bottom:0;animation:fadeOutThenHide 2.5s ease-out forwards}.lottie-animation-container-persisted{display:flex;flex-direction:column;justify-content:center;align-items:center;width:10rem;height:auto;margin:0 auto 1.875rem;opacity:0;animation:fadeIn .5s ease-out forwards;animation-delay:2.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.fade-in-staggered-group{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}@media (max-width: 480px){.fade-in-staggered-group{gap:1.5rem}}@keyframes fadeInDelayed{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.fade-in-delayed{animation:fadeInDelayed .8s ease-out forwards}.circular-input-wrapper.fade-in-scale{animation:fadeInScale .8s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutThenHide{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.25rem)}}.no-motivation-page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 3rem);max-width:40.625rem;margin:0 auto;padding:1.875rem 1.25rem;box-sizing:border-box;text-align:center}@keyframes sequenceFadeIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.magic-fade-in-sequence-text{font-weight:400;white-space:pre-wrap;color:var(--text-color);margin:0;text-align:center}.magic-fade-in-sequence-text .sequence-word{opacity:0;display:inline-block;animation:sequenceFadeIn .3s ease-out forwards;animation-delay:var(--word-animation-delay)}.magic-fade-in-sequence-text.large-motivational-text{font-size:2.2rem;margin-bottom:1.875rem;line-height:1.3}.skip-text{font-size:1rem;font-weight:400;color:var(--text-color);margin-top:1.875rem;opacity:.7}.skip-text a{color:var(--text-color);text-decoration:none;font-weight:600;transition:opacity .2s ease-out}.skip-text a:hover{opacity:.8}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(3.125rem)}to{opacity:1;transform:translateY(0)}}.fade-in-from-bottom{animation:fadeInFromBottom .6s ease-out forwards}.fade-in-from-bottom :nth-child(1){animation-delay:calc(var(--animation-delay, 0s) + .2s)}.fade-in-from-bottom :nth-child(2){animation-delay:calc(var(--animation-delay, 0s) + .4s)}.fade-in-from-bottom :nth-child(3){animation-delay:calc(var(--animation-delay, 0s) + .6s)}.fade-in-from-bottom :nth-child(4){animation-delay:calc(var(--animation-delay, 0s) + .8s)}.main-persistent-layout{display:flex;width:100%;max-width:var(--app-overall-max-width);min-height:100vh;margin:0 auto;background-color:var(--background-color);box-sizing:border-box}@media (max-width: 768px){.main-persistent-layout{display:none}}.mobile-main-layout{display:flex;flex-direction:column;width:100%;min-height:100vh;padding-bottom:var(--mobile-nav-height);box-sizing:border-box;position:relative}@media (min-width: 769px){.mobile-main-layout{display:none}}.logbook-section{flex-grow:1;padding:3rem 4rem;overflow-y:auto;box-sizing:border-box;max-height:100vh;text-align:left;scrollbar-width:none;-ms-overflow-style:none}.logbook-section::-webkit-scrollbar{display:none}.logbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;width:100%}.logbook-title{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.logbook-header .desktop-header-buttons{display:flex;gap:1.5rem}.logbook-header .mobile-header-buttons{display:none}@media (max-width: 768px){.logbook-header .desktop-header-buttons{display:none}.logbook-header .mobile-header-buttons{display:flex;gap:1.25rem}.logbook-title{font-size:2rem}.logbook-section{padding:2rem 1.5rem}}.run-list{display:flex;flex-direction:column}.run-entry{position:relative;padding-top:2.5rem;padding-bottom:2.5rem;text-align:left}.run-entry:first-child{padding-top:0}.run-entry:last-child{padding-bottom:0}.run-entry:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;height:2px;background-color:var(--button-border-color);transition:background-color .2s ease-out}.run-entry:last-child:after{display:none}.delete-run-entry-button{position:absolute;top:1.5rem;right:0;width:2rem;height:2rem;border-radius:50%;background-color:transparent;color:var(--primary-fill-color);border:1px solid var(--button-border-color);font-size:1.5rem;line-height:1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-out;z-index:5}.delete-run-entry-button:hover{background-color:#f2cccc;color:#c00;border-color:#c00}.delete-run-entry-button:active{background-color:#e0bbbb}.run-date{font-size:1rem;font-weight:500;color:var(--text-color);opacity:.7;margin-bottom:.75rem}.run-metrics{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;color:var(--light-grey-text)}.run-log-text{font-size:1.125rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;color:var(--text-color)}.run-image{width:100%;max-width:500px;height:auto;max-height:400px;object-fit:cover;border-radius:.75rem;display:block;margin:1rem auto 0;box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.run-image{max-width:100%;max-height:300px}}.no-runs-message{text-align:center;font-size:1.2rem;font-weight:400;color:var(--light-grey-text);opacity:.8;margin:3rem 0;font-style:italic}.profile-panel{flex-shrink:0;width:var(--profile-panel-width-desktop);padding:3rem 3.5rem;box-sizing:border-box;border-left:1px solid var(--button-border-color);position:sticky;top:0;max-height:100vh;overflow-y:auto;background-color:var(--background-color);transition:transform .3s ease-out;scrollbar-width:none;-ms-overflow-style:none}.profile-panel::-webkit-scrollbar{display:none}.profile-drawer-close{display:none}.profile-name-title-desktop{font-size:2.4rem;font-weight:700;margin-bottom:0;line-height:1.1;color:var(--text-color)}@media (max-width: 768px){.profile-name-title-desktop{display:none}}.profile-name-title-mobile{display:none;font-size:2.2rem;font-weight:700;margin-bottom:0;line-height:1.2;color:var(--text-color)}@media (max-width: 768px){.profile-name-title-mobile{display:block;font-size:2rem;font-weight:700;margin-bottom:0;color:var(--text-color)}}.runner-subtitle-animated{font-size:1.15rem;font-style:italic;font-weight:400;color:var(--light-grey-text);opacity:.8;margin-bottom:3rem;margin-top:0;animation:subtitleDropFade .8s ease-out forwards;opacity:0;animation-delay:.5s}@keyframes subtitleDropFade{0%{opacity:0;transform:translateY(-1rem)}to{opacity:.8;transform:translateY(0)}}@keyframes flameGlow{0%{box-shadow:0 0 .5rem gold,0 0 1rem orange}50%{box-shadow:0 0 .8rem gold,0 0 1.5rem orange,0 0 2rem #ff4500}to{box-shadow:0 0 .5rem gold,0 0 1rem orange}}.streak-bar{margin-bottom:1rem;text-align:center;position:relative}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;width:100%}.streak-label{font-size:.9rem;font-weight:500;color:var(--text-color);opacity:.7;margin:0}.streak-count{font-size:1.3rem;font-weight:600;color:var(--text-color);line-height:1.2;margin:0}.fiery-streak-progress{width:100%;height:1.25rem;background-color:#e0e0e0;border-radius:.625rem;margin-bottom:.75rem;position:relative;overflow:hidden}.fiery-streak-progress-fill{height:100%;background:linear-gradient(to right,#ff4500,orange,gold);border-radius:.625rem;width:0%;transition:width .8s ease-out;animation:flameGlow 2s ease-in-out infinite}.community-unlock-message,.community-locked-message{text-align:center;margin:.5rem 0 1.5rem;padding:0;border-radius:0;font-size:.85rem;font-weight:400;line-height:1.3;background-color:transparent;border:none;color:var(--light-grey-text);opacity:.8}.community-unlock-message{color:var(--text-color)}.profile-separator{width:100%;height:1px;background-color:var(--button-border-color);margin:2rem 0;opacity:.3}.profile-header-section{text-align:center;margin-bottom:2rem}.profile-stats-section,.profile-actions-section{text-align:center;margin:2rem 0}.streak-section{margin:2rem 0}.community-status-section{text-align:center;margin:.5rem 0 1.5rem}.profile-info-text{font-size:.85rem;color:var(--light-grey-text);line-height:1.4;margin:.5rem 0}.guest-auth-prompt{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem;text-align:center;border-top:1px solid var(--button-border-color);margin-top:2.5rem}.guest-message{font-size:1rem;font-weight:500;line-height:1.4;margin:0;color:var(--text-color)}.guest-auth-prompt .circular-button.small-medium{margin:0;width:8rem;height:8rem;font-size:1.2rem}.social-media-section{margin:2rem 0;text-align:center;padding:1.5rem 1rem;border-radius:.75rem;background-color:transparent;border:none}.social-media-text{font-size:.85rem;font-weight:400;color:var(--light-grey-text);margin-bottom:1rem;line-height:1.4}.social-media-text strong{font-weight:600;color:var(--text-color)}.social-media-icons{display:flex;justify-content:center;gap:1rem}.social-media-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--background-color);border:1px solid var(--button-border-color);display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .2s ease-out;box-shadow:0 2px 4px #0000000d}.social-media-icon img{width:1.2rem;height:1.2rem;object-fit:contain}.social-media-icon:hover,.social-media-icon:active{background-color:var(--primary-fill-color);border-color:var(--primary-fill-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.social-media-icon:hover img,.social-media-icon:active img{filter:brightness(0) invert(1)}.profile-social-section{margin:2rem 0 1rem;padding:1rem .8rem}.profile-social-section .social-media-text{font-size:.8rem}.profile-social-section .social-media-icons{gap:.8rem}.profile-social-section .social-media-icon{width:2.2rem;height:2.2rem}.profile-social-section .social-media-icon img{width:1rem;height:1rem}.goodbye-social-section{margin-top:2rem;animation-delay:.5s}.profile-footer{margin-top:auto;padding-top:1.5rem;text-align:center;border-top:1px solid var(--button-border-color);padding-top:2rem}.creator-note-button{background:none;border:none;color:var(--text-color);font-size:.9rem;font-weight:600;font-style:italic;cursor:pointer;text-decoration:underline;padding:0;margin-bottom:1rem;transition:opacity .2s ease-out;line-height:1.3}.creator-note-button:hover{opacity:.8}.legal-links{display:flex;justify-content:center;align-items:center;gap:.4rem;flex-wrap:wrap}.link-button{background:none;border:none;color:var(--light-grey-text);font-size:.75rem;font-weight:400;cursor:pointer;text-decoration:underline;padding:0;transition:opacity .2s ease-out}.link-button:hover{opacity:.8}.link-separator{color:var(--light-grey-text);font-size:.75rem}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal-content,.name-input-overlay-content{background-color:var(--modal-bg-color);border-radius:1rem;box-shadow:0 .5rem 1.5rem #0003;padding:2.5rem;max-width:25rem;width:calc(100% - 2rem);text-align:center;position:relative;box-sizing:border-box}.modal-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:var(--text-color)}.modal-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;font-weight:300;color:var(--text-color);cursor:pointer;-webkit-tap-highlight-color:transparent}.modal-close-button:hover{opacity:.7}.legal-modal-content{background-color:var(--background-color);border-radius:1rem;box-shadow:0 .5rem 1.5rem #0003;padding:2rem;max-width:35rem;width:calc(100% - 2rem);max-height:70vh;overflow-y:auto;position:relative;box-sizing:border-box}.legal-modal-content h2{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;color:var(--text-color)}.legal-modal-content h3{font-size:1.1rem;font-weight:500;margin:1rem 0 .5rem;color:var(--text-color)}.legal-content{font-size:.95rem;line-height:1.5;color:var(--text-color)}.legal-content p{margin-bottom:.8rem;max-width:100%}.legal-footer{font-style:italic;opacity:.8;margin-top:1.5rem;font-size:.9rem}.auth-input,.name-input-field{padding:1rem 1.25rem;border:1px solid var(--modal-input-border);border-radius:.5rem;font-size:1.125rem;font-family:Figtree,sans-serif;color:var(--text-color);background-color:var(--background-color);transition:border-color .2s ease-out,box-shadow .2s ease-out}.auth-input::placeholder,.name-input-field::placeholder{color:var(--light-grey-text);opacity:.7}.auth-input:focus,.name-input-field:focus{outline:none;border-color:var(--modal-input-focus);box-shadow:0 0 0 2px #2c2c2c33}.auth-submit-button,.name-submit-button{background-color:var(--modal-button-bg);color:var(--modal-button-text);border:none;border-radius:.75rem;padding:1.25rem 2rem;font-size:1.25rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:background-color .2s ease-out,opacity .2s ease-out;-webkit-tap-highlight-color:transparent}.auth-submit-button:hover,.name-submit-button:hover{opacity:.9}.auth-submit-button:active,.name-submit-button:active{opacity:.8}.name-input-form{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.name-input-field{text-align:center;max-width:15rem}.login-signup-screen{position:fixed;inset:0;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:900;padding:3rem 1.5rem;box-sizing:border-box;max-width:36.25rem;margin:0 auto}.login-signup-title{font-size:2.2rem;font-weight:600;margin-bottom:3rem;color:var(--text-color)}.login-signup-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:20rem;margin-bottom:2.5rem}.auth-input{width:100%;box-sizing:border-box;padding:1rem 1.25rem;font-size:1.125rem}.google-auth-button{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--button-border-color);border-radius:.5rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;transition:background-color .2s ease-out,border-color .2s ease-out;-webkit-tap-highlight-color:transparent}.google-auth-button:hover,.google-auth-button:active{background-color:#f0f0f0;border-color:var(--primary-fill-color)}.google-auth-button span{font-size:1.3rem}.login-signup-actions{margin-top:3rem;gap:1.5rem}.image-upload-container{margin:1rem 0}.image-upload-button{background-color:var(--background-color);border:1px solid var(--button-border-color);border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease-out;color:var(--text-color)}.image-upload-button:hover{background-color:var(--primary-fill-color);color:var(--button-text-filled);border-color:var(--primary-fill-color)}.upload-preview{max-width:100%;height:auto;border-radius:.5rem;margin-top:.5rem;max-height:150px;object-fit:cover}.comic-dialogue-container{position:fixed;bottom:2rem;left:2rem;width:auto;height:auto;pointer-events:none;z-index:800;display:flex;justify-content:flex-start;align-items:flex-end}.comic-dialogue-bubble{background-color:var(--background-color);border:2px solid var(--text-color);border-radius:.75rem;position:relative;cursor:pointer;transition:all .3s ease-out;overflow:hidden;pointer-events:all;box-shadow:0 .5rem 1rem #00000026;width:20rem;min-height:6rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.comic-dialogue-bubble.expanded{width:24rem;height:18rem;padding:2rem}.comic-dialogue-close-button{position:absolute;top:.8rem;right:.8rem;background:none;border:none;font-size:1.5rem;font-weight:300;color:var(--text-color);cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease-out;z-index:10}.comic-dialogue-close-button:hover{background-color:#0000001a}.comic-dialogue-prompt{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;top:0;left:0;background-color:var(--background-color);transition:opacity .3s ease-out;padding:1.5rem;box-sizing:border-box}.comic-dialogue-bubble.expanded .comic-dialogue-prompt{opacity:0;pointer-events:none}.comic-dialogue-message{font-size:1.1rem;font-weight:600;color:var(--text-color);line-height:1.4;margin:0;opacity:1;transition:opacity .3s ease-out}.comic-dialogue-bubble.expanded .comic-dialogue-message{opacity:0}.comic-dialogue-socials{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1.5rem;box-sizing:border-box;opacity:0;transition:opacity .3s ease-out;transition-delay:.1s}.comic-dialogue-bubble.expanded .comic-dialogue-socials{opacity:1;pointer-events:all}.comic-dialogue-expanded-text{font-size:1.2rem;font-weight:700;color:var(--text-color);margin-bottom:.8rem}.social-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem;justify-items:center}.social-share-icon{width:3rem;height:3rem;border-radius:50%;background-color:var(--background-color);border:2px solid var(--text-color);color:var(--text-color);font-size:1.2rem;font-weight:600;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .2s ease-out;box-shadow:0 2px 5px #0000001a;cursor:pointer}.social-share-icon img{width:1.4rem;height:1.4rem;object-fit:contain}.social-share-icon:hover,.social-share-icon:active{background-color:var(--text-color);color:var(--background-color);transform:scale(1.1);box-shadow:0 4px 8px #0003}.social-share-icon:hover img,.social-share-icon:active img{filter:brightness(0) invert(1)}.comic-done-button{background-color:var(--text-color);color:var(--background-color);border:2px solid var(--text-color);border-radius:.8rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-out}.comic-done-button:hover,.comic-done-button:active{background-color:var(--background-color);color:var(--text-color);transform:scale(1.05)}@media (max-width: 768px){.comic-dialogue-container{bottom:calc(var(--mobile-nav-height) + 1rem);left:1rem;right:1rem}.comic-dialogue-bubble{width:16rem;min-height:5rem;padding:1.2rem}.comic-dialogue-bubble.expanded{width:20rem;height:16rem;padding:1.5rem}.comic-dialogue-message{font-size:1rem}.comic-dialogue-expanded-text{font-size:1.1rem}.social-icon-grid{gap:.6rem}.social-share-icon{width:2.5rem;height:2.5rem;font-size:1rem}.social-share-icon img{width:1.2rem;height:1.2rem}}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background-color:var(--background-color);border-top:1px solid var(--button-border-color);border-top-left-radius:2rem;border-top-right-radius:2rem;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -.25rem 1rem #0000000d;z-index:200}@media (min-width: 769px){.mobile-nav-bar{display:none}}.mobile-nav-button{background:none;border:none;color:var(--text-color);font-family:Figtree,sans-serif;font-size:1.1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;height:100%;display:flex;align-items:center;justify-content:center;transition:color .2s ease-out,transform .2s ease-out;-webkit-tap-highlight-color:transparent}.mobile-nav-button.active{color:var(--primary-fill-color);font-weight:600;transform:translateY(-.1rem)}.mobile-nav-button:hover{color:var(--primary-fill-color)}@media (max-width: 768px){.profile-panel{position:fixed;top:0;right:0;bottom:0;width:100vw;max-width:100vw;z-index:100;transform:translate(100%);border-left:none;box-shadow:-.3125rem 0 .9375rem #0000001a;transition:transform .3s ease-out;padding-bottom:var(--mobile-nav-height)}.profile-panel.open{transform:translate(0)}.mobile-main-layout>.profile-panel{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:100%;z-index:auto;transform:translate(0);border-left:none;box-shadow:none;padding:2rem 1.5rem;padding-bottom:0;max-height:calc(100vh - var(--mobile-nav-height))}.profile-drawer-close{display:block;position:absolute;top:1.5rem;left:1.5rem;background:none;border:none;font-size:2rem;font-weight:300;color:var(--text-color);cursor:pointer;z-index:110}.mobile-main-layout>.profile-panel .profile-drawer-close{display:none}}@media (max-width: 480px){.app-container,.logbook-section,.profile-panel{padding:1.5rem 1rem}.main-question{font-size:2.2rem;margin-bottom:3rem}.screen-title{font-size:1.8rem;margin-bottom:2rem}.button-group{gap:1.5rem;margin-top:2rem}.magic-fade-in-sequence-text.large-motivational-text{font-size:1.8rem;margin-bottom:1.5rem}.profile-name-title-desktop,.profile-name-title-mobile{font-size:2.2rem}.runner-subtitle-animated{font-size:1.1rem;margin-bottom:2rem}.logbook-title{font-size:1.8rem}.run-entry{padding-top:1.5rem;padding-bottom:1.5rem}.run-entry:after{height:1px}.run-date,.run-log-text{font-size:1rem}.run-metrics{font-size:1rem;gap:1rem;margin-bottom:1rem}.streak-bar{margin-bottom:2rem}.run-image{max-height:250px}}.logbook-link-container{margin-top:3rem;text-align:center}.logbook-link{font-size:1rem;font-weight:500;color:var(--light-grey-text);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease-out,border-color .2s ease-out}.logbook-link:hover{color:var(--text-color);border-bottom-color:var(--text-color)}