:root{--ink:#161616;--muted:#686560;--line:#e5e1da;--soft-line:#eeeae4;--cream:#f7f4ef;--paper:#fffdfb;--red:#b72d24;--red-dark:#922219;--serif:Georgia, "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 50% -15%, #fffffff2 0, #fff0 45%), var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}main{min-height:100vh;padding:62px 20px 78px}.hero{text-align:left;max-width:870px;margin:0 auto 42px}.personal-greeting{text-align:center;flex-direction:column;align-items:center;gap:5px;margin-bottom:28px;display:flex}.personal-greeting p{color:var(--red);letter-spacing:.015em;margin:0;font-size:13px;font-weight:700}.personal-greeting span{color:var(--muted);font-size:12px}.eyebrow,.section-kicker{color:var(--red);letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{justify-content:center;align-items:center;gap:9px;margin-bottom:14px;display:flex}.eyebrow span{background:var(--red);width:18px;height:1px}.hero h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(36px,6vw,54px);font-weight:400;line-height:1.05}.hero>p{max-width:550px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.65}.planner{flex-direction:column;gap:22px;width:100%;max-width:870px;margin:0 auto;display:flex;overflow:visible}.search-panel{z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid;position:relative}.starting-location-field,.store-search-field,.trip-panel{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-width:0;box-shadow:0 8px 24px #2a231c0b}.starting-location-field,.store-search-field{padding:26px 28px 28px}.starting-location-field>label,.store-search-field>label{font-family:var(--serif);margin-bottom:6px;font-size:20px;display:block}.field-hint{color:var(--muted);margin:0 0 15px;font-size:12px}.stop-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.stop-filters button{border:1px solid var(--line);min-width:0;min-height:28px;color:var(--muted);cursor:pointer;background:#faf8f5;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700;transition:color .15s,background .15s,border-color .15s}.stop-filters button:hover,.stop-filters button:focus-visible{color:var(--ink);border-color:#c8c2ba}.stop-filters button:focus-visible{outline-offset:2px;outline:2px solid #b72d2440}.stop-filters button.active{color:var(--red);background:#fbefec;border-color:#b72d2447}.search-wrapper{position:relative}.search-input{background:#fff;border:1px solid #d0ccc5;border-radius:8px;align-items:center;height:52px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.search-input:focus-within,.search-input.active{border-color:#8e8982;box-shadow:0 0 0 3px #b72d2412}.search-input svg{fill:none;width:20px;stroke:var(--red);stroke-width:1.7px;margin-right:12px}.search-input input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:15px}.search-input input::placeholder{color:#8a8782}.search-input input::-webkit-search-cancel-button{cursor:pointer}.search-results{border:1px solid var(--line);background:#fff;border-radius:9px;max-height:330px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #201d1924}.search-result{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eeece8;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result:focus-visible{background:#f8f6f2;outline:0}.result-icon{background:#f2efea;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.result-icon svg{fill:none;width:15px;stroke:var(--red);stroke-width:1.7px}.result-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.result-title-row{align-items:center;gap:7px;min-width:0;display:flex}.result-copy strong{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.result-copy>span{color:#53504c;font-size:12px}.result-copy small{color:#85817b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.add-label{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.no-results{color:var(--muted);text-align:center;padding:24px 18px;font-size:13px}.trip-panel{padding:32px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.section-kicker{margin:0 0 7px}.section-heading h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:400}.trip-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 15px;display:flex}.stop-count{color:var(--muted);font-size:12px}.clear-button,.reset-button,.remove-button{color:var(--red);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-size:12px}.reset-button{color:var(--red)}.clear-button:hover,.reset-button:hover,.remove-button:hover{border-color:currentColor}.clear-button:disabled,.reset-button:disabled{opacity:.5;cursor:not-allowed}.stop-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stop-card{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;padding:15px 16px;display:grid;position:relative;box-shadow:0 3px 10px #1e1a1609}.stop-card.is-dragging{z-index:20;border-color:#aaa59d;box-shadow:0 12px 28px #1e1a1621}.home-card{background:#fdfaf6;border-color:#e8dfd5;padding:18px 19px;box-shadow:0 4px 12px #44332709}.home-title-row{align-items:center;gap:10px;display:flex}.home-title-row h3{margin-bottom:0}.home-badge{color:var(--red);letter-spacing:.06em;text-transform:uppercase;background:#f7ebe7;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.fixed-label{color:#82766d;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.stop-number{width:36px;height:36px;font-family:var(--serif);border:1px solid #2f2d2a;border-radius:50%;place-items:center;font-size:16px;display:grid}.stop-details{min-width:0}.stop-title-row{flex-wrap:wrap;align-items:center;gap:6px 9px;min-width:0;margin-bottom:5px;display:flex}.stop-details h3{min-width:0;font-family:var(--serif);margin:0;font-size:16px;font-weight:600;line-height:1.25}.stop-details p{margin:0}.stop-city{color:#4d4a46;font-size:12px}.stop-address{color:#88847e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden;margin-top:4px!important}.category-badge{letter-spacing:.065em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 6px;font-size:8px;font-weight:700;line-height:1.2}.category-badge.nordstrom{color:var(--red);background:#f8ebe8}.category-badge.coffee{color:#76533c;background:#f1e8df}.stop-actions{align-items:center;gap:15px;display:flex}.drag-handle{color:#68645f;cursor:grab;touch-action:none;background:#faf9f7;border:1px solid #dfdcd6;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid var(--red);outline-offset:2px}.drag-handle svg{fill:currentColor;width:18px}.destination-prompt{color:var(--muted);background:#fbfaf8;border:1px dashed #d4d0c9;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:17px;font-size:12px;display:flex}.destination-prompt svg{fill:none;width:17px;stroke:var(--red);stroke-width:1.7px}.empty-state{text-align:center;background:#fbfaf8;border:1px dashed #d4d0c9;border-radius:3px;min-height:210px;padding:43px 20px}.empty-route{justify-content:center;align-items:center;height:41px;margin-bottom:11px;display:flex}.empty-route .route-dot{border:2px solid var(--red);background:#fff;border-radius:50%;width:8px;height:8px}.empty-route .route-line{border-top:1px dashed #aaa59d;width:47px}.empty-route svg{fill:none;width:27px;stroke:var(--red);stroke-width:1.4px}.empty-state h3{font-family:var(--serif);margin:0 0 8px;font-size:18px;font-weight:400}.empty-state p{color:var(--muted);margin:0;font-size:12px}.route-footer{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:22px;display:flex}.route-note{color:var(--muted);align-items:center;gap:9px;font-size:11px;line-height:1.4;display:flex}.note-marker{width:17px;height:17px;font-family:var(--serif);border:1px solid #aaa69f;border-radius:50%;flex:none;place-items:center;font-size:11px;font-style:italic;display:grid}.route-actions{flex:none;align-items:center;gap:9px;display:flex}.optimization-status{border-radius:7px;margin:12px 0 -10px;padding:10px 12px;font-size:11px;line-height:1.45}.optimization-status.success{color:#365d3d;background:#eef5ee}.optimization-status.error{color:#8b2720;background:#faeeee}.route-summary{color:#625b54;background:#faf7f2;border:1px solid #d9d2c8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:flex}.route-summary span{letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.route-summary strong{color:var(--ink);font-family:var(--serif);font-size:17px;font-weight:600}.optimize-button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #aaa59d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.optimize-button:hover:not(:disabled){background:#f8f6f2;border-color:#4a4742}.optimize-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.optimize-button:disabled{color:#9a9690;cursor:not-allowed;background:#f3f1ed;border-color:#dad7d1}.optimize-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;width:17px}.route-button{border:1px solid var(--red);color:#fff;background:var(--red);letter-spacing:.025em;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 21px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.route-button:hover:not(:disabled){border-color:var(--red-dark);background:var(--red-dark)}.route-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.route-button:disabled{color:#98948e;cursor:not-allowed;background:#eae7e2;border-color:#d8d4ce}.route-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px}@media (max-width:640px){main{padding:38px 14px 50px}.hero{margin-bottom:31px}.personal-greeting{margin-bottom:23px}.hero h1{font-size:37px}.hero>p{font-size:14px}.planner,.search-panel{gap:16px}.search-panel{grid-template-columns:minmax(0,1fr)}.starting-location-field,.store-search-field,.trip-panel{padding:24px 18px}.search-result{grid-template-columns:28px minmax(0,1fr)}.add-label{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.trip-tools{justify-content:flex-start;width:100%}.stop-card{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:14px 11px}.home-card{padding:17px 14px}.stop-number{width:32px;height:32px}.stop-address{display:none}.stop-actions{flex-direction:column;gap:6px}.home-title-row{flex-direction:column;align-items:flex-start;gap:4px}.fixed-label{font-size:9px}.drag-handle{order:-1;width:34px;height:32px}.remove-button{font-size:10px}.route-footer{flex-direction:column;align-items:stretch}.route-note{text-align:center;justify-content:center}.route-summary{flex-direction:column;align-items:flex-start;gap:5px}.route-actions{flex-direction:column;align-items:stretch}.optimize-button,.route-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}