.route-input{width:fit-content;border:1px solid #ccc;background-color:white;border-radius:4px;padding:.5rem;margin:.5rem auto;display:flex;flex-direction:column;align-items:center}.route-label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1.2rem}.route-stations{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stations-input-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem;align-items:center}.station-input{display:inline-flex;align-items:center}.station-input-field{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.route-separator{margin:0 .5rem;font-weight:700;font-size:1.2rem}.route-stations-buttons{display:inline-flex;align-items:center;gap:.35rem}.add-station-button,.remove-station-button{padding:.5rem;border:none;border-radius:4px;width:5rem;height:2rem;cursor:pointer;text-align:center;font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1;margin:1rem;user-select:none}.add-station-button{background-color:#05e;color:white}.remove-station-button{background-color:#c20;color:white}.add-station-button:hover{background-color:#04a}.remove-station-button:hover{background-color:#a00}.add-station-button:disabled,.remove-station-button:disabled{background-color:#ccc;cursor:not-allowed}.tickets-input{width:fit-content;max-width:100%;border:1px solid #ccc;background-color:white;border-radius:4px;padding:.5rem;margin:2rem auto;display:flex;flex-direction:column;align-items:center}.ticket-label{display:block;margin-bottom:.5rem;font-weight:700;font-size:1.2rem}.normal-ticket-list{flex-direction:column}.normal-ticket-item,.normal-ticket-list{display:flex;align-items:center;gap:.5rem}.normal-ticket-item{flex-wrap:wrap}.special-ticket-item{max-width:100%}.normal-ticket-item input[type=number],.normal-ticket-item input[type=text],.special-ticket-item input[type=number],.special-ticket-item input[type=text]{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;box-sizing:border-box}.station-input-field{width:120px}.fare-input-field{width:80px;text-align:right}.memo-input-field{width:200px}.direction-toggle-button{padding:.5rem;border:none;border-radius:4px;background-color:#05e;color:white;cursor:pointer;text-align:center;font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.direction-toggle-button:hover{background-color:#04a}.remove-ticket-button{padding:.5rem;border:none;border-radius:4px;background-color:#c20;color:white;cursor:pointer;text-align:center;font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.remove-ticket-button:hover{background-color:#a00}.remove-ticket-button:disabled{background-color:#ccc;cursor:not-allowed}.add-ticket-button{padding:.5rem;border:none;border-radius:4px;background-color:#05e;color:white;cursor:pointer;text-align:center;font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.add-ticket-button:hover{background-color:#04a}.add-ticket-button:disabled{background-color:#ccc;cursor:not-allowed}.special-ticket-item,.special-ticket-list{display:flex;flex-direction:column;align-items:center;gap:.5rem}.special-ticket-item{flex-wrap:wrap;padding:.5rem;border:1px dashed #ccc;border-radius:4px;box-sizing:border-box}.special-ticket-main-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;max-width:100%}.special-ticket-item select{font-weight:700;border:1px solid #ccc;background-color:white;border-radius:4px;padding:.5rem;font-size:.9rem;height:2.2rem;box-sizing:border-box}.ticket-name-input-field{width:140px}.special-ticket-approach,.special-ticket-free-stations{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:#f9f9f9;padding:.5rem;border-radius:4px;box-sizing:border-box}.special-ticket-label{font-weight:700;font-size:.9rem}.free-station-list,.special-ticket-approach-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.free-station-list{justify-content:center;max-width:100%}.free-station-input{display:inline-flex;align-items:center;gap:.25rem}.free-station-buttons{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem}.add-free-station-button,.remove-free-station-button{width:3rem;height:1.4rem;padding:0;border:none;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;line-height:1;user-select:none}.add-free-station-button{background-color:#05e;color:white}.add-free-station-button:hover{background-color:#04a}.remove-free-station-button{background-color:#c20;color:white}.remove-free-station-button:hover{background-color:#a00}.remove-free-station-button:disabled{background-color:#ccc;cursor:not-allowed}.calculate-button-container{display:flex;justify-content:center;align-items:center;margin:.5rem auto}.calculate-button{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#0a5;color:white;cursor:pointer;text-align:center;font-size:1.2rem;font-weight:700}.calculate-button:hover{background-color:#084}.calculate-button:disabled{background-color:#ccc;cursor:not-allowed}.calculated-route{width:fit-content;max-width:100%;border:1px solid #ccc;background-color:white;border-radius:4px;padding:.75rem;margin:.5rem auto 2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.route-total-fare{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.total-fare-value{color:#05e}.route-used-special-tickets{width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.5rem;background-color:#f9f9f9;border-radius:4px;box-sizing:border-box}.used-tickets-label{font-weight:700;font-size:.9rem}.used-tickets-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.used-ticket-item{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border:1px solid #ccc;border-radius:4px;background-color:white;font-size:.85rem}.used-ticket-name{font-weight:700}.no-tickets,.used-ticket-memo{color:#666;font-size:.85rem}.route-segments{display:flex;flex-direction:column;gap:.2rem;width:100%;max-width:100%;overflow-x:auto}.route-segment{display:grid;grid-template-columns:5rem 1.5rem 5rem 1fr 5rem;align-items:center;gap:.3rem;padding:.2rem .3rem;border:1px dashed #ccc;border-radius:4px;background-color:#f9f9f9;box-sizing:border-box;font-size:.9rem;width:max-content;min-width:100%}.segment-station-from{text-align:right;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-arrow{text-align:center;font-weight:700;color:#666;user-select:none}.segment-station-to{text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-ticket-info{display:flex;align-items:center;gap:.35rem;overflow:hidden;white-space:nowrap}.segment-ticket-name{font-weight:500}.segment-memo{color:#666;font-size:.8rem}.segment-fare{text-align:right;font-weight:700}