.saved-route-form{background:#fff;border:1px solid #d8e2dc;border-radius:8px;display:grid;gap:1rem;padding:1rem}.saved-route-form label{color:#304047;display:grid;font-size:.88rem;font-weight:800;gap:.4rem}.saved-route-form input,.saved-route-form select,.saved-route-form textarea{border:1px solid #b7c6bd;border-radius:8px;color:#17252a;font:inherit;padding:.75rem .85rem}.saved-route-form textarea{resize:vertical}.saved-route-form-grid{display:grid;gap:1rem;grid-template-columns:1fr}.saved-route-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.saved-route-checkboxes label{align-items:center;display:inline-flex;gap:.45rem}.saved-route-checkboxes input{height:20px;width:20px}.bucket-entry-row{display:grid;gap:.55rem;grid-template-columns:1fr auto}.bucket-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.saved-route-more{border-top:1px solid #d8e2dc;padding-top:.25rem}.saved-route-more summary{color:#304047;cursor:pointer;font-size:.92rem;font-weight:800;list-style:none}.saved-route-more summary::-webkit-details-marker{display:none}.saved-route-more-content{display:grid;gap:1rem;margin-top:.85rem}@media (min-width: 720px){.saved-route-form-grid{grid-template-columns:1fr 1fr}}.edit-page-actions{align-items:center;display:flex;justify-content:space-between;gap:1rem}.edit-page-actions h1{margin:0}.tag-badge{background:#edf6f9;border:1px solid #c9e5ea;border-radius:999px;color:#28545c;display:inline-flex;font-size:.78rem;font-weight:700;line-height:1;padding:.36rem .55rem}.saved-route-card{background:#fff;border:1px solid #d8e2dc;border-radius:8px;box-shadow:0 4px 16px #1b262c0f;padding:0}.saved-route-card-row{display:grid;gap:.5rem;grid-template-columns:1fr auto}.saved-route-title-button{width:100%;text-align:left;border:0;border-radius:8px;background:#0a7f89;color:#fff;font-size:1rem;font-weight:800;line-height:1.15;padding:.85rem .95rem}.saved-route-title-button:disabled{opacity:.7}.saved-route-edit-link{align-items:center;background:#fff;border:1px solid #b7c6bd;border-radius:8px;color:#304047;display:inline-flex;font-size:.85rem;font-weight:800;justify-content:center;min-height:44px;padding:.65rem .75rem;text-decoration:none}.saved-route-list{display:grid;gap:.85rem}.empty-list-message{background:#fff;border:1px dashed #b7c6bd;border-radius:8px;color:#52646d;padding:1.1rem;text-align:center}.saved-route-search-box{background:#fff;border:1px solid #d8e2dc;border-radius:8px;display:grid;gap:.75rem;padding:.75rem}.saved-route-search-field,.bucket-panel-header{color:#304047;display:grid;font-size:.85rem;font-weight:800;gap:.35rem}.saved-route-search-field input{border:1px solid #b7c6bd;border-radius:8px;color:#17252a;font:inherit;min-height:44px;padding:.65rem .75rem}.saved-route-toolbar-actions,.pinned-buckets-row{display:flex;flex-wrap:wrap;gap:.5rem}.bucket-panel{display:grid;gap:.6rem}.bucket-panel-list{display:grid;gap:.5rem}.bucket-panel-row{display:grid;gap:.5rem;grid-template-columns:1fr auto}.saved-routes-page{display:grid;gap:1rem;padding:1rem}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.page-header h1{font-size:1.8rem;line-height:1.1;margin:0}.eyebrow{color:#52646d;font-size:.78rem;font-weight:900;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.share-receive-page{display:grid;gap:1rem;padding:1rem}.share-receive-page h1{font-size:1.8rem;margin:0 0 .5rem}.share-receive-page header p:last-child{color:#52646d;line-height:1.45;margin:0}.share-warning{background:#fff8db;border:1px solid #e6c84f;border-radius:8px;color:#5f4a00;padding:.9rem}:root{color:#17252a;background:#f4f7f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{margin:0 auto;max-width:820px;min-height:100svh;padding-bottom:5.5rem}.bottom-nav{background:#fffffff5;border-top:1px solid #d8e2dc;bottom:0;display:grid;gap:.45rem;grid-template-columns:repeat(3,1fr);left:0;margin:0 auto;max-width:820px;padding:.65rem .75rem;position:fixed;right:0}.bottom-nav a{border-radius:8px;color:#52646d;font-weight:900;min-height:46px;padding:.72rem .5rem;text-align:center;text-decoration:none}.bottom-nav span{border-radius:8px;color:#98a8ae;font-weight:900;min-height:46px;padding:.72rem .5rem;text-align:center}.bottom-nav a.active{background:#006d77;color:#fff}.primary-action-button,.primary-action-link{align-items:center;background:#006d77;border:1px solid #006d77;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;justify-content:center;min-height:48px;padding:.78rem 1rem;text-decoration:none}.primary-action-button:disabled{opacity:.65}.secondary-action-link,.small-button{align-items:center;background:#fff;border:1px solid #b7c6bd;border-radius:8px;color:#304047;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:.65rem .8rem;text-decoration:none}button.secondary-action-link{cursor:pointer}.small-button-active{background:#e0f2f1;border-color:#006d77;color:#00535b}.back-link{color:#006d77;font-weight:900;text-decoration:none}.narrow-page{display:grid;gap:1rem;padding:1rem}.narrow-page h1{font-size:1.8rem;line-height:1.1;margin:0}.status-message,.error-message{border-radius:8px;margin:0;padding:.9rem 1rem}.status-message{background:#fff;border:1px solid #d8e2dc;color:#52646d}.error-message{background:#ffe9e5;border:1px solid #ffb3a6;color:#8a1f12}.detail-card{background:#fff;border:1px solid #d8e2dc;border-radius:8px;display:grid;gap:1rem;padding:1rem}.detail-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.detail-header h1{margin-top:0}.detail-meta,.detail-notes{color:#52646d;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.detail-stats{display:grid;gap:.7rem;grid-template-columns:1fr;margin:0}.detail-stats div{background:#f4f7f5;border-radius:8px;padding:.75rem}.detail-stats dt{color:#52646d;font-size:.8rem;font-weight:900}.detail-stats dd{margin:.25rem 0 0}.detail-actions{display:grid;gap:.6rem;grid-template-columns:1fr auto}@media (min-width: 720px){.detail-stats{grid-template-columns:1fr 1fr}}
