:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;min-width:320px;min-height:100vh;background-image:url(/assets/backgrounds/00035-553584982.png);background-size:cover;background-position:center;background-repeat:no-repeat}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sticky-top{position:sticky;top:0;z-index:1020}.header-card{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;min-height:14rem;padding:1rem;box-sizing:border-box}.numberDisplay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:8px;backdrop-filter:blur(10px) opacity(.8) saturate(180%) contrast(80%);margin:0;width:auto;max-width:300px;height:auto;max-height:300px;color:#f9f9f9;text-shadow:#000000 1px 0 10px}.numberDisplay span{font-size:1.5rem;font-weight:500;text-align:center}.secondaryNumberDisplay{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:1rem;width:auto;max-width:300px;height:auto;max-height:300px;color:#f9f9f9;text-shadow:#000000 1px 0 10px}.secondaryNumberDisplay span{font-size:1rem;font-weight:500;text-align:center}.input-container{display:flex;flex-direction:column;position:relative;width:min(80vw,400px);left:0;right:0;margin-left:auto;margin-right:auto;padding:1rem 0;gap:.75rem}.step-input{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:1rem;min-height:44px}.date-input{width:min(80vw,400px);height:44px;padding:8px 18px}input{border:none;display:inline-block;position:relative;border-radius:22px;box-sizing:border-box;padding:0 18px}.history-container{min-height:10rem;margin-left:auto;margin-right:auto;width:min(80vw,400px);overflow-y:auto}.history-container::-webkit-scrollbar{display:none}.distance-history-display{list-style-type:none}.accordion dl:after{content:"";display:block;height:0em;width:100%;border-radius:8px;background-color:tomato}.accordion p{padding:1em 2em}.accordion dd{background-color:#eee;font-size:1em;line-height:1.5em;border:none;margin:5px}.accordion{position:relative;width:100%}.accordionTitle{width:100%;background-color:#000000a6;backdrop-filter:blur(10px) opacity(.8) saturate(180%) contrast(80%);text-align:center;font-weight:700;padding:2em;display:block;text-decoration:none;color:#fff;transition:background-color .5s ease-in-out;border-radius:8px}.accordionTitle:before{content:"+";font-size:1.5em;line-height:.5em;float:left;transition:transform .3s ease-in-out}.accordionTitle.is-expanded:before{transform:translateY(50%) rotate(-180deg)}.accordionItem{height:auto;overflow:hidden;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;max-height:50em;transition:max-height 1s}.accordionItem.is-collapsed{max-height:0}.no-js .accordionItem.is-collapsed{max-height:auto}.animateIn{animation:accordionIn .45s normal ease-in-out both 1}.animateOut{animation:accordionOut .45s alternate ease-in-out both 1}@keyframes accordionIn{0%{opacity:0;transform:scale(.9) rotateX(-60deg);transform-origin:50% 0}to{opacity:1;transform:scale(1)}}@keyframes accordionOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) rotateX(-60deg)}}.distance-fill{position:absolute;background-color:#646cff;height:100%;left:0}.journey-app{min-height:100vh;min-height:100svh;height:100vh;height:100svh;display:grid;grid-template-rows:auto minmax(10rem,1fr) auto auto}.journey-controls{padding:1rem;color:#f9f9f9;background:rgba(0,0,0,.8);text-align:center}.journey-controls h1{font-size:1.4rem;line-height:1.3;margin:0 0 .5rem}.journey-controls p{margin:.5rem auto;max-width:55ch}.journey-controls button{min-height:44px;padding:.6rem 1rem}#journeyHint,#journeyNotice,#appError{font-size:.9rem}#journeyNotice:empty,#appError:empty{display:none}#appError{color:#ffd0c9}.milestone-progress{position:absolute;top:0;left:0;width:100%;height:8px;background:#242424;overflow:hidden}.header-card .numberDisplay,.header-card .secondaryNumberDisplay{background:rgba(0,0,0,.7);border-radius:8px;backdrop-filter:none;text-shadow:none;font-variant-numeric:tabular-nums}.header-card{gap:.5rem}.header-card .stat-label{font-size:.85rem;font-weight:400}.step-input input{min-width:0;flex:1}button:disabled{cursor:default;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #a8acff;outline-offset:3px}@media (max-width: 480px){.header-card{min-height:13rem;padding:1rem .75rem}.numberDisplay{width:100%;padding:.5rem}.secondaryNumberDisplay{padding:.5rem}.journey-controls{padding:.75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}