.form-container{padding:8px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}@media (min-width: 1024px){.form-container{padding:2rem;position:sticky;top:0}}.planner-form{display:flex;flex-direction:column;gap:5px}.form-group{display:flex;flex-direction:column;margin-bottom:.5rem}.form-group label{font-weight:600;margin-bottom:.5rem}.form-select,.form-input,.checkbox-input,.submit-button{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-select:focus,.form-input:focus,.checkbox-input:focus{outline:2px solid #0077ff;border-color:#07f}.checkbox-label{display:flex;align-items:center;gap:.5rem;flex:30%}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.intro-text{background-color:#ececec;padding:1rem;border-radius:4px;margin-bottom:1rem}fieldset{border:1px solid #ddd;border-radius:4px;padding:1rem}legend{font-weight:600;font-size:1.2rem}.submit-button{background-color:#07f;color:#fff;font-weight:700;cursor:pointer;text-align:center;transition:background-color .3s}.submit-button:hover{background-color:#0056cc}.details-summary{cursor:pointer;width:100%;padding:10px 20px;font-size:14px;font-weight:600;color:#333;background-color:#ececec;border:none;border-radius:4px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;transition:all .3s ease,box-shadow .2s ease;margin-bottom:.5rem}details[open] .details-summary{z-index:1;position:sticky;top:-32px;box-shadow:0 8px 12px #0000001a,0 2px 6px #0000000f}.details-summary:hover{background-color:#f9f9f9}.range-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:.25rem}.range-value{font-weight:500;color:#333}.range-edge{opacity:.7}.form-location-inputs{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:space-between;align-items:end;gap:5px}.location-input-container{width:100%}.location-input-label{display:block;font-weight:600;color:#333}.location-input-field{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;transition:border-color .3s,box-shadow .3s}.location-input-field:focus{border-color:#07f;box-shadow:0 0 0 2px #07f3;outline:none}.suggestions-container{z-index:2;position:absolute;transform:translate(-50%);margin-left:50%;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #0000001a;margin-top:.5rem;overflow-y:auto;max-height:min(500px,80vh)}.suggestions-container{width:92vw;position:absolute;transform:translate(-50%);margin-left:50%}@media screen and (min-width: 768px){.suggestions-container{width:100%}}.suggestion-section{border-top:1px solid #eee}.suggestion-section:first-child{border-top:none}.suggestion-title{font-size:.9rem;font-weight:700;color:#555;padding:.2rem;margin:0;background-color:#f9f9f9;border-bottom:1px solid #eee}.suggestion-list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:0}.suggestion-list li{padding:.8rem;cursor:pointer;transition:background-color .3s,color .3s}.suggestion-list li:hover{background-color:#07f;color:#fff}.suggestion-list li:active{background-color:#0056cc}.swap-button{width:50px;height:50px;position:absolute;right:-15px;top:55px;z-index:1}@media (max-width: 1024px){.form-container{width:100%}.form-row,.checkbox-group{flex-direction:column}.submit-button{width:100%}.location-input-field{padding:.6rem .8rem}}
