:root{font-family:Avenir Next,Avenir,PingFang SC,Hiragino Sans GB,sans-serif;color:#18392f;background:#efe9dc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#efe9dc}button,input,textarea{font:inherit}button{cursor:pointer}main{max-width:1440px;margin:auto;padding:0 4.5vw 5rem}.topbar{min-height:105px;display:flex;align-items:center;border-bottom:1px solid rgba(24,57,47,.28);gap:3rem}.brand{display:flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none;letter-spacing:.12em;font-size:.72rem;line-height:1.2}.brand strong{font-size:1.05rem}.pin{width:38px;height:38px;display:grid;place-items:center;color:#eff9a5;background:#18392f;border-radius:50% 50% 50% 5px;font-size:1.5rem}.topbar>p{margin:0;font-family:Georgia,serif;font-size:.8rem;font-style:italic;line-height:1.5;color:#587068}.status{margin-left:auto;font-size:.75rem;border:1px solid #98a69a;padding:.55rem .8rem;border-radius:999px}.status i{display:inline-block;width:7px;height:7px;background:#739f39;border-radius:50%;margin-right:.35rem}.hero{display:grid;grid-template-columns:1.35fr .75fr .55fr;gap:4rem;align-items:end;padding:5.5rem 0 4rem}.eyebrow{font-size:.68rem;letter-spacing:.22em;color:#78867f}h1{font-size:clamp(3.7rem,8vw,7.7rem);line-height:.82;letter-spacing:-.07em;margin:1.3rem 0 0;font-weight:500}h1 em{font-family:Georgia,Songti SC,serif;font-weight:400;color:#e25131}.intro{font-family:Georgia,Songti SC,serif;margin:0;line-height:1.85;font-size:1.05rem;max-width:28rem}.compass{aspect-ratio:1;border:1px solid #9aa69e;border-radius:50%;position:relative;font-size:.65rem}.compass:before,.compass:after{content:"";position:absolute;background:#aab2a9;left:50%;top:8%;bottom:8%;width:1px}.compass:after{left:8%;right:8%;top:50%;height:1px;width:auto}.compass b{position:absolute;top:28%;right:28%;bottom:28%;left:28%;display:grid;place-items:center;border-radius:50%;background:#eff9a5;font-size:2rem;z-index:1}.compass span{position:absolute;z-index:2;background:#efe9dc;padding:.2rem}.compass span:first-child{top:-.5rem;left:44%}.compass span:nth-of-type(2){right:-.5rem;top:48%}.compass span:last-child{bottom:-.5rem;left:40%}.workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);border:1px solid #18392f;min-height:780px}.map-form{padding:3rem clamp(1.5rem,4vw,4rem);background:#f7f1e6}.result{padding:3rem clamp(1.5rem,4vw,4rem);background:#18392f;color:#f6f1e8;position:relative;overflow:hidden}.result:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(239,249,165,.12);border-radius:50%;right:-160px;top:120px;pointer-events:none}.section-title{display:flex;gap:1.1rem;align-items:center;margin-bottom:2.4rem}.section-title span{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-size:.65rem}.section-title h2{margin:0;font:400 1.15rem Georgia,Songti SC,serif}.section-title.light{color:#eff9a5}.map-form>label,.form-row label{display:block;margin-bottom:1.6rem}.map-form label>span,fieldset legend{display:flex;justify-content:space-between;width:100%;margin-bottom:.65rem;font-weight:650;font-size:.86rem}.map-form small{font-weight:400;color:#78867f}textarea,input{width:100%;border:0;border-bottom:1px solid #8e9a93;color:#18392f;background:transparent;padding:.8rem 0;outline:none;resize:vertical;border-radius:0}textarea:focus,input:focus{border-color:#e25131;box-shadow:0 1px #e25131}textarea::placeholder,input::placeholder{color:#929b94}.form-row{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem}.time-input{position:relative}.time-input input{padding-right:3rem}.time-input i{position:absolute;right:0;bottom:.85rem;font-style:normal;font-size:.75rem;color:#6d7a73}fieldset{border:0;padding:0;margin:0 0 2rem}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.choices label{border:1px solid #9da59d;padding:.8rem .5rem;text-align:center;font-size:.8rem;transition:.2s}.choices label span{display:block;font-size:1.25rem;margin-bottom:.25rem}.choices label.checked{color:#f6f1e8;background:#18392f;border-color:#18392f}.choices input{position:absolute;opacity:0;pointer-events:none}.error textarea,.error input,fieldset.error .choices label{border-color:#c23c25}.map-form label>b,fieldset>b{display:block;color:#c23c25;font-size:.7rem;margin-top:.45rem}.start{width:100%;display:flex;justify-content:space-between;align-items:center;background:#e25131;color:#fff;border:0;padding:1.1rem 1.25rem;font-weight:700}.start:hover:not(:disabled){background:#c94024}.start:disabled{cursor:wait;opacity:.7}.start span{font-size:1.3rem}.privacy{text-align:center;font-size:.66rem;color:#7d8882}.empty-map{min-height:580px;display:flex;flex-direction:column;justify-content:center;max-width:30rem}.fold{width:250px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);transform:rotate(-5deg);margin:0 0 3rem 1rem;filter:drop-shadow(0 15px 20px rgba(0,0,0,.17))}.fold span{background:#dfe9af;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);border-right:1px dashed #69806a}.fold span:nth-child(2){background:#eff9a5;transform:translateY(7px)}.fold span:nth-child(3){background:#c9db91}.empty-map h3{font:400 1.8rem Georgia,serif;margin:.2rem 0}.empty-map p{color:#b5c3bd;line-height:1.7}.empty-map ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.empty-map li{border:1px solid #587067;border-radius:99px;padding:.4rem .7rem;font-size:.67rem}.loading-card{min-height:560px;display:flex;flex-direction:column;justify-content:center}.route-animation{height:100px;position:relative;margin-bottom:2rem}.route-animation:after{content:"";position:absolute;left:15px;right:15px;top:50%;border-top:1px dashed #eff9a5;animation:trace 2s linear infinite}.route-animation i{position:absolute;top:calc(50% - 6px);width:13px;height:13px;background:#eff9a5;border-radius:50%;z-index:2}.route-animation i:nth-child(1){left:0}.route-animation i:nth-child(2){left:49%}.route-animation i:nth-child(3){right:0}@keyframes trace{0%{opacity:.15}50%{opacity:1}to{opacity:.15}}.loading-card h3{font:400 1.7rem Georgia,serif;margin:0}.loading-card p{color:#aabbb5}.progress{height:3px;background:#466158;margin:2rem 0 .6rem}.progress span{display:block;height:100%;background:#e25131;transition:width .5s}.loading-card small{color:#91a69e}.whisper-card{border-left:3px solid #eff9a5;padding:.5rem 0 .5rem 1.5rem;margin-bottom:2.7rem}.card-label{color:#eff9a5;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.whisper-card p{font:400 1.22rem/1.75 Georgia,Songti SC,serif;margin:.7rem 0 0;white-space:pre-line}.route-list h3,.checks h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#9db0a9}.route-list h3 small{float:right;font-weight:400}.route-list article{display:grid;grid-template-columns:42px 1fr;border-top:1px solid #496158;padding:1rem 0}.route-list article>span{color:#eff9a5;font:italic 1rem Georgia,serif}.route-list article p{margin:0;line-height:1.55;font-size:.88rem}.checks{background:#29483e;padding:1rem 1.25rem;margin:1.5rem 0}.checks p{font-size:.75rem;color:#c5d2cd;margin:.55rem 0}.muted{color:#9db0a9;font-size:.85rem}.next-turn{margin-top:2rem;border-top:1px dashed #6c7e77;padding-top:1.5rem}.next-turn>span{color:#eff9a5;font-size:.67rem}.next-turn h3{font:400 1.3rem/1.5 Georgia,Songti SC,serif}.next-turn textarea{color:#fff;border:1px solid #587067;padding:.8rem}.next-turn button{margin-top:.75rem;background:#eff9a5;border:0;color:#18392f;padding:.8rem 1rem;font-weight:700}.next-turn button span{margin-left:1rem}.error-box{position:relative;z-index:3;display:flex;gap:.8rem;align-items:center;margin-top:1rem;padding:1rem;background:#6c2d23;color:#fff}.error-box>span{font-size:1.3rem}.error-box strong{font-size:.8rem}.error-box p{font-size:.72rem;margin:.25rem 0 0}.error-box button{margin-left:auto;white-space:nowrap;border:1px solid white;background:transparent;color:#fff;padding:.55rem .7rem}.error-timeout{background:#705d27}footer{max-width:1440px;margin:auto;padding:2rem 4.5vw 3rem;display:flex;justify-content:space-between;color:#62736c;font-size:.7rem}footer span{font-weight:800;letter-spacing:.15em}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:2rem}.hero>div{grid-column:1/-1}.compass{max-width:150px;justify-self:end}.workspace{grid-template-columns:1fr}.result{min-height:680px}}@media(max-width:600px){main{padding:0 1rem 3rem}.topbar{min-height:80px;gap:1rem}.topbar>p{display:none}.status{font-size:0;padding:.55rem}.status i{margin:0}.hero{display:block;padding:3.2rem 0 2.5rem}.intro{margin-top:2rem}.compass{width:120px;margin:2.5rem 0 0 auto}.workspace{border:0;margin:0 -1rem}.map-form,.result{padding:2rem 1.2rem}.form-row{grid-template-columns:1fr;gap:0}.choices{gap:.3rem}.choices label{padding:.7rem .2rem}.fold{width:210px}.empty-map{min-height:480px}footer{display:block;padding:1.5rem 1rem}footer p{line-height:1.5}}